|
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 991px) { |
|
|
|
.header-search { |
|
padding: 15px 0px; |
|
} |
|
} |
|
|
|
|
|
|
|
|
|
@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; |
|
} |
|
} |
|
|
|
|
|
|
|
|
|
@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; } |
|
|
|
|
|
|
|
|
|
} |
|
|