@font-face {
  font-family: 'Optima Regular';
  src: url("https://design-resource.bwlgroup.com/fonts/Optima-Regular.woff2") format("woff2"), url("https://design-resource.bwlgroup.com/fonts/Optima-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Optima Italic';
  src: url("https://design-resource.bwlgroup.com/fonts/Optima-Italic.woff2") format("woff2"), url("https://design-resource.bwlgroup.com/fonts/Optima-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Optima Bold';
  src: url("https://design-resource.bwlgroup.com/fonts/Optima-Bold.woff2") format("woff2"), url("https://design-resource.bwlgroup.com/fonts/Optima-Bold.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Woodford Bourne';
  src: url("https://design-resource.bwlgroup.com/fonts/WoodfordBourne-Regular.woff2") format("woff2"), url("https://design-resource.bwlgroup.com/fonts/WoodfordBourne-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Woodford Bourne Bold';
  src: url("https://design-resource.bwlgroup.com/fonts/WoodfordBourne-Bold.woff2") format("woff2"), url("https://design-resource.bwlgroup.com/fonts/WoodfordBourne-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

nav, ul, li, a {
    margin: 0;
    padding: 0;
}

h1 {
	font-size: 34px;
	font-weight: normal;
}

h2 {
	font-size: 28px;
	font-weight: normal;
}

h3 {
	font-size: 25px;
	font-weight: normal;
}

h4 {
	font-size: 20px;
	font-weight: normal;
}

h5 {
	font-size: 18px;
	font-weight: normal;
}

h6 {
	font-size: 15px;
	font-weight: normal;
}

/**********************************************BANNER*******************************************/
.owl-carousel_about .owl-wrapper:after,
.owl-carousel_products .owl-wrapper:after,
.owl-carousel_videos .owl-wrapper:after,
.owl-carousel_FAQ .owl-wrapper:after,
.owl-carousel_socical_media_tc .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel_about,
.owl-carousel_products,
.owl-carousel_videos,
.owl-carousel_FAQ,
.owl-carousel_socical_media_tc {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel_about .owl-wrapper,
.owl-carousel_products .owl-wrapper,
.owl-carousel_videos .owl-wrapper,
.owl-carousel_FAQ .owl-wrapper,
.owl-carousel_socical_media_tc .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel_about .owl-wrapper-outer,
.owl-carousel_products .owl-wrapper-outer,
.owl-carousel_videos .owl-wrapper-outer,
.owl-carousel_FAQ .owl-wrapper-outer,
.owl-carousel_socical_media_tc .owl-wrapper-outer {
	overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}


.owl-carousel_about .owl-wrapper-outer.autoHeight,
.owl-carousel_products .owl-wrapper-outer.autoHeight,
.owl-carousel_videos .owl-wrapper-outer.autoHeight,
.owl-carousel_FAQ .owl-wrapper-outer.autoHeight,
.owl-carousel_socical_media_tc .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel_about .owl-item,
.owl-carousel_products .owl-item,
.owl-carousel_videos .owl-item,
.owl-carousel_FAQ .owl-item,
.owl-carousel_socical_media_tc .owl-item {
	float: left;
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel_about  .owl-wrapper,
.owl-carousel_about .owl-item,
.owl-carousel_products  .owl-wrapper,
.owl-carousel_products .owl-item,
.owl-carousel_videos  .owl-wrapper,
.owl-carousel_videos .owl-item,
.owl-carousel_FAQ  .owl-wrapper,
.owl-carousel_FAQ .owl-item,
.owl-carousel_socical_media_tc .owl-wrapper,
.owl-carousel_socical_media_tc .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/******About banner******/
.picMainAbout-container {
    width: 100%;
    height: 700px;
    padding-left: 5%;
    padding-right: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-about-drs-secret.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    display: flex;
    align-items: center;
}

.picMainAbout-container-mobile {
	display: none;
}

.textMainAbout {
	width: 40%;
}

.textFirstMainAbout {
    color: #502c1e;
    text-align: left;
    font-size: 22px;
    margin-bottom: 30px;
}

.buttonMainAbout {
	margin: 0px;
}

.buttonMainAbout a {
	display: inline-block;
    padding: 10px 15px;
	text-decoration: none;
	border-radius: 2px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #ffffff;
  	background-color: #867874;
	transition: border-color 300ms;
}

.buttonMainAbout a:hover {
	color: #502c1e;
	background-color: #ffffff;
}

/******Products banner******/
.products-banner-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.products-banner-image {
	width: 65%;
    height: 700px;
    background: url(https://resource.bwlgroup.com/drs-secret/images/drs-secret-banner-skin-care-products-L3.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
}

.products-banner-image img {
	width: 100%;
}

.products-banner-text-container {
	position: relative;
	width: 35%;
	background-color: #ede8e1;
}

.products-banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/******Lip Products banner******/
.picMainProduct-lip-container {
    width: 100%;
    height: 700px;
    padding-left: 5%;
    padding-right: 5%;
	background: url(https://resource.bwlgroup.com/drs-secret/images/banner-drs-secret-brows-lips-products.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
}

.textMainProduct-lip {
	width: 40%;
}

/******Routine banner******/
.routine-banner-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.routine-banner-image {
	width: 65%;
    height: 700px;
    background: url(https://resource.bwlgroup.com/drs-secret/images/drs-secret-banner-skin-care-routine-L3.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
}

.routine-banner-image img {
	width: 100%;
}

.routine-banner-text-container {
	position: relative;
	width: 35%;
	background-color: #ede8e1;
}

.routine-banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/******Reviews banner******/
.reviews-banner-container {
	width: 100%;
	display: flex;
	justify-content: center;
}

.reviews-banner-image {
	width: 65%;
    height: 700px;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-drs-secret-reviews.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
}

.reviews-banner-image img {
	width: 100%;
}

.reviews-banner-text-container {
	position: relative;
	width: 35%;
	background-color: #ede8e1;
}

.reviews-banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/******Videos banner******/
.picMainVideos-container {
    width: 100%;
    height: 700px;
    padding-left: 60%;
    padding-right: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-videos-drs-secret.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
}

/******FAQ banner******/
.picMainFAQ-container {
    width: 100%;
    height: 700px;
    padding-left: 12%;
    padding-right: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-drs-secret-faq.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
}

.textMainFAQ {
	width: 40%;
}

.productsTitle,
.routineTitle,
.videosTitle,
.reviewsTitle,
.FAQTitle {
    font-family: 'Optima Regular';
    font-size: 44px;
	color: #502c1e;
    margin-top: 0px;
    margin-bottom: 10px;
}

.SocialMediaTitle {
    font-family: 'Optima Regular';
    font-size: 44px;
	color: #502c1e;
    margin-top: 0px;
    margin-bottom: 10px;
	width: 32%;
}

.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
    font-size: 24px;
	color: #502c1e;
}
/**********************************************END BANNER*******************************************/

/* Style the list */
ul.breadcrumb {
	list-style: none;
	margin-bottom: 50px;
}

#breadcrumb-product {
	margin-top: 60px;
	text-align: left;
	border-top: none;
}

#breadcrumb-video {
	margin-top: 60px;
}

/* Display list items side by side */
ul.breadcrumb li {
	display: inline;
	font-size: 16px;
	color: #502c1e;	
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
	padding: 8px;
	color: #867874;
	content: ">";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
	color: #867874;
	text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
	color: #867874;
	text-decoration: underline;
}

.internal-link {
	color: #867874;
    text-decoration: underline;
}

.internal-link:hover {
	color: #502c1e;
	text-decoration: underline;
}

#internal-link-faq:hover {
	color: #502c1e;
	text-decoration: none;
}

.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.anchor-review {
    display: block;
    position: relative;
    top: -270px;
    visibility: hidden;
}

.top {
	width: 100%;
	background-image: url(https://resource.bwlgroup.com/drs-secret/images/top.jpg) ;
	background-repeat: repeat-x;
	height: 16px;
}

.header {
	border-bottom: 1px solid #e9ebea;
	padding-top: 20px;
}

.main {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
}

.content,
.reviewButton,
.FAQButton {
	margin: 0 auto;
	width: 100%;
	max-width: 1160px;
}

#backtop { 
    margin-top: 50px;
	float: right; 
	clear:both; 
}

#backtop a { 
	font-size: 10px; 
    font-weight: bold;
    color: #313131;
}

#backtop a:hover { 
    color: #313131;
}

.backtotoparrow {
    float: left;
    margin-right: 5px;
    font-size: 13px !important;
}

.backtotop {
    float: left;
    margin-top: 14px;
}

.backtopagearrow {
    float: left;
    margin-right: 5px !important;
    font-size: 13px !important;
}

.backtopage {
    float: left;
    margin-top: 12px !important;
}

.box {
    background: #ffffff;
}

/*Footer top*/
.footer_container_top {
	width: 100%;
	/*background-color: #f1ede9;*/
    background-color: #f4f2ed;
	background-repeat: repeat-x;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 11px;
}

.footer-top {
	margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    display: flex;
    align-items: center;
}

.footer-logo-container {
	width: 20%;
	margin-bottom: 10px;
}

.footer-logo {
	width: 80px;
	height: 57px;
}
	
.footer-links-container {
	width: 80%;
}

.footer-links {
	float: left;
	margin-right: 3%;
	width: 22%;
}

.footer-title {
    font-family: 'Optima Regular';
	color: #502c1e;
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.footer-sub {
	margin-top: 0px;
	margin-bottom: 10px;	
}

.footer-sub a {
	color: #502c1e;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;	
}

.footer-sub a:hover {
	color: #502c1e;
	text-decoration: underline;
}

.footer_container {
	width: 100%;
	background-color: #262626;
	background-repeat: repeat-x;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 30px;
	font-size: 11px;
}

/*Footer*/
.footer {
    margin: 0 auto;
	width: 100%;
	max-width: 1160px;
    border-top: 1px solid #502c1e;
}


.footer_container {
	width: 100%;
	background-color: #f4f2ed;
	color: #fff;
	padding-top: 28px;
	padding-bottom: 30px;
	font-size: 11px;
}

.footer-content {
    color: #502c1e;
    margin-top: 18px;
}

.footer-sitemap {
	float: right;
    margin-top: -28px;
    color: #502c1e;
    text-align: right;
}

.footer-sitemap a {
    color: #502c1e;
}

.footer-sitemap a:hover {
	color: #502c1e;
	text-decoration: underline;
}

/**********************************************ABOUT PAGE*******************************************/
.boxAbout {
    background-color: #f2ede7;  
    margin-bottom: 50px;
}

.about-container {
    background-color: #f2ede7;
}

.aboutimage-container {
    float: left;
    width: 25%;
    height: 300px;
}

#aboutimage-container-getpersonalguidance {
    height: 430px;
}

.aboutimage-thefoundationfreeglow {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-the-foundation-free-glow.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-skiptheguesswork {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-skip-the-guesswork.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-getpersonalguidance {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-get-personal-guidance.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-wellresearchedformulas {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-well-researched-formulas.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-authenticreviews {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-authentic-reviews.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutcontent-container {
    float: left;
    width: 75%;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
}

.aboutcontent-title {
    font-family: 'Optima Regular';
    font-size: 35px;
    color: #502c1e;
    margin-top: 0px;
    margin-bottom: 30px;
}

.aboutcontent-left {
    float: left;
    width: 10%;
}

.aboutcontent-left-image-1,
.aboutcontent-left-image-2,
.aboutcontent-left-image-3,
.aboutcontent-left-image-4,
.aboutcontent-left-image-5 {
    width: 100%;
    margin: 0px;
}

.aboutcontent-left-image-1 img {
    width: 50px;
}

.aboutcontent-left-image-2 img {
    width: 45px;
}

.aboutcontent-left-image-3 img {
    width: 55px;
}

.aboutcontent-left-image-4 img {
    width: 35px;
}

.aboutcontent-left-image-5 img {
    width: 50px;
}

.aboutcontent-right {
    float: left;
    width: 90%;
}

.aboutcontent-right-text {
    font-size: 20px;
    color: #502c1e;
    margin: 0px;
    margin-bottom: 20px;
}

.aboutcontent-right-text a {
    font-size: 20px;
    font-weight: bold;
    color: #502c1e;
    margin: 0px;
    margin-bottom: 20px;
}

.aboutcontent-right-text a:hover {
    color: #867874;
}

.aboutimage-thefoundationfreeglow {
    width: 100%;
    margin: 0;
}

.aboutimage-thefoundationfreeglow img {
    width: 100%;
}

/**********************************************PRODUCTS PAGE*******************************************/
.boxtopProducts {
	position: relative;
    width: 100%;
    display: flex; 
    align-items: center;
}

.boxleft {
	position: absolute;
    left: 8%;
}

.boxright {
	position: absolute;
    right: 8%;
}

.boxbottom {
	width: 100%;
	padding-top: 43px;
    padding-bottom: 40px;
}

.content_container {
	width: 100%;
	height: auto;
	margin-bottom: 75px;
}

.boxleftTitle {
    font-family: 'Optima Regular';
    font-size: 42px;
	color: #502c1e;
	margin: 0px;
}

.boxleftContent {
	font-size: 20px;
    text-align: center;
    color: #502c1e;
    margin-top: 10px;
	padding-left: 20%;
	padding-right: 20%;
}

.boxbottomProductGroup {
	display: flex;
  	justify-content: center;
	flex-wrap: wrap;
}

.boxbottomProduct {
	position: relative;
	text-align: center;
    width: 28%;
    margin-left: 30px;
    margin-right: 30px;
	margin-top: 60px;
}

.topseller {
	position: absolute;
	top: 15px;
	right: 20px;
}

.topseller img {
	width: 30px;
}

.newpackaging {
	position: absolute;
	top: 15px;
	right: 20px;
}

.newpackaging img {
    width: 48px;
}

.upgraded {
	position: absolute;
	top: 16px;
	right: 20px;
}

.upgraded img {
    width: 58px;
}

.boxbottomPic {
	background: #f7f7f7;
	/*padding: 20px;*/
	padding: 40px;
}

.boxbottomPic a img {
	width: 100%;
}

.boxbottomPic-small {
	display: none;
}

#boxbottomPic-buildup,
#boxbottomPic-soothingsecrets {
	padding: 0px; 
	background: none; 
	text-align: left;
}

.beauty-expo-australia-image {
	width: 100% !important;
	height: 100%;
}

.boxbottomProductName {
	text-align: left;
}

.boxbottomProductName a {
    font-family: 'Optima Regular';
    font-size: 22px;
	color: #502c1e;
}

.boxbottomProductName a:hover {
	color: #867874;
}

.boxbottomProductNameKit {
    font-family: 'Optima Regular';
    font-size: 22px;
	color: #502c1e;
	text-align: left;
}

.kit-list {
	font-size: 15px;
	/*margin-bottom: 24px;
	margin-top: 7px;*/
	line-height: 20px;
	padding-left: 16px;
    text-align: left;
}

.kit-list li {
	list-style-type: disc;
	padding-bottom: 1%;
    color: #502c1e;
}

.boxbottomProductName-small {
	font-size: 18px;
}

.boxbottomProductDescription {
	text-align: left;
	font-size: 17px;
	color: #502c1e;
}

.boxbottomProductMemberPrice {
	text-align: left;
	font-size: 17px;
    color: #502c1e;
    font-weight: bold;
	margin-top: 0px;
    margin-bottom: 50px;
}

.boxbottomRetailPrice {
	text-align: left;
	font-size: 15px;
    text-decoration: line-through;
    color: #aeaeae
}

.out-of-stock {
	font-size: small;
    color: #d86f6f;
    margin-left: 10px;
	font-weight: 400;
	letter-spacing: 1px;
}

.high-demand {
	font-size: 14px;
    color: #d86f6f;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom: 50px;
}

.temporarily-unavailable {
	font-size: small;
    color: #d86f6f;
    margin-left: 10px;
	font-weight: 400;
	letter-spacing: 1px;
}

.boxbottomProductDetails  {
	text-align: left;
}

.boxbottomProductDetails a {
	text-align: left;
	vertical-align: bottom;
	font-size: 13px;
	color: #502c1e;
	text-decoration: underline;
	font-weight: 400;
}

.boxbottomProductDetails a:hover {
	color: #867874;
	text-decoration: underline;
}

#sweet-tangerine-page,
#fresh-peppermint-page,
#dream-page,
#hope-page,
#adore-page,
#bold-page {
	float: left; 
	margin-top: 27px;
}

.available-soon-text-lip {
	color: #ffffff; 
	background: #502c1e; 
	width: 150px;
	padding: 2%; 
	text-align: center;
	float: left;
	margin-right: 10px;
}

.boxleftPic {
	width: 100%;
}

.boxleftPic img {
	width: 100%;
}

.boxleftPic-small {
	display: none;
}

.lip-colour-products,
.lip-care-products,
.brow-products,
.lip-rouge-products {
	float: left; 
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
	margin-right: 15px !important;
}

.lip-colour-products-small,
.lip-care-products-small,
.brow-products-small,
.lip-rouge-products-small {
	float: left; 
    width: 20px;
    height: 20px;
    border-radius: 50%;
	margin-right: 15px !important;
}

.lip-care-products-name,
.lip-colour-products-name,
.brow-products-name,
.lip-rouge-products-name {
	text-align: left;
    color: #502c1e;
}

.active-lip-colour-products, .lip-colour-products:hover,
.active-lip-care-products, .lip-care-products:hover,
.active-brow-products, .brow-products:hover,
.active-lip-rouge-products, .lip-rouge-products:hover {
    box-shadow: 0 0 0 4px #fff, 0 0 0 5px #a6a6a6;
}


/**********************************************ROUTINE PAGE*******************************************/
.boxRoutine {
	width: 100%;
}

.routine-guide-container {
	width: 100%;
	float: left;
    margin-bottom: 30px;
}

.routine-guide-sub-container {
	width: 100%;
	float: left;
}

.routine-guide-content li {
    list-style-type: disc;
    margin-left: 15px;
    line-height: 25px;
}

.routine-container {
	width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 60px;
}

.routine-kit-container {
	float: left;
    width: 29%;
    margin-right: 6%;
    margin-bottom: 60px;
}

#Hello-Glow-Radiance-Kit {
    margin-bottom: 0px;
}

#Age-Rescue-Anti-Ageing-Kit {
    margin-bottom: 0px;
    margin-right: 6%;
}

#Fresh-Start-Oil-Balance-Kit,
#Clear-Confidence-Anti-Blemish-Kit {
    margin-right: 0%;
}

.clear-right {
    margin-right: 0% !important;
}

.routine-name {
	color: #502c1e;
	margin-bottom: 5px;
    text-align: center;
}

.routine-kit {
    font-size: 18px;
	color: #867874;
	margin-bottom: 20px;
    text-align: center;
}

.routine-image {
    width: 100%;
}

.routine-image img {
    width: 100%;
}

.routine-kit-inner-container {
    margin-top: 30px;
}

.routine-skinconditions {
	color: #502c1e;
    margin-bottom: 20px;
    border-bottom: 1px solid #867874;
}

.kit-title {
    font-size: 18px;
    color: #502c1e;
    margin-top: 20px;
    margin-bottom: 0px;
}

.routine-content {
    width: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
    clear: both;
}

.routine-content-image {
    float: left;
    margin-top: 0px;
}

.routine-sunicon {
    width: 24px;
}

.routine-moonicon {
    width: 16px;
}

.routine-content-products {
    font-size: 15px;
    line-height: 30px;
	color: #867874;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 32px;
}

#routine-content-products-moonsun {
    margin-left: 55px;
}

.routine-content-products a {
    color: #867874;  
    text-decoration: underline;
}

.routine-content-products a:hover {
    color: #502c1e;  
    text-decoration: underline;
}

.routine-content-remarks {
    font-size: 13px;
    line-height: 18px;
    color: #b5b5b5;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 32px;
}

.recommened-product-amount-container {
	width: 100%;
    margin-top: 60px;
}

.recommened-product-amount-sub-container {
	width: 100%;
}

.recommened-product-amount-title {
    font-size: 18px;
    text-align: center;
    color: #502c1e;
    margin-top: 0px;
    margin-bottom: 15px;
}

.ClassicRangeTable-container {
    float: left;
    width: 29%;
    margin-right: 6%;
}

.ClassicRangeTable {
    text-align: center;
    border-spacing: 0;
}

.ClassicRangeTable tr:first-of-type td {
    border-top: 1px solid #502c1e;
}

.ClassicRangeTable tr>td:first-of-type {
    border-left: 1px solid #502c1e;
}

.ClassicRangeTable tr td:last-of-type {
    border-right: 1px solid #502c1e;
}

.ClassicRangeTable td {
    padding: 10px;
    border-left: 0px none;
    border-top: none;
    border-right: 0px none;
    border-bottom: 1px solid #502c1e;
}

.SupplementaryProductsTable-container {
    float: left;
    width: 29%;
    margin-right: 6%;
}

.SupplementaryProductsTable {
    text-align: center;
    border-spacing: 0;
}

.SupplementaryProductsTable tr:first-of-type td {
    border-top: 1px solid #502c1e;
}

.SupplementaryProductsTable tr>td:first-of-type {
    border-left: 1px solid #502c1e;
}

.SupplementaryProductsTable tr td:last-of-type {
    border-right: 1px solid #502c1e;
}

.SupplementaryProductsTable td {
    padding: 10px;
    border-left: 0px none;
    border-top: none;
    border-right: 0px none;
    border-bottom: 1px solid #502c1e;
}

.RoutineBoostersTable-container {
    float: left;
    width: 29%;
    margin-right: 0%;
}

.RoutineBoostersTable {
    text-align: center;
    border-spacing: 0;
}

.RoutineBoostersTable tr:first-of-type td {
    border-top: 1px solid #502c1e;
}

.RoutineBoostersTable tr>td:first-of-type {
    border-left: 1px solid #502c1e;
}

.RoutineBoostersTable tr td:last-of-type {
    border-right: 1px solid #502c1e;
}

.RoutineBoostersTable td {
    padding: 10px;
    border-left: 0px none;
    border-top: none;
    border-right: 0px none;
    border-bottom: 1px solid #502c1e;
}

.reminder-container {
	width: 100%;
    margin-top: 60px;
}

.reminder-sub-container {
	width: 100%;
    margin-top: 60px;
}

#reminder-sub-container-top {
    margin-top: 0px;
}

.ConditioningRoutineTable {
    border-spacing: 0;
}

.ConditioningRoutineTable tr:first-of-type td {
    border-top: 1px solid #502c1e;
}

.ConditioningRoutineTable tr>td:first-of-type {
    border-left: 1px solid #502c1e;
}

.ConditioningRoutineTable tr td:last-of-type {
    border-right: 1px solid #502c1e;
}

.ConditioningRoutineTable td {
    padding: 10px;
    border-left: 0px none;
    border-top: none;
    border-right: 1px solid #502c1e;
    border-bottom: 1px solid #502c1e;
}

.conditioning-routine-table-title {
    font-size: 15px;
	margin-top: 20px;
	color: #502c1e;
	margin-bottom: 0px;
}

.reminder-content-conditioning-routines {
    font-size: 13px;
    margin-top: 20px;
    color: #b5b5b5;
    margin-bottom: 0px;
}

.routine-title {
	color: #502c1e;
	margin-top: 0;
	margin-bottom: 30px;
}

.reminder-content {
	font-size: 15px;
	margin-top: 20px;
	color: #867874;
	margin-bottom: 0px;
}

.reminder-content a {
    color: #867874;
    text-decoration: underline;
}

.reminder-content a:hover {
    color: #502c1e;
    text-decoration: underline;
}

#reminder-content2 {
	color: #5a5a5a;
}

.reminder-contactus-button {
	margin-top: 20px;
	margin-bottom: 0px;
}

.reminder-contactus-button a {
	color: #502c1e;
	display: inline-block;
	/*border: 1px solid #dedede;*/
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 2px;
	transition: border-color 300ms;
	background-color: #f0ece6;
	font-size: 15px;
}

.reminder-contactus-button a:hover {
    color: #ffffff;
	background-color: #867874;
}

.reminder-content-container {
	float: left;
    width: 27%;
    margin-right: 6%;
}

.reminder-content-title {
	font-size: 17px;
	color: #502c1e;
	margin-top: 0px;
    margin-bottom: 0px;
	border-bottom: #867874 1px solid; 
	padding-bottom: 10px;
}

.reminder-content-subtitle {
	display: block;
	margin-bottom: 5px;
	color: #502c1e;
}

.reminder-content_list {
	font-size: 14px;
	color: #a6a6a6;
	padding-left: 18px;
}

.reaction-image {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.reaction-image img {
    width: 100%
}

.reaction-content {
	font-size: 15px;
	color: #867874;
    margin-top: 20px;
    margin-bottom: 0px;
}

.reaction-content a {
    color: #867874;
    text-decoration: underline;
}

.reaction-content a:hover {
    color: #502c1e;
    text-decoration: underline;
}

.reaction-content-add {
	font-size: 13px;
	margin-top: 40px;
	color: #b5b5b5;
	line-height: 18px;
} 

.reaction-content-add a {
    color: #b5b5b5;
    text-decoration: underline;
}

.reaction-content-add a:hover {
    color: #502c1e;
    text-decoration: underline;
}

.reaction-content-container-container {
	width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	margin-bottom: 20px;
}

.reaction2-content-container {
	float: left;
    width: 100%;
    margin-top: 5px;
}

.reaction-content-container {
	float: left;
    width: 29%;
    margin-right: 6%;
    margin-top: 60px;
}

.reaction-content-container-right {
	float: left;
    width: 29%;
    margin-right: 0;
    margin-top: 60px;
}

.reaction-main-content {
	font-size: 15px;
	font-weight: normal;
	color: #867874;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;

}

.reaction-main-content a {
    color: #867874;
    text-decoration: underline;
}

.reaction-main-content a:hover {
    color: #502c1e;
    text-decoration: underline;
}

.skin-quiz-button {
	margin-top: 20px;
    margin-bottom: 0px;
}

.skin-quiz-button a {
	color: #502c1e;
	display: inline-block;
	/*border: 1px solid #dedede;*/
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 2px;
	transition: border-color 300ms;
	background-color: #f0ece6;
	font-size: 15px;
}

.skin-quiz-button a:hover {
    color: #ffffff;
	background-color: #867874;
}

.reaction-content-subtitle {
	display: block;
    font-size: 17px;
    color: #502c1e;
	margin-bottom: 20px;
    padding-bottom: 10px;    
    border-bottom: #e2e0e0 1px solid;
}

.routine-anchor-conditioningroutine {
   display: block;
    position: relative;
    top: -220px;
    visibility: hidden; 
}

.routine-anchor-buildup {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.routine-anchor-SoothingSecrets {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.routine-anchor-gentlereminder {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
}

/**********************************************REVIEWS PAGE*******************************************/
.boxbottomReview {
	width: 100%;
	border: 1px solid #eae9e9;
}

.boxbottomReviewTouchLIF {
	width: 100%;
	border: 1px solid #eae9e9;
}

.boxbottomReviewTouchLIFTwo {
	width: 100%;
	border: 1px solid #eae9e9;
}

.boxbottomReviewTouchLIFThree {
	width: 100%;
	border: 1px solid #eae9e9;
}

.reviewButton_container {
	width: 100%;
	height: auto;
	padding-top: 50px;
	/*margin-bottom: 80px;*/
}

.reviewButton {
	width: 100%;
}

.reviewLinkButton {
	width: 33.3%;
	float: left;
	margin-top: 20px;
}

.reviewLinkButtonIcon {
	background:url(https://resource.bwlgroup.com/drs-secret/images/btn-plus-minus-focus.png) 0 0 no-repeat;
	background-size: 200%;
	display:block;
	height:33px;
	width:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float: left;
}
	.no-backgroundsize .reviewLinkButtonIcon {
		background:url(https://resource.bwlgroup.com/drs-secret/images/button-plus-minus.png) 0 0 no-repeat;
	}

.reviewLinkButtonIcon .IconFocus{
	background:url(https://resource.bwlgroup.com/drs-secret/images/btn-plus-minus-focus.png) -23px 0 no-repeat;
	background-size: 200%;
	display:block;
	height:33px;
	width:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float: left;
}
	.no-backgroundsize .reviewLinkButtonIcon .IconFocus{
		background:url(https://resource.bwlgroup.com/drs-secret/images/button-plus-minus.png) -23px 0 no-repeat;
	}

.reviewLinkButtonPage {
	float: left;
	padding-top: 8px;
	margin-left: 1%;
}

.reviewLinkButtonPage .PageFocus{
	color: #502c1e;
}

.reviewLinkButtonPage a {
    font-size: 17px;
	color: #867874;
}

.reviewLinkButtonPage a:hover {
	color: #502c1e;
}

.HSAadvice_container {
	margin: 0 auto;
    width: 100%;
    max-width: 1160px;
	margin-bottom: 20px;
    padding-right: 4px;
}

.HSAadvice {
	font-size: 15px;
    color: #867874;
	float: right;
}

.HSAadvice_container_2 {
	margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    padding-right: 4px;
}

.HSAadvice_2 {
	font-size: 15px;
    color: #867874;
	float: right;
}

#HSAadvice_2_left {
	float: left;
}

.boxtopReview {
	width: 100%;
	height: auto;
	border: 1px solid #eae9e9;
	background: #f0ece6;
}

.boxtopReviewTouchLIF {
	width: 100%;
	height: auto;
	border: 1px solid #eae9e9;
	background: #f0ece6;
}

.boxReviewTouchLIFTitle {
    font-family: 'Optima Regular';
	color: #502c1e;
	padding-top: 5%;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 0;
	margin-bottom: 25px;
}

.boxtopReviewTitle {
    font-family: 'Optima Regular';
	color: #502c1e;
    padding-top: 5%;
	padding-bottom: 1%;
    margin-left: 4%;
	margin-right: 4%;
    margin-bottom: 0%;
    margin-top: 0;
}

.boxtopReviewSecondTitleName {
	font-size: 18px;
	color: #502c1e;
	margin-left: 4%;
	padding-bottom: 1%;
}

.boxtopReviewSecondTitleGrey {
	color: #502c1e;
}

.boxbottomPicContainerOne {
	margin-left: 4%;
	padding-top: 5%;
}

.boxbottomPicContainerTwo,
.boxbottomPicContainerThree {
	margin-left: 4%;
	width: 96%;
	float: left;
	padding-top: 5%;
}

#boxbottomPicContainerTwo_Bottom,
#boxbottomPicContainerThree_Bottom {
	padding-bottom: 5%;
}

.boxbottomPicReviewTouchLIFOne {
	float: left;
	margin-right: 2%;
	padding-bottom: 6%;
}

.boxbottomPicReviewTouchLIFTwo,
.boxbottomPicReviewTouchLIFThree {
	float: left;
	margin-right: 2%;
}

.boxbottomReviewText {
	width: 46%;
	float: left;
	margin-left: 4%;
	margin-top: 4%;
	margin-bottom: 10%;
}

.boxbottomReviewContent {
	font-size: 17px;
	color: #867874;
}

.boxbottomPicReviewContainer {
	width: 45%;
	float: right;
	margin-left: 5%;
	margin-top: 4%;
	margin-bottom: 10%;
}

.boxbottomPicReviewBeforeContainer {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.boxbottomPicReviewAfterContainer {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.boxbottomPicReviewContainerInner {
	width: 100%;
}

.boxbottomPicReviewBefore img {
	width: 95%;
}

.boxbottomPicReviewAfter img {
	width: 95%;
}

.boxbottomPicReviewWord {
	/*font-weight: bold;*/
	font-size: 14px;
	color: #502c1e;
    margin-top: 5px;
}

/**********************************************FAQ PAGE*******************************************/
.boxbottomFAQ {
	width: 100%;
	height: auto;
	padding-bottom: 8%;
	border: 1px solid #eae9e9;
}

.FAQPageTitle {
    font-family: 'Optima Regular';
    color: #502c1e;	
}

.boxtopFAQ {
	margin-bottom: 30px;
}

.boxtopFAQTitle {
	color: #502c1e;
}

.FAQButton_container {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

#FAQButton_container-NoQuiz {
    margin-bottom: 0px;
}

.FAQButton {
	width: 100%;
	margin-bottom: 80px;
}

#FAQButton-NoQuiz {
    margin-bottom: 0px;
}

.FAQLinkButton {
	width: 25%;
	float: left;
	margin-top: 20px;
}

.FAQLinkButtonIcon {
	background:url(https://resource.bwlgroup.com/drs-secret/images/btn-plus-minus-focus.png) 0 0 no-repeat;
	background-size: 200%;
	display:block;
	height:33px;
	width:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float: left;
}
	.no-backgroundsize .FAQLinkButtonIcon {
		background:url(https://resource.bwlgroup.com/drs-secret/images/btn-plus-minus.png) 0 0 no-repeat;
	}

.FAQLinkButtonIcon .IconFocus{
	background:url(https://resource.bwlgroup.com/drs-secret/images/btn-plus-minus-focus.png) -23px 0 no-repeat;
	background-size: 200%;
	display:block;
	height:33px;
	width:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	float: left;
}
	.no-backgroundsize .FAQLinkButtonIcon .IconFocus{
		background:url(https://resource.bwlgroup.com/drs-secret/images/btn-plus-minus.png) -23px 0 no-repeat;
	}

.FAQLinkButtonPage {
	float: left;
	padding-top: 8px;
	margin-left: 1%;
}

.FAQLinkButtonPage a {
    font-size: 17px;
    color: #867874;
}

.FAQLinkButtonPage a:hover {
    color: #502c1e;
}

#FAQLinkButtonPage-start {
	padding-top: 0px;
}

.FAQLinkButtonPage .PageFocus{
	color: #502c1e;
}

#faq-bottom-content {
	margin-bottom: 40px;
	width: 100%;
    margin-left: 0px;
    color: #867874;
}

#faq-bottom-title {
	width: 100%;
	margin-bottom: 15px;
    margin-left: 0px;
    color: #502c1e;
}

.ShippingSummaryTable {
    border-spacing: 0;
}

.ShippingSummaryTable tr:first-of-type td {
    border-top: 1px solid #502c1e;
}

.ShippingSummaryTable tr>td:first-of-type {
    border-left: 1px solid #502c1e;
}

.ShippingSummaryTable tr td:last-of-type {
    border-right: 1px solid #502c1e;
}

.ShippingSummaryTable td {
    padding: 10px;
    border-left: 0px none;
    border-top: none;
    border-right: 1px solid #502c1e;
    border-bottom: 1px solid #502c1e;
}


/**********************************************SOCIAL MEDIA CONTEST T&C PAGE*******************************************/
.picMainSocialMedia-container {
    width: 100%;
    height: 700px;
    padding-left: 5%;
    padding-right: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-social-media-contest-terms-and-conditions.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    display: flex;
    align-items: center;
}

.SocialMediaContainer h1 {
    font-family: 'Optima Regular';
    font-size: 25px;
    font-weight: 600;
    color: #502c1e;
    text-align: center;
    letter-spacing: 1px;
}

.SocialMediaContainer li {
    list-style-type: decimal;
	font-size: 15px;
	color: #867874;
    padding-bottom: 15px;
}

.SocialMediaContainer li a {
    color: #502c1e;
}

.SocialMediaContainer li a:hover {
    text-decoration: underline;
}


.bwlLogo {
	float: right;
	margin-top: 15%;
	
}

.bwlLogoText {
	font-size: 11px;
	color: #20bdf9;
}

.bwlLogoLink  {
	font-size: 11px;
	color: #6e6c6c;	
	margin-top:2%;
	padding-bottom: 20%;
}

/* Examples for media queries */
@media (max-width: 1400px) {
/**********************************************BANNER*******************************************/
.picMainAbout-container,
.picMainProduct-lip-container,
.picMainVideos-container,
.picMainFAQ-container,
.picMainSocialMedia-container {
    height: 600px
}
	
/**** products ****/
.products-banner-image {
	height: 600px;
}
	
/**** routine ****/
.routine-banner-image {
	height: 600px;
}
	
/**** reviews ****/
.reviews-banner-image {
	height: 600px;
}
}

@media (max-width: 1300px) {
/**********************************************SOCIAL MEDIA CONTEST T&C PAGE*******************************************/
.SocialMediaTitle {
    width: 40%;
}
}

@media (max-width: 1200px) {
/**********************************************FAQ PAGE*******************************************/	
.FAQPageTitle {
	font-size: 26px;
}
	
.boxtopFAQTitle {
	font-size: 23px;
}

}


@media screen and (max-width: 1180px) { 
.logo,
.footer_container_top,
.footer_container {
	padding-left: 5px;
	padding-right: 5px;
}
	
ul.breadcrumb {
	padding-left: 5px;
	padding-right: 5px;
}
}

@media screen and (max-width: 1150px) { 
/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProduct {
    margin-left: 20px;
    margin-right: 20px;
}
}


@media screen and (max-width: 1060px) {
/**********************************************PRODUCTS PAGE*******************************************/
/*.boxleft {
    left: 6%;
}*/
}

@media screen and (max-width: 1050px) { 
/**********************************************BANNER*******************************************/
    
/******About banner******/
.textFirstMainAbout {
    font-size: 21px;
}
    
.picMainAbout-container,
.picMainProduct-lip-container,
.picMainVideos-container,
.picMainFAQ-container,
.picMainSocialMedia-container {
    height: 550px;
}
	
/**** products ****/
.products-banner-image {
	width: 55%;
	height: 550px;
}
	
.products-banner-text-container {
	width: 45%;
}
	
/**** routine ****/
.routine-banner-image {
	width: 55%;
	height: 550px;
}
	
.routine-banner-text-container {
	width: 45%;
}
	
/**** reviews ****/
.reviews-banner-image {
	width: 55%;
	height: 550px;
}
	
.reviews-banner-text-container {
	width: 45%;
}
    
.productsTitle,
.routineTitle,
.reviewTitle,
.FAQTitle,
.videosTitle,
.reviewsTitle,
.SocialMediaTitle {
	font-size: 41px;	
}
	
.SocialMediaTitle {
	font-size: 41px;
	width: 57%;
}
	
.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
	font-size: 20px;
}

/**********************************************ABOUT PAGE*******************************************/
.aboutcontent-left-image-1 img {
    width: 40px;
}

.aboutcontent-left-image-2 img {
    width: 35px;
}

.aboutcontent-left-image-3 img {
    width: 45px;
}

.aboutcontent-left-image-4 img {
    width: 25px;
}

.aboutcontent-left-image-5 img {
    width: 40px;
}
    
.aboutcontent-title {
    font-size: 33px;
}
    
.aboutcontent-right-text {
    font-size: 18px;
}

/**********************************************PRODUCTS PAGE*******************************************/
.boxleftTitle {
	font-size: 38px;
}
    
.boxleftContent {
	font-size: 16px;
}

.boxbottomProductName a {
    font-size: 18px;
}
	
.boxbottomProductNameKit {
    font-size: 18px;
}
	
.kit-list {
	font-size: 14px;
}
	
.boxbottomProductName-small {
	font-size: 14px;
}

.boxbottomProductDescription {
	font-size: 13px;
}
    
.boxbottomProductMemberPrice {
	font-size: 13px;
}
    
.boxbottomRetailPrice {
	font-size: 11px;
}
	
/**********************************************ROUTINE PAGE*******************************************/
.routine-name {
	font-size: 23px;
}
    
.routine-kit {
    font-size: 16px;
}

.routine-skinconditions {
	font-size: 16px;
}

.kit-title {
	font-size: 16px;
}

.routine-content-products {
	font-size: 13px;
}
    
.routine-content-remarks {
	font-size: 12px;
}

.routine-title {
	font-size: 23px;
}
    
.recommened-product-amount-title {
    font-size: 16px;
}

.conditioning-routine-table-title {
    font-size: 13px;
}
    
.reminder-content-conditioning-routines {
    font-size: 11px;
}
    
.reminder-content {
	font-size: 13px;
}
	
.reminder-contactus-button a {
	font-size: 13px;
}

.reminder-content-title {
	font-size: 15px;
}

.reminder-content_list {
	font-size: 12px;
}

.reaction-content {
	font-size: 13px;
}

.reaction-content-add {
	font-size: 11px;
}

.reaction-main-content {
	font-size: 13px;
}
	
.skin-quiz-button a {
	font-size: 13px;
}
    
.reaction-content-subtitle {
    font-size: 15px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxReviewTouchLIFTitle {
	font-size: 27px;
}

.boxtopReviewTitle {
	font-size: 27px;
}

.boxtopReviewSecondTitleName {
	font-size: 16px;
}

.boxtopReviewSecondTitle {
	font-size: 16px;
}

.boxbottomReviewContent {
	font-size: 14px;
}

.boxbottomPicReviewWord {
	font-size: 12px;
}
}

@media screen and (max-width: 1030px) { 
.box {
	margin-left: 3%;
	margin-right: 3%;
}

.box_about_aesiter,
.box_about_secret,
.box_socical_media_tc {
	margin-left: 3%;
	margin-right: 3%;
}

#backtop {
	margin-right: 35px;
}

/**********************************************FAQ PAGE*******************************************/
.FAQLinkButton {
    width: 25%;
}
	
.FAQLinkButtonPage a {
    font-size: 15px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.reviewLinkButton {
	margin-left: 3%;
	margin-right: 3%;
	width: 27%;
}
    
.reviewLinkButtonPage a {
    font-size: 15px;
}

.HSAadvice {
	margin-left: 3%;
	margin-right: 3%;
}
}

@media screen and (max-width: 1000px) { 
.header {
	min-width: 0;
}
	
ul.breadcrumb {
    padding-left: 30px;
    padding-right: 30px;
}

}

@media screen and (max-width: 992px) {
/*#banner-container {
	margin-top: 124px;
}
	
#banner-container.weblogin {
	margin-top: 99px;
}*/
	
#breadcrumb-product {
	margin-top: 80px;
}
    
.logo,
.footer_container_top,
.footer_container {
	padding-left: 20px;
	padding-right: 20px;
}
	
/*Footer top*/
.footer-links {
    float: left;
    margin-right: 3%;
    width: 40%;
}
	
#footer-links-store,
#footer-links-location {
	margin-top: 50px;
}
}

@media screen and (max-width: 950px) {
/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProductGroup {
	padding-left: 5%;
	padding-right: 5%;
}
	
.boxbottomProduct {
	margin-left: 25px;
    margin-right: 25px;
    width: 42%;
}
	
.beauty-expo-australia-image {
    width: 100%;
    height: 100%;
}
}

@media screen and (max-width: 900px) {
/**********************************************REVIEWS PAGE*******************************************/
.boxbottomPicReviewContainer {
	width: 52%;
	margin-top: 5%;
}

.boxbottomReviewText {
	width: 38%;
}
}


@media screen and (max-width: 820px) {
/**********************************************BANNER*******************************************/
    
/******About banner******/
.textFirstMainAbout {
    font-size: 19px;
}
    
.picMainAbout-container,
.picMainProduct-lip-container,
.picMainVideos-container,
.picMainFAQ-container,
.picMainSocialMedia-container {
    height: 500px;
}
	
/**** products ****/
.products-banner-image {
	height: 500px;
}
	
/**** routine ****/
.routine-banner-image {
	height: 500px;
}
	
/**** reviews ****/
.reviews-banner-image {
	height: 500px;
}
    
.productsTitle,
.routineTitle,
.FAQTitle,
.videosTitle,
.reviewsTitle,
.SocialMediaTitle {
	font-size: 39px;
}
	
.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
	font-size: 18px;
}

/**********************************************ABOUT PAGE*******************************************/
.aboutcontent-title {
    font-size: 32px;
}
    
.aboutcontent-right-text {
    font-size: 17px;
}  
    
/**********************************************PRODUCTS PAGE*******************************************/
.boxleftTitle {
	font-size: 36px;
}
    
.boxleftContent {
	font-size: 14px;
}
    
.boxbottomProductName a {
    font-size: 16px;
}

.boxbottomProductNameKit {
    font-size: 16px;
}
	
.kit-list {
	font-size: 13px;
}
	
.boxbottomProductName-small {
	font-size: 12px;
}

.boxbottomProductDescription {
	font-size: 11px;
}
    
.boxbottomProductMemberPrice {
	font-size: 11px;
}
    
.boxbottomRetailPrice {
	font-size: 9px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxReviewTouchLIFTitle {
	font-size: 26px;
}

.boxtopReviewTitle {
	font-size: 26px;
}

.boxtopReviewSecondTitleName {
	font-size: 15px;
}

.boxtopReviewSecondTitle {
	font-size: 15px;
}

.boxbottomReviewContent {
	font-size: 13px;
}

.boxbottomPicReviewWord {
	font-size: 11px;
}
	
/**********************************************FAQ PAGE*******************************************/
.FAQPageTitle {
	font-size: 25px;
}
	
.boxtopFAQTitle {
	font-size: 22px;
}
}

@media screen and (max-width: 789px) {
#backtop {
	margin-right: 23px;
}
	
ul.breadcrumb {
    display: none;
}
	
/**********************************************BANNER*******************************************/
.productsTitle,
.routineTitle,
.FAQTitle,
.videosTitle,
.reviewsTitle {
	font-size: 45px;
    text-align: center;
}
	
.SocialMediaTitle {
	font-size: 45px;
	width: 100%;
    text-align: center;
}
	
.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
	font-size: 24px;
    text-align: center;
}
	
	
/******About banner******/
.picMainAbout-container {
    display: none;
}
	
.picMainAbout-container-mobile {
    display: block;
}
	
.imageMainAbout-mobile {
	width: 100%;
	height: 400px;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-about-drs-secret-mobile.jpg) no-repeat;
    background-size: cover;
    background-position: center;
	margin-top: -2px;
}
    
.textMainAbout-mobile-container {
	display: flex;
	align-items: center;
	width: 100%;
	background-color: #e9e6e1;
}
	
.textMainAbout-mobile {	
	padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
	text-align: center;
}
    
.textFirstMainAbout {
    text-align: center;
}
	
/******Products banner******/   
.products-banner-container {
	width: 100%;
	display: block;
}
	
.products-banner-image {
	width: 100%;
	height: 400px;
}
	
.products-banner-text-container {
	display: block;
	position: relative;
	width: 100%;
	height: 300px;	
	background-color: #ede8e1;
}
	
.products-banner-text {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 5%;
	padding-right: 5%;
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
}
    
/******Lip Products banner******/
.picMainProduct-lip-container {
    width: 100%;
    height: 700px;
    padding-top: 10%;
    padding-bottom: 10%;
	background: url(https://resource.bwlgroup.com/drs-secret/images/banner-drs-secret-brows-lips-products-small.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: block;
}
    
.textMainProduct-lip {
    width: 100%;
}
    
/******Routine banner******/
.routine-banner-container {
	width: 100%;
	display: block;
}
	
.routine-banner-image {
	width: 100%;
	height: 400px;
}

.routine-banner-text-container {
	width: 100%;
	height: 300px;
}
	
.routine-banner-text {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 5%;
	padding-right: 5%;
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
}
    
/******Reviews banner******/
.reviews-banner-container {
	width: 100%;
	display: block;
}
	
.reviews-banner-image {
	width: 100%;
	height: 400px;
}

.reviews-banner-text-container {
	width: 100%;
	height: 300px;
}
	
.reviews-banner-text {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 5%;
	padding-right: 5%;
	top: 0%;
	left: 0%;
	transform: translate(-0%, -0%);
}
    
/******Videos banner******/   
.picMainVideos-container {
    width: 100%;
    height: 700px;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-videos-drs-secret-small.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: block;
}
    
    
/******FAQ banner******/   
.picMainFAQ-container {
    width: 100%;
    height: 700px;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-drs-secret-faq-small.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: block;
}
    
.textMainFAQ {
	width: 100%;
}
	
/**********************************************ABOUT PAGE*******************************************/
.aboutimage-container {
    float: none;
    width: 100%;
}

#aboutimage-container-getpersonalguidance {
    height: 300px;
}

.aboutimage-thefoundationfreeglow {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-the-foundation-free-glow-small.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-skiptheguesswork {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-skip-the-guesswork-small.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-getpersonalguidance {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-get-personal-guidance-small.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-wellresearchedformulas {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-well-researched-formulas-small.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}

.aboutimage-authenticreviews {
    width: 100%;
    height: 100%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/about-authentic-reviews-small.jpg) no-repeat;
    background-size: cover;
    background-position: top; 
    margin: 0px;
}
    
.aboutcontent-container {
    float: none;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
    
.aboutcontent-left-image-1 img {
    width: 50px;
}

.aboutcontent-left-image-2 img {
    width: 45px;
}

.aboutcontent-left-image-3 img {
    width: 55px;
}

.aboutcontent-left-image-4 img {
    width: 35px;
}

.aboutcontent-left-image-5 img {
    width: 50px;
}
    
.aboutcontent-title {
    font-size: 34px;
}
    
.aboutcontent-right-text {
    font-size: 19px;
}

/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProductGroup {
    padding-left: 0%; 
    padding-right: 0%; 
}
	
.boxbottomProduct {
    width: 50%;
}
	
.boxleftTitle {
	font-size: 42px;
}
	
.boxleftContent {
	font-size: 20px;
	padding-left: 15%;
    padding-right: 15%;
}
	
.boxbottomProductName a {
    font-size: 22px;
}
	
.boxbottomProductNameKit {
    font-size: 22px;
}
	
.kit-list {
	font-size: 15px;
}
	
.boxbottomProductName-small {
	font-size: 18px;
}

.boxbottomProductDescription {
	font-size: 17px;
}
    
.boxbottomProductMemberPrice {
	font-size: 17px;
}

.boxbottomRetailPrice {
	font-size: 15px;
}

.boxbottomProductDetails a {
	font-size: 13px;
}
	
.boxbottomPic {
	display: none;
}

.boxbottomPic-small {
	display: block;
    background: #f7f7f7;
    padding: 10%;
}
	
#boxbottomPic-buildup-small,
#boxbottomPic-soothingsecrets-small {
	background: none;
    padding: 0%;
}

.boxbottomPic-small img {
	width: 80%;
}

.boxleftPic {
	display: none;
}
	
.boxleftPic-small {
	display: block;
	width: 100%;
}

.boxleftPic-small img {
	width: 100%;
}
	
#spot_serum,
#age_arrest,
#AR_essence {
	margin-top: 0;
}

/**********************************************ROUTINE PAGE*******************************************/   
.routine-kit-container {
    width: 47%;
}

#Fresh-Start-Oil-Balance-Kit {
     margin-right: 6%;
}

#Soothing-Secrets-Recovery-Kit,
#Drink-Up-Deep-Nourishment-Kit,
#Clear-Confidence-Anti-Blemish-Kit,
#Age-Rescue-Anti-Ageing-Kit {
    margin-right: 0%;
}
    
.routine-name {
	font-size: 24px;
}
    
.routine-kit {
    font-size: 17px;
}

.routine-skinconditions {
	font-size: 17px;
}

.kit-title {
	font-size: 17px;
}

.routine-content-products {
	font-size: 14px;
}
  
.routine-title {
	font-size: 24px;
}
    
.recommened-product-amount-title {
    font-size: 18px;
} 
    
.conditioning-routine-table-title {
    font-size: 14px;
}
    
.ClassicRangeTable-container {
    width: 47%;
}
    
.SupplementaryProductsTable-container{
    width: 47%;
    margin-right: 0%;
}
    
.RoutineBoostersTable-container{
    width: 47%;
    margin-top: 30px;
}

.reminder-content {
	font-size: 14px;
}
	
.reminder-contactus-button a {
	font-size: 14px;
	padding: 10px 20px;
}

.reminder-content-title {
	font-size: 16px;
}

.reminder-content_list {
	font-size: 13px;
}
	
.reminder-content-container {
	float: none;
    width: 100%;
	margin-bottom: 50px;
    margin-right: 0%;
}
    
#application-tips {
    margin-bottom: 0px;  
}
    
.reminder-sub-container {
    margin-top: 0px;
}
	
.reaction-content-container {
    width: 100%;
    height: auto;
	margin-bottom: 20px;
    margin-right: 0%;
}
    
.reaction-content-container-right {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 0%;
}
	
#reaction-content-container-container-top {
	margin-bottom: 0px;
}
	
.reaction-main-content {
	font-size: 14px;
}

.reaction-content {
	font-size: 14px;
}
	
.skin-quiz-button a {
	font-size: 14px;
	padding: 10px 20px;
}
    
.reaction-content-subtitle {
    font-size: 16px;
}

.routine-anchor-conditioningroutine  {
    top: -250px;
}
    
.routine-anchor-buildup {
    top: -170px;
}
    
.routine-anchor-SoothingSecrets {
    top: -170px;
}
    
.routine-anchor-gentlereminder {
    top: -100px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxbottomPicReviewContainer {
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-top: 8%;
}
	
.reviewLinkButton {
	margin-top: 20px;
}
	
.boxbottomPicReviewContainerInner {
	padding-left: 4%;
	padding-right: 4%;
}
	
.boxbottomPicReviewBeforeContainer {
	width: 47%;
	margin-right: 3%;
}	

.boxbottomPicReviewAfterContainer {
	width: 47%;
	margin-left: 3%;
	margin-right: 0%
}
	
.boxbottomPicReviewBefore img {
	width: 100%;
}	

.boxbottomPicReviewAfter img {
	width: 100%;
}

.boxbottomReviewText {
	width: 100%;
	margin-left: 0%;
	padding-left: 4%;
    padding-right: 4%;
}

.boxReviewTouchLIFTitle {
	font-size: 28px;
}

.boxtopReviewTitle {
	font-size: 28px;
}

.boxtopReviewSecondTitleName {
	font-size: 17px;
}

.boxtopReviewSecondTitle {
	font-size: 17px;
}

.boxbottomReviewContent {
	font-size: 15px;
}

.boxbottomPicReviewWord {
	font-size: 13px;
}
	
.review-control {
    width: 48%;
}

/**********************************************FAQ PAGE*******************************************/
.boxtopFAQ {
	height: auto;
}

.FAQPageTitle {
	font-size: 26px;
}
	
.boxtopFAQTitle {
	font-size: 23px;
}
	
/**********************************************SOCIAL MEDIA CONTEST T&C PAGE*******************************************/
.picMainSocialMedia-container {
    width: 100%;
    height: 700px;
    padding-top: 10%;
    padding-bottom: 10%;
    background: url(https://resource.bwlgroup.com/drs-secret/images/banner-social-media-contest-terms-and-conditions-small.jpg) no-repeat;
    background-size: cover;
    background-position: center; 
    display: block;
}
}

@media screen and (max-width: 760px) { 
/**********************************************BANNER*******************************************/
    
/******About banner******/
.textFirstMainAbout {
    font-size: 22px;
}
    
.productsTitle,
.routineTitle,
.FAQTitle,
.videosTitle,
.reviewsTitle,
.SocialMediaTitle {
	font-size: 42px;	
}
	
.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
	font-size: 21px;
}
    
/**********************************************ABOUT PAGE*******************************************/
.aboutcontent-left-image-1 img {
    width: 40px;
}

.aboutcontent-left-image-2 img {
    width: 35px;
}

.aboutcontent-left-image-3 img {
    width: 45px;
}

.aboutcontent-left-image-4 img {
    width: 25px;
}

.aboutcontent-left-image-5 img {
    width: 40px;
}
    
.aboutcontent-left {
    width: 13%;
}
    
.aboutcontent-right {
    width: 87%;
}
    
.aboutcontent-title {
    font-size: 33px;
}
    
.aboutcontent-right-text {
    font-size: 18px;
}
    
/**********************************************PRODUCTS PAGE*******************************************/
.boxleftTitle {
	font-size: 30px;
}
    
.boxleftContent {
	font-size: 17px;
}
    
.boxbottomProductName a {
    font-size: 19px;
}
	
.boxbottomProductNameKit {
    font-size: 19px;
}
	
.kit-list {
	font-size: 14px;
}
	
.boxbottomProductName-small {
	font-size: 15px;
}

.boxbottomProductDescription {
	font-size: 14px;
}

.boxbottomProductMemberPrice {
	font-size: 14px;
}

.boxbottomRetailPrice {
	font-size: 12px;
}

.boxbottomProductDetails a {
	font-size: 12px;
}
    
.boxbottomRetailPrice {
	font-size: 12px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxReviewTouchLIFTitle {
	font-size: 26px;
}

.boxtopReviewTitle {
	font-size: 26px;
}

.boxtopReviewSecondTitleName {
	font-size: 16px;
}

.boxtopReviewSecondTitle {
	font-size: 16px;
}

.boxbottomReviewContent {
	font-size: 14px;
}

.boxbottomPicReviewWord {
	font-size: 12px;
}
	
/**********************************************FAQ PAGE*******************************************/
.FAQPageTitle {
	font-size: 24px;
}
	
.boxtopFAQTitle {
	font-size: 21px;
}
}

@media screen and (max-width: 750px) { 
.anchor {
    top: -500px;
}

.header {
    padding-bottom: 20px;
}
	
.logo {
	float: none;
	padding-left: 15px;
}
	
/*Footer top*/
.footer-top {
	padding-left: 15px;
	padding-right: 15px;
}

/*footer*/
.footer {
	text-align: left;
}

.header {
	border-bottom: 1px solid #e9ebea;
}
}

@media screen and (max-width: 700px) {
/**********************************************FAQ PAGE*******************************************/
.boxbottomFAQ {
	padding-bottom: 11%;
}
	
.FAQLinkButton {
    width: 44%;
}
	
.FAQLinkButtonPage a {
    font-size: 17px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.reviewLinkButton {
	width: 44%;
}
    
.reviewLinkButtonPage a {
    font-size: 17px;
}
    
/*footer top*/
.footer-top {
    display: block;
	text-align: center;
}
	
.footer-logo-container {
	width: 100%;
	margin-bottom: 0px;
}
	
.footer-links-container {
	width: 100%;
}
	
.footer-links {
    width: 100%;
	margin-top: 50px;
}
	
#footer-links-customercare,
#footer-links-store,
#footer-links-location {
	margin-top: 30px;
}
	
#footer-sub-location {
	margin: 0 auto;
}

/*footer*/
.footer_container {
    padding-top: 16px;
	padding-bottom: 18px;
}
	
.footer-sitemap {
    float: left;
    text-align: left;
	margin-top: 4px;
}
}

@media screen and (max-width: 650px) { 
/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProduct {
    width: 65%;
}
}

@media screen and (max-width: 640px) { 
.boxbottomContent {
	margin-bottom: 0px;
}

.boxbottomAddress {
	float: none;
	margin-top: 9%;
	width: 100%;
}
}

@media screen and (max-width: 600px) { 
/**********************************************BANNER*******************************************/
    
/*#banner-container {
	margin-top: 116px;
}*/
	
/******About banner******/
.textMainAbout {
    background: rgba(255, 255, 255, 0.7);
    padding: 10%;
}
    
.textFirstMainAbout {
    font-size: 20px;
}

.picMainProduct-lip-container,
.picMainVideos-container,
.picMainFAQ-container,
.picMainSocialMedia-container {
    height: 600px;
    padding-top: 15%;
}
	
/**** products ****/	
.products-banner-image {
	height: 350px;
}

.products-banner-text-container {
	height: 250px;
}
	
/**** routine ****/	
.routine-banner-image {
	height: 350px;
}

.routine-banner-text-container {
	height: 250px;
}
	
/**** reviews ****/	
.reviews-banner-image {
	height: 350px;
}

.reviews-banner-text-container {
	height: 250px;
}
    
.productsTitle,
.routineTitle,
.FAQTitle,
.videosTitle,
.reviewsTitle,
.SocialMediaTitle {
	font-size: 40px;	
}
	
.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
	font-size: 19px;
}
    
/**********************************************ABOUT PAGE*******************************************/
.aboutcontent-left {
    width: 15%;
}
    
.aboutcontent-right {
    width: 85%;
}
    
/**********************************************PRODUCTS PAGE*******************************************/
#boxleftTitle-complementaryproducts {
	color: #ffffff;
}
    
/**********************************************ROUTINE PAGE*******************************************/   
.routine-guide-content li {
    line-height: 20px;
}
    
.routine-kit-container {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 80px;    
}
    
#Fresh-Start-Oil-Balance-Kit {
     margin-right: 0%;
}
    
