@media (max-width:1779px) {

.container{ max-width: 1440px;}

.header__sec .navbar{ padding: 12px 0;}
.header__sec .navbar-brand img{ height: 64px;}
.btn-theme{ font-size: 15px; padding: 10px 16px;}
.header__sec .hdr-right{ gap: 30px;}
.hero__sec h2{ margin-bottom: 25px; font-size: 70px; line-height: 78px;}
.hero__sec p{ font-size: 18px; margin-bottom: 40px;}
.hero__sec .btn-theme{ margin-bottom: 60px; padding: 15px 25px;}
.btn-theme i{ width: 32px;}
.hero__sec .badges h3{ font-size: 20px;}
.hero__sec .badge-box h4{ font-size: 18px;}
.hero__sec .badge-box i{ width: 38px;}
.hero__sec .badge-box{ padding: 22px;}
.hero__sec .badges{ max-width: 660px;}
.owl-dots .owl-dot{  height: 22px; width: 22px;}
.owl-dots .owl-dot::before{ height: 8px; width: 8px;}
.spark__sec{ padding: 100px 0;}
.global_title{ font-size: 52px; margin-bottom: 50px;}
.spark__sec .container{ max-width: 1220px;}
.spark__sec .row{ --bs-gutter-x: 20px; --bs-gutter-y: 20px;}
.spark-card i{ width: 46px; margin-bottom: 40px;}
.spark-card h3{ font-size: 20px;}
.spark-card{ padding: 30px;}
.product__sec{ padding: 100px 0;}
.product__sec .trusted-info{ font-size: 24px;}
.product__sec .title-wrp{ margin-bottom: 60px;}
.product__sec .row{ --bs-gutter-x: 40px; --bs-gutter-y: 45px;}
.product-box figure{ height: 328px;}
.product-box .btn-theme{ padding: 12px 14px;}
.product-box .top-part{ margin-bottom: 25px;}
.product-box .price-dtl{ margin-bottom: 15px;}
.choose__sec{ padding: 120px 0 30px;}
.choose__sec .row{ --bs-gutter-x: 20px;}
.choose-box strong{ font-size: 18px;}
.choose-box i{ width: 50px;}
.choose-box{ padding: 35px;}
.energy__sec{ min-height: 540px;}
.energy__sec::before{ height: 540px;}
.platforms__sec .text::before{ margin-top: 23px;}
.energy__sec strong{ font-size: 18px;}
.energy__sec i{ width: 62px;}
.natural__sec{ padding: 100px 0;}
.natural__sec .grid{ grid-gap: 20px 60px;}
.natural__sec .global_title{ margin: 20px 0 15px;}
.natural__sec .grid > div:nth-child(2n+1) .natural-blk{ margin-top: 60px;}
.natural-blk figure{ height: 440px; margin-bottom: 22px;}
.natural-blk h3{ font-size: 24px;}
.powered__sec .left-img{ min-height: 760px;}
.powered__sec .left-img figure{ min-height: 760px;}
.powered__sec .right-dtl{ padding: 30px 30px 30px 80px;}
.powered__sec .right-dtl .global_title{ margin-bottom: 60px;}
.powered-item h3{ font-size: 20px;}
.powered-item p{ line-height: normal;}
.powered-item figure{ height: 64px; width: 64px; min-width: 64px;}
.powered-item{ gap: 14px;}
.powered__sec .right-dtl .row{ --bs-gutter-y: 40px;}
.trusted__sec{ padding: 100px 0;}
.trusted-labels .label{ font-size: 18px;}
.trusted-labels{ margin-bottom: 50px;}
.trusted__sec .container{ max-width: 1040px;}
.trusted__sec .row{ --bs-gutter-x: 18px;}
.trusted-bx i{ height: 85px; width: 85px; margin-bottom: 25px;}
.trusted-bx .dtl p{ font-size: 15px;}
.trusted-bx{ padding: 40px 35px 35px;}
.private__sec .left-dtl .global_title{ margin-bottom: 35px;}
.private__sec .left-dtl p{ margin-bottom: 40px;}
.private-box .dtl h3{ font-size: 20px;}
.private__sec .left-dtl .row{ --bs-gutter-x: 18px; --bs-gutter-y: 18px;}
.private-box i{ margin-bottom: 30px; height: 38px; width: 38px;}
.private__sec .left-dtl{ padding: 30px 120px 30px 0;}
.private-box .curve{ width: 120px;}
.private__sec .right-img, .private__sec .right-img figure{ min-height: 760px;}
.platforms__sec .text{ font-size: 56px; letter-spacing: 10px;}
.platforms__sec{ padding-top: 100px;}
.platforms__sec .platforms-in{ padding-top: 80px; min-height: 860px;}
.platforms__sec .platforms-in .logos{ height: 100px; width: 210px;}
.platforms__sec .platforms-in .logos img{ max-height: 42px; max-width: 136px;}
.platforms__sec .platforms-in .logo1{ top: -80px; left: -280px;}
.platforms__sec .platforms-in .logo2{ top: -90px; left: -40px;}
.platforms__sec .platforms-in .logo3{ top: -90px; right: -25px;}
.platforms__sec .platforms-in .logo4{ top: -80px; right: -310px;}
.platforms__sec .platforms-in .logo5{ bottom: -110px; right: -310px;}
.platforms__sec .platforms-in .logo6{ bottom: -180px;}
.platforms__sec .platforms-in .logo7{ bottom: -110px; left: -280px;}
.stories__sec{ padding: 100px 0;}
.stories-bx{ min-width: 380px; max-width: 380px; padding: 40px 35px; min-height: 480px;}
.stories__sec .global_title{ margin-bottom: 60px;}
.stories-bx .review .stars i{ width: 20px;}
.stories-bx .review p{ font-size: 16px;}
.stories-bx .top-review{ margin-bottom: 30px;}
.stories-bx .dtl p{ font-size: 16px; line-height: 1.55;}
.stories-bx .intro figure{ height: 54px; width: 54px;}
.stories-bx .intro .intro-dtl h3{ font-size: 19px;}
.stories-bx .intro .intro-dtl p{ line-height: normal;}
.bring__sec .lft-img figure{ min-height: 660px;}
.bring__sec .lft-img{ min-height: 660px;}
.bring__sec .right-part .global_title{ margin-bottom: 30px;}
.bring__sec .right-part p{ margin-bottom: 100px;}
.bring-product figure{ width: 110px; height: 120px; margin-bottom: 30px;}
.community__sec{ padding-top: 100px;}
.community__sec .global_title{ margin-bottom: 60px;}
.community-box{ height: 520px;}
.community-box .thumb{ height: 520px;}
.community-box .play-btn{ height: 70px; width: 70px;}
.blog__sec{ padding: 100px 0;}
.blog__sec .global_title{ margin-bottom: 25px;}
.blog__sec .title-wrp{ margin-bottom: 50px;}
.blog__sec .grid{ grid-gap: 26px;}
.blog-box figure{ height: 248px;}
.blog-box .dtl{ padding: 25px;}
.blog-box h3{ font-size: 22px; margin-bottom: 15px;}
.blog-box p{ margin-bottom: 24px;}
.blog-box .readmore{ padding-top: 22px;}
.blog__sec .btn-theme{ margin-top: 50px;}
.pageWrapper{ padding-top: 33px;}
.footer__sec{ padding-top: 70px;}
.ftr-logo figure{ width: 180px; margin-bottom: 25px;}
.ftr-logo p{ margin-bottom: 50px;}
.ftr-logo ul li{ margin-bottom: 12px;}
.footer__sec h3{ font-size: 20px; margin-bottom: 14px;}
.ftr-nav ul li{ margin-bottom: 12px;}
.news-latter p{ font-size: 13px; margin-bottom: 35px;}
.news-latter{ padding-left: 50px;}
.ftr-blk .row{ --bs-gutter-x: 0;}
.ftr-nav ul li{ font-size: 13px;}
.news-latter .form-control{ height: 54px; font-size: 15px;}
.news-latter .form-control::placeholder{ font-size: 15px;}
.news-latter .mail-submit{ height: 54px; width: 54px; min-width: 54px;}
.ftr-awards figure{ height: 60px; width: 60px;}
.copyright{ margin-top: 50px; padding: 60px 0 45px;}


/* Prod dtl */

.header-relative .header__sec .navbar{ padding: 12px 0 22px;}
.header-relative{ padding-top: 132px;}
.header-relative .header__sec.sticky .navbar{ padding: 12px 0;}
.product-dtl{ padding-top: 50px;}
.product-dtl .right-dtl .sell-label{ margin-bottom: 30px;}
.product-dtl .right-dtl h1{ font-size: 28px; margin-bottom: 30px;}
.product-dtl .right-dtl .price-dtl .price{ font-size: 18px;}
.product-dtl .right-dtl .review-dtl{ padding-bottom: 35px; margin-bottom: 30px;}
.product-dtl .serving-dtl .row{ --bs-gutter-x: 11px; --bs-gutter-y: 11px;}
.product-dtl .form-check .pack-box{ padding: 12px 30px;}
.product-dtl .serving-dtl{ margin-bottom: 35px;}
.product-dtl .qty-dtl{ margin-bottom: 35px;}
.ingredients__sec{ padding: 120px 0 100px;}
.ingredients__sec .row{ --bs-gutter-x: 60px; --bs-gutter-y: 60px;}
.ingredients__sec .ingredient-box figure{ height: 315px; margin-bottom: 25px;}
.ingredients__sec .ingredient-box .dtl h3{ font-size: 24px;}
.faq__sec{ padding: 100px 0;}
.faq__sec .global_title{ margin-bottom: 50px;}
.faq__sec .accordion-button{ padding: 26px 0;}
.faq__sec .accordion .accordion-item .accordion-body{ padding-bottom: 25px;}
.faq__sec .accordion-button:not(.collapsed){ padding-bottom: 15px;}
.favorite__sec{ padding: 100px 0;}
.product-dtl .container{ max-width: 1180px;}
.product-dtl .right-dtl{ padding: 0;}
.safety-info .safety-box{ padding: 20px;}
.private-dtl .private-box{ padding: 20px 12px;}
.private-dtl .private-box .dtl h4{ font-size: 15px;}
.favorite__sec .favorite-slider{ max-width: 1310px;}
.favorite__sec .global_title{ margin-bottom: 50px;}
.favorite__sec .brand-logo img{ height: 34px;}


.inner__banner .bg{ height: 320px;}
.inner__banner .global_title{ font-size: 70px; margin-bottom: 28px;}
.inner__banner .inner_cap{ bottom: 40px;}
.inner__banner{ padding-bottom: 478px;}
.inner__banner::before{ height: 478px;}
.foundation__sec .container{ max-width: 1200px;}
.foundation__sec .right-img figure{ height: 480px;}
.foundation__sec .right-img{ padding-left: 105px;}
.foundation__sec .dtl .global_title{ font-size: 50px; margin-bottom: 35px;}
.foundation__sec .dtl h3{ font-size: 18px; margin-bottom: 18px;}
.foundation__sec .foundation-in{ padding: 100px 0;}
.foundation__sec .foundation-in:nth-child(2n) .right-img{ padding-right: 105px;}

.contact__sec .container{ max-width: 1200px;}
.contact__sec .right-part h3{ font-size: 18px; margin-bottom: 20px;}
.contact__sec .dtl .global_title{ margin-bottom: 100px;}
.contact__sec .right-part .row{ --bs-gutter-x: 14px; --bs-gutter-y: 14px;}
.contact__sec .form-group .input-group .form-control{ height: 54px; padding: 0 16px; font-size: 15px;}
.contact__sec .form-group .input-group .form-control::placeholder{ font-size: 15px;}
.contact__sec{ padding-bottom: 100px;}
.matters__sec{ padding: 100px 0;}
.matters__sec .container{ max-width: 1120px;}
.matters__sec .row{ --bs-gutter-x: 25px;}

.productlist__sec{ padding: 50px 0 60px;}
.productlist__sec .productlist_block .row{ --bs-gutter-x: 40px; --bs-gutter-y: 50px;}
.community__sec.prod{ padding-top: 60px;}
.productlist__sec{ padding: 45px 0 50px;}
.community__sec.prod{ padding-top: 50px;}

.productlist__sec .global_title{ margin-bottom: 45px;}
.productlist__sec .filter_block .filter-inn h3{ font-size: 26px;}
.productlist__sec .filter_block .filter-btn{ font-size: 18px;}
.productlist__sec .filter_block .filter-btn i{ width: 18px;}
.productlist__sec .filter_block .sort-block .sort-dropdown{ font-size: 18px;}
.productlist__sec .product-grid{ padding-top: 60px;}
.productlist__sec .productlist_block .offcanvas-title{ font-size: 26px;}
.productlist__sec .productlist_block .offcanvas-header{ padding: 30px 40px;}
.productlist__sec .productlist_block .offcanvas-body{ padding: 30px 40px;}
.productlist__sec .accordion-item .accordion-button{ font-size: 20px;}
.productlist__sec .productlist_block .offcanvas.offcanvas-start{ width: 460px;}
.productlist__sec .accordion-item .accordion-body{ padding: 22px 0 20px;}
.range .number .count{ width: 135px;}
.productlist__sec .accordion-item{ margin-bottom: 30px;}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-label{ font-size: 15px;}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-input{ margin: 7px 12px 0 0; height: 16px; width: 16px;}
.productlist__sec .accordion-item .accordion-body .form-check{ margin-bottom: 10px;}

.error__sec{ padding: 120px 0;}
.error__sec .dtl h1{ font-size: 250px;}
.error__sec .dtl h3 {font-size: 55px; margin-bottom: 20px;}
.privacy_sec{ padding: 100px 0;}
.privacy_sec .global_title{ margin-bottom: 25px;}
.privacy_sec .dtl h3{ font-size: 24px; margin-bottom: 12px;}

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

.container{ max-width: 1200px;}

.header__sec .navbar-brand img{ height: 60px;}
.header__sec .navbar-light .navbar-nav{ gap: 40px;}
.header-relative .header__sec.sticky .navbar{ padding: 10px 0;}
.header__sec .hdr-right .search a{ width: 20px;}
.btn-theme{ font-size: 14px; padding: 8px 14px;}
.hero__sec h2{ font-size: 52px; line-height: 58px;}
.hero__sec p{ font-size: 16px; margin-bottom: 30px;}
.hero__sec .btn-theme{ margin-bottom: 50px; padding: 12px 18px;}
.btn-theme i{ width: 26px;}
.hero__sec .badges h3{ font-size: 18px;}
.hero__sec .badge-box i{ width: 34px; margin-bottom: 20px;}
.hero__sec .badge-box h4{ font-size: 16px;}
.hero__sec .badge-box{ padding: 20px;}
.hero__sec .detail{ max-width: 680px;}
.hero__sec .badges{ max-width: 600px;}
.hero__sec .inner{ padding: 100px 0 50px;}
.hero__sec .owl-dots{ right: 40px;}
.spark__sec{ padding: 80px 0;}
.spark__sec .global_title{ margin-bottom: 45px;}
.global_title{ font-size: 42px;}
.spark__sec .container{ max-width: 1040px;}
.spark__sec .row{ --bs-gutter-x: 16px; --bs-gutter-y: 16px;}
.spark-card i{ width: 42px; margin-bottom: 35px;}
.spark-card h3{ font-size: 18px;}
.product__sec{ padding: 80px 0;}
.product__sec .trusted-info{ font-size: 20px;}
.product__sec .title-wrp{ margin-bottom: 45px;}
.product__sec .row{ --bs-gutter-x: 24px; --bs-gutter-y: 40px;}
.product-box .price-dtl{ margin-bottom: 12px;}
.product-box .top-part{ margin-bottom: 20px;}
.product-box .best-seller{ font-size: 13px; gap: 4px;}
.product-box .best-seller i{ width: 12px;}
.product-box .off-lbl{ font-size: 13px;}
.product-box figure{ height: 270px;}
.product-box .btn-theme{ padding: 10px 12px;}
.product__sec .text-center .btn-theme{ margin-top: 50px;}
.choose__sec{ padding: 100px 0 30px;}
.choose__sec .global_title{ margin-bottom: 50px;}
.choose-box i{ width: 42px;}
.product-box .dtl strong{ font-size: 16px;}
.choose-box strong{ font-size: 15px;}
.choose-box{ padding: 30px 26px;}
.energy__sec strong{ font-size: 16px;}
.energy__sec i{ width: 54px; margin-bottom: 22px;}
.energy__sec{ min-height: 440px;}
.energy__sec::before{ height: 440px;}
.natural__sec .grid{ grid-gap: 20px 40px;}
.natural-blk figure{ height: 380px; margin-bottom: 20px;}
.natural-blk h3{ font-size: 21px;}
.natural__sec .grid > div:nth-child(2n+1) .natural-blk{ margin-top: 50px;}
.natural__sec{ padding: 80px 0;}
.powered__sec .left-img, .powered__sec .left-img figure{ min-height: 620px;}
.powered__sec .right-dtl{ padding: 20px 20px 20px 50px;}
.powered-item h3{ font-size: 17px;}
.powered__sec .right-dtl .row{ --bs-gutter-y: 25px;}
.powered__sec .right-dtl .global_title{ margin-bottom: 40px;}
.powered-item figure{ height: 60px; width: 60px; min-width: 60px;}
.trusted__sec{ padding: 80px 0;}
.trusted__sec .global_title{ margin-bottom: 30px;}
.trusted-labels .label{ font-size: 16px;}
.trusted-labels{ gap: 10px; margin-bottom: 40px;}
.trusted__sec .container{ max-width: 940px;}
.trusted-bx i{ height: 75px; width: 75px; margin-bottom: 20px;}
.trusted-bx .dtl p{ font-size: 14px;}
.stories-bx .review-ic{ width: 28px;}
.trusted__sec .row{ --bs-gutter-x: 15px;}
.trusted-bx{ padding: 30px;}
.private__sec .left-dtl{ padding: 30px 70px 30px 0;}
.private__sec .right-img, .private__sec .right-img figure{ min-height: 680px;}
.private__sec .left-dtl .global_title{ margin-bottom: 20px;}
.private__sec .left-dtl p{ margin-bottom: 30px;}
.private-box i{ height: 34px; width: 34px; margin-bottom: 25px;}
.private-box{ padding: 25px 20px 20px;}
.private-box .dtl h3{ font-size: 17px;}
.private__sec .left-dtl .row{ --bs-gutter-x: 15px; --bs-gutter-y: 15px;}
.private-box .curve{ width: 100px;}
.platforms__sec{ padding-top: 80px;}
.platforms__sec .text::before{ margin: 16px 50px 0 0;}
.platforms__sec .text{ font-size: 44px; letter-spacing: 8px;}
.platforms__sec .platforms-in{ padding-top: 60px; min-height: 700px;}
.platforms__sec .platforms-in .logos{ height: 90px; width: 180px;}
.platforms__sec .platforms-in .logos img{ max-height: 36px; max-width: 122px;}
.platforms__sec .platforms-in .logo1{ top: -30px; left: -210px;}
.platforms__sec .platforms-in .logo2{ top: -40px; left: 0;}
.platforms__sec .platforms-in .logo3{ top: -40px; right: -35px;}
.platforms__sec .platforms-in .logo4{ top: -30px; right: -270px;}
.platforms__sec .platforms-in .logo5{ bottom: -100px; right: -270px;}
.platforms__sec .platforms-in .logo6{ bottom: -160px;}
.platforms__sec .platforms-in .logo7{ bottom: -100px; left: -210px;}
.platforms__sec .platforms-in .title{ left: 52%;}
.stories__sec{ padding: 80px 0;}
.stories__sec .global_title{ margin-bottom: 40px;}
.stories-bx{ min-width: 310px; max-width: 310px; padding: 35px 30px; min-height: 370px;}
.stories-bx .review .stars i{ width: 18px;}
.stories-bx .review p{ font-size: 15px;}
.stories-bx .dtl p{ font-size: 14px; line-height: 1.6;}
.stories-bx .intro figure{ height: 50px; width: 50px; min-width: 50px;}
.stories-bx .intro{ gap: 10px;}
.stories-bx .intro .intro-dtl h3{ font-size: 17px;}
.stories-bx .curve{ width: 220px;}
.bring__sec .lft-img, .bring__sec .lft-img figure{ min-height: 490px;}
.bring__sec .right-part{ padding-left: 40px;}
.bring__sec .right-part p{ margin-bottom: 60px;}
.bring__sec .right-part .global_title{ margin-bottom: 25px;}
.bring-product figure{ width: 100px; height: 110px; margin-bottom: 20px;}
.bring__sec .right-part .curve{ width: 450px;}
.community__sec{ padding-top: 80px;}
.community__sec .global_title{ margin-bottom: 45px;}
.community-box .thumb, .community-box{ height: 415px;}
.community-box .play-btn{ height: 60px; width: 60px;}
.community-box .play-btn img{ width: 14px;}
.blog__sec{ padding: 80px 0;}
.blog__sec .global_title{ margin-bottom: 20px;}
.blog__sec .title-wrp{ margin-bottom: 45px;}
.blog__sec .grid{ grid-gap: 20px;}
.blog-box figure{ height: 210px;}
.blog-box .dtl{ padding: 20px;}
.blog-box h3{ font-size: 18px; margin-bottom: 10px;}
.blog-box p{ margin-bottom: 20px;}
.blog-box .readmore{ padding-top: 15px;}
.blog-box .readmore i{ width: 14px;}
.footer__sec{ padding-top: 60px;}
.ftr-logo figure{ width: 170px; margin-bottom: 20px;}
.ftr-logo p{ margin-bottom: 40px; font-size: 13px;}
.ftr-logo ul li{ font-size: 13px;}
.footer__sec h3{ font-size: 18px;}
.ftr-nav ul li{ margin-bottom: 10px;}
.news-latter .form-control{ height: 48px; font-size: 14px;}
.news-latter .mail-submit{ height: 48px; width: 48px; min-width: 48px;}
.ftr-awards figure{ height: 50px; width: 50px;}
.copyright{ margin-top: 40px; padding: 40px 0 30px;}
.stories-bx .dtl{ height: 131px;}

.header-relative{ padding-top: 127px;}
.product-dtl .right-dtl h1{ font-size: 24px;}
.product-dtl .right-dtl .price-dtl .price{ font-size: 16px;}
.product-dtl .right-dtl .price-dtl .price del::before{ margin: 0 8px;}
.product-dtl .right-dtl .star-rating i{ width: 18px; min-width: 18px;}
.product-dtl .right-dtl .star-rating a{ font-size: 13px;}
.product-dtl .btn-theme{ min-height: 50px;}
.prod-info .accordion-button{ padding: 22px 0;}
.prod-info .accordion .accordion-item .accordion-body h3{ margin-bottom: 10px; font-size: 15px;}
.product-dtl .exchange-dtl{ margin-bottom: 30px;}
.safety-info{ margin-bottom: 35px; padding: 30px 18px 18px;}
.safety-info .safety-box{ padding: 20px 15px;}
.safety-info .safety-box figure{ height: 50px; width: 50px; margin-bottom: 15px;}
.product-dtl .right-dtl .private-dtl h3{ margin-bottom: 18px; font-size: 20px;}
.product-dtl .container{ max-width: 1060px;}
.ingredients__sec{ padding: 60px 0 80px;}
.ingredients__sec .global_title{ margin-bottom: 60px;}
.ingredients__sec .row{ --bs-gutter-x: 30px; --bs-gutter-y: 30px;}
.ingredients__sec .ingredient-box figure{ height: 270px; margin-bottom: 18px;}
.ingredients__sec .ingredient-box .dtl h3{ font-size: 20px;}
.faq__sec{ padding: 80px 0;}
.faq__sec .global_title{ margin-bottom: 40px;}
.faq__sec .faq-in{ max-width: 980px;}
.faq__sec .accordion-button{ padding: 22px 0;}
.faq__sec .accordion-button:not(.collapsed){ padding-bottom: 10px;}
.owl-nav button{ height: 48px; width: 48px;}
.owl-nav .owl-prev::before, .owl-nav .owl-next::before{ height: 12px; width: 22px;}
.favorite__sec{ padding: 80px 0;}
.favorite__sec .global_title{ margin-bottom: 40px;}
.favorite__sec .brand-logo{ height: 85px; min-width: 180px;}
.favorite__sec .brand-logo img{ height: 30px;}
.favorite__sec .favorite-slider{ max-width: 1020px;}

p{ line-height: 21px;}

.inner__banner .bg{ height: 260px;}
.inner__banner .global_title{ font-size: 52px; line-height: 58px; margin-bottom: 22px;}
.inner__banner .banner-in::before{ height: 130px;}
.inner__banner .banner-in::after{ height: 170px;}
.inner__banner::before{ height: 390px;}
.inner__banner{ padding-bottom: 390px;}
.foundation__sec .container{ max-width: 1020px;}
.foundation__sec .dtl .global_title{ font-size: 40px; margin-bottom: 25px;}
.foundation__sec .right-img figure{ height: 420px;}
.foundation__sec .right-img{ padding-left: 75px;}
.foundation__sec .dtl h3{ font-size: 16px; margin-bottom: 12px;}
.foundation__sec .foundation-in{ padding: 60px 0;}
.foundation__sec .foundation-in:nth-child(2n) .right-img{ padding-right: 75px;}

.contact__sec .container{ max-width: 1000px;}
.contact__sec .right-part h3{ font-size: 16px; margin-bottom: 15px;}
.contact__sec .right-part .row{ --bs-gutter-x: 10px; --bs-gutter-y: 10px;}
.contact__sec .form-group .input-group .form-control{ height: 46px; padding: 0 14px; font-size: 14px;}
.contact__sec .form-group .input-group .form-control::placeholder{ font-size: 14px;}
.contact__sec .form-group .input-group textarea.form-control{ height: 110px; padding-top: 12px;}
.contact__sec .dtl span{ font-size: 15px; margin-bottom: 20px;}
.contact__sec .dtl .add-info p{ margin-bottom: 12px;}
.contact__sec .dtl .global_title{ margin-bottom: 80px;}
.contact__sec{ padding-bottom: 80px;}
.matters__sec{ padding: 80px 0;}
.matters__sec .row{ --bs-gutter-x: 20px;}
.matters__sec .container{ max-width: 950px;}

.productlist__sec .productlist_block .row{ --bs-gutter-x: 24px; --bs-gutter-y: 40px;}

.productlist__sec .global_title{ margin-bottom: 35px;}
.productlist__sec .filter_block .filter-inn h3{ font-size: 22px;}
.productlist__sec .filter_block .filter-btn{ font-size: 17px;}
.productlist__sec .filter_block .filter-btn i{ width: 17px;}
.productlist__sec .filter_block .sort-block .sort-dropdown{ font-size: 17px;}
.select2-container--default .select2-selection--single .select2-selection__arrow::before{ height: 7px; width: 12px;}
.select2-results ul li{ font-size: 14px;}
.productlist__sec .filter_block .filter-inn{ padding: 18px 0;}
.productlist__sec .product-grid{ padding-top: 40px;}
.productlist__sec .productlist_block .offcanvas.offcanvas-start{ width: 400px;}
.productlist__sec .productlist_block .offcanvas-header{ padding: 25px 30px;}
.productlist__sec .productlist_block .offcanvas-title{ font-size: 22px;}
.productlist__sec .productlist_block .offcanvas-body{ padding: 25px 30px;}
.productlist__sec .accordion-item .accordion-button{ font-size: 18px;}
.productlist__sec .accordion-item .accordion-body{ padding: 16px 0 15px;}
.range .number .count{ width: 120px;}
.productlist__sec .accordion-item{ margin-bottom: 24px;}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-label{ font-size: 14px;}

.error__sec{ padding: 80px 0;}
.error__sec .dtl h1{ font-size: 190px;}
.error__sec .dtl h3{ margin-bottom: 15px; font-size: 45px; }
.error__sec .dtl p{ margin-bottom: 25px;}

.privacy_sec{ padding: 80px 0;}
.privacy_sec .global_title{ margin-bottom: 20px;}
.privacy_sec .dtl h3{ margin-bottom: 10px;}
.fixedRgt{gap: 14px;}

}

