/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/





/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/



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

    

    .header-search {

        padding: 15px 0px;

    }

}





/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/



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

    .logo {

        text-align: center;

    }

    .cart-content-right {

        padding-bottom: 5px;

    }

    .mg {

        margin: 0px 0px;

    }

    .menu-area-main {

        height: 256px;

        overflow-y: auto;

    }

    .megamenu>.row [class*="col-"] {

        padding: 0px;

    }

    .menu-area-main .megamenu .men-cat {

        padding: 0px 15px;

    }

    .menu-area-main .megamenu .women-cat {

        padding: 0px 15px;

    }

    .menu-area-main .megamenu .el-cat {

        padding: 0px 15px;

    }

    .mean-container .mean-nav ul li a.mean-expand {

        height: 19px;

    }

    .category-box.women-box {

        display: none;

    }

    .cart-box {

        display: inline-block;

        margin: 0px 30px;

    }

    .wish-box {

        float: none;

        margin: 0px 30px;

        display: inline-block;

    }

    .menu-add {

        display: none;

    }

    .category-box {

        display: none;

    }

    .mean-container .mean-nav ul li ol {

        padding: 0px;

    }

    .mean-container .mean-nav ul li a {

        padding: 10px 20px;

        width: 94.8%;

    }

    .mean-container .mean-nav ul li li a {

        width: 92%;

        padding: 1em 4%;

    }

    .mean-container .mean-nav ul li li li a {

        width: 100%;

    }

    .header-search {

        padding: 15px 0px;

    }

    #collapseFilter.d-md-block {

        padding: 30px 0px;

    }

}





/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/



@media only screen and (min-width: 280px) and (max-width: 599px) {

    .cart-content-right {

        padding-bottom: 5px;

    }

    .megamenu>.row [class*="col-"] {

        padding: 0px;

    }

    .menu-area-main .megamenu .men-cat {

        padding: 0px 15px;

    }

    .menu-area-main .megamenu .women-cat {

        padding: 0px 15px;

    }

    .menu-area-main .megamenu .el-cat {

        padding: 0px 15px;

    }

    .mean-container .mean-nav ul li a {

        padding: 1em 4%;

        width: 92%;

    }

    .mean-container .mean-nav ul li li a {

        width: 90%;

        padding: 1em 5%;

    }

    .mean-container .sub-full.megamenu-categories ol li a {

        padding: 5px 0px;

        text-transform: capitalize;

        width: 100%;

    }

    .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {

        width: auto;

        border: none;

        float: none;

    }

    .menu-area-main {

        height: 45px;

        overflow-y: auto;

    }

    .mean-container .mean-nav ul li a.mean-expand {

        top: 0;

    }











}



@media (min-width: 992px) and (max-width: 1199px) {

    

    .titlepage h2::after {width: 58%;}

    .about-box .titlepage h2::after {

        width: 52%;

right: -221px;

    }

    .Nursery-img .text-box h3 {padding: 111px 50px;}

    .contact .titlepage h2::after {

    left: -650px;

width: 30%;

   }



.navbar-toggler { background-color: #ffffff; }

.logo { width: 20%; }

.navbar-expand-lg .navbar-nav .nav-link { padding-left: 16px; }

.navbar-light .navbar-nav .nav-link { font-size: 16px; }

.call_text { font-size: 16px; } 

.search_icon li { padding-left: 8px; font-size: 16px; } 

.banner_section { padding-top: 15px; } 

.contact_bt { margin-top: 220px; }

.banner_section { padding-bottom: 40px; }

.contact_section { background-size: cover; }















}



@media (min-width: 768px) and (max-width: 991px) {

    .main-menu ul > li a {padding: 7px 6px ; }

    .main-menu ul>li a { font-size: 14px;}





    .banner-main .carousel-caption h1 {



        font-size: 36px;

        padding-top: 0px;

    }

    .banner-main .carousel-caption p {



        margin-bottom: 7px;

        display: none;

    }

    .main { width: 15%;}

    .info_icon { min-width: 10%;}

    #main_slider a.carousel-control-prev {

    display: none;

    }

    .btn_main { margin-top: 58px; width: 65%;}

    #main_slider a.carousel-control-next {

    display: none;

    }

    .sporrt_text { margin-top: 0px; font-size: 24px;}

    .email_btn { padding: 41px;}

    .btn-primary {max-width: 144px; }

    .titlepage h2::after {width: 79%;}

    .about-box .titlepage h2::after {width: 73%;

       right: -88px;

    }

    .contact .titlepage h2::after {

        left: -403px;

        width: 41%;

    }

    .paddimg-right {

        padding-right: 15px;

    }

    .paddimg-left {

         padding-left: 15px;

    }