#Hello-Glow-Radiance-Kit {
    margin-bottom: 80px;
}
    
.routine-image {
    width: 80%;
    margin: 0 auto;
}
    
/*.ClassicRangeTable {
    float: none;
    width: 100%;
    margin-right: 0%;
}*/
    
.ClassicRangeTable-container {
    float: none;
    width: 100%;
    margin-right: 0%;
}
    
.SupplementaryProductsTable-container{
    float: none;
    width: 100%;
    margin-top: 30px;
}
    
.RoutineBoostersTable-container{
    float: none;
    width: 100%;
}
    
#Supplementary-Products {
    margin-top: 40px;
}
    
.reaction-content-add {
    margin-top: 0px;
}
    
.routine-anchor-conditioningroutine {
    top: -260px;
}
    
.routine-anchor-buildup {
    top: -180px;
}
    
.routine-anchor-SoothingSecrets {
    top: 480px;
}
}

@media screen and (max-width: 550px) { 
/**********************************************REVIEWS PAGE*******************************************/
.boxbottomPicReviewTouchLIFOne img,
.boxbottomPicReviewTouchLIFTwo img,
.boxbottomPicReviewTouchLIFThree img {
	width: 100%;
}

#boxbottomPicReviewTouchLIFTwobefore, 
#boxbottomPicReviewTouchLIFThreebefore {
	padding-bottom: 6%;
}
	
