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

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

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

@media only screen and (min-width:1366px) and (max-width:1600px){
    
    .banner .slider .item .product-block{padding: 1rem 0 1rem 1.5rem;}  
    .banner .slider .item img{transform: scale(0.9);}
    .banner .slider .item .pro-pic{bottom: 30px;}
    
}

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

@media only screen and (min-width:1025px) and (max-width:1366px){
    .navbar-brand{max-width: 160px;}
    header .navbar .navbar-nav .nav-link{padding: 15px 5px; font-size: 0.80rem;}
    header .navbar .navbar-nav .dropdown-menu li .nav-link{padding: 8px 12px;}
    header .btn-custom{margin-left: 10px; font-size: 0.80rem;}
    header .container-fluid{padding: 0 15px;}
    .banner .slider .item .pro-pic{bottom: 40px;}

}


@media only screen and (min-width:1003px) and (max-width:1024px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    .navbar-brand{max-width: 120px;}
    header .navbar .navbar-nav .nav-link{font-size: 0.80rem;}
    header .navbar .navbar-nav .nav-item{margin: 0 10px;}
    header .navbar .navbar-nav .dropdown-menu li .nav-link{padding: 8px 12px;}
    header .btn-custom{margin-left: 10px; font-size: 0.80rem;}
    header .container-fluid{padding: 0 15px;}

    .banner .slider .owl-item .pro-pic{bottom: 30px;}
    #inner-banner{height: 300px;}

    .quality-bg::after{background-position: 40% top;}
    #quality-inner::before{display: none;}
    #quality-inner .wave-outer02{display: none;}

    #totop i{font-size: 40px !important;}
    .news-content{width: 92%;}
    .footer,.footer .middle{border-radius: 60px 60px 0 0;}
    .radius{border-radius: 30px 30px 30px 0;}
    .radius img, .radius iframe{border-radius: 30px 30px 30px 0;}
    .service-item{padding: 1.5rem !important; min-height: 200px;}
    .icon-wrap{width: 70px; height: 70px;}
}

@media only screen and (min-width:768px) and (max-width:1002px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    header{background-color: rgb(var(--color_white)); box-shadow: 0px 4px 50px rgb(0 0 0 / 10%);}
    header .container{margin-top: 0;}
    .navbar-brand{max-width: 170px;}
    header .container-fluid{padding: 0 15px;}
    header .navbar .navbar-nav{padding: 20px 0 0;}
    header .navbar .navbar-nav li{margin-left: 0 !important;}
    header .navbar .navbar-nav .nav-link{padding: 15px 10px;}
    header .btn-custom{margin-left: 0 !important;}
    header .dropdown-menu{width: 100%;}
    

    .banner .slider .item .product-block{padding: 2rem 50% 2rem 2.5rem; width: 130%; margin-left: 0;}
    .about .about-block-inner:before{width: 100%;}
    .solutions .solutions-block-inner:before{width: 100%;}
    .about .about-block-inner .text-block{max-width: 100%;}
    .about .about-block-inner .text-block h2:before{left: 0;}

    .solutions-block .first-block::after{display: none;}
    .news-block::before{width: 100%; max-width: 100%;}
    .news-content{width: 100%; margin-left: 15px;}
    .application-block .view-link{margin-top: 20px;top: 100% !important;}
    .application-block .style01 .owl-nav{justify-content: flex-start;}
    .news-block .view-link { right: 0; top: 100%; margin-top: 20px; color: rgb(var(--color_white)) !important;}
    .news-slider .owl-nav{left: 15px !important; right: auto !important;}
 
    h2.title br{display: none;}

    #inner-banner{height: 200px;}
    .quality-bg::after{display: none;}
    #quality-inner::before{display: none;}

    .footer .top .info{padding: 0;}
    .footer .top .container{padding: 30px 15px; height: auto;}
    #totop i{font-size: 40px !important;}
    .copyright{text-align: center; margin-bottom: 15px;}
    .footer .bottom .social-media{justify-content: center; margin-bottom: 15px;}
    .footer .bottom .links{margin-top: 15px; text-align: center;}
    .footer .bottom .links a{margin: 0 10px;}

    .img-text-block{width: 100%;}
    .highlight-text{background-color: rgba(var(--primary1)); padding: 15px;}
    .highlight-text h2{padding: 0 !important;}
    .cust-tabs{overflow-x: scroll; flex-wrap: nowrap; justify-content: flex-start !important; padding-bottom: 30px;}

    .application-list {overflow-x: scroll; flex-wrap: nowrap; justify-content: flex-start !important;}
    .product-block .item br{display: none;}
    .recycling-pic{margin-top: 0;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}

    header{background-color: rgb(var(--color_white)); box-shadow: 0px 4px 50px rgb(0 0 0 / 10%);}
    header .container{margin-top: 0;}
    .navbar-brand{max-width: 130px;}
    header .navbar .navbar-nav{padding: 20px 0 0;}
    header .navbar .navbar-nav .dropdown-menu li a{padding:10px 15px;}
    header .dropdown-menu{width: 100%; transform:none;}
    header .navbar .navbar-nav .nav-item{margin: 0;}
    header .navbar .navbar-nav .nav-item .nav-link{padding:10px 15px;}
    header .dropdown-menu li{width: 100%;}
    
    
    .contact-info a:last-child{margin-left: 7px; padding: 7px 14px;}
    .contact-info a{width: 35px; height: 35px;}

    .banner{height: 100vh; padding-top: 70px;}
    .banner .banner-text{margin: 30px 0 0 0;}
    .banner .banner-text:first-child{margin: 0;}
    .banner .banner-text .banner-item{margin: 0; width: 100%;}
    .banner .banner-text .banner-item{flex-direction: column !important;}
    
    .btn-custom{border-radius: 14px 14px 14px 0px; font-size: 0.85rem;}
    .footer .top .btn-custom{margin: 0 15px 0 0 !important;}
    .btn-custom.fill-none{font-size: 0.75rem;}
    .case-study .card .card-footer .text br{display: none;}
    .testimonial-slider .item .card{border-radius: 34px 34px 34px 0px;}
    
    #clientele .clientele-slider .item .img-wrap{margin: 10px;}
    .contact-info a{border-radius: 14px 14px 14px 0px;}
    .footer,.footer .middle{border-radius: 60px 60px 0 0;}
    .footer .middle .circle-pic{top: 0;}
    .footer .middle .f-logo{width: 100px;}
    .circle-pic {display: none !important;}
    .inner-banner{height: 240px;}
    .inner-banner h1 br{display: none;}

    .footer,.footer .middle{border-radius: 60px 60px 0 0;}
    .radius{border-radius: 30px 30px 30px 0;}
    .radius img, .radius iframe{border-radius: 30px 30px 30px 0;}
    .service-item{min-height: 200px;}
    .icon-wrap{width: 50px; height: 50px; margin-left: 15px;}
    .icon-wrap svg{width: 75%; margin: auto; display: block;}
    .services-block .item{min-height: auto;}
    .services-block .item h4 br{display: none;}
}

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

}

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