@media only screen and (max-width: 1300px) {

}
@media only screen and (min-width: 1140px) and (max-width: 1366px) {


 }


@media only screen and (min-width: 1381px) and (max-width: 1440px) {



}

@media only screen and (min-width: 992px) and (max-width: 1380px) {


}



@media only screen and (min-width: 992px) and (max-width: 1280px) {


}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

}


@media only screen and (min-width: 768px) and (max-width: 992px) {

}
@media (max-width: 1024px) {
   .hero-section{height: 60vh; min-height: 520px;}
   .header .navbar-brand img{ max-width: 200px; height: auto;}
   .padding{padding: 40px 0;}

   .industries-section{margin-bottom: 50px;}


}



@media (max-width: 991px) {

  .inner-banner{padding-top: 50%;}
   .quality-card {
        min-height: 180px;
    }
    .center-overlay{padding: 30px;}
    .card-number{bottom: 0;}


}

@media only screen and (max-width:767px){

   .header .navbar-brand img{ max-width: 140px; height: auto;}
   .header{padding: 10px;}
   .header .container{padding: 0;}

   .phone-btn{width: 38px; height: 38px;}
   .header .btn-custom{padding: 8px 18px; }
   .btn-custom{margin-top: 0.5rem;}


   .hero-content h1 br{display: none;}

   .padding{padding: 40px 0;}

   h2.title br, h2 br{display: none;}

   .bullet-style li{padding-left: 18px;}

   .hero-section{height: 70vh; min-height: 400px;}

   .bottom-lines{margin-top: 40px;}

   .industries-section{margin-bottom: 50px;}
   .industries-wrapper{padding: 40px 16px 0;}
   .commitment-wrapper{padding: 40px 24px;}
   .industry-carousel .owl-nav{top: -60px;}

   .industry-card .card-footer{padding: 1rem;}

   .footer-contact p br{display: none;}

}



@media only screen and (max-width:767px) and (orientation: landscape) {



}



@media only screen and (min-width:320px) and (max-width:480px){



}