.review-control {
    width: 100%;
	margin-bottom: 15px;
}
	
#skin-filter {
	margin-right: 0px;
}
	
#age-filter {
	margin-left: 0px;
}
}

@media screen and (max-width: 500px) {    
/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProduct {
    margin-top: 30px;
}
	
.boxbottom {
    padding-bottom: 20px;
}
}

@media screen and (max-width: 470px) { 
.logo img {
	width: 100%;
}

.header {
	padding-bottom: 11px;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxbottomPicReviewTouchLIFOne {
	float: none;
}

.boxbottomPicReviewTouchLIFTwo,
.boxbottomPicReviewTouchLIFThree {
	float: none;
	padding-bottom: 5%;
}

#boxbottomPicContainerTwo_Bottom,
#boxbottomPicContainerThree_Bottom {
	padding-bottom: 0;
}

.boxbottomPicReviewTouchLIFOne img,
.boxbottomPicReviewTouchLIFTwo img,
.boxbottomPicReviewTouchLIFThree img {
	width: 55%;
}

/**********************************************FAQ PAGE*******************************************/
.boxbottomFAQ {
	padding-bottom: 15%;
}
}

@media screen and (max-width: 450px) { 
/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProduct {
    width: 80%;
}

.boxleftContent {
    padding-left: 10%;
    padding-right: 10%;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxbottomReviewText {
	width: 94%;
}

.boxbottomPicReviewBefore img {
	width: 80%;
}

.boxbottomPicReviewAfter img {
	width: 80%;
}

.reviewLinkButton {
	width: 94%;
}

.HSAadvice {
	float: left;
	/*margin-left: 4%;
	margin-right: 0;*/
}
	
/*.HSAadvice_2 {
	float: left;
	margin-left: 4%;
	margin-right: 0;
}*/

/**********************************************FAQ PAGE*******************************************/
.boxbottomFAQ {
	padding-bottom: 16%;
}
	
.FAQLinkButton {
    width: 94%;
}
}

@media screen and (max-width: 400px) { 
.anchor {
    top: -350px;
}

/**Footer**/
.footer_container {
	font-size: 10px;
	padding-top: 18px;
}

#backtop {
	margin-right: 9px;
}

/**********************************************BANNER*******************************************/
.picMainProduct-lip-container,
.picMainVideos-container,
.picMainFAQ-container,
.picMainSocialMedia-container {
    height: 550px;
    padding-top: 15%;
    padding-bottom: 15%;
}
    
/**** products ****/	
.products-banner-image {
	height: 325px;
}

.products-banner-text-container {
	height: 225px;
}
	
/**** routine ****/	
.routine-banner-image {
	height: 325px;
}

.routine-banner-text-container {
	height: 225px;
}
	
/**** reviews ****/	
.reviews-banner-image {
	height: 325px;
}

.reviews-banner-text-container {
	height: 225px;
}
	
/******About banner******/
.textFirstMainAbout {
    font-size: 18px;
}
    
.productsTitle,
.routineTitle,
.FAQTitle,
.videositle,
.reviewsTitle,
.SocialMediaTitle {
	font-size: 38px;	
}
	
.textFirstMainProduct, 
.textFirstMainRoutine,
.textFirstMainVideos, 
.textFirstMainReviews,
.textFirstMainFAQ {
	font-size: 17px;
}
	
/**********************************************ABOUT PAGE*******************************************/
.aboutcontent-container {
    padding-top: 10%;
    padding-bottom: 10%;
}
    
.aboutcontent-left {
    width: 20%;
}
    
.aboutcontent-right {
    width: 80%;
}

.aboutcontent-title {
    font-size: 32px;
}
    
.aboutcontent-right-text {
    font-size: 17px;
}
    
/**********************************************PRODUCTS PAGE*******************************************/
#boxleft-complementaryproducts {
    top: 25%;
}
	