@media (max-width:1199px) {

h1{ font-size: 54px; line-height: 1;}
h2{ font-size: 34px; line-height: 1;}
h3{ font-size: 26px;}

p{ font-size: 14px;}


.container{ max-width: 970px;}

.header__sec .navbar{ padding: 10px 0;}
.hero__sec h2{ font-size: 42px; line-height: 50px; margin-bottom: 20px;}
.hero__sec p{ font-size: 14px; margin-bottom: 25px;}
.hero__sec p br{ display: none;}
.hero__sec .btn-theme{ margin-bottom: 30px; padding: 10px 15px;}
.btn-theme{ gap: 12px;}
.hero__sec .badges h3{ font-size: 16px; margin-bottom: 15px;}
.btn-theme i{ width: 24px;}
.hero__sec .badge-box i{ width: 30px;}
.btn-theme{ font-size: 13px;}
.hero__sec .inner{ padding: 110px 0 50px;}
.hero__sec .detail{ max-width: 590px;}
.header__sec .navbar-light .navbar-nav{ gap: 34px; margin-bottom: 0;}
.header__sec .navbar-brand img{ height: 56px;}
.header__sec .hdr-right .search{ gap: 5px;}
.header__sec .navbar-light .navbar-nav .nav-link{ font-size: 13px;}
.header__sec .hdr-right .search a span{ top: -10px;}
.header__sec .hdr-right{ gap: 20px;}
.owl-dots .owl-dot::before{ height: 6px; width: 6px;}
.owl-dots .owl-dot{ height: 18px; width: 18px;}
.header__sec .navbar{ align-items: center;}
.spark__sec{ padding: 60px 0;}
.global_title{ font-size: 34px;}
.spark__sec .global_title{ margin-bottom: 35px;}
.spark__sec .container{ max-width: 970px;}
.spark-card{ padding: 25px;}
.spark-card i{ width: 38px; margin-bottom: 25px;}
.product__sec{ padding: 60px 0;}
.product__sec .trusted-info{ font-size: 18px;}
.product__sec .title-wrp{ margin-bottom: 40px;}
.product__sec .row{ --bs-gutter-x: 15px; --bs-gutter-y: 30px;}
.product-box figure{ height: 230px;}
.product-box .btn-theme{ padding: 8px 10px; width: calc(100% - 24px);}
.product-box:hover .btn-theme{ bottom: 12px;}
.product-box .top-part{ margin-bottom: 15px;}
.product-box .dtl strong{ margin-bottom: 5px;}
.product-box .price-dtl{ margin-bottom: 10px;}
.product-box .star i{ width: 14px;}
.product-box .best-seller{ font-size: 12px; padding: 4px 8px;}
.product-box .off-lbl{ font-size: 12px;}
.product__sec .text-center .btn-theme{ margin-top: 40px;}
.choose__sec{ padding: 60px 0 30px;}
.choose__sec .global_title{ margin-bottom: 40px;}
.choose__sec .row{ --bs-gutter-x: 15px;}
.stories-bx .review-ic{ width: 24px;}
.choose-box i{ width: 38px; margin-bottom: 25px;}
.choose-box{ padding: 25px;}
.energy__sec::before{ height: 220px;}
.energy__sec{ min-height: 300px;}
.energy__sec strong{ font-size: 14px;}
.energy__sec .caption-inn{ padding: 40px;}
.energy__sec i{ width: 50px;}
.natural__sec{ padding: 60px 0;}
.natural__sec .grid{ grid-gap: 20px 25px;}
.natural__sec .grid > div:nth-child(2n+1) .natural-blk{ margin-top: 40px;}
.natural-blk figure{ height: 320px; margin-bottom: 15px;}
.natural-blk h3{ font-size: 19px; margin-bottom: 5px;}
.powered__sec .left-img figure{ width: 41vw;}
.powered__sec .right-dtl{ padding: 20px;}
.powered-item h3{ font-size: 16px; margin-bottom: 3px;}
.powered-item{ gap: 10px;}
.powered-item figure{ height: 58px; width: 58px; min-width: 58px;}
.powered__sec .left-img, .powered__sec .left-img figure{ min-height: 520px;}
.trusted__sec{ padding: 60px 0;}
.trusted__sec .global_title{ margin-bottom: 22px;}
.trusted-labels .label{ font-size: 14px;}
.trusted-labels{ margin-bottom: 30px;}
.trusted-bx i{ height: 70px; width: 70px; margin-bottom: 15px;}
.trusted-bx{ padding: 25px;}
.private__sec .right-img figure{ width: 41vw;}
.private__sec .left-dtl{ padding: 30px 30px 30px 0;}
.private-box i{ height: 30px; width: 30px; margin-bottom: 20px;}
.private-box .curve{ width: 80px; right: 10px;}
.private-box .dtl h3{ font-size: 16px;}
.private__sec .right-img, .private__sec .right-img figure{ min-height: 570px;}
.platforms__sec{ padding-top: 50px;}
.platforms__sec .text{ font-size: 34px; letter-spacing: 3px;}
.platforms__sec .text::before{ height: 14px; width: 14px; margin-top: 13px;}
.platforms__sec .platforms-in{ padding-top: 40px; min-height: 560px;}
.platforms__sec .platforms-in .logos{ height: 70px; width: 130px;}
.platforms__sec .platforms-in .logos img{ max-height: 30px; max-width: 100px;}
.platforms__sec .platforms-in .logo1{ left: -160px;}
.platforms__sec .platforms-in .logo2{ top: -30px;}
.platforms__sec .platforms-in .logo3{ top: -30px;}
.platforms__sec .platforms-in .logo4{ top: -30px; right: -210px;}
.platforms__sec .platforms-in .logo5{ right: -210px; bottom: -80px;}
.platforms__sec .platforms-in .logo6{ bottom: -120px; left: 28px;}
.platforms__sec .platforms-in .logo7{ left: -160px; bottom: -80px;}
.stories__sec{ padding: 60px 0;}
.stories__sec .global_title{ margin-bottom: 30px;}
.stories-bx{ padding: 28px;}
.stories-bx .review .stars i{ width: 16px;}
.stories-bx .review p{ font-size: 14px;}
.stories-bx .top-review{ margin-bottom: 20px;}
.stories-bx .dtl p{ font-size: 14px;}
.stories-bx .curve{ width: 200px; right: -10px;}
.stories-bx .intro .intro-dtl h3{ font-size: 16px;}
.stories-bx .intro figure{ height: 46px; width: 46px; min-width: 46px;}
.stories-bx{ min-height: 380px;}
.bring__sec .lft-img figure{ width: 41vw;}
.bring__sec .right-part{ padding-left: 20px;}
.bring__sec .right-part p{ margin-bottom: 40px;}
.bring__sec .right-part .global_title{ margin-bottom: 20px;}
.bring-product figure{ height: 100px; margin-bottom: 15px;}
.bring__sec .lft-img, .bring__sec .lft-img figure{ min-height: 440px;}
.community__sec{ padding-top: 60px;}
.community__sec .global_title{ margin-bottom: 35px;}
.community-box .thumb, .community-box{ height: 425px;}
.community-box .play-btn{ width: 50px; height: 50px;}
.community-box .play-btn img{ width: 12px;}
.blog__sec{ padding: 60px 0;}
.blog__sec .title-wrp{ margin-bottom: 30px;}
.blog__sec .grid{ grid-gap: 15px;}
.blog-box figure{ height: 180px;}
.blog-box .dtl{ padding: 15px;}
.blog-box h3{ font-size: 16px;}
.blog-box p{ margin-bottom: 15px;}
.blog-box .readmore{ padding-top: 12px;}
.blog__sec .btn-theme{ margin-top: 40px;}
.footer__sec{ padding-top: 50px;}
.ftr-logo figure{ width: 160px;}
.ftr-logo p{ margin-bottom: 30px;}
.ftr-logo ul{ margin-bottom: 35px;}
.ftr-awards figure{ height: 40px; width: 40px;}
.ftr-awards{ margin-top: 40px;}
.news-latter{ padding-left: 0;}
.news-latter p{ margin-bottom: 25px;}
.news-latter .form-control{ height: 44px;}
.news-latter .mail-submit{ height: 44px; width: 44px; min-width: 44px;}
.news-latter .mail-submit i{ display: inline-flex; width: 14px;}
.news-latter .form-wrp{ max-width: 360px;}
.news-latter .payment-info{ margin-top: 20px;}
.copyright{ margin-top: 30px; padding: 25px 0 30px;}
.ftr-logo{ margin-bottom: 30px;}
.stories__sec .stories-bx{ min-width: 280px; max-width: 280px; min-height: 320px;}
.bring__sec .right-part{ padding-left: 10px;}
.bring__sec .right-part p br{ display: none;}
.bring__sec .lft-img, .bring__sec .lft-img figure{ min-height: 410px;}
.community__sec .owl-dots .owl-dot.active{ border-color: var(--primaryColor) !important;}
.community__sec .owl-dots .owl-dot.active::before{ background: var(--primaryColor) !important; opacity: 1;}
.community__sec .owl-dots .owl-dot::before{ background: var(--primaryColor) !important; opacity: 0.7;}
.blog__sec{ padding: 50px 0 60px;}
.blog__sec .grid{ grid-gap: 10px;}
.blog-box figure{ height: 160px;}
.footer__sec .txt{ display: none;}
.copyright{ padding: 20px 0;}
.footer__sec h3{ font-size: 17px;}
.favorite__sec .brand-logo{ height: 75px;}

.header-relative{ padding-top: 114px;}
.header-relative .header__sec .navbar{ padding: 10px 0 15px;}
.header-relative .header__sec.sticky .navbar{ padding: 10px 0;}
.product-dtl .container{ max-width: 970px;}
.product-dtl{ padding-top: 40px;}
.product-dtl .right-dtl .sell-label{ font-size: 13px; margin-bottom: 20px;}
.product-dtl .right-dtl .sell-label i{ width: 12px; min-width: 12px;}
.product-dtl .right-dtl h1{ font-size: 22px;}
.product-dtl .right-dtl .price-dtl .price{ font-size: 14px;}
.product-dtl .right-dtl .review-dtl{ display: block;}
.product-dtl .right-dtl .off{ font-size: 13px;}
.product-dtl .right-dtl .price-dtl{ margin-bottom: 15px;}
.product-dtl .right-dtl .review-dtl{ padding-bottom: 25px; margin-bottom: 25px;}
.product-dtl .right-dtl h3{ margin-bottom: 15px;}
.product-dtl .serving-dtl .row{ --bs-gutter-x: 9px; --bs-gutter-y: 9px;}
.product-dtl .form-check .pack-box{ padding: 10px 20px; font-size: 13px;}
.product-dtl .btn-theme{ min-height: 42px;}
.product-dtl .btn-group{ margin-bottom: 30px;}
.prod-info .accordion-button{ padding: 18px 0;}
.product-dtl .prod-info, .product-dtl .exchange-dtl{ margin-bottom: 25px;}
.safety-info .global_title{ font-size: 24px; margin-bottom: 15px;}
.safety-info .safety-box{ padding: 15px;}
.safety-info{ margin-bottom: 30px;}
.private-dtl .private-box .dtl h4{ font-size: 14px;}
.private-dtl .grid{ grid-gap: 8px;}
.ingredients__sec{ padding: 40px 0 60px;}
.ingredients__sec .global_title{ margin-bottom: 40px;}
.ingredients__sec .row{ --bs-gutter-x: 15px;}
.ingredients__sec .ingredient-box figure{ height: 215px; margin-bottom: 12px;}
.ingredients__sec .ingredient-box .dtl h3{ font-size: 16px;}
.faq__sec{ padding: 60px 0;}
.faq__sec .global_title{ margin-bottom: 30px;}
.faq__sec .accordion-button{ padding: 18px 0;}
.owl-nav button{ height: 42px; width: 42px;}
.favorite__sec{ padding: 60px 0;}


.inner__banner .bg{ height: 220px;}
.inner__banner .banner-in::before{ height: 100px;}
.inner__banner .banner-in::after{ height: 120px;}
.inner__banner .global_title{ font-size: 42px; margin-bottom: 15px;}
.inner__banner::before{ height: 305px;}
.inner__banner{ padding-bottom: 305px;}
.foundation__sec .container{ max-width: 900px;}
.foundation__sec .dtl .global_title{ font-size: 34px; margin-bottom: 20px;}
.foundation__sec .dtl h3{ font-size: 15px; margin-bottom: 10px;}
.foundation__sec .right-img{ padding-left: 30px;}
.foundation__sec .right-img figure{ height: 330px;}
.foundation__sec .foundation-in:nth-child(2n) .right-img{ padding-right: 30px;}
.foundation__sec .foundation-in{ padding: 50px 0;}

.contact__sec .container{ max-width: 900px;}
.contact__sec .right-part{ padding-left: 60px;}
.contact__sec .right-part h3{ font-size: 15px; margin-bottom: 12px;}
.contact__sec{ padding-bottom: 60px;}
.matters__sec{ padding: 60px 0;}
.matters__sec .global_title{ margin-bottom: 35px;}
.matters__sec .row{ --bs-gutter-x: 15px;}
.matters__sec .container{ max-width: 840px;}

.productlist__sec{ padding: 40px 0;}
.community__sec.prod{ padding-top: 30px;}
.productlist__sec .productlist_block .row{ --bs-gutter-x: 15px; --bs-gutter-y: 30px;}

.productlist__sec .filter_block .filter-inn{ padding: 15px 0;}
.productlist__sec .filter_block .filter-btn{ font-size: 16px;}
.productlist__sec .filter_block .filter-btn i{ width: 16px;}
.productlist__sec .filter_block .filter-inn h3{ font-size: 19px;}
.productlist__sec .filter_block .sort-block .sort-dropdown{ font-size: 16px;}
.productlist__sec .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-right: 20px;}
.productlist__sec .filter_block .sort-block .sort-dropdown{ max-width: 110px; min-width: 110px;}
.productlist__sec .productlist_block .offcanvas.offcanvas-start{ width: 350px;}
.productlist__sec .productlist_block .offcanvas-header{ padding: 20px 25px;}
.productlist__sec .productlist_block .offcanvas-title{ font-size: 20px;}
.productlist__sec .btn-close{ padding: 0; height: 20px; width: 20px;}
.productlist__sec .productlist_block .offcanvas-body{ padding: 20px 25px;}
.productlist__sec .accordion-item .accordion-button{ font-size: 16px;}
.range .number{ margin-top: 25px;}
.range .number .count{ width: 100px;}
.range .number span{ font-size: 14px;}
.range .number input{ font-size: 14px;}

