/*--------------------------------------------------------------------- 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: 50px; } .there_text { width: 100%; 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; } }