@media all and (max-width:1920px){
}

@media all and (max-width:1600px){
}

@media all and (max-width:1400px){
}

@media all and (max-width:1370px){
}

@media all and (max-width:1290px){
    .scroller {bottom: 30px;}
}

@media all and (max-width:1199px){
    .banner-content h2 {font-size: 30px;}
}

@media all and (max-width:1024px){
    h1 {font-size:60px;}
    h2 {font-size:50px;}
    h3 {font-size:40px;}
    h4 {font-size:20px;}
    h5 {font-size:16px;}
    .banner-content h1 {font-size: 40px;}
    .container {padding-left: 30px; padding-right: 30px;}
    .mob-scroll {display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none;}
    .mob-scroll::-webkit-scrollbar {display: none;}
    .mob-scroll .cont-box {flex: 0 0 40%; max-width: 100%;}
    .contact-main-box {padding: 30px;}
}

@media all and (max-width:992px){
    .mob-scroll .cont-box {flex: 0 0 55%;}
    .cont-btn {flex-direction: column; align-items: end;}
    .cont-btn small {display: none;}
}

@media (max-width: 991px) and (min-width: 601px) {
    .team-sec .grid {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 16px;
      padding-bottom: 10px;
    }
  
    .team-box {
      flex: 0 0 calc(50% - 24px); /* 3 boxes visible */
      scroll-snap-align: start;
      flex-shrink: 0;
    }
  
    .team-sec .grid::-webkit-scrollbar {
      display: none;
    }
  }
  
  /* Mobile: below 600px => show 1 full and half card */
  @media (max-width: 600px) {
    .team-sec .grid {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 16px;
      padding-bottom: 10px;
    }
  
    .team-box {
      flex: 0 0 calc(100% - 60px); /* full + partial */
      scroll-snap-align: start;
      flex-shrink: 0;
    }
  
    .team-sec .grid::-webkit-scrollbar {
      display: none;
    }
  }

@media all and (max-width:768px){
    h1 {font-size:30px;}
    h2 {font-size:20px;}
    h3 {font-size:18px;}
    h4 {font-size:16px;}
    h5 {font-size:14px;}
    .banner-content h1 {font-size: 26px;}
    .banner-content p {font-size: 20px;}
    .common-banner {aspect-ratio: 16 / 9;}
}

@media all and (max-width:767px){
    
}

@media all and (max-width:640px){
    .mob-scroll .cont-box {flex: 0 0 60%;}
    .copyright {flex-direction: column; gap: 16px;}
    .core-value-sec .left figure {height: auto;}
    
}

@media all and (max-width:576px){
    .common-banner {aspect-ratio: 12 / 9;}
    .banner-content h2 {font-size: 20px;}
    .mob-scroll .cont-box {flex: 0 0 90%;}
    .grid {grid-template-columns: repeat(1, 1fr);}
    .footer-box a img {width: 150px;}
}

@media all and (max-width:480px){
}

@media all and (max-width:360px){
}