@media only screen and (max-width: 1500px) { 
   header .logo img{
       width: 200px;
    }
}
@media only screen and (max-width: 1279px) { 
    #menu{
      display: none;
    }
    header{
      height: 80px;
    }
    header .logo{
      left: 50%;         /* Center the logo horizontally */
      top: 0;
      transform: translateX(-50%); /
    }
     header .logo img{
       width: 180px;
    }
    .title .adimg img{
       width: 70%;
    }
    .slicknav_menu {
      display: block;
      z-index: 9000;
      top: 15px;
      right: 5px;
      width: 100%;
      font-size: 22px;
    }
    .slicknav_menu .slicknav_icon-bar {
      background: #ad1c27 !important;
      padding: 2px 6px;
      width: 30px;
    }
    .slicknav_btn {
      background: transparent !important;
      z-index: 5000;
    }
   .slicknav_menu > ul{
      height: auto !important;
      text-align: center;
      background: #0a2b6f;
      padding: 15px;
      position: relative;
      top: -6px;
      right:2px;
      z-index: 4000;
      font-weight: 600;
    }
    .slicknav_nav a{
      color: #fff;
    }
    .slicknav_nav a:hover{
      color: #fff;
    }
     .slicknav_menu li > ul {
      display: block !important;
      margin: 0;
    }
    .slicknav_menu > ul > li{
       border-bottom: 1px solid #ad1c27 ;
      font-size: 17px;
    }
}
@media only screen and (min-width: 1280px) {  
  .slicknav_menu {
     display:none;
  } 
}
@media only screen and (max-width: 1200px) { 
    .bottombtns ul {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Creates two equal-width columns */
            gap: 20px;
        }
         .bottombtns ul li:last-child {
            grid-column: span 2; /* Makes the last item take up both columns */
        }
    .bottombtns ul li {
      font-size: 18px;
    }
     .item h3{
      font-size: 20px;
    }
  
    header .misc a{
      display: block;
    }
}
@media only screen and (max-width: 1024px) { 
    header .misc{
      display: none;
    }
    .title h1 {
      font-size: 40px;
    }
    .title h1 span{
      font-size: 20px;
    }
   
    .mobile-svg {
        display: block !important; /* Show mobile SVGs on mobile */
    }
    .title .btns a {
      display: block;
      margin-bottom: 15px;
    }
     .desktop-svg {
        display: none !important; /* Hide desktop SVGs on mobile */
    }
    .centertext{
        width: 90%;
    }
   
}
@media (max-width: 990px) {
  .grid {
        grid-template-columns: 1fr 1fr; /* Two columns on medium screens */
    }
    .item h3{
      font-size: 20px;
    }
    .item  p{
      line-height: 15px;
      font-size: 12px;
    }
    .item .desc span{
      font-size: 14px;
    }
    .subbanner{
      height: 300px;
    }
    .carousel-item img{
      min-height: 900px;
    }
}
@media (max-width: 768px) {
     .maincontent h2{
        font-size: 30px;
    }
    .maincontent p{
      font-size: 15px;
      line-height: 25px;
    }
    header .logo img{
       width: 200px;
    }
    footer{
      text-align: center;
    }
}

@media (max-width: 576px) {
    .grid {
        grid-template-columns: 1fr; /* Single column on small screens */
    }
     .title h1 {
      font-size: 25px;
    }
    .title h1 span{
      font-size: 20px;
      letter-spacing: 5px;
    }
}