@media only screen and (max-width: 1279px) {
.article_banner h1 { font-size: 90px; line-height: 90px; }
.article_banner .subtitle { font-size: 22px;line-height: 26px; letter-spacing: 0.20em; }
.article_banner h1 small { font-size: 60px; line-height: 60px; }
.meditation_bar,
.article_banner { min-height:600px; height:auto; }
.article_banner .text { padding-bottom: 50px; }
.meditation_bar { padding: 80px 0; }  
.meditation_bar .text { padding-bottom:0; max-width: 530px; }
.empower_bar .cont_row { padding-left:30px; }
.empower_bar .cont_row.bottom { padding: 45px 30px 0; }
.empower_bar { padding-bottom: 40px; }
.empower_bar .left_side { margin-bottom: -46%; }
.empower_bar blockquote { padding-left:0; margin-right:0; font-size: 35px; line-height: 40px; padding-top:50px; }
.bottom_bar .inner { padding: 0 30px; }
.bottom_bar .text { padding-left:40px; }
.empower_bar .cont_row.bottom .text { padding-left: 40px; }
.empower_bar .cont_row.bottom .thumbnails { width: 45%; top: 50%; }

.skincare_bar .video_thumbs,
.meditation_bar .video_thumbs { max-width: 650px; }


.tara .article_banner h1 { font-size: 110px; line-height: 110px; }
.tara .article_banner h1 small { font-size: 45px; line-height: 45px; margin-bottom: -5px; }
.tara .article_banner .subtitle { letter-spacing: 0.20em; }
.tara .article_banner { padding-bottom: 30px; }
.tara .empower_bar .cont_row.bottom .text { padding-left: 50px; }
.tara .empower_bar { padding-bottom: 50px; }
.tara .empower_bar .cont_row.bottom { padding-left: 30px; }
.tara .empower_bar .cont_row.bottom .text blockquote { margin-right:0; }
.tara .meditation_bar { padding-bottom: 335px; } 
.meaningful_meditation_bar { height:auto; min-height:600px; }
.skincare_bar .cont_row { padding-left:0; }
.skincare_bar .cont_row .text { padding-left: 40px; }
.skincare_bar .product_box { margin-top:-30px; }

/*.home .skincare_bar .bb_intro_text h2 { font-size: 27px; line-height: 31px; }*/
/*.home .skincare_bar .bb_intro_text p { font-size: 19px; line-height: 22px; }*/

}

@media only screen and (max-width: 1209px) {
.intro_bar .wrapper { background-size:300px auto; }
.intro_bar::before { width: 100px; }
.intro_bar .wrapper { min-height:540px; }
.intro_bar { background-size: 250px auto; }
.intro_bar .boxed span,
.intro_bar h1 { letter-spacing: 0.10em; }
.intro_bar .boxed { padding: 25px 15px; margin-bottom: 20px; }
.intro_bar .inner { padding: 80px 0; }
.intro_bar .wrapper { max-width: 800px; }
.intro_bar::after { width: 200px; height: 121px; bottom: -65px; }
.information_bar .text { padding: 30px 40px 30px }
.information_bar .text .icon { max-width: 140px; }
.information_bar .inner { height: 570px; }
.information_bar .text .icon { max-width: 80px; }
.product_bar::before { width: 200px; height: 348px; top: -80px; }
.product_bar { background-size:250px auto; }
footer { background-position: -40px bottom; background-size: 230px auto; }
footer::after { width: 130px; height: 118px; bottom: 20px; }
.product_bar .pro4 img { max-width: 100%; }
.product_bar .col:nth-of-type(1) { padding-left: 15px; }

.intro_bar .shape1 { width: 100px; }
.intro_bar .shape2 { width: 300px; height: 125px; left: 110px; margin:0; }
.intro_bar .shape3 { width: 130px; height: 134px; right: 120px; }
.intro_bar .shape4 { width: 200px; height: 365px; }
.intro_bar .shape5 { width: 200px; height: 146px; bottom: -90px; }
.product_bar .shape1 { width: 205px; height: 351px; top: -80px; }
.product_bar .shape2 { width: 150px; height: 115px; right: 100px; }
.product_bar .shape3 { width: 80px; height: 249px; top: 75px; }
.product_bar .shape4 { width: 140px; height: 127px; margin:0; bottom: 15px; }
.product_bar .shape5 { width: 240px; height: 252px; margin:0; left: -70px; bottom: -180px;}

#wrapper.home .skincare_bar .pro_wrap .button { padding: 8px 20px 6px; }
/*.home .skincare_bar .bb_intro_text p { font-size: 17px; line-height: 20px; }*/

.meaningful_meditation_bar { padding-top:50px; padding-bottom: 120px; }


}

