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

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

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

    header .navbar .navbar-nav li .nav-link,header .navbar .navbar-nav li a{font-size: 0.875rem;}    
    header .navbar .navbar-nav .dropdown-menu h6,header .navbar .navbar-nav .dropdown-menu ul li a{font-size: 0.875rem;}
    header .navbar .navbar-nav> li{margin: 0 8px;}
    header .navbar .navbar-nav li a {padding: 1.5rem 8px;}
    
    /* .banner .banner-pic{width: 65%;} */
    
}
@media (-webkit-min-device-pixel-ratio: 1.75) { 
    
}

@media only screen and (min-width:992px) and (max-width:1280px){
    .inner-banner{padding-top: 26%;}
    .banner-slider.owl-carousel.style01 .owl-prev{left: 40px;}
    .banner-slider.owl-carousel.style01 .owl-next{right: 40px;}
}
@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){
    
    .middle-block .item .block{top: 0; margin-bottom: 0;}
}

@media only screen and (min-width:768px) and (max-width:1366px){
    
    header {background: rgb(var(--color_white)); box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1);}
    header .navbar {padding: 10px 0; margin-top: 0; }
    header .navbar .navbar-brand {max-width: 160px; }
    .navbar-toggler{position: absolute; right: 20px; top: 12px;}    
}

