@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-3 {
        padding: 0px 2%;
    }
          #gallery {

        column-count: 3;

        column-gap: 20px;
      }
}

 

    @media (max-width:800px) {
      #gallery {

        column-count: 2;

        column-gap: 20px;
      }
    }

    @media (max-width:600px) {
      #gallery {

        column-count: 1;
      }
    }
@media only screen and (max-width:767px){
    .footer2{
        padding-top: 3rem !important;
    }
       .banner-heading { font-size: 28px; }
    .banner-text { font-size: 16px; }
    .video-foreground { width: 200vw; height: 200vh; 
    }
      .banner-heading {
    font-size: 1.8rem;
  }
  .banner-text {
    font-size: 1rem;
  }
  .contact-btn{
    top: 60%;
  }
}

/* Responsive layout Contact us*/
@media (max-width: 768px) {
  .contact-card {
    margin-bottom: 1.5rem;
  }
  .contact-section .btn-primary {
    width: 100%;
  }
  .contact-map iframe {
    min-height: 200px;
  }
    .about-content {
    flex-direction: column;
  }
    .section-title-one h2{
      font-size: 45px;
    }
      .mobile-carousel {
    display: none;
  }
   .desktop-logos {
    display: none;
  }
}

/* Mobile optimization */
@media (max-width: 576px) {
    .logo-card {
        width: 120px;
        height: 80px;
        margin: 0 12px;
        border-radius: 12px;
    }
    .section-title-one h2{
      font-size: 35px;
    }
 .about-section-one p{
  font-size: 16px;
 }
   .counter-wrapper.style-three .counter-number {
      width: 90px;
      height: 90px;
      line-height: 90px;
  }
  .counter-wrapper.style-three .counter-number h2 {
      font-size: 28px;
  }
  .counter-wrapper.style-three .counter-number i {
      font-size: 20px;
  }
  .banner-content p{
    display: none;
  }
  .footer3 h5{
    font-size: 25px;
  }
}
@media (max-width: 576px){
  .trades-carousel .training-card { height: 250px; }
  .trades-carousel .overlay p { font-size: 0.85rem; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-3 {
        padding: 0px 2%;
    }
}
@media only screen and (max-width:767px){
    .footer2{
        padding-top: 3rem !important;
    }
       .banner-heading { font-size: 28px; }
    .banner-text { font-size: 16px; }
    .video-foreground { width: 200vw; height: 200vh; 
    }
      .banner-heading {
    font-size: 1.8rem;
  }
  .banner-text {
    font-size: 1rem;
  }
}

/* Responsive layout Contact us*/
@media (max-width: 768px) {
  .contact-card {
    margin-bottom: 1.5rem;
  }
  .contact-section .btn-primary {
    width: 100%;
  }
  .contact-map iframe {
    min-height: 200px;
  }
    .about-content {
    flex-direction: column;
  }
    .section-title-one h2{
      font-size: 45px;
    }
      .mobile-carousel {
    display: none;
  }
   .desktop-logos {
    display: none;
  }
  .ourvision::after{
    display: none;
  }
   .stand-for-section {
    padding: 50px 0;
  }
.overview-section {
padding: 40px 0;
}
.overview-box {
margin-bottom: 20px;
}
  .stand-heading {
    font-size: 30px;
  }
 .value-section {
    padding: 50px 0;
    background: url("../Images/coreoffering.jpg") center/cover no-repeat;
  }
  .stand-text {
    font-size: 15px;
  }
  .ourvision::before{
    display: none;
  }
  .section-title-xxl{
    font-size: 20px;
  }
  .ourvision{
    padding: 60px 0;
  }
  .mission{
    font-size: 20px;
  }
}

/* Mobile optimization */
@media (max-width: 576px) {
    .logo-card {
        width: 120px;
        height: 80px;
        margin: 0 12px;
        border-radius: 12px;
    }
    .section-title-one h2{
      font-size: 35px;
    }
 .about-section-one p{
  font-size: 16px;
 }
   .counter-wrapper.style-three .counter-number {
      width: 90px;
      height: 90px;
      line-height: 90px;
  }
  .counter-wrapper.style-three .counter-number h2 {
      font-size: 28px;
  }
  .counter-wrapper.style-three .counter-number i {
      font-size: 20px;
  }
  .banner-content p{
    display: none;
  }
  .footer3 h5{
    font-size: 25px;
  }
}
@media (max-width: 576px){
  .trades-carousel .training-card { height: 250px; }
  .trades-carousel .overlay p { font-size: 0.85rem; }
}