@media screen and (max-width: 1399px) {
html {
font-size: 85%;
}
}
@media screen and (max-width: 1299px) {}
@media screen and (max-width: 1199px) {
.container {
max-width: 95%;
width: 100%;
margin: 0 auto;
}
}
@media screen and (max-width: 1024px) {
html {
font-size: 82%;
}
} @media screen and (max-width: 991px) {
.slim-container a.slimNav_sk78-reveal span {
background: #A7C957;
margin: 0;
width: 2.6rem;
height: 0.1875rem;
}
.slim-container a.slimNav_sk78-reveal span+span {
width: 2.2rem;
}
.slim-container a.slimNav_sk78-reveal span+span+span {
width: 1.8rem;
}
.slim-container .slim-bar {
background: transparent;
padding: 0;
}
.slim-container a.slimNav_sk78-reveal {
width: 3.3rem;
height: 3rem;
padding: 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.52rem;
z-index: 99;
align-items: flex-end;
top: -0.1rem;
right: 0.3rem !important;
color: #A7C957;
border-radius: 6.25rem;
border: transparent;
background-color: transparent;
font-size: 2.15rem !important;
}
.slim-container .slim-nav {
background: #A7C957;
margin-top: 4.1815rem;
}
.slim-container .slim-nav::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ffffff;
background-color: #F5F5F5;
border-radius: 10px;
}
.slim-container .slim-nav::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5;
border-radius: 10px;
}
.slim-container .slim-nav::-webkit-scrollbar-thumb {
background-color: #A7C957;
border: 2px solid #fff;
border-radius: 10px;
}
.slim-container .slim-nav ul {
flex-direction: column;
gap: 0 !important;
}
.slim-container .slim-nav ul li a {
width: 100%;
padding: 1.2rem 1.25rem !important;
color: #fff !important;
text-transform: capitalize;
box-sizing: border-box;
border: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.7333333333) !important;
}
.slim-container .slim-nav ul li.slim-last a {
border: none !important;
}
.slim-container .slim-nav ul li a:hover {
background: transparent;
}
.slim-container .slim-nav ul {
flex-direction: column;
gap: 0 !important;
}
.slim-container .slim-nav ul li a.slim-expand {
display: flex;
align-items: center;
justify-content: center;
background: #69ad4456;
margin: 0;
width: 3.65rem;
height: 3.65rem;
}
.slim-container .slim-nav ul li a.slim-expand:hover {
background: #69ad4456;
}
.slim-container .slim-nav ul li li a {
width: 100%;
opacity: 1;
}
.offer-sec2 .creative-design {
transform: scale(1);
}
} @media screen and (max-width: 991px) {
header .main-content-ber {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
header .main-content-ber .search-logo-ber {
padding-bottom: 0;
padding-right: 4.5rem;
}
header .main-content-ber .search-logo-ber {
position: relative;
}
header .main-content-ber .search-logo-ber .profile-cart-wraper ul li.for-responsive {
display: block;
}
div#navigation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
header .main-content-ber .search-logo-ber .logo-wraper {
position: relative;
z-index: 99999999;
}
header .main-content-ber .search-logo-ber .profile-cart-wraper {
position: relative;
z-index: 99999999;
}
header .main-content-ber .search-wraper {
margin-left: 0;
width: 100%;
}
header .main-content-ber .search-wraper input[type=search] {
width: 100%;
}
header .main-content-ber .menu-ber {
display: none;
margin-top: 1.5rem;
}
section.home-banner img.side-img {
height: auto;
}
section.home-banner {
padding: 3.5rem 0;
}
section.home-banner .text-wraper h1 {
font-size: 2.8rem;
line-height: 3rem;
}
section.home-sec2 {
padding-top: 3.5rem;
}
section.home-sec2 h2 {
text-align: center;
margin-bottom: 1.5rem;
}
section.home-sec2 .product-cart .product-img img {
height: 15rem;
}
section.home-sec3 {
padding: 3.5rem 0;
}
section.home-sec3 .full-wraper-box .circle-box span.first {
width: 30.3125rem;
height: 30.3125rem;
}
section.home-sec3 .full-wraper-box .circle-box span.first span.secend {
width: 22.6875rem;
height: 22.6875rem;
}
section.home-sec3 .full-wraper-box .circle-box span.first span.secend span.third {
width: 15.9375rem;
height: 15.9375rem;
}
section.home-sec3 .full-wraper-box .circle-box img.product {
max-width: 16.1875rem;
max-height: 22rem;
}
section.home-sec3 .full-wraper-box ul li {
gap: 0.6rem;
}
section.home-sec3 .full-wraper-box ul li figure span img {
max-width: 2rem;
max-height: 2rem;
}
section.home-sec3 .full-wraper-box ul li figure span {
width: 4rem;
height: 4rem;
}
section.home-sec3 .full-wraper-box ul li figure {
width: 5rem;
height: 5rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(1) {
top: 4.5rem;
left: 6rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(2) {
top: 4.5rem;
right: 5rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(3) {
top: 13rem;
left: 0.2rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(4) {
top: 13rem;
right: 0.2rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(5) {
bottom: 3rem;
left: 6rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(6) {
bottom: 3rem;
right: 5rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(1)::after {
width: 6rem;
height: 1rem;
top: 0.45rem;
right: -7.2rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(2)::after {
width: 6rem;
height: 1rem;
top: 0.35rem;
left: -5.8rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(3)::after {
width: 5rem;
right: -6.5rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(4)::after {
width: 5rem;
left: -6.5rem;
}
section.home-sec3 .full-wraper-box ul li:nth-child(5)::after {
width: 6rem;
height: 1rem;
bottom: -0.85rem;
right: -7.5rem;
transform: rotate(3deg);
}
section.home-sec4 .health-product-wraper {
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
margin-bottom: 2.2rem;
}
section.home-sec4 {
padding: 3.5rem 0;
}
section.home-sec4 h2 {
margin-bottom: 2rem;
}
section.home-sec4 .health-product-wraper .health-product-cart figure img {
max-width: 10rem;
max-height: 10rem;
}
section.home-sec5 {
padding: 3.5rem 0;
}
section.home-sec5 .img-wraper {
padding: 0;
}
section.home-sec5 ul.accordian li {
padding: 2rem 0;
}
section.home-sec5 h2 {
margin-bottom: 1.5rem;
}
section.home-sec6 {
padding: 3.5rem 0;
}
section.home-sec7 {
padding: 3.5rem 0;
}
section.home-sec7 h2 {
margin-bottom: 2rem;
}
section.home-sec7 .latest-reads-cart .img-wraper {
height: 12rem;
margin-bottom: 1rem;
}
section.home-sec7 .latest-reads-cart h5 {
margin-bottom: 0.6rem;
}
section.home-sec6 .wraper-box {
margin-top: 1.5rem;
}
section.last-sec .green-box .text-wraper {
max-width: 30rem;
}
section.last-sec img.before-img {
width: 25rem;
height: 15rem;
}
section.last-sec img.after-img {
width: 12rem;
height: 10rem;
}
section.last-sec .green-box .text-wraper h2 {
font-size: 2rem;
}
section.last-sec .green-box .text-wraper p {
margin-bottom: 1.5rem;
}
section.home-sec2 .popular-product .swiper-wrapper {
padding-bottom: 2rem;
}
footer .top-flex-box {
flex-wrap: wrap;
padding-bottom: 1.5rem;
}
footer .top-flex-box .logo-wraper {
max-width: 100%;
} footer .top-flex-box .logo-wraper p {
max-width: 100%; }
footer .top-flex-box .logo-wraper ul.social-icon {
margin-top: 1rem; margin-bottom: 2rem;
}
footer .top-flex-box .contact-wraper {
max-width: 25rem;
}
footer .top-flex-box .contact-wraper ul.contact-details li span,
footer .top-flex-box .contact-wraper ul.contact-details li a {
max-width: 100%;
}
footer .top-flex-box .contact-wraper ul.contact-details li {
margin-bottom: 0.6rem;
}
footer .bottom-flex-box {
padding-top: 1.5rem;
}
footer {
background: #EDF4EE;
padding: 3rem 0 2rem;
}
footer {
background: #EDF4EE;
padding: 3rem 0 2rem;
}
section.last-sec {
padding-bottom: 3.5rem;
}
}
@media screen and (max-width: 767px) { .container {
max-width: 98%;
}
.slim-container .slim-nav {
margin-top: 3.2815rem;
}
.slim-container a.slimNav_sk78-reveal {
width: 2.5rem;
height: 2.2rem;
gap: 0.36rem;
font-size: 1.55rem !important;
top: 0rem;
right: 0.8rem !important;
}
.slim-container a.slimNav_sk78-reveal span {
width: 1.9rem;
}
.slim-container a.slimNav_sk78-reveal span+span {
width: 1.7rem;
}
.slim-container a.slimNav_sk78-reveal span+span+span {
width: 1.6rem;
}
.slim-container a.slimNav_sk78-reveal span+span {
width: 1.2rem;
}
.slim-container .slim-nav ul li a {
padding: 0.9rem 1.25rem !important;
}
.slim-container .slim-nav ul li a.slim-expand {
width: 3rem;
height: 3rem;
}
.slim-container .slim-nav ul li li a {
padding-left: 2rem !important;
font-size: 0.95rem;
} p {
line-height: 1.4rem;
text-align: center;
}
h2 {
font-size: 1.75rem;
text-align: center;
}
.sub-heading {
text-align: center;
}
header .offer-ber {
padding: 0.5rem 0;
background: #A7C957;
}
header .offer-ber h5 {
font-size: 0.85rem;
}
header .main-content-ber {
padding-top: 1rem;
padding-bottom: 1rem;
}
header .main-content-ber .search-logo-ber .logo-wraper a img {
max-width: 10rem;
max-height: 2rem;
}
header .main-content-ber .search-logo-ber .profile-cart-wraper ul li a img {
max-width: 2.3rem;
max-height: 2.3rem;
}
header .main-content-ber .search-logo-ber .profile-cart-wraper ul {
gap: 0.5rem;
}
header .main-content-ber .search-logo-ber {
padding-right: 3.5rem;
}
header .main-content-ber .container {
max-width: 100%;
padding: 0;
}
header .main-content-ber .container .search-logo-ber {
padding-left: var(--bs-gutter-x, 0.75rem);
}
header .main-content-ber .menu-ber {
padding-left: var(--bs-gutter-x, 0.75rem);
padding-right: var(--bs-gutter-x, 0.75rem);
}
section.home-banner {
padding: 2.2rem 0;
}
section.home-banner .text-wraper .review-wraper {
gap: 0.4rem;
justify-content: center;
flex-direction: column;
}
section.home-banner .text-wraper h1 {
font-size: 2rem;
line-height: 2.6rem;
text-align: center;
}
section.home-banner .text-wraper p {
color: #0A1F3D;
margin-bottom: 1.2rem;
}
section.home-banner .text-wraper a.green-btn {
margin: 0 auto 2rem;
}
section.home-sec2 {
padding-top: 2.2rem;
}
section.home-sec2 h6.sub-heading {
text-align: center;
margin-bottom: 0.2rem;
}
section.home-sec2 .product-cart .product-img img {
height: 13rem;
margin: 0 auto;
display: block;
}
section.home-sec2 .product-cart .product-img {
width: 100%;
}
section.home-sec2 .popular-product {
margin-bottom: 1.2rem;
}
section.home-sec2 .popular-product .swiper-wrapper {
padding-bottom: 1.5rem;
}
section.home-sec3 {
padding: 2.2rem 0;
}
section.home-sec3 h2 {
margin-bottom: 1.2rem;
}
section.home-sec3 .full-wraper-box .circle-box span.first {
width: 22rem;
height: 22rem;
}
section.home-sec3 .full-wraper-box .circle-box span.first span.secend {
width: 16rem;
height: 16rem;
}
section.home-sec3 .full-wraper-box .circle-box span.first span.secend span.third {
width: 12rem;
height: 12rem;
}
section.home-sec3 .full-wraper-box .circle-box img.product {
max-width: 10rem;
max-height: 15rem;
}
section.home-sec3 .full-wraper-box ul {
position: static;
margin-top: 2rem;
}
section.home-sec3 .full-wraper-box ul li {
position: static;
}
section.home-sec3 .full-wraper-box ul li {
position: static;
width: 100%;
max-width: 100%;
margin-bottom: 0.8rem;
background-color: #f0f7e2;
padding: 0 0.5rem;
border: 1px solid #f0f7e2;
border-radius: .5rem;
}
section.home-sec3 .full-wraper-box ul li strong {
font-size: 1.1rem;
}
section.home-sec3 .full-wraper-box ul li:last-child {
margin: 0;
}
section.home-sec3 .full-wraper-box ul li:nth-child(2n) {
flex-direction: row;
}
section.home-sec3 .full-wraper-box ul li strong br {
display: none;
}
section.home-sec3 .full-wraper-box ul li figure {
width: 4.5rem;
height: 4.5rem;
border: none;
}
section.home-sec3 .full-wraper-box ul li figure span {
width: 3.5rem;
height: 3.5rem;
}
section.home-sec3 .full-wraper-box ul li figure span img {
max-width: 1.5rem;
max-height: 1.5rem;
}
section.home-sec4 {
padding: 2.2rem 0;
}
section.home-sec4 img.top {
width: 25rem;
height: 20rem;
top: -4rem;
right: -6rem;
}
section.home-sec4 h6.sub-heading {
margin-bottom: 0.4rem;
;
}
section.home-sec4 h2 {
margin-bottom: 1.5rem;
}
section.home-sec4 .health-product-wraper {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-bottom: 2rem;
}
section.home-sec4 .health-product-wraper .health-product-cart figure img {
max-width: 7rem;
max-height: 7rem;
}
section.home-sec4 .health-product-wraper .health-product-cart {
min-height: auto;
}
section.home-sec5 {
padding: 2.2rem 0;
}
section.home-sec5 ul.accordian li .content p {
text-align: left;
}
section.home-sec6 .customers-review {
padding-left: 0;
padding-right: 0;
}
section.home-sec6 .review-cart .profile {
padding-top: 1rem;
justify-content: center;
}
section.home-sec6 .review-cart .text-wraper {
margin-bottom: 1rem;
}
section.home-sec6 .wraper-box {
margin-top: 1.2rem;
gap: 1.5rem;
}
section.home-sec6 {
padding: 2.2rem 1rem;
}
section.home-sec6 h2 {
margin-bottom: 1.5rem;
}
section.home-sec6 .review-cart h5 {
text-align: center;
}
section.home-sec7 {
padding: 2.2rem 0 1.2rem;
}
section.home-sec7 h6.sub-heading {
margin-bottom: 0.5rem;
}
section.home-sec7 h2 {
margin-bottom: 1.4rem;
}
section.home-sec7 .latest-reads-cart {
margin-bottom: 1.5rem;
}
section.home-sec7 .latest-reads-cart h5 {
text-align: center;
}
section.home-sec7 .latest-reads-cart h3 {
margin-bottom: 0.6rem;
text-align: center;
}
section.home-sec7 .latest-reads-cart a.rm-btn {
display: table;
margin: 0 auto;
}
section.home-sec7 .latest-reads-cart .img-wraper {
height: 15rem;
}
section.last-sec .green-box {
padding: 3rem 2rem;
}
section.last-sec .green-box .text-wraper h2 {
font-size: 1.75rem;
}
section.last-sec img.after-img {
width: 7rem;
height: 6rem;
z-index: -1;
}
section.last-sec img.before-img {
width: 17rem;
height: 11rem;
}
section.last-sec {
padding-bottom: 2.2rem;
}
footer .top-flex-box .logo-wraper a.logo img {
max-width: 14rem;
margin: 0;
}
footer .top-flex-box .logo-wraper a.logo {
display: table;
margin: 0 auto 1.3rem;
}
footer .top-flex-box .logo-wraper ul.social-icon {
justify-content: center;
margin-bottom: 1rem;
}
footer .top-flex-box .logo-wraper ul.social-icon li {
width: 2.5rem;
height: 2.5rem;
}
footer .top-flex-box .logo-wraper ul.social-icon li a img {
max-width: 1.4rem;
max-height: 1.4rem;
}
footer .top-flex-box {
flex-direction: column;
gap: 0;
}
footer .top-flex-box .company-wraper,
footer .top-flex-box .customer-wraper {
width: 100%;
}
footer h5 {
font-size: 1.15rem;
text-align: center;
margin-bottom: 0.6rem;
}
footer .top-flex-box .company-wraper ul.link li,
footer .top-flex-box .customer-wraper ul.link li {
margin-bottom: 0;
}
footer .top-flex-box .company-wraper ul.link,
footer .top-flex-box .customer-wraper ul.link {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.4rem 1.2rem;
margin-bottom: 1.5rem;
}
footer .top-flex-box .contact-wraper ul.contact-details li {
margin-bottom: 0.3rem;
justify-content: center;
}
footer .top-flex-box .contact-wraper a.last {
display: table;
margin: 1rem auto 0;
}
footer .top-flex-box .contact-wraper {
max-width: 100%;
}
footer .bottom-flex-box {
padding-top: 1rem;
flex-direction: column;
align-items: center;
}
footer {
padding: 2.2rem 0 1.2rem;
}
section.home-sec5 ul.accordian li:last-child {
border-bottom: 1px solid #E0E0E0;
}
}
@media screen and (max-width: 639px) {
.prod-details .product-page-wrapper .product-gallery .main-swiper {
aspect-ratio: unset;
height: unset;
flex: unset;
}
.prod-details .product-page-wrapper .product-gallery .main-swiper .swiper-wrapper {
height: unset;
}
}