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

 .container{width:100%;max-width:1280px}

}



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

    .container {width: 100%; max-width: 1140px;}
    header .navbar .navbar-brand{max-width: 120px;} 
    .products .card:hover .card-body{transform: translateY(-240px);}
}



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

    header .navbar .navbar-brand{max-width: 120px;}

    header .navbar .navbar-nav .nav-item{margin: 0 8px;}

}

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



    header .navbar .navbar-nav .nav-item:first-child,header .navbar .navbar-nav .nav-item{margin: 0 5px;}

    header .navbar .navbar-nav .nav-item .nav-link,header.fixed .navbar .navbar-nav .nav-item .nav-link{padding: 0.75rem 0;}

    header.position-fixed{position: relative !important;}



    .banner,.banner .banner-content{height: auto; max-height:auto;}

    .banner .container{position: relative !important;}

}



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

    .navbar-collapse{max-height:100vh;overflow-y:auto}

    .navbar-toggler {filter: var(--imgWhite);}

    header.fixed .navbar-toggler {filter: none;}

    .navbar .navbar-brand img {max-width: 120px;}

    .navbar-nav {padding-top: 1rem;}

    .banner {padding-bottom: 50px;}

    .banner, .banner-slider, .banner .item {height: auto !important;}

    .products .card {margin-bottom: 1.5rem; padding: 1rem; height: auto;}

    .products .card .card-title br {display: none; margin-bottom: 1.5rem;}

    .products .card .card-body {padding: 0 !important;}

    .products .card .card-body ul {opacity: 1; visibility: visible; height: auto;}

    .products .card .btn-circle {position: relative; left: auto; bottom: auto;}

    #popup{width: 100% !important;}
    .download .container > div:before{display: none;}
    .inner-banner{padding-top: 50%;}

    #nav-tab{flex-wrap: nowrap; overflow: hidden; overflow-x: scroll;}
    #nav-tab .nav-link{white-space: nowrap;}

    .owl-carousel.style01 .owl-nav{top: -74px;}

    .tab-content ul li{width: 100%;}
}



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

}



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

}



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

}