@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){
    
    
    
}

@media only screen and (min-width:1280px) and (max-width:1440px){
   
}

@media only screen and (min-width:1025px) and (max-width:1366px){
     
}


@media only screen and (min-width:1025px) and (max-width:1400px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    header .navbar .navbar-nav .nav-item {margin: 0 1.2rem 0 0; }
    header .navbar .navbar-nav .nav-item .nav-link{font-size: 1rem;}
    header .social-media span{font-size: 1rem;}
    .social-media span{margin-right: 1rem;}
    .khuoo-info{margin-top: -70px;}
    .exhibition .exhibition-innner .exhibition-content {padding: 35px 25px 25px; }
}

@media only screen and (min-width:993px) and (max-width:1024px) {
    header .navbar .navbar-nav .nav-item {margin: 0 1rem 0 0; }
    header .navbar .navbar-nav .nav-item .nav-link{font-size: 1rem;}
    header .social-media span{font-size: 1rem;}
    .slider-nav .slick-slide.thumbnail-image .thumbImg{border-radius: 10px; height:auto; padding: 7px;}
    .footer .bottom .footer-links li a{font-size: 1rem;}
    
    .khuoo-info{margin-top: -80px;}
    .inspiration-block{margin-top: -50px;}
    .about-pic .logo-light{bottom: -70px;}
}

@media only screen and (min-width:768px) and (max-width:992px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    header .navbar .navbar-nav .nav-item {margin: 0 1rem 0 0; }
    header::after{bottom: 0;}
    header .navbar .navbar-nav{align-items: flex-start !important;}
    header .navbar .navbar-nav .nav-item{margin: 0; width: 100%;}
    header .navbar .navbar-nav .nav-item .nav-link{padding: 20px 15px; font-size: 1rem; display: block;}
    header .social-media{justify-content: flex-start;}
    .social-media{ margin: 15px;}
    .social-media span{font-size: 1rem;}
    .navbar-toggler{background-color: rgb(var(--primary1)); border-color: rgb(var(--primary1));}
    .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .khuoo-info{margin-top: -50px;} 
    .exhibition .exhibition-innner .exhibition-content {padding: 35px 25px 25px;}
    .exhibition-pic{border-radius: 25px 25px 25px 0; margin-top: -50px; right: -15px;}
    .exhibition-pic img{border-radius: 25px 25px 25px 0;}
    .exhibition .exhibition-innner{border-radius: 25px;}
    h1 {font-size: 2.4rem; margin: 1.5rem 0 2.5rem;}
    h2.title{font-size: 2.4rem;}
    h2.title.has-shape::after{left: -44px; top: 60px;}
    
    .banner-slider .slider.slider-nav{display: block; height: auto; position: absolute; max-width: 100%; right: 0; top: auto; bottom: 0; transform: none;}
    .product-info .product-details{margin-top: 30px;}
    .slider-nav .slick-slide.thumbnail-image .thumbImg{border-radius: 10px; height:auto; padding: 7px;}
    .banner-slider .slick-prev.slick-arrow{left: 0; right: auto;}
    .banner-slider .slick-next.slick-arrow{right: 0; left: auto;}
    .contact-form h2.title {line-height: normal;}
    .product-slider .slick-next{right: -35px;}
    .product-slider .slick-prev{left: -35px;}
    .footer .top p{max-width: 90%; margin: 0 auto;}
    .footer .bottom .footer-links{padding: 0;}

    .inspiration-block{margin:30px 0 100px;}
    .about-pic .logo-light{bottom: -70px;}

}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    header::after{bottom: 0;}
    header .navbar-brand{max-width: 80px;}
    header .navbar .navbar-nav{align-items: flex-start !important;}
    header .navbar .navbar-nav .nav-item{margin: 0; width: 100%;}
    header .navbar .navbar-nav .nav-item .nav-link{padding: 20px 15px; font-size: 1rem; display: block;}
    header .social-media{justify-content: flex-start;}
    .social-media{ margin: 15px;}
    .social-media span{font-size: 1rem; margin-right: 16px;}
    .navbar-toggler{background-color: rgb(var(--primary1)); border-color: rgb(var(--primary1));}
    .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .banner-logo{bottom: -50%; }
    .banner-video{border-radius: 10px;}
    .banner-video video{border-radius: 10px;}
    h1 {font-size: 2rem; margin: 1.5rem 0 2.5rem;}
    h2.title{font-size: 2rem; line-height: 60px;}
    h2.title::after{left: -44px; top: 59px;}
    h2.title.has-shape::after{display: none;}

    .collection-item .item-name{font-size: 1rem;}
    .collection-item:hover .item-name .arrow-icon{right: 0;}
    .khuoo-info{margin-top: 0;}

    .why-pic,.why-pic img{border-radius: 25px;}

    .exhibition .exhibition-innner{border-radius: 25px;}
    .exhibition .exhibition-innner .exhibition-content {padding: 35px 25px 25px;}
    .exhibition-pic{margin-top: 0; right: 0; border-radius: 25px;}
    .exhibition-pic img{border-radius: 25px;}
    .footer .top{padding: 30px 20px; background: linear-gradient(to right,  #fddfe6 0%,#fddfe6 28%,#fef2d9 73%,#fef2d9 100%);}
    .footer .bottom{border-radius: 0;}
    .footer .bottom .copyright{text-align: center;}
    .footer .bottom .footer-links{flex-wrap: wrap; padding: 0; justify-content: center;}
    .footer .bottom .footer-links li{margin: 0 0.8rem 0.8rem 0.8rem;}
    .footer .bottom .footer-links li a{font-size: 1rem;}

    .product-slider .slick-prev{left: 35%;}
    .product-slider .slick-next {right: 35%;}
    .product-slider .slick-prev, .product-slider .slick-next{top: auto; transform: none; width: 40px; height: 40px; bottom: -50px;}

    .inspiration-block{margin-top: 50px; margin-bottom: 50px;}
    .about-pic .logo-light{bottom: -50px;}
    .about-pic img {border-radius: 25px;}
    .inspiration-block .bg {border-radius: 0 25px 25px; padding: 1.5rem;}
    .collection-pic{margin-top: 0; left: 0; border-radius: 25px;}
    .collection-pic img{ border-radius: 25px;}
    .collection .collection-innner{border-radius: 25px;}
    .collection .collection-innner .collection-content {padding: 35px 25px 25px;}
    .banner-slider .slider.slider-nav{display: block; height: auto; position: absolute; max-width: 100%; right: 0; top: auto; bottom: 0; transform: none;}
    .product-info .product-details{margin-top: 30px;}
    .slider-nav .slick-slide.thumbnail-image .thumbImg{border-radius: 10px; padding: 7px;}
    .banner-slider .slick-prev.slick-arrow{left: 0; right: auto;}
    .banner-slider .slick-next.slick-arrow{right: 0; left: auto;}
    .contact-form h2.title {line-height: normal;}

    .banner-slider .slick-next.slick-arrow,.banner-slider .slick-prev.slick-arrow{width: 40px; height: 40px;}

}

@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) { 
  
}