/** Shopify CDN: Minification failed

Line 284:0 Unexpected "<!--"

**/
@media(max-width: 1400px){
  #header .menu-burger{/*background-color:#FFFFFF;*/ padding-left:5px; padding-right:5px;}
  .index-section.carousel-banner .banner{justify-content: flex-start;}
  .index-section.product-reviews .carousel .carousel-control{width:60px;}
  .index-section.product-reviews .carousel .item > .container{padding-left:40px; padding-right:40px;}
}

@media(max-width: 1200px) {
  .container{width:100%; padding-left:25px; padding-right:25px;}
  .shopify-section.index-section.product-reviews{padding-top:60px; padding-bottom:60px;}

  .index-section.hero .bottom-text{bottom:25px;}
  .index-section.product-reviews .carousel .carousel-control{width:60px;}

  .index-section.hero h1{font-size:25px;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li, .index-section.hero .concerns .concern, .concern-plus{/*height:45px;*/ width:180px;}
  /*#header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li > a span,*/ .index-section.hero .concerns .concern span, .concern-plus span{font-size:18px;}

  .md-center{text-align:center;}
  .md-paddingT20{padding-top:20px}
}

@media (max-width: 1199px) {
	.hero_sectionWrap h2{font-size:36px;}
	.hero_section li .hero_box{height:230px;}
	.hero_section li a{font-size:24px;}
	
	
  #collection{margin-bottom:40px;}
  #product-details .prod-descr-atc{flex-direction:column;}
  #product-details .prod-descr-atc .prod-descr-wrap{width:100%; margin-right:0; padding-bottom:25px;}

  .blog-listing-wrap h4{width:150px;}

  .constrained-float.fixed{position:static;}
  .blog-listing-wrap.articles-listing h1, .blog-listing-wrap h2{font-size:30px;}

  body.page-contact .contact-details{padding-bottom:25px;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .title-wrap{font-size:24px;}
  .login-section{margin-top:25px;}
}

@media(max-width: 1200px) and (min-width: 992px){
  ul.blog-articles li{width:33.33%;}
  ul.blog-articles li p{min-height:40px; margin-bottom:0;}

  .products .product{width:25%;}

  .blog-article-wrap .has-blog-sidebar.has-constrained-float{width:30%; float:left;}
  .blog-article-wrap .has-blog-article.page-content{float:right; width:70%;}

  #vivant-wizard .skin-tone{width:145px;}
}

@media(max-width: 991px) {
  /*.full-bg{display:none;}*/
  .index-section.hero{padding-top:0px; padding-bottom:0px; margin-left:-15px; margin-right:-15px; min-height:inherit;}
  .index-section.hero .bottom-text{display:none;}
  .index-section.hero .index-hero{position:relative; transform:none; -webkit-transform:none; left:inherit; padding:25px;}
  .index-section.hero .concerns .concern span{font-size:18px;}
  .index-section.content-columns .columns-wrap{display:block;}
  .index-section.content-columns .columns-wrap .column{height:40vh;}
  .index-section.product-reviews .carousel .item{padding-top:20px;}
  .index-section.product-reviews .carousel .item > .container{position:relative; text-align:center; top:0; transform:none; -webkit-transform:none; left:0;}
  .index-section.product-reviews .stars{justify-content:center;}
  .index-section.product-reviews .review-product{padding-top:25px;}

  .index-section.carousel-banner h3{font-size:16px;}
  .index-carousel-banner-cta > a.btn{font-size:11px; padding:0 1em;}

  #header .menu-burger{display:block; position:absolute; top:16px; min-width:32px; min-height:30px;}
  #header ul.main-nav{display:none;}
  body.show-mobile-nav #header ul.main-nav{display: block; position: relative; background:#EEE; width: auto; max-width:calc(100% + 28px); margin-left: -14px; margin-right: -14px;}
  #header ul.main-nav > li[class*="menu-item-shop-by-"]:hover::after{display:none;}

  .menu-burger svg{width:32px;}
  body.show-mobile-nav #header a.menu-burger{}
  body.show-mobile-nav #header a.menu-burger:before, body.show-mobile-nav #header a.menu-burger:after{content:''; display:block; width:30px; height:2px; background:#454545; position:absolute; top: 14px;}
  body.show-mobile-nav #header a.menu-burger:before{transform: rotate(45deg);}
  body.show-mobile-nav #header a.menu-burger:after{transform: rotate(-45deg);}
  body.show-mobile-nav #header a.menu-burger svg{display:none;}


  #header .account-links a{display:block; width:30px; overflow:hidden; line-height:20px; text-align:right; padding-top:16px;}
  #header .account-links a:before{content:''; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height:100%; font-size:22px;}
  #header .account-links a[title="Account"]:before, #header .account-links a[title="Login"]:before{content:"\f2c0"; }
  #header .account-links a[title="Signup"]:before{content:"\f090";}
  #header .account-links a[title="Logout"]:before{content:"\f08b"}
  #header .account-links a#cart-btn:before{content:"\f07a"; }
  #header .account-links a + a{margin-left:8px;}
  #header .account-links a + a::before{position:relative; display:block; left:inherit;}
  #header .account-links a#cart-btn::after{left:0; top:0; line-height:18px; font-size:10px; top:10px; min-height:18px; min-width:18px; margin-left:3px;}

  body.show-mobile-nav #header ul.main-nav{padding:15px 0;}
  #header ul.main-nav > li > a{padding:8px; height:auto; color: black;}
  #header ul.main-nav > li.active ul.sub-menu{display:block;}
  #header ul.main-nav > li > ul.sub-menu{position:relative;}
  #header ul.main-nav > li:last-child > ul.sub-menu > li{padding:0;}
  #header ul.main-nav > li:last-child > ul.sub-menu > li > a{/*background-color:transparent;*/}

  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li > a span, .index-section.hero .concerns .concern span, .concern-plus span{font-size:14px;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li{height:48px; width:154px;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li a { height: 100% }
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu:before{font-size:30px; top:25px;}
  #header ul.main-nav > li[data-children] > ul.sub-menu:before{font-size:25px;}
  #header ul.main-nav > li[data-children].active > ul.sub-menu{padding-bottom: 10px; padding-top:60px; max-width:100vw; margin: 0 auto;}
  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li,
  ul.menu-page-menu > li{margin:5px; width:calc(25% - 10px);}
  #header ul.main-nav>li[data-children]>ul.sub-menu>li, ul.menu-page-menu>li{margin:5px;}
  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li a,
  ul.menu-page-menu > li > a{font-size:14px; height:48px;}

  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu{height:300px;}
  #header ul.main-nav > li[class*="menu-item-shop-by-"] > ul.sub-menu, ul.menu-page-menu{-webkit-transform: translateX(0); transform: translateX(0); padding:0; left:0; min-height:inherit; padding-bottom:30px;}
  #header ul.main-nav > li[class*="menu-item-shop-by-"] > ul.sub-menu, ul.menu-page-menu{width:auto;}
  body.fix-the-header #header ul.main-nav > li[class*="menu-item-about-us"] > ul.sub-menu{padding-top:30px !important; padding-bottom:30px !important;}
  #header ul.main-nav>li[data-children]>ul.sub-menu.sub-menu-shop-by-concern{
    padding : 100px calc(50vw - 400px) 50px;
  }
  ul.ingredientList li{width:33.33%;}
  ul.buttonbundle li{padding:12px;}
  ul.buttonbundle a{font-size:20px; padding:16px;}

  .plusIconsWtextWrap.small-plus{display:table; margin-left:auto; margin-right:auto; min-height:110px;}
  #shopping-cart .row.cart-heading h1{font-size:30px; margin:30px 0;}

  .product-carousel{padding-left:30px; padding-right:30px;}
  .product-carousel .owl-nav{left:0px; right:0px;}

  .page-content .page-title{font-size:2.5em;}
  .page-content h2{font-size:2em;}
  .page-content h3{font-size:1.8em;}
  ul.relatedPost li a{font-size:12px;}

  .products .product{width:33.33%;}

  #shopping-cart .cart-line-item .item-info .update, #shopping-cart .cart-line-item .item-info .remove{font-size:12px;}
  .cart-header .col-lg-2.col-md-3{display:none;}

  .blog-listing-wrap > .row{display:block;}

  #footer .main-footer{padding-bottom:40px; padding-top:50px;}	
  #footer .main-footer .social-icons{width:auto;}
}

@media(max-width: 767px) {
  .index-section.hero{padding-bottom:0;}	
  .index-section.hero .concerns{display:block;}
  .index-section.hero .concerns .concern + .concern{margin-left:auto;}
  .index-section.hero .concerns .concern{margin-bottom:180px; margin-left:auto; margin-right:auto;}
  .index-section.unlock-your-system .bucket .start-here-button{padding-bottom:30px;}
  .index-section.the-regimen .article .more-button{padding-bottom:40px;}

  .index-section.unlock-your-system, .index-section.the-regimen{padding-bottom:40px; padding-top:60px;}

  .index-carousel-banner-cta{-webkit-transform: translateY(-0%); transform: translateY(0%); text-align:center; position:relative; display:block;}
  .index-section.carousel-banner .banner{justify-content: center;}

  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li,
  ul.menu-page-menu > li{ width:calc(33.333% - 11px) }
  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li,
  ul.menu-page-menu > li { margin:4px width: calc(33.333% - 11px) }

  .videoLibrary [class^="col-"]{padding:10px;}
  ul.blog-articles li p{min-height:40px; margin-bottom:0;}
  ul.ingredientList li{width:50%;}
  ul.ingredientList li a{padding:15px 10px;}

  ul.buttonbundle a{font-size:16px;}
  #collection .row.products.collection-regimen .regimen-step:last-child{margin-bottom:50px;}

  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title{border-top: 3px solid #252525;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .title-wrap{font-size:18px; line-height:20px; text-transform:capitalize;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .blog-title{text-transform:capitalize;}

  .concern-plus span{font-size:16px;}

  #shopping-cart .row.cart-empty .cart-empty-message{font-size:30px;}

  body.page-contact h1{font-size:36px;}
  .free-ship-msg{display:block; text-align:center; padding-top:20px;}

  #product-details .product-blog-subscribe{display:block;}
  #product-details .product-blog-subscribe [class*='col-']{width:100%; padding-top:10px;}

  .products .product{width:49%;}

  #footer .main-footer{text-align:center;}	
  #footer .pre-footer{padding-top:30px;}
  #footer .pre-footer .icon{margin-top:40px;}	
  #footer .main-footer .row [class*="col-"]{margin-bottom:20px;}
  #footer .main-footer .social-icons{width:auto; justify-content:center; position:relative; top:0;}
  #footer .main-footer .form-search{display:inline-block; width:auto; display:none;}
  #footer .main-footer .form-search input{padding:10px; text-align:center; min-width:210px;}
  #vivant-wizard .regimen-recommendation .reg-buckets, #vivant-wizard [data-vwstep] .vwstep-buckets{
    flex-wrap:wrap;
  }
  .concern-plus {
        width: 200px;
    }
}

@media(max-height: 400px){
  body.show-mobile-nav{overflow:hidden;}
  body.show-mobile-nav #header ul.main-nav{padding: 15px 0; left: 0; right: 0; position: fixed; top: 80px; height: calc(100vh - 80px); overflow: auto;}
}

@media(max-width: 600px){
  ul.relatedPost li{float:none; width:100%; margin-bottom:25px;}
  ul.blog-articles { flex-direction: column }
  ul.blog-articles li{width:auto}
  ul.blog-articles li + li { margin-top: 15px }
  ul.blog-articles li.blog-article a { flex-direction: row }
  ul.blog-articles li.blog-article a > * { flex: 1 }
  ul.blog-articles li.blog-article a .image { padding-top: 28.125% }
  ul.blog-articles li.blog-article a .title { align-items: center; display: flex; margin: 0 0 0 15px }

  ul.buttonbundle li{float:none; width:100%;}

  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li,
  ul.menu-page-menu > li{width:calc(50% - 10px);}
  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li,
  ul.menu-page-menu > li{width:calc(50% - 10px); margin:4px;}

  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu{height:230px;}
  #header ul.main-nav > li[data-children]:nth-child(n+2) > ul.sub-menu > li a, ul.menu-page-menu > li > a{height: 40px;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li{width:110px; height:40px;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li > a span{/*font-size:12px;*/ line-height:1.1; word-break: break-all;}
  #header .account-links a#cart-btn::after{margin-left:0;}
  #header #form-search input{height:35px; font-size:12px; text-align:center;}

  .index-section.hero h1{/*font-size:28px;*/ margin-bottom:0; padding-bottom:10px;}

  .menu-burger svg{width:26px;}
  #header .account-links a{width:20px;}
  #header .account-links a:before{font-size:18px;}

  #product-details .row-images-details .product-images{width:100%; margin-bottom:30px;}
  #product-details .product-cart{width:100%;}

  #collection{padding-top:20px; margin-bottom:20px;}
  #collection .row.collection-header{/*display:block;*/ text-align:center; min-height:inherit;}
  #collection .row.collection-header > *{display:block; width:100%; padding:10px 0;}
  #collection .row.collection-header .concern-plus.smaller{/*margin-top:50px; margin-bottom:40px; display:table; margin-left:auto; margin-right:auto;text-align:center;*/}

  ul.blog-articles li.blog-article a .thumb{min-height:130px; background-size:cover; padding:0;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .read-more{display:none;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .title-wrap{font-size:16px;}
}

@media(max-width: 480px){
  body{/*padding-top:140px;*/}	
  #header{/*height:130px;*/}
  #header #logo{height:65px; width:250px;}
  #header .menu-burger{top:12px;}
  body.show-mobile-nav #header a.menu-burger:before, body.show-mobile-nav #header a.menu-burger:after{top:18px;}

  ul.videoTab{padding-top:15px;}
  ul.videoTab li{float:none; display:block; margin-top:10px;}
  ul.videoTab li a{display:block;}

  .videoLibrary [class^="col-"]{width:100%;}
  .videoLibrary [class^="col-"] p{min-height:inherit;}

  ul.ingredientList li{padding:6px 6px;}
  ul.ingredientList li a{font-size:18px; min-width:150px;}
  ul.buttonbundle li{padding:12px 0;}

  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu { flex-direction: column }
  #header ul.main-nav > li[data-children] > ul.sub-menu.sub-menu-shop-by-concern > li,
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li{height:36px;width:220px; text-align:center;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li + li{/*margin-left:0;*/}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li:hover > a{/*color:#000000;*/}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li > a:before, #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu > li > a:after{display:none;}
  #header ul.main-nav > li.menu-item-shop-by-concern > ul.sub-menu{height:inherit;}
  #header ul.main-nav>li[data-children]>ul.sub-menu.sub-menu-shop-by-concern{padding-top:65px;}
  .blog-tags-nav ul{padding-top:20px;}
  
<!--SAM EDITED BELOW FROM 30 to 26 -->
  .h1, h1{font-size:30px !important;} 
}

@media(max-width: 400px){
  #header .account-links a{width:16px;}
  #header .account-links a:before{font-size:15px;}
  #header .account-links a + a{margin-left:5px; padding-right:1px;}
  #header #logo{width:150px;}
  #header .account-links a#cart-btn:after{font-size:8px; min-height:16px; min-width:16px; line-height:16px;}

  ul.blog-articles li{width:100%;}	
  ul.blog-articles li p{min-height:inherit;}
  ul.ingredientList li{float:none; width:100%;}
  ul.ingredientList li a{display:block; font-size:20px;}
  ul.buttonbundle{padding:5px 20px 30px 15px;}

  ul.blog-articles li.blog-article a{display:block;}
  ul.blog-articles li.blog-article a .title{margin:8px 0; display:block; text-align:center;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a{display:block;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .thumb{display:block; width:100%; padding:0;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title{display:block; flex:none; position:static; padding:15px 0; margin-left:0;}
  .blog-listing-wrap.articles-listing ul.blog-articles li.blog-article a .title .blog-title{position:static;}
  ul.blog-articles li.blog-article a .thumb{height:200px; background-size:contain; display:block; flex:none; background-position:bottom; margin-bottom:10px;}

  .blog-listing-wrap h4{width:auto; text-align:center;}

  .products .product{/*width:100%;*/}

  #shopping-cart .cart-line-item{/*display:block;*/}
  #shopping-cart .cart-line-item .image{/*margin-bottom:20px;*/}
  #shopping-cart .cart-subtotal{font-size:16px;}
}