@media (-webkit-min-device-pixel-ratio: 1.1) { 
    
}

@media (-webkit-min-device-pixel-ratio: 1.4) { 
    
}

@media (-webkit-min-device-pixel-ratio: 1.5) { 

    
    
}
@media (-webkit-min-device-pixel-ratio: 1.75) { 
    
}

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

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

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


@media only screen and (min-width:1003px) and (max-width:1200px) {
    
    .btn-custom{padding: 9px 12px;}
    header .navbar{padding: 10px 0;}
    header .navbar .navbar-nav li .nav-link{padding: 0.8rem;}

    .engineering .card{padding: 1.5rem;}
    .footer .top{padding: 1.5rem;}

    .banner{height: calc(100svh - 85px); max-height: none;}

}

@media only screen and (min-width:768px) and (max-width:1002px) {
    .btn-custom{padding: 9px 12px;}
    header .navbar{padding: 10px 0;}
    header .navbar .navbar-nav li .nav-link{padding: 0.8rem;}

    .engineering .card{padding: 1.5rem;}
    .banner{height: calc(100svh - 80px); max-height: none;}
    .career .row [class^="col-"]:last-child .card::before,.contact-us .row [class^="col-"]:first-child .card::before{display: none;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
     
    .btn-custom{padding: 9px 12px;}
    header .navbar{padding: 10px 0;}
    header .navbar .navbar-brand{max-width: 160px;}
    header .navbar .navbar-nav li .nav-link{padding: 0.8rem;}
    
    .banner{height: calc(100svh - 72px); max-height: none;}
    .owl-carousel.style02 .owl-nav button.owl-next{right: -10px;}
    .owl-carousel.style02 .owl-nav button.owl-prev{left: -10px;}
    .footer .top{padding: 14px;}
    .footer .top .btn-wrap .btn-custom{padding: 9px 12px; font-size: 14px;}
    .engineering .card{padding: 1.5rem;}

    .footer .copyright-outer{text-align: center;}

    .inner-banner{padding-top: 40%;}
    .inner-banner h1{margin-bottom: 0;}
    .breadcrumb{display: none;}
    .values-list li{width: 100%;}

    .cert-item .cert-title, .cert-item .status{padding: 20px;}
    .cert-item .cert-title{width: 100%; border: none; border-bottom: 2px solid #EDF8D4;}
    .cert-item .status{width: 100%; text-align: left;}

    .accordion .card-header a{padding: 20px 55px 20px 20px; font-size: 1.2rem;}
    .accordion .card-body{padding: 20px;}
    .accordion .card-header a::after{top: 1.2rem;  right: 1.2rem;}
    .career .row [class^="col-"]:last-child .card::before,.contact-us .row [class^="col-"]:first-child .card::before{display: none;}

    .product-menu{display: flex; flex-wrap: nowrap; overflow-x: scroll;}
    .product-menu li{margin: 0 1rem 1rem 0; }
    .product-menu li a{white-space: nowrap;}


}

@media only screen and (max-width:767px) and (orientation: landscape) {
    .navbar-collapse{ overflow: hidden; overflow-y: scroll; height: 75vh;}

    
}

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