.navbar-toggler { background-color: #ffffff; }

.logo { width: 50%; }

.header_section { background-size: cover; }

.banner_section { padding-top: 20px; padding-bottom: 28PX; }

.furniture_text { font-size: 10px; }

.there_text { width: 0%; font-size: 15px;}

.contact_bt_main { width: 150px; }

.contact_bt { margin-top: 200px; }

.dummy_text { font-size: 15px; }

.services_section2 { padding-top: 30px; }

.icon_1 { padding-top: 30px; }

.read_bt_main { width: 150px; }

.lorem_text { padding-top: 0px; font-size: 15px; }

.read_bt1 { width: 150px; margin-top: 20px; }

.image_1 { padding-top: 50px; } 

.get_bt_main { width: 150px; }

.get_bt { margin-top: 20PX; }

.client_text { font-size: 22PX; }

.client_1 { width: 70%; }

.client_2 { width: 70%; }

.quote_icon { bottom: 87px; }

.carousel-indicators { display: none; } 

.overlay { top: 35px; }

.icon { font-size: 70px; }

.dololr_text { font-size: 16px; }

.contact_section { background-size: cover; }

.send_bt a { width: 130px; padding: 5px 0px; }

.input-group { width: 290px; } 

.container_main1::after { width: 88%; height: 88%; }

.modern_text { font-size: 12px; top: -30px; }

.text { font-size: 8px; }

.temper_text { font-size: 15px; }

.email-bt { margin-top: 10px; }

.massage-bt { margin-top: 10px; }

.send_bt { margin-top: 20px; } 

.mb-lg-0, .my-lg-0 { width: 100%; } 

.search_icon { width: 100%; }

#costum_slider a.carousel-control-next { display: none; }

#costum_slider a.carousel-control-prev { display: none; }







}



@media (min-width: 576px) and (max-width: 767px) {

    .last {display: none;}

    .banner-main .carousel-caption {top: 0%;}

.titlepage h2 {

font-size: 42px;

display: block; 

}

#main_slider a.carousel-control-prev {

    position: absolute;

    left: 25%;

    top: 64%;

    display: none;

}

.btn_main { margin-top: 58px; width: 80%;}

#main_slider a.carousel-control-next {

    position: absolute;

    left: 50px;

    top: 64%;

    display: none;

}

.btn-primary {

    margin-top: 0px;

    margin-left: -7px;

}



.banner-main .carousel-caption h1 {

    font-size: 50px;

}

.titlepage h2::after {

width: 88%;

}



.about-box .titlepage h2::after {width: 45%;

right: -281px;}

.sporrt_text { margin-top: 0px;}

.Nursery-img .text-box h3 {

font-size: 36px;

padding: 126px 40px;

}

.main {

    width: 20%;}



.contact .titlepage h2::after {

    left: -234px;

    width: 55%;

}