@media only screen and (max-width: 1023px) {
html, body { line-height: 20px; }
.intro_bar .wrapper { background-size:170px auto; background-position: 80px top; }
.intro_bar::before { width: 60px; background-size:100% 100%;}
.intro_bar { background-size: 150px auto; }
.intro_bar h1 { font-size: 45px; line-height: 48px; }
.intro_bar .boxed span { font-size: 16px; line-height: 20px; }
.intro_bar .wrapper { max-width: 90%; }
.intro_bar::after { width: 150px; height: 136px; bottom: -65px; }
.information_bar h2 { font-size: 24px; line-height: 28px; padding: 15px 0; }
.information_bar .text { padding: 30px; }
.information_bar .text .icon2,.information_bar .text .icon { max-width: 100%; }
.information_bar .text .icon2 img,.information_bar .text .icon img { max-height: 120px; }
.information_bar .inner { height:450px; }
.product_bar::before { width: 120px; height: 209px; top: -50px; }
.product_bar { background-size:200px auto; }
.product_bar .pro2 img {max-width: 100%; }
footer { background-position: -40px bottom; background-size: 230px auto; }
footer::after { width: 100px; height: 91px; bottom: 15px; }
footer .wrapper { z-index:1; }

.intro_bar .shape1 { left: -40px; }
.intro_bar .shape2 { width: 200px; height: 83px; left: 110px; margin:0; }
.intro_bar .shape3 { width: 100px; height: 103px; right: 80px; }
.intro_bar .shape4 { width: 120px; height: 219px; }
.intro_bar .shape5 { width: 140px; height: 102px; bottom: -55px; }
.product_bar .shape1 { width: 125px; height: 214px; top: -60px; }
.product_bar .shape2 { width: 120px; height: 92px; right: 100px; }
.product_bar .shape3 { width: 60px; height: 187px; top: 75px; }
.product_bar .shape4 { width: 100px; height: 91px; margin:0; bottom: 15px; }
.product_bar .shape5 { width: 240px; height: 252px; margin:0; left: -70px; bottom: -180px;}

/*---------------new article------------*/
.intro_section h1 { font-size: 85px; line-height: 85px; }
.intro_section h1 small { font-size: 50px; line-height: 50px; }
.intro_section { padding: 110px 0 320px; }
.intro_section .intro {padding-bottom: 70px; }  
.intro_section .image_box .images { width: 50%; }  
.intro_section .image_box .text { width: 50%; padding: 0 0px 230px 25px; }
.intro_section .image_box .image2 {    width: 180px;    position: absolute; right: -12px; bottom: -105px; }
.intro_section .image_box .image3 {width: 140px; position: absolute; right: -110px; bottom: 25px; }
.lottie_box { width: 350px; height: 350px; }

.lottie_box .link1 { padding: 0 0 15px 35px; right: -60px; top: 6%; }
.lottie_box .link2 { bottom: 47%; left: 92%; }
.lottie_box .link3 { left: -24%; bottom: 14%; }
.lottie_box .link4 { right: 92%; top: 47%; }
.intro_section.middle .image_box .image2 { bottom: -110px; }
.intro_section.middle .image_box .image3 { right: auto; left: -115px; bottom: 75px; }
.intro_section.middle .image_box .text { width: 50%; padding: 0 45px 0 0; right: 50%; top: calc(100% - 60px); }

.article_banner h1 { font-size: 70px; line-height: 74px; letter-spacing:0; }
.article_banner .subtitle { font-size: 20px;line-height: 24px; letter-spacing: 0.10em; }
.article_banner h1 small { font-size: 40px; line-height: 40px; }
.article_banner h1 small { margin: 0 10px -5px 0; }
.article_banner p { padding-left:0; }
.meditation_bar, .article_banner { min-height:500px; }
.article_banner .text { padding: 0 322px 50px 0; }

.bottom_bar p,
.empower_bar p,
.meditation_bar p { font-size: 15px; line-height: 20px; padding-bottom: 15px; }
.product_box p { font-size: 12px !important; line-height: 16px !important; }

.meditation_bar { padding: 50px 0; background-position: 20% top; }
.meditation_bar .text { max-width: 400px; }
.meditation_bar .video_thumbs { max-width: 500px; bottom: -100px; }
.empower_bar h2 { font-size: 25px; line-height: 30px; padding-bottom: 10px; }
.empower_bar blockquote { font-size: 28px; line-height: 32px; padding-top:40px; }
.empower_bar blockquote::after { width: 25px; height: 25px; }
.empower_bar .cont_row.bottom .text { padding-top:0; }
.empower_bar .left_side { margin-bottom:-60%; }

.tara .article_banner h1 { font-size: 80px; line-height: 80px; }
.tara .article_banner h1 small { font-size: 35px; line-height: 35px; margin-bottom: 0px; }
.tara .article_banner .subtitle {  font-size: 20px;line-height: 24px; letter-spacing: 0.10em;  }

.tara .empower_bar .left_side { margin-top: 110px; margin-bottom: 100px; }
.tara .meditation_bar { padding: 60px 0; min-height:400px; }
.meaningful_meditation_bar .text { max-width:400px; }
.meaningful_meditation_bar { padding: 40px 0 150px; }

.skincare_bar p,
.meaningful_meditation_bar p { font-size: 15px; line-height: 20px; padding-bottom: 15px; }

.tara .meditation_bar h2,
.skincare_bar h2,
.meaningful_meditation_bar h2 { padding-bottom: 15px; font-size: 25px; line-height: 30px; }
.skincare_bar .product_box { margin-top:20px; } 
.skincare_bar .video_thumbs { margin-bottom: -10px; }
.article_banner h1 { margin-right:-10px; }
.article_banner .subtitle { margin-right:0; }


.home .skincare_bar .bb_intro_text { max-width: 300px; }
/*.home .skincare_bar .bb_intro_text h2 { font-size: 22px; line-height: 26px; }*/
/*.home .skincare_bar .bb_intro_text p { font-size: 16px; line-height: 19px; }*/
#wrapper.home .skincare_bar .bb_intro_text .button { min-width: 150px; }
.home .skincare_bar .bb_intro_text { margin-right: -350px; }
#wrapper.home .skincare_bar .pro_wrap .button { padding: 5px 15px; line-height: 16px; }
.home .skincare_bar .pro_wrap { bottom: 1%; height: 73%; }
.home .skincare_bar .bb_intro_text { top: 9%; margin-right: -260px; }
.home .skincare_bar .bb_intro_text p,
.home .skincare_bar p,
.intro_section p { font-size: 17px; line-height: 21px; }

.navigate-bar { top: 30px; }
.article_banner { padding: 105px 0;  }
.olivas .article_banner { background-position:86% bottom; }
.tara .article_banner { padding-top:100px; }

}