.fixedRgt{ padding: 12px 10px;}

.error__sec{ padding: 60px 0;}
.error__sec .dtl h1{ font-size: 170px;}
.error__sec .dtl h3 {font-size: 40px; margin-bottom: 10px;}

.privacy_sec{ padding: 50px 0;}
.privacy_sec .global_title{ margin-bottom: 15px;}
.privacy_sec .dtl h3{ font-size: 22px;}

.safety-info .grid{ padding-bottom: 10px; grid-auto-columns: 16vw; grid-auto-flow: column;}
.safety-info .scroll-wrp{ overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: thin;}
.community-box .thumb, .community-box{ height: 325px;}
}

/************ Main **************/
@media (max-width: 991px) {

h1{ font-size: 40px; line-height: 1;}
h2{ font-size: 34px; line-height: 1;}
    
.container{ max-width: none;}
    
.header__sec .navbar-light .navbar-nav .nav-link{ padding: 10px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: var(--primaryColor); font-size: 14px;}
header .navbar-light .navbar-nav .nav-link:hover{ color: var(--whiteColor);}
.header__sec .navbar-light .navbar-nav .nav-link:focus{ color: var(--primaryColor);}

.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; box-shadow:none !important; margin: 0 0 0 20px;}
.header__sec .hdr-right{ margin-left: auto;}
.header__sec .offcanvas { background: #E8D2B0; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); width: 100%; max-width: 360px;}
.header__sec .offcanvas-lg{ height: 100vh; border: none;}
.header__sec .navbar-nav .dropdown-menu{ border: none;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin: 0; border-bottom: 1px solid var(--primaryColor);}
.header__sec .navbar-light .navbar-nav .nav-item:first-child{ border-top: 1px solid var(--primaryColor);}
.header__sec .navbar-light .navbar-nav .nav-link::before{ width: 0; height: 100%; left: 0; transform: none; background: var(--primaryColor); z-index: -1;}
.header__sec .dropdown-item{ padding: 8px 15px; font-size: 14px;}

.header__sec .btn-theme{ border-color: var(--primaryColor); background: var(--primaryColor);}
.header__sec .btn-theme.white-bdr::before, .header__sec .btn-theme.white-bdr::after{ background: var(--primaryColor);}
.header__sec .btn-theme.white-bdr:hover::before, .header__sec .btn-theme.white-bdr:hover::after{ background: var(--whiteColor);}
.header__sec .offcanvas-body{ padding-top: 50px !important;}

.header__sec .navbar-light .navbar-nav{ gap: 0;}
.header__sec.sticky .navbar-brand{ width: 110px;}
.header__sec.sticky .navbar-brand img{ height: 40px;}
.header__sec .navbar{ justify-content: start;}
.header__sec .btn-theme{ margin: 0 0 0 auto;}
.hero__sec .btn-theme{ padding: 8px 10px;}
.btn-theme i{ width: 20px;}
.hero-bg{ min-height: 460px;}
.hero__sec h2{ font-size: 36px; line-height: 44px;}
.header__sec .navbar-brand img{ height: 50px;}
.hero__sec .detail{ max-width: 100%;}
.hero__sec p{ margin-bottom: 20px;}
.hero__sec .badge-box{ padding: 15px;}
.hero__sec .badge-box i{ width: 25px; margin-bottom: 15px;}
.hero__sec .badge-box h4{ font-size: 14px;}
.hero__sec .badges .grid{ grid-column-gap: 10px;}
.hero__sec .badges{ max-width: 500px;}
.global_title{ font-size: 30px;}
.spark__sec .global_title{ margin-bottom: 30px;}
.spark-card{ padding: 20px;}
.spark-card i{ width: 34px; margin-bottom: 20px;}
.spark-card h3{ font-size: 16px;}
.spark__sec .container{ max-width: none;}
.product__sec .trusted-info{ font-size: 14px;}
.header__sec .btn-theme{ margin: 0 auto 50px;}
.product-box figure{ height: 220px;}
.product-box .price-dtl{ margin-bottom: 5px;}
.choose__sec .global_title{ margin-bottom: 30px;}
.choose-box strong{ font-size: 14px;}
.choose-box i{ width: 34px; margin-bottom: 20px;}
.choose__sec .row{ --bs-gutter-x: 10px;}
.energy__sec i{ width: 40px;}
.energy__sec .caption-inn{ padding: 30px;}
.energy__sec::before{ height: 200px;}
.energy__sec{ min-height: 270px;}
.natural__sec{ padding: 50px 0;}
.natural__sec .global_title{ margin: 0 0 30px;}
.natural__sec .grid > div:nth-child(2n+1) .natural-blk{ margin-top: 0;}
.natural__sec .grid{ grid-gap: 15px;}

.natural-blk figure{ height: 220px;}
.natural-blk h3{ font-size: 17px;}
.powered__sec .left-img, .powered__sec .left-img figure{ min-height: 280px;}
.powered__sec .left-img figure{ height: 280px; width: 100vw;}
.powered__sec .right-dtl{ padding: 20px 0 50px;}
.powered__sec .right-dtl .global_title{ margin-bottom: 30px;}
.powered__sec .right-dtl .row{ --bs-gutter-y: 20px;}
.powered__sec .right-dtl .global_title br{ display: none;}
.trusted-bx i{ height: 60px; width: 60px;}
.trusted-bx .dtl p{ line-height: 18px;}
.trusted__sec .row{ --bs-gutter-x: 10px;}
.private__sec .left-dtl{ padding-right: 20px;}
.private-box{ padding: 18px;}
.private__sec .right-img, .private__sec .right-img figure{ min-height: 550px;}
.platforms__sec .text{ font-size: 28px; letter-spacing: 2px;}
.platforms__sec .text::before{ height: 10px; width: 10px; margin: 12px 30px 0 0;}
.platforms__sec .platforms-in{ min-height: 440px;}
.platforms__sec .platforms-in .logos{ width: 100px; height: 60px;}
.platforms__sec .platforms-in .logos img{ max-height: 24px; max-width: 70px;}
.platforms__sec .platforms-in .logo1{ left: -130px;}
.platforms__sec .platforms-in .logo2{ top: -20px;}
.platforms__sec .platforms-in .logo3{ top: -20px;}
.platforms__sec .platforms-in .logo4{ right: -175px;}
.platforms__sec .platforms-in .logo5{ right: -175px; bottom: -70px;}
.platforms__sec .platforms-in .logo6{ bottom: -100px; left: 23px;}
.platforms__sec .platforms-in .logo7{ left: -130px; bottom: -70px;}
.stories__sec .stories-bx .dtl p{ font-size: 14px;}
.stories__sec .stories-bx{ padding: 22px;}
.ingredients__sec .row{ --bs-gutter-x: 12px; --bs-gutter-y: 25px;}
.ingredients__sec .ingredient-box figure{ margin-bottom: 10px; height: 165px;}
.ingredients__sec .ingredient-box .dtl h3{ font-size: 15px;}
.stories__sec .stories-bx .review .stars i{ width: 14px;}
.stories__sec .stories-bx .curve{ width: 160px;}
.offcanvas-header{ justify-content: space-between !important; position: relative;}
.offcanvas-header h5{ order: 1;}
.offcanvas-header figure{ margin: 0; height: 80px; width: 80px;}
.offcanvas-header figure img{ margin: 0; height: 100%; width: 100%; object-fit: contain;}
.offcanvas-header .text-reset{ position: absolute; top: 10px; right: 10px;}
.offcanvas-header .text-reset svg{ fill: var(--blackColor);}



.header-relative{ padding-top: 103px;}
.header-relative .header__sec .navbar{ padding: 10px 0;}
.product-dtl .right-dtl h1{ font-size: 19px; margin-bottom: 20px;}
.product-dtl .right-dtl .sell-label{ gap: 5px; font-size: 12px; padding: 5px 7px;}
.ingredients__sec .global_title{ margin-bottom: 30px;}
.product-dtl .right-dtl .off{ font-size: 12px; padding: 4px 6px;}
.private-dtl .grid{ padding-bottom: 10px; grid-auto-columns: 18vw; grid-auto-flow: column;}
.safety-info .safety-box p br{ display: none;}
.private-dtl .scroll-wrp{ overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: thin;}
.product-dtl .right-dtl .review-dtl{ margin-bottom: 20px;}
.product-dtl .form-check .pack-box{ font-size: 12px; padding: 10px;}
.product-dtl .serving-dtl{ margin-bottom: 28px;}
.product-dtl .btn-group{ gap: 10px;}


.inner__banner .bg{ height: 200px;}
.inner__banner::before{ height: 235px;}
.inner__banner{ padding-bottom: 235px;}
.foundation__sec .container{ max-width: none;}
.foundation__sec .dtl .global_title{ font-size: 30px; margin-bottom: 15px;}
.foundation__sec .dtl h3{ line-height: 22px;}
.foundation__sec .right-img{ padding-left: 10px;}
.foundation__sec .dtl .desc p{ margin-bottom: 15px;}
.foundation__sec .right-img figure{ height: 264px;}
.foundation__sec .foundation-in:nth-child(2n) .right-img{ padding-right: 10px;}

.contact__sec .right-part{ padding-left: 20px;}
.contact__sec .dtl span{ font-size: 14px; margin-bottom: 15px;}
.contact__sec .form-group .input-group .form-control{ height: 42px; padding: 0 12px;}
.contact__sec .form-group .input-group textarea.form-control{ height: 90px;}
.contact__sec .dtl .global_title{ margin-bottom: 68px;}
.matters__sec .container{ max-width: none;}

.productlist__sec{ padding: 30px 0;}

.productlist__sec .productlist_block .offcanvas.offcanvas-start{ width: 300px;}
.productlist__sec .productlist_block .offcanvas-title{ order: unset;}
.productlist__sec .btn-close{ height: 16px; width: 16px;}
.productlist__sec .productlist_block .offcanvas-header{ padding: 20px;}
.productlist__sec .productlist_block .offcanvas-title{ font-size: 18px;}
.productlist__sec .productlist_block .offcanvas-body{ padding: 20px;}
.productlist__sec .accordion-item .accordion-body{ padding-bottom: 10px;}
.productlist__sec .accordion-item{ margin-bottom: 20px;}
.productlist__sec .accordion-item .accordion-body .form-check{ margin-bottom: 5px;}

.error__sec{ padding: 40px 0;}
.error__sec .dtl h1{ font-size: 130px;}
.error__sec .dtl h3{ font-size: 30px; margin-bottom: 10px;}
.error__sec .dtl p{ margin-bottom: 15px;}

.privacy_sec{ padding: 40px 0;}
.privacy_sec .global_title{ margin-bottom: 10px;}
.privacy_sec .dtl h3{ font-size: 20px;}

.community-box .thumb, .community-box{ height: 425px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

p{ font-size: 13px; line-height: 20px;}

ol li,.typo ul li{ font-size: 13px; line-height: 20px;}

.fixedRgt{ display: none;}


.hero__sec .badges{ display: none;}
.hero-bg{ min-height: 300px;}
.hero__sec .inner{ padding: 90px 0 50px;}
.header__sec .navbar-brand img{ height: 44px;}
.header__sec .btn-theme{ width: 100%; justify-content: center;}
.hero__sec h2{ font-size: 30px; line-height: 40px;}
.hero__sec p{ display: none;}
.hero__sec .btn-theme{ margin-bottom: 0;}
.hero__sec .owl-dots{ top: auto; bottom: 20px; transform: translate(-50%, 0); right: auto; left: 50%; flex-direction: row;}
.spark__sec{ padding: 40px 0;}
.global_title{ font-size: 26px;}
.spark__sec .global_title{ margin-bottom: 25px;}
.product__sec{ padding: 40px 0;}
.product__sec .title-wrp{ flex-wrap: wrap; margin-bottom: 30px; gap: 10px 0;}
.product-box figure{ height: 250px;}
.product-box .dtl strong{ font-size: 15px;}
.product-box .price-dtl{ font-size: 13px;}
.product-box .count, .product-box .star i{ width: 13px;}
.product-box .btn-theme{ bottom: 12px; transform: translate(-50%, 0); color: var(--primaryColor);}
.product-box .btn-theme.white-bdr::before, .product-box .btn-theme.white-bdr::after{ height: 100%;}
.choose__sec{ padding: 40px 0 30px;}
.choose__sec .row{ --bs-gutter-y: 10px;}
.choose-box{ padding: 20px 15px;}
.choose-box i{ width: 30px; margin-bottom: 15px;}
.energy__sec::before{ height: 140px;}
.energy__sec{ min-height: 210px;}
.pageWrapper{ padding-top: 32px;}
.private__sec .left-dtl{ padding-right: 0;}
.natural__sec{ padding: 40px 0;}
.platforms__sec{ background: #F9F7F7;}
.natural-blk h3{ font-size: 15px;}
.scroll-wrp{ overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: thin;}
.natural__sec .grid{ grid-gap: 10px; padding-bottom: 5px; grid-auto-columns: 60vw; grid-auto-flow: column;}
.blog__sec .grid{ padding-bottom: 5px; grid-auto-columns: 60vw; grid-auto-flow: column;}
.powered__sec .left-img figure{ height: 240px;}
.powered__sec .left-img, .powered__sec .left-img figure{ min-height: 240px;}
.trusted__sec{ padding: 40px 0;}
.trusted-labels{ justify-content: start;}
.trusted__sec .row{ --bs-gutter-y: 10px;}
.trusted-bx{ padding: 20px 15px;}
.trusted-bx i{ height: 50px; width: 50px;}
.trusted-bx .dtl p{ font-size: 13px;}
.private__sec .right-img{ display: none;}
.private__sec .left-dtl .global_title{ margin-bottom: 15px;}
.private__sec .left-dtl p{ margin-bottom: 25px;}
.private__sec .left-dtl .row{ --bs-gutter-x: 10px; --bs-gutter-y: 10px;}
.platforms__sec{ padding-top: 40px;}
.platforms__sec .text{ font-size: 22px; letter-spacing: 0;}
.platforms__sec .text::before{ height: 8px; width: 8px; margin: 9px 25px 0 0;}
.platforms__sec .platforms-in{ min-height: 320px;}
.platforms__sec .platforms-in .logos{ position: unset; transform: none;}
.platforms__sec .platforms-in .title{ position: unset; transform: none;}
.platforms__sec .logo-wrp{ margin-top: 20px; position: unset; transform: none; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.stories__sec{ padding: 40px 0;}
.stories__sec .global_title{ margin-bottom: 25px;}
.stories-bx .curve{ width: 90px; right: 0;}
.stories-bx .dtl p{ font-size: 13px;}
.stories-bx .top-review{ margin-bottom: 15px;}
.stories-bx .intro figure{ height: 42px; width: 42px; min-width: 42px;}
.stories-bx .intro .intro-dtl h3{ font-size: 15px;}
.stories-bx .intro .intro-dtl p{ font-size: 13px;}
.stories-bx{ padding: 18px; min-width: 250px; max-width: 250px; min-height: 290px;}
.bring__sec .lft-img{ display: none;}
.bring__sec .right-part{ padding: 40px 0;}
.community__sec{ padding-top: 40px;}
.community__sec .global_title{ margin-bottom: 25px;}
.community-box .thumb, .community-box{ height: 340px;}
.blog__sec{ padding: 40px 0;}
.blog__sec .global_title{ margin-bottom: 15px;}
.blog-box figure{ height: 140px;}
.blog-box h3{ font-size: 15px;}
.footer__sec{ padding-top: 40px;}
.ftr-logo figure{ width: 140px; margin-bottom: 15px;}
.ftr-logo p{ margin-bottom: 20px;}
.stories-bx .review-ic{ width: 22px;}
.ftr-logo ul{ margin-bottom: 25px;}
.copyright{ padding: 15px 0;}
.ftr-logo p br{ display: none;}
.news-latter p{ margin-bottom: 10px;}
.footer__sec h3.navTitle{ position: relative; cursor: pointer;}
.footer__sec h3.navTitle::before{ content: "+"; position: absolute; top: -1px; right: 0; transition: all .4s ease-in-out; font-size: 20px;}
.footer__sec h3.navTitle.active::before{ content: "-";}
.ftr-nav ul{ display: none; margin-bottom: 20px;}
.footer__sec h3.navTitle{ margin-bottom: 15px;}
.ftr-awards{ margin-top: 0;}
.news-latter .payment-info{ margin-top: 0;}

.header-relative{ padding-top: 96px;}
.product-dtl .right-dtl h1{ font-size: 18px;}
.prod-info .accordion-button{ padding: 15px 0; font-size: 15px;}
.prod-info .accordion .accordion-item .accordion-body h3{ font-size: 14px;}
.product-dtl .exchange-dtl{ font-size: 15px;}
.safety-info .safety-box p br{ display: none;}
.product-dtl .right-dtl .private-dtl h3{ font-size: 18px; margin-bottom: 15px;}
.ingredients__sec{ padding: 30px 0 40px;}
.ingredients__sec .row{ --bs-gutter-x: 10px; --bs-gutter-y: 25px;}
.ingredients__sec .ingredient-box figure{ height: 170px; margin-bottom: 10px;}
.ingredients__sec .ingredient-box .dtl h3{ font-size: 15px;}
.private-dtl .grid{ padding-bottom: 10px; grid-auto-columns: 30vw; grid-auto-flow: column;}
.safety-info .grid{ padding-bottom: 10px; grid-auto-columns: 25vw; grid-auto-flow: column;}
.faq__sec .accordion-button{ padding: 15px 0; font-size: 15px; line-height: 22px;}
.faq__sec{ padding: 40px 0;}
.faq__sec .global_title{ margin-bottom: 20px;}
.favorite__sec .global_title{ margin-bottom: 30px;}
.favorite__sec{ padding: 40px 0;}
.owl-nav{ margin-top: 25px;}
.favorite__sec .brand-logo img{ height: 22px;}
.favorite__sec .brand-logo{ height: 65px; padding: 10px;}
.owl-nav button{ height: 36px; width: 36px;}


.inner__banner .global_title{ font-size: 30px; line-height: 34px; margin-bottom: 10px;}
.inner__banner .bg{ height: 180px;}
.inner__banner .banner-in::before{ height: 50px;}
.inner__banner .banner-in::after{ height: 80px;}
.inner__banner::before{ height: 180px;}
.inner__banner{ padding-bottom: 180px;}
.foundation__sec .foundation-in:nth-child(2n) .row, .foundation__sec .foundation-in .row{ flex-direction: column-reverse;}
.foundation__sec .dtl .global_title{ margin-bottom: 10px; font-size: 26px;}
.foundation__sec .right-img{ padding: 0;}
.foundation__sec .right-img figure{ height: 260px; margin-bottom: 15px;}
.foundation__sec .foundation-in{ padding: 40px 0;}

.contact__sec .dtl .global_title{ margin-bottom: 15px;}
.contact__sec .right-part{ padding: 0;}
.contact__sec .dtl{ margin-bottom: 25px;}
.contact__sec .form-group .input-group .form-control{ height: 40px;}
.contact__sec{ padding-bottom: 40px;}
.matters__sec{ padding: 40px 0;}
.matters__sec .global_title{ margin-bottom: 25px;}
.matters__sec .row{ --bs-gutter-x: 10px; --bs-gutter-y: 10px;}

.community__sec.prod{ padding-top: 20px;}

.productlist__sec .filter_block .sort-block .sort-dropdown{ font-size: 14px;}
.productlist__sec .filter_block .filter-btn{ font-size: 14px;}
.productlist__sec .filter_block .filter-btn i{ width: 14px;}
.productlist__sec .filter_block .filter-inn h3{ font-size: 16px; margin-left: 30px;}
.matters__sec .grid{ grid-column-gap: 10px; padding-bottom: 10px; grid-auto-columns: 35vw; grid-auto-flow: column; grid-template-columns: unset;}
.matters__sec .scroll-wrp{ overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: thin;}

.error__sec .dtl h1{ font-size: 100px;}
.error__sec .dtl h3{ font-size: 25px;}



}
/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}
.hero__sec h2{ font-size: 26px; line-height: 34px;}
.global_title{ font-size: 22px;}
.spark-card p{ display: none;}
.spark-card h3{ font-size: 15px;}
.product__sec .title-wrp .global_title{ font-size: 21px;}
.product__sec .title-wrp{ margin-bottom: 25px;}
.product__sec .row{ --bs-gutter-x: 10px; --bs-gutter-y: 20px;}
.product-box .best-seller i{ display: none;}
.product-box .best-seller{ font-size: 10px;}
.product-box .off-lbl{ font-size: 10px;}
.product-box figure{ height: 165px;}
.product-box .btn-theme{ width: calc(100% - 20px); bottom: 10px; padding: 4px 10px; font-size: 11px; font-weight: 600;}
.product-box .top-part{ margin-bottom: 10px;}
.product-box .dtl strong{ font-size: 14px;}
.product__sec .text-center .btn-theme{ margin-top: 30px;}
.choose__sec .global_title{ margin-bottom: 25px;}
.natural__sec{ padding: 20px 0 40px;}
.powered__sec .left-img, .powered__sec .left-img figure{ min-height: 200px;}
.powered__sec .left-img figure{ height: 200px;}
.powered__sec .right-dtl .global_title{ margin-bottom: 25px;}
.powered-item p{ display: none;}
.powered-item h3{ font-size: 14px;}
.powered-item figure{ height: 52px; width: 52px; min-width: 52px;}
.powered__sec .right-dtl .row{ --bs-gutter-y: 15px;}
.private__sec .left-dtl .global_title br{ display: none;}
.private__sec .left-dtl .global_title strong{ margin-right: 5px;}
.private-box .dtl h3{ font-size: 15px;}
.platforms__sec .platforms-in{ padding-bottom: 30px;}
.bring__sec .right-part .global_title br{ display: none;}
.bring__sec .right-part .global_title{ margin-bottom: 15px;}
.bring__sec .right-part p{ margin-bottom: 30px;}
.platforms__sec .platforms-in{ padding-top: 25px;}
.bring-product .dtl .price{ font-size: 13px;}
.bring__sec .right-part .curve{ width: 300px;}
.community-box .thumb, .community-box{ height: 300px;}
.community-box .play-btn{ height: 40px; width: 40px;}
.blog__sec .title-wrp{ margin-bottom: 25px;}
.blog-box h3{ font-size: 14px;}
.blog-box .readmore{ font-size: 13px;}
.blog__sec .btn-theme{ margin-top: 30px;}
.footer__sec h3{ font-size: 16px;}
.news-latter .payment-info, .ftr-awards{ margin: 0 auto;}
.matters__sec .grid{ grid-auto-columns: 45vw; }

.product-dtl .right-dtl h1{ margin-bottom: 25px;}
.product-dtl .right-dtl .review-dtl{ display: block;}
.product-dtl .right-dtl .price-dtl{ margin-bottom: 12px;}
.product-dtl .right-dtl .review-dtl{ padding-bottom: 20px; margin-bottom: 20px;}
.product-dtl .form-check .pack-box{ padding: 10px; font-size: 12px;}
.product-dtl .right-dtl h3{ margin-bottom: 12px;}
.product-dtl .serving-dtl{ margin-bottom: 25px;}
.product-dtl .right-dtl h3{ font-size: 15px;}
.product-dtl .qty-dtl label{ font-size: 15px;}
.product-dtl .qty-dtl{ margin-bottom: 25px;}
.product-dtl .btn-group{ gap: 10px;}
.safety-info .grid{ padding-bottom: 10px; grid-auto-columns: 35vw; grid-auto-flow: column;}
.private-dtl .grid{ padding-bottom: 10px; grid-auto-columns: 35vw; grid-auto-flow: column;}
.safety-info .global_title{ font-size: 20px;}
.safety-info .safety-box figure{ height: 40px; width: 40px; margin-bottom: 12px;}
.product-dtl .right-dtl .private-dtl h3{ font-size: 16px;}
.private-dtl .private-box{ padding: 15px 12px;}
.private-dtl .private-box i{ height: 26px; width: 26px; margin-bottom: 12px;}
.ingredients__sec{ padding-top: 20px;}
.ingredients__sec .global_title{ margin-bottom: 20px;}
.ingredients__sec .row{ --bs-gutter-y: 20px;}
.favorite__sec .brand-logo img{ height: 20px;}
.ingredients__sec .ingredient-box figure{ height: 165px;}


.inner__banner .global_title{ font-size: 26px;}
.inner__banner::before{ height: 120px;}
.inner__banner{ padding-bottom: 120px;}
.foundation__sec .dtl .global_title{ font-size: 22px;}
.foundation__sec .dtl h3{ font-size: 14px;}
.foundation__sec .right-img figure{ height: 220px;}

.productlist__sec{ padding-bottom: 20px;}

.productlist__sec .accordion-item .accordion-body .form-check .form-check-label{ font-size: 13px;}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-input{ height: 14px; width: 14px; margin: 8px 8px 0 0;}
.productlist__sec .productlist_block .offcanvas.offcanvas-start{ width: 100%;}
.productlist__sec .filter_block .filter-inn h3{ margin-left: 0; width: 100%;}
.productlist__sec .filter_block .filter-inn{ flex-wrap: wrap; gap: 10px; }
.filter-bar{ order: 1;}
.productlist__sec .filter_block .sort-block{ order: 2;}

.error__sec .dtl h1{ font-size: 80px;}
.error__sec .dtl h3{ font-size: 22px;}
.privacy_sec{ padding: 30px 0;}
.privacy_sec .dtl h3{ font-size: 16px; margin-bottom: 5px;} 
}

@media (min-width:768px) {
    .natural__sec .grid, .blog__sec .grid{ grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (min-width:992px) {
    .private-dtl .grid{ grid-template-columns: repeat(3, minmax(0px, 1fr));}
    .safety-info .grid{ grid-template-columns: unset;}
}
@media (min-width:1200px) {
.safety-info .grid{ grid-template-columns: repeat(4, minmax(0px, 1fr));}
}