.navbar-toggler { background-color: #ffffff; }

.logo { width: 50%; }

.header_section { background-size: cover; }

.banner_section { background-size: cover; padding-top: 20px; }

.furniture_text { font-size: 50px; }

.there_text { width: 100%; font-size: 15px;}

.contact_bt_main { width: 150px; }

.contact_bt { margin-top: 90px; }

.dummy_text { font-size: 15px; }

.services_section2 { padding-top: 30px; }

.icon_1 { padding-top: 30px; }

.read_bt_main { width: 150px; }

.lorem_text { padding-top: 0px; font-size: 15px; }

.read_bt1 { width: 150px; margin-top: 20px; }

.image_1 { padding-top: 50px; } 

.get_bt_main { width: 150px; }

.get_bt { margin-top: 20PX; }

.client_text { font-size: 22PX; }

.client_1 { width: 100%; }

.client_2 { width: 100%; }

.quote_icon { bottom: 82px; }

.carousel-indicators { display: none; } 

.overlay { top: 35px; }

.icon { font-size: 70px; }

.dololr_text { font-size: 16px; }

.contact_section { background-size: cover; }

.send_bt a { width: 130px; padding: 5px 0px; }

.input-group { width: 290px; } 

.container_main1::after { width: 84%; height: 84%; }

.modern_text { font-size: 12px; top: -30px; }

.text { font-size: 8px; }

.mb-lg-0, .my-lg-0 { width: 100%; } 

.search_icon { width: 100%; }

#costum_slider a.carousel-control-next { display: none; }

#costum_slider a.carousel-control-prev { display: none; }





} 





@media (max-width: 575px) {

    .last { display: none; }

    .carousel-caption {display: none;} 

.header { padding-top: 0px; }

.btn-primary {max-width: 126px;

margin-right: 2px;

font-size: 14px;}

.banner-main .carousel-caption h1 {font-size: 30px; line-height: 38px;}

.titlepage h2 {

    font-size: 27px;

}

.sporrt_text{ 

     font-size: 23px; 

     margin-top: 0px;

}

.main {

    width: 100%;

}

.btn_main {

    margin-top: 30px;

    padding-bottom: 30px;

    width: 55%;}



#main_slider a.carousel-control-prev {

    position: absolute;

    left: 175px;

    top: 90%;

    display: none;

}



#main_slider a.carousel-control-next {

    position: absolute;

    left: 236px;

    top: 90%;

    display: none;

}



.titlepage h2::after {

    width: 93%;

}

    .about-box .titlepage h2::after {

        width: 238px;

        right: -50px;

    }

 .Gallery .titlepage h2 {

    font-size: 47px;

 }

    .Gallery .titlepage h2::after {

        width: 89%;

    }



    .paddimg-right {

    padding-right: 15px;

}

.paddimg-left {

    padding-left: 15px;

}

.Nursery-img .text-box h3 {

font-size: 23px;

padding: 30px 14px;



}



.contact .titlepage h2::after {



    left: -8px;

    width: 281px;

}

.footer .headinga span {

font-size: 16px;



}

.menu-bottom {

    margin-bottom: 45px;

}

ul.link li {



    padding: 8px 12px;

    padding-bottom: 0px; 

}





.navbar-toggler { background-color: #ffffff; }

.logo { width: 50%; }

.header_section { background-size: cover; }

.banner_section { background-size: cover; padding-top: 20px; }

.furniture_text { font-size: 50px; }

.there_text { width: 100%; font-size: 15px;}

.contact_bt_main { width: 150px; }

.contact_bt { margin-top: 20px; }

.dummy_text { font-size: 15px; }

.services_section2 { padding-top: 30px; }

.icon_1 { padding-top: 30px; }

.read_bt_main { width: 150px; }

.lorem_text { padding-top: 0px; font-size: 15px; }

.read_bt1 { width: 150px; margin-top: 20px; }

.image_1 { padding-top: 50px; } 

.get_bt_main { width: 150px; }

.get_bt { margin-top: 20PX; }

.client_text { font-size: 22PX; }

.client_1 { width: 100%; }

.client_2 { width: 100%; }

.quote_icon { width: 150px; bottom: -8px; }

.loksans_text { padding-top: 20px; } 

.carousel-indicators { display: none; } 

.overlay { top: 35px; }

.icon { font-size: 70px; }

.dololr_text { font-size: 16px; }

.contact_section { background-size: cover; }

.send_bt a { width: 130px; padding: 5px 0px; }

.input-group { width: 290px; } 

.container_main1::after { width: 98%; height: 93%; }

#costum_slider a.carousel-control-next { display: none; }

#costum_slider a.carousel-control-prev { display: none; }









}