#C15,
#cleansing_foam {
	margin-top: 0;
}
	
/**********************************************ROUTINE PAGE*******************************************/
.boxRoutine {
	padding-bottom: 5%;
}
	
/**********************************************REVIEWS PAGE*******************************************/
.boxReviewTouchLIFTitle {
	font-size: 25px;
}

.boxtopReviewTitle {
	font-size: 25px;
}

.boxtopReviewSecondTitleName {
	font-size: 15px;
}

.boxtopReviewSecondTitle {
	font-size: 15px;
}

.boxbottomReviewContent {
	font-size: 13px;
}

.boxbottomPicReviewWord {
	font-size: 11px;
}

.boxbottomPicReviewBefore {
	margin-bottom: 6%;
}

/**********************************************FAQ PAGE*******************************************/
.FAQPageTitle {
	font-size: 23px;
}
	
.boxtopFAQTitle {
	font-size: 20px;
}
	
.boxbottomFAQ {
	padding-bottom: 23%;
}
}

@media screen and (max-width: 360px) { 
/**********************************************REVIEWS PAGE*******************************************/
.boxbottomPicReviewBefore {
	margin-top: 0;
}
}

@media screen and (max-width: 350px) { 
/**********************************************PRODUCTS PAGE*******************************************/
.boxbottomProduct {
    width: 95%;
}

/**********************************************REVIEWS PAGE*******************************************/
.boxtopReviewSecondTitleName {
	font-size: 13px;
}
}