@media only screen and (max-width: 767px) {
.wrapper { padding: 0 25px; }
html, body { font-size: 17px; line-height: 25px; }
html, body, .ms-viewing-4 { height: auto !important; overflow: visible !important; }
/*#wrapper { padding-top:67px; }*/
.head-wrap { padding-bottom: 67px; }
header .header_inner { border-bottom: 18px solid #bce2f1; border-top: none; padding: 0 15px 10px; }
header a.paid_logo { margin: 0 auto 0; padding: 2px 5px 1px; top: auto; bottom: -18px; left: 0; right: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
header ul.social_icon { margin-top: 8px; }
.logobar { padding: 12px 0 0 0; }
.logobar a.site-logo { max-width: 90px; }
.logobar span.sep { margin: 0 4px; }
header.white .logobar a.shape-logo,
.logobar a.health-logo { max-width: 65px; }

.intro_bar h1 { font-size: 41px; line-height: 45px; letter-spacing:0.30em; }
.intro_bar .boxed { margin: 0 0 35px; padding: 50px 45px 30px; }

.intro_bar .inner { padding: 160px 0 90px; }
.intro_bar .boxed span { font-size: 17px; line-height: 28px; letter-spacing:0.15em; padding: 10px 0 0 0; }  
.intro_bar p { padding:0; }
.intro_bar .scroll_to_bottom { display: block; position:absolute; left:50%; bottom:35px; width: 20px; height: 20px; content:''; margin-left: -10px; border-left: 2px solid #000; border-bottom: 2px solid #000; font-size:0; line-height:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index:9; }
.information_bar .text .icon2 img, .information_bar .text .icon img { max-height:inherit; max-width: 166px; }
.information_bar .text .icon2 img { max-width: 112px; }

.intro_bar { background-size: 80px auto; }
.intro_bar .wrapper { max-width: 100%;  background-size:100px auto; background-position: 40px top; min-height:inherit; }
.intro_bar::before { width: 40px; background-size:100% 100%;}
.intro_bar::after { width: 100px; height: 91px; bottom: -45px; }
.information_bar .image { display: block; width: 100%; height:auto; }
.information_bar .text { width: 100%; display: block; padding: 70px 35px; }
.information_bar .inner { display: block; height:auto; }
.information_bar h2 { font-size: 37px; line-height: 42px; }
.information_bar .image figure { background: none !important; position: static; padding-bottom:0; }
.information_bar .image figure img { display: block; }
.intro_bar::after { z-index:1; }
.product_bar .row { align-items: flex-start; -webkit-align-items: flex-start; }
.product_bar .col { width: 100%; }
.product_bar::before { width: 80px; height: 140px; top: -30px; }
.product_bar { background-size:130px auto; }
.product_bar figure { margin-bottom:75px; }
.product_bar figure + figure { margin:0 0 30px; }
.product_bar figure img { /*max-width: 150px !important;  max-height:200px;*/ }
.product_bar h3 { max-width: 450px; margin:auto; letter-spacing: 0.05em; font-size: 37px; line-height: 41px; padding-bottom: 30px; }
.product_bar .text { padding: 20px 0 0px; }
footer { background-position: -16px bottom; background-size: 140px 30px; }
footer::after { width: 86px; height: 75px; bottom: 10px; }
footer { padding: 20px 0; }
footer p { font-size:14px; line-height: 18px; }
.product_bar .button { margin-top:15px; }

.product_bar { background: #eed9d9; }

.intro_bar .inner { max-width: 470px; margin:auto; }
.intro_bar { overflow: hidden; }
.intro_bar .shape1 { left: 0px; width:80px; height:100%; }
.intro_bar .shape2 { width: 316px; height: auto; left: 50%; margin-left: -250px; }
.intro_bar .shape3 { width: 149px; height: 149px; right: 30px; }
.intro_bar .shape4 { width: 78px; height: 661px; right:0; top:auto; bottom:50px; }
.intro_bar .shape5 { width: 287px; height: 42px; right:30px; bottom: -10px; }

.product_bar .shape1 { width: 161px; height: auto; top: 40px; }
.product_bar .shape2 { width: 130px; height: 610px; right: -30px; }
.product_bar .shape3 { width: 256px; height: 714px; top: 875px; right:auto; left:0; }
.product_bar .shape4 { width: 172px; height: 286px; margin:0; right:0; top: 865px; }
.product_bar .shape5 { width: 136px; height: 876px; margin: 0; left: auto; right: -30px; bottom: 650px; }
.product_bar .shape6 { width: 118px; height: 544px; left: 0; bottom: 350px; position:absolute; }

.mob_show { display: block !important; }
.mob_none { display: none !important; }

.product_bar .pro1 img { max-width: 125px; }
.product_bar .pro2 img { max-width: 205px; }  
.product_bar .pro3 img { max-width: 145px; }
.product_bar .pro4 img { max-width: 280px; } 
.product_bar .pro5 img { max-width: 125px; }
.product_bar .button { font-size: 26px; line-height: 40px; min-width:145px; margin-top:30px; }
.product_bar .footer p { font-size: 25px; line-height: 40px; }

.ad_container .ad { margin: 10px auto 10px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:70px; }


/*---------------new article------------*/
.intro_section h1 { font-size: 55px;  line-height: 55px; }
.intro_section h1 small { font-size: 40px; line-height: 40px; margin-left: -15px; }

.home .skincare_bar .bb_intro_text p,
.home .skincare_bar p,
.intro_section p { font-size: 16px; line-height:20px; }
/*#wrapper.tara, #wrapper.olivas, #wrapper.home { padding-top:70px; }*/
.intro_section { padding: 40px 0 190px; }
.lottie_box { width: 350px; height:350px; }
.lottie_box .link { font-size: 10px; line-height: 14px; }
.lottie_box .link:before { width: 15px; height: 15px; }  
.lottie_box .link1 { padding: 0 0 10px 25px; right: -40px; }
.lottie_box .link2 { padding: 0 0 10px 25px; left: 91%; bottom: 46%; }
.lottie_box .link3 { left: -22%; bottom: 9%; padding: 15px 20px 0 0px; text-align: right; }
.lottie_box .link4 { left: -38%; top: 45%; padding: 15px 20px 0 0px; text-align: right; }
.lottie_box .link br { display: block; }

.intro_section .image_box .images { width: 100%; }
.intro_section .image_box .text { text-align: center; width: 100%; padding:100px 0 0 0; }
.intro_section .intro { padding-bottom: 40px; }
.intro_section .image_box .image1 { width: calc(100% - 80px); }
.intro_section .image_box .image2 { left: calc(100% - 130px); right:auto; width: 135px; bottom: 28px; }
.intro_section .image_box .image3 { width: 110px; position: absolute; right:auto; left: calc(100% - 180px); bottom: -40px; }
.intro_section.middle .image_box .image1 { float: right; }
.intro_section.middle .image_box .image2 { left: 15px; bottom: -20px; }
.intro_section.middle .image_box .image3 { left: 115px; bottom: -80px; }

.home .intro_section.middle { padding-bottom: 20%; }
.intro_section.middle { padding-bottom: 20%; }
.intro_section.middle { background-position: 15% top; }
.product_box .product_col { width: 100%; padding-bottom: 45px; }
.home .skincare_bar { height:auto; }

.product_box .cleanser img { max-height:210px; }
.product_box .product_col img { max-width: 150px; }
.skincare_bar h2 { font-size: 25px; line-height: 30px; }
.footer_bar p { font-size: 15px; line-height: 20px; }
.footer_bar { padding: 10px 15px; }
.intro_section.middle .image_box .text { position: static; width: 100%; padding: 150px 0 0 0; text-align:center; }
.home .intro_section.middle .image_box .text { padding-top:120px; }

.article_banner .text { padding:0; }

.meditation_bar .wrapper2,
.article_banner .wrapper2 { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; background: #d4b9b2; padding: 50px 20px; text-align:center; min-height:400px; }  
.meditation_bar .wrapper2 { min-height:inherit; background: #d4b9b2; padding-bottom: 30px; }
.meditation_bar p,
.meditation_bar h2 { color: #000; }


.meditation_bar,
.article_banner { padding:0; min-height:0; }
.article_banner .text { text-align:center; }
.article_banner h1 { font-size: 50px; line-height: 55px; padding-bottom: 10px; }
.article_banner h1 small { font-size: 30px; line-height: 30px; margin:0; }
.meditation_bar { background-position: 10% top; }
.meditation_bar .video_thumbs { width: 100%; max-width: 100%; position: static; padding: 0px;  border:0; z-index:2; }
.empower_bar { padding: 30px 0 40px; }
.meditation_bar .video_thumbs .col video { display: block; }

.empower_bar .text { text-align:center; width: 100%; padding:0; }  
.empower_bar .cont_row { padding: 0 20px; }
.meditation_bar .video_thumbs .col { border:0; }
.empower_bar .top .image { width: 100%; order:0; margin-bottom: 15px; }
.empower_bar .left_side { width: 100%; margin-bottom:0; }
.empower_bar .cont_row.bottom { padding: 40px 20px 0; }
.empower_bar .left_side { float: none; max-width: 335px; margin:auto; width: 100%; padding-right:100px; }
.empower_bar .cont_row.bottom { padding-top:70px; }
.empower_bar .cont_row.bottom .text { padding:0; width: 100%; text-align:center; }
.empower_bar blockquote { padding-bottom: 40px; }
.meditation_bar .text { max-width: 100%; }  
.bottom_bar .inner { text-align:center; padding: 0 20px; }
.bottom_bar .text { padding:40px 0 20px 0; width: 100%; }
.meditation_bar h2 { font-size: 27px; line-height: 30px; padding-bottom: 10px; }

.tara .article_banner h1 { font-size: 60px; line-height: 65px; }
.tara .article_banner h1 small { font-size: 20px; line-height: 26px; }
.tara .article_banner { padding:0; }
.tara .article_banner { background-image: url(../images/tara-banner-mob.jpg) !important; background-color:#4d3226; background-position: center top; background-size:100% auto; background-repeat:no-repeat; }
.tara .article_banner .wrapper2 { /*background: rgba(61,25,1,0.50);*/ background: none; padding:0; }  
.tara .article_banner .text { padding: 77% 20px 30px; }
.tara .article_banner .subtitle { font-size: 18px; line-height: 22px; }
.tara .meditation_bar .wrapper2 { background: #ad8d7b; border-top: 2px solid #fff;}
.tara .meditation_bar::before { display: none; }


.tara .meditation_bar { padding:0; background: none !important; min-height:inherit; }
.tara .meditation_bar p a,.tara .meditation_bar h2,.tara .meditation_bar p { color: #fff; }
.meditation_bar .bg_video { left:0; }
.tara .meditation_bar .bg_video { object-position:center center; }

.tara .empower_bar .cont_row.bottom .left_side { width: 100%; margin-top:80px; margin-bottom:80px; }
.tara .empower_bar .cont_row.bottom { padding: 0 20px; }
.tara .empower_bar .cont_row.bottom .text { width: 100%; padding:0; }
.tara .empower_bar .cont_row.bottom .text blockquote { padding-right:0; }
.empower_bar blockquote { font-size: 25px; line-height: 30px; }
.tara .empower_bar .cont_row.bottom .text blockquote { padding-bottom:0; }
.meaningful_meditation_bar { padding:0; min-height:inherit; }
.meaningful_meditation_bar .wrapper2 { padding: 40px 20px 30px; background: #ad8d7b; text-align:center; border-top: 2px solid #fff; }
.meaningful_meditation_bar .wrapper2 h2,.meaningful_meditation_bar .wrapper2 p { color: #fff; }

.skincare_bar .cont_row .image { width: 100%; }
.skincare_bar .cont_row .text { padding: 20px 0 0 0; width: 100%; }

.tara .empower_bar .cont_row.bottom .text .video { margin: 30px 0 0 0; }
.meaningful_meditation_bar { border-bottom:0; }
.skincare_bar .video_thumbs { width: auto; max-width: inherit; margin: 0 -20px; padding: 0px 0 20px; border-bottom: 2px solid #fff; margin-bottom: 20px; z-index:2; float: none;  }
.skincare_bar .cont_row .text { text-align:center; }

.tara .empower_bar .cont_row.bottom .text .video video { display: block; }
.meaningful_meditation_bar .text { max-width: 100%; }

.meaningful_meditation_bar {
padding: 0;
padding-top: 118%;
background-size: 200% auto;
min-height: inherit;
background-position: right top;
background-repeat:no-repeat;
}


.home .skincare_bar .inner { width: auto; margin-left: -18%; margin-right: -22%; margin-top:-11%; }
#wrapper { overflow: hidden; }
.home .skincare_bar .bb_intro_text { position: static; margin: 0; max-width: 100%; padding: 20px 20px 40px; background: #1a0e08; text-align: center; }
#wrapper.home .skincare_bar .pro_wrap .button { padding: 5px 12px; font-size: 10px; line-height: 14px; }
.home .skincare_bar .pro_wrap {bottom: 7%;height: 70%; }

.navigate-bar { border:0; }
.navigate-bar .mobile-menu-trigger { padding: 18px 0 0 0; font-size:0; display: block; width: 43px; height: 37px; position:absolute; left:100%; top:0; background:#b93982; }
.navigate-bar .mobile-menu-trigger span { transition:all 0.3s; -webkit-transition:all 0.3s; width: 20px; height: 2px; display: block; background:#fff; margin:0 auto; position: relative; }
.navigate-bar .mobile-menu-trigger span:after,
.navigate-bar .mobile-menu-trigger span:before { transition:all 0.3s; -webkit-transition:all 0.3s; width: 20px; height: 2px; display: block; background:#fff; content:''; position: absolute; left:0; top: -8px; }
.navigate-bar .mobile-menu-trigger span:after { transition:all 0.3s; -webkit-transition:all 0.3s; top: 8px; }
.navigate-bar { transition:all 0.3s; -webkit-transition:all 0.3s; width: 250px; left: -250px; }
.navigate-bar.show { left:0; }
.navigate-bar.show .mobile-menu-trigger span { background: transparent; }
.navigate-bar.show .mobile-menu-trigger span:before { top:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); }   
.navigate-bar.show .mobile-menu-trigger span:after { top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }   


.navigate-bar ul { width: 100%; padding: 5px 0; margin-top: 0px; background:#b93982; }
.navigate-bar li { width: 100%; padding:0; border-bottom: 1px solid rgba(255,255,255,0.50); }
.navigate-bar li a:after { display: none; }
.navigate-bar li a { color: #fff; border-bottom:0; text-align:left; display: block; padding: 10px; }
.navigate-bar li:last-child { border-bottom:0; }
.navigate-bar li.active a,
.navigate-bar li a:hover { font-size: 12px; background: rgba(0,0,0,0.2); }
.intro_section.middle { background-image:url(../images/home-image2-mob.jpg) !important; }
.intro_section { background-position: center bottom; }
.home .skincare_bar { background: none; }
#wrapper.home .skincare_bar .pro_wrap .button { display: none; }
.olivas .article_banner { background: none !important; background-position: right bottom; }
.olivas .article_banner .banner img,.olivas .article_banner .banner { width: 100%; }
.meditation_bar .banner img,.meditation_bar .banner { width: 100%; }

.article_banner .subtitle { font-size: 18px;line-height: 22px; letter-spacing: 0.10em; }
.meditation_bar { background: none !important; }
.meaningful_meditation_bar p { text-shadow:none; -webkit-text-shadow:none; }
}

@media only screen and (max-width: 639px){  
.product_bar .pro1 img { max-width: 100px; }
.product_bar .pro2 img { max-width: 160px; }  
.product_bar .pro3 img { max-width: 120px; }
.product_bar .pro4 img { max-width: 230px; } 
.product_bar .pro5 img { max-width: 100px; }

.intro_bar .inner { max-width: 100%; padding: 120px 0 80px; }
.intro_bar .boxed { padding: 40px 30px 20px; }
.intro_bar h1 { letter-spacing: 0.05em; }
.intro_bar .boxed span { letter-spacing: 0.05em; }
.intro_bar .wrapper { padding: 0 50px; }
.product_bar .footer p { font-size: 22px; line-height:32px; letter-spacing:normal; }

.intro_bar .shape1 { left: 0px; width:60px; top: 120px; height:auto; }
.intro_bar .shape2 { width: 170px; height: auto; left: 50%; margin-left: -150px; }
.intro_bar .shape3 { width: 100px; height: 149px; top: -40px; right: 20px; }
.intro_bar .shape4 { width: 50px; height: auto; right:0; top:auto; bottom:150px; }
.intro_bar .shape5 { width: 180px; height: auto; right:20px; bottom: -10px; }

.product_bar .shape1 { width: 80px; height: auto; top: -50px; }
.product_bar .shape2 { width: 75px; height: auto; right: -16px; }
.product_bar .shape3 { width: 110px; height: autopx; top: 675px; right:auto; left:0; }
.product_bar .shape4 { width: 100px; height: auto; margin:0; right:0; top: 865px; bottom: auto;  }
.product_bar .shape5 { width: 110px; height: auto; margin: 0; left: auto; right: -30px; bottom: 850px; }
.product_bar .shape6 { width: 80px; height: auto; left: 0; bottom: 700px; position:absolute; }

}

@media only screen and (max-width: 479px){  
.product_bar .col { width: 100%; }
#wrapper.home .skincare_bar .pro_wrap .button { padding: 3px 5px; font-size: 9px; line-height: 13px; }
}

@media only screen and (max-width: 374px){  
.information_bar h2,
.product_bar h3 { font-size: 30px; line-height: 35px; }
.product_bar .button { font-size: 26px; line-height: 40px; min-width:145px; margin-top:30px; }
.lottie_box { width: 270px; height:270px; }

}

@media only screen and (min-width: 2000px){  
html, body { font-size: 0.781vw; line-height: 1.198vw; }
.information_bar h2 { font-size: 1.458vw; line-height: 1.667vw; }
.intro_bar h1 { font-size: 2.813vw; line-height: 3.021vw; }
.intro_bar .boxed span { font-size: 0.938vw; line-height: 1.094vw; }
.product_bar .button { font-size: 0.781vw; line-height: 1.094vw; margin-top: 1.042vw; }
.product_bar h3 { padding-bottom: 1.302vw; font-size: 1.458vw; line-height: 1.667vw; }
.intro_bar .wrapper { max-width: 46.354vw; min-height: 39.063vw; }
.intro_bar .inner { padding: 6.250vw 0; }
header ul.social_icon li a i { font-size: 0.781vw; line-height: 1.5vw; }
header ul.social_icon li a { width: 1.667vw; height: 1.667vw; }
header .header_inner { min-height: 2.760vw; border-width: 0.208vw; }
header ul.social_icon { margin-top: 0.521vw; }
header a.paid_logo { font-size: 0.677vw; line-height: 0.938vw; padding:  0 0.521vw 0.156vw 0.521vw ; }
a.paid_logo i {  font-size: 0.677vw; }
.logobar a.site-logo { max-width: 5.833vw; }
.logobar a.health-logo { max-width: 4.063vw; }
.logobar { padding-top: 0.573vw; }
.logobar span.sep img { width: 0.521vw; }
/*.logobar span.sep {  margin: 0 0.573vw; }*/
footer p { font-size: 0.781vw; line-height: 1.042vw; }
.wrapper { max-width: 63.021vw; }
.product_bar .text { max-width: 42.188vw;  padding: 2.604vw 0; }
.product_bar { padding: 4.167vw 0 1.042vw; }
.intro_bar .boxed { padding: 1.823vw 1.042vw; margin-bottom: 2.083vw;  }
.information_bar .text .icon { max-width: 10.417vw; }
.information_bar .text .icon.icon2 { max-width: 5.104vw; }
.product_bar .footer p { font-size: 0.781vw; line-height: 1.042vw; }
.product_bar .pro1 img { max-width: 5.365vw; }
.product_bar .col { padding: 0 0.781vw; }
.product_bar .col:nth-of-type(1) { padding-left: 8.854vw; }
.product_bar .pro2 img { max-width: 10.104vw; }
.product_bar .pro3 img { max-width: 5.052vw; }
.product_bar .pro4 img { max-width: 13.542vw; }
.product_bar .pro5 img { max-width: 5.365vw; }
.product_bar img { width: 100vw; }
.product_bar .footer { padding: 3.125vw 0 0.260vw; }

.intro_bar .shape1 { width: 7.292vw; }
.intro_bar .shape2 { width: 23.594vw; height: 9.844vw; margin-left: -23.177vw; }
.intro_bar .shape3 { width: 9.583vw; height: 9.896vw; right:8.542vw; top:-0.990vw; }
.intro_bar .shape4 { width: 14.167vw; height: 25.833vw; }
.intro_bar .shape5 { width: 15.365vw; height: 11.250vw; bottom:-6.250vw; }

.product_bar .shape1 { width: 17.083vw; height: 29.219vw; top: -8.854vw; }
.product_bar .shape2 { width: 13.854vw; height: 10.625vw; right: 10.417vw; }
.product_bar .shape3 { width: 7.135vw; height: 22.188vw; top: 7.292vw; }
.product_bar .shape4 { width: 10.677vw; height: 9.688vw; bottom: 1.563vw; }
.product_bar .shape5 { width: 16.458vw; height: 17.292vw; bottom: -13.021vw; margin-left: -36.979vw; }


}

@media only screen and (min-width: 1921px){  
.home .skincare_bar .bb_intro_text { 
    top: 20%;
    right: 50%;
    margin-right: -20.681vw;
    max-width: 25vw;
} 
.home .skincare_bar .bb_intro_text h2 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    letter-spacing: 0.018em;
    font-size: 1.406vw;
    line-height: 1.615vw;
    color: #fff;
    font-family: 'HelveticaNeueLTStd-LtEx';
    padding-bottom: 8px;
}
.home .skincare_bar .bb_intro_text p {
	color: #fff;
    font-size: 0.990vw;
    line-height: 1.198vw;
    letter-spacing: .5px;
    text-shadow: 3px 3px 12px rgba(0,0,0,0.6);
}

#wrapper.home .skincare_bar .pro_wrap .button,
#wrapper.home .skincare_bar .bb_intro_text  .button { font-size: 0.625vw; line-height: 0.833vw; padding: 0.417vw 1.563vw 0.313vw; border-width:  0.052vw; }
}

@media only screen and (min-width: 768px){  
.navigate-bar ul { display: block !important; }
}