@media only screen and (min-width:1003px) and (max-width:1024px) {
    
    .banner-slider .slide02 .shape {left: 20%;}

    .middle-block .item .block{top: 0; margin-bottom: 0;}
    .testimonials .owl-prev{left: 0;}
    .testimonials .owl-next{right: 0;}

    .footer .middle-content{margin-top: -100px;}
    .brochure-pic{width: 400px;}

}

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

    .banner-slider .slide01 .d-flex,.banner-slider .slide02 .d-flex{flex-direction: column-reverse; justify-content: center;}
    .banner .banner-text,.banner-slider .slide02 .banner-text{position: relative !important; left: 0; right: 0;}
    .banner-slider .slide01 .banner-text,.banner-slider .slide02 .banner-text{text-align: center;}
    .banner-slider .slide01 .banner-text br,.banner-slider .slide02 .banner-text br{display: none;}
    .banner-slider .item .btn-custom{justify-content: center;}
    .banner-slider .slide02 .shape{left: 0;}
    .banner .banner-pic{width: auto;}    
    .banner .owl-carousel.style01 .owl-nav{display: none;}
    .banner-slider .slide01 .banner-text .pin,.banner-slider .slide02 .banner-text .pin{display: none;}

    .shop-block .logo-wrap{flex-direction: column;}
    .shop-block .logo-wrap .img{max-width: 120px; margin: 0 auto 20px;}
    
    #product-tabs{flex-wrap: nowrap; overflow: hidden; overflow-x: scroll;}
    #product-tabs .nav-item .nav-link{padding: 15px 30px; white-space: nowrap;}
    .middle-block .item .block{top: 0; margin-bottom: 0;}
    .testimonials .owl-prev{left: 0;}
    .testimonials .owl-next{right: 0;}

    #product-content .large-pic{max-width: 400px; margin: 0 auto 40px;}
    .footer .middle-content{margin-top: -100px;}
    .brochure-pic{display: none;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
     
    header .navbar{padding:10px 0; margin-top: 0;}
    header .navbar .navbar-brand {max-width: 180px;}
    
    .search-block.active{width: auto;}
    header{background: rgb(var(--color_white)); box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1);}
    header .navbar::before{clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px, 10px 0);}
    .navbar-toggler{position: absolute; right: 0; top: 12px;}

    .search-trigger{position: absolute; right: 75px; top: 20px;}

    header .navbar .navbar-nav li{margin: 0;}
    header .navbar .navbar-nav li .nav-link{padding: 12px 0;}
    header .navbar .navbar-nav .dropdown-menu{padding: 15px 0; width: 100%; clip-path: none; box-shadow: none; position: relative;}
    header .navbar .navbar-nav .dropdown-menu::before{display: none;}

    header .navbar .navbar-nav .has-megamenu-1 .dropdown-menu .menu-block,
    header .navbar .navbar-nav .has-megamenu-2 .dropdown-menu .menu-block,
    header .navbar .navbar-nav .has-megamenu-3 .dropdown-menu .menu-block,
    header .navbar .navbar-nav .has-megamenu-4 .dropdown-menu .menu-block,
    header .navbar .navbar-nav .has-megamenu-5 .dropdown-menu .menu-block,
    header .navbar .navbar-nav .has-megamenu-6 .dropdown-menu .menu-block{width: 100%;}
    header .navbar .navbar-nav .dropdown:hover .dropdown-menu{display: block;}
    header .navbar .navbar-nav .dropdown .dropdown-menu{width: 100% !important; max-width: none; transform: none !important; left: 0; --bs-gutter-x:0; padding: 1rem;
        background-color: rgba(var(--color_white),0.4); backdrop-filter: blur(10px); border: none; border-radius: 15px;
    }
    
    header .navbar .navbar-nav .dropdown .dropdown-menu .menu-block ul{margin-bottom: 1rem;}
    header .navbar .navbar-nav .dropdown .dropdown-menu ul li a{display: block; margin-bottom: 12px;}
    header .navbar .navbar-nav .dropdown .dropdown-menu ul li:last-child a{margin-bottom: 0;}
    

    .trending-slider .owl-prev{left: 0;}
    .trending-slider .owl-next{right: 0;}
    

    #navbarOffcanvas{background: linear-gradient(270deg, #B3E1FB 1.56%, #F4E2F4 91.67%);}
    
    .banner-slider .banner-text .pin{display: none;}

    .banner,.banner-slider, .banner-slider .item{height: 500px;}
    .banner .container .shape{max-width: 260px;}
    .banner-slider .owl-item:nth-child(odd) .item .d-flex,.banner-slider .owl-item:nth-child(even) .item .d-flex{flex-direction: column-reverse; justify-content: center;}
    .banner .banner-text{position: relative !important; left: 0; right: 0; width: 100%;}
    .banner-slider .banner-text{text-align: center;}
    .banner-slider .banner-text br{display: none;}
    .banner-slider .item .btn-custom{justify-content: center;}
    .banner-slider .owl-item:nth-child(even) .shape{left: 0 !important;}
    .banner .banner-pic{width: auto;}
    .banner .owl-carousel.style01 .owl-nav{display: none;}
    .banner-slider .owl-item .container .shape{display: none;}
    .banner .banner-slider .owl-item.owl-item:nth-child(5) .banner-pic{}

    .shop-block .outline{left: 20px; top:-10px;}
    .shop-block .item{padding: 0.5rem;}
    .shop-block .img{width: 90px;}
    .logo-wrap::after{display: none;}
    .shop-block .item .text{padding: 0.5rem 0.5rem 0;}
    .shop-block .item .text .icon{top: 0;}
    .shop-block .item .text h5{font-size: 12px;}

    .products::after, .products::before{border-left-width: 50px; border-right-width: 50px;}
    .products::before{left: -50px; border-top-width:50px;}
    
    #product-tabs{overflow: hidden; overflow-x: scroll; flex-wrap: nowrap;}
    #product-tabs .nav-item .nav-link{padding: 15px; white-space: nowrap;}

    #product-content .large-pic{max-width: 100%;}

    .pattern{display: none;}
    .middle-block .item .block{top: 0; margin-bottom: 0;}
    .middle-block .item h4{padding: 20px;}

    .testimonials::before{left: -50px; border-left-width: 50px; border-right-width: 50px; border-top-width: 50px;}

    .testimonials .owl-nav{display: flex; justify-content: center;}
    .testimonials .owl-prev, .testimonials .owl-next{position: relative; top: 0; transform: none; margin: 15px;}
    .testimonials .owl-prev{left: 0;}
    .testimonials .owl-next{right: 0;}
    /* header .navbar .navbar-nav {max-height: 85vh; overflow-y: scroll;} */

    .footer .middle-content{margin-top: -70px;}
    .brochure-pic{display: none;}
    .inner-banner{padding-bottom: 70%; padding-top: 0;}    
    .breadcrumb{justify-content: center;}
    .slideControls .slidePrev, .slideControls .slideNext{top:-50px}
}

@media only screen and (max-width:767px) and (orientation: landscape) {
    .banner,.banner-slider, .banner-slider .item{height: 700px;}
    
}

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