@media screen and (max-width: 337px) { 
.footer_container {
    padding-top: 14px;
}
}

@media screen and (max-width: 301px) { 
.footer_container {
    font-size: 9px;
}
}

/*------------------Cookie Bar--------------------*/
.cookie-bar {
    z-index: 999;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 30px 50px;
    min-height: 51px;
    height: auto;
    text-align: center;
    line-height: 1.3;
    background: #857674;
    color: #f4f2ed;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 100;
    /*transition: .8s;
    animation: slideIn .8s;
    animation-delay: .8s;*/
 
  }
@media screen and (max-width: 700px) {
	.cookie-bar {
		padding: 10px 30px;
	}
}


.cookie-bar a {
	color: #f4f2ed;
	font-weight: 400;
}

.cookie-bar a:hover {
	color: #f4f2ed;
    text-decoration: underline;
}
/*@keyframes slideIn {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50px);
  }
}*/
.close-cb {
  border: none;
  color: white;
  position: absolute;
  display: inline-block;
  right: 5px;
  top: 10px;
  cursor: pointer;
  border-radius: 3px;
  /*box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2);*/
  /*line-height: 50px;*/
  height: 50px;
  width: 30px;
  font-size: 16px;
  font-weight: bold;
}
.checkbox-cb {
  display: none;
  /*&:checked + .cookie-bar {
	   display: none;
    transform: translateY(-100px);
  }*/
}
input[type=checkbox].checkbox-cb:checked + .cookie-bar {
 display: none;
}
.closeCookie {
	right: 0;
	float: right;
}

/*-----------------End Cookie Bar-----------------*/