@media(max-width:1500px){}

@media(max-width:1400px){}

@media(max-width:1200px){}

@media(max-width:1069px){

    header .headermn .navbar .navbar-brand{width: 22%;}
    header .nav-link{font-size: 12px;}
    header .whatsapp li:last-child a{font-size: 14px;}

    #about .content p{font-size: 15px;}

    #choose .inner{width: 165px; height: 165px; padding: 30px 15px;}
    #choose .inner h5{font-size: 18px;}

    #come .moortibg{padding: 130px 0;}

    #about-page .content p{font-size: 14px;}


}

@media(max-width:991px){
    
    header .drop .down{
        height: 350px;
        overflow: hidden;
        overflow-y: scroll;
    }

    header{padding: 8px 0; position: absolute;}
    header .headermn .navbar .navbar-brand{width: 35%;}
    header .whatsapp{justify-content: start; margin-top: 40px;} 
    header .drop .down1{top: 115px; width: 65%;}
    header .drop .down1 ul{columns: 1;}
    /*header .drop .down2{top: 159px; left: 140px; width: 65%;}*/
    header .drop .down.down1{top: 30px; left: 0px; width: 75%;}
    header .drop .down.down2{top: 70px; left: 0px; width: 75%;}
    header .search{display: block;}
    #search-menu .wrapper input{width: 80%;}
    #search-menu .wrapper button{font-size: 25px;}
    header .nav-link{font-size: 14px;}

    #slider .content h1{font-size: 35px;}
    #slider .content h2{font-size: 30px;}

    #about .content h3{font-size: 39px;}
   
    #come .moortibg{padding: 90px 0;}

    #countdown h2 p{font-size: 14px;}
    #countdown h2{font-size: 33px;}

    footer .footerinr .logo img{margin-bottom: 0; width: 60%;}
    footer .img{width: 28%;}

    #blog .blog-content a h5{font-size: 18px;}
    #blog .blog-content p{font-size: 16px; text-align: justify;}

    #blog-detail .blog-content p{font-size: 14px;}
    #blog-detail .blog-content img{width: 100%;}
    #blog-detail .blog-content ul{display: block !important; columns: 2;}
    #blog-detail .blog-content ul li a{font-size: 14px;}
    #blog-detail .blog-content ul li:nth-child(1), #blog-detail .blog-content ul li:nth-child(3){margin-bottom: 5px;}

    #product-detail .row{row-gap: 30px;}
    #product-detail .content p{font-size: 14px;}

    #decor .content h1, #moorti .content h1{font-size: 25px; margin: 10px 0;}


    

}

@media(max-width:768px){}

@media(max-width:643px){}

@media(max-width:579px){}

@media(max-width:480px){
    
    /*.quick-social{*/
    /*    bottom: 105px;*/
    /*}*/

    header .offcanvas.offcanvas-end{width: 90%;}
    header .headermn .navbar .navbar-brand{width: 60%;}
    header .navbar-toggler{font-size: 20px;}

    #slider{text-align: center;}
    #slider .content a{font-size: 14px;}

    #collections .collections-box a{font-size: 14px;}
    #collections .row{justify-content: center;}

    #category .owl-next span{right: -8px;} 
    #category .owl-prev span{left: -8px;}

    #countdown .row{row-gap: 20px;}
    #countdown .count{padding: 70px 0;}
    
    #gallery h5 {font-size: 13px;}
    #gallery h2 {font-size: 23px; margin-bottom: 3px;}
    
    #clients {padding: 23px 0px;}
    #clients h2 {margin-bottom: 6px; font-size: 23px;}
    #clients h4 {font-size: 13px;}

    #choose .inner{width: 140px; height: 140px;}
    #choose .inner i{font-size: 40px;}
    #choose .inner h5{font-size: 14px;}

    #content p{font-size: 13px;}

    footer .img{width: 50%;}

    #about-page .content p{font-size: 13px;}

    #contact .address{padding: 0;}
    #contact .row{row-gap: 20px;}
    #contact h2{font-size: 25px;}
    #contact p{font-size: 14px;}

    #related .owl-next span{right: -8px;} 
    #related .owl-prev span{left: -8px;}

    #decor .content{padding-left: 0;}
    #about-content h2{font-size: 20px; line-height: 34px;}


}

@media(max-width:400px){



}

@media(max-width:359px){
   
    #decor .content h1, #moorti .content h1{font-size: 22px;}

}