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

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

.owl-carousel_skinstudio .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel_skinstudio .owl-wrapper-outer {
	overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}


.owl-carousel_skinstudio .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_skinstudio .owl-item{
	float: left;
}

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

/* fix */
.owl-carousel_skinstudio  .owl-wrapper,
.owl-carousel_skinstudio .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);
}

.picMainSkinStudio-container {
    width: 100%;
    height: 900px;
    padding-left: 60%;
    padding-right: 5%;
    background: url('https://resource.bwlgroup.com/drs-secret/images/drs-secret-banner-skin-studio-ai.jpg') no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
}

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

.textMainSkinStudio {
	width: 80%;
}

.SkinStudioLogo {
	margin-left: -23px;
	margin-bottom: 20px;
}

.SkinStudioLogo img {
	width: 350px;
}

.SkinStudioTitle {
    font-family: 'Optima Regular';
	text-align: left;
    font-size: 42px;
	font-style: italic;
	line-height: 50px;
    color: #502c1e;
	margin-top: 0px;
	margin-bottom: 10px;
}

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

.textSecondMainSkinStudio,
.textSecondMainSkinStudio a {
    color: #502c1e;
    text-align: left;
    font-size: 22px;
	margin-top: 0px;
    margin-bottom: 30px;
}

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

.buttonMainSkinStudio {
	margin: 0px;
}

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

.buttonMainSkinStudio a:hover {
	color: #502c1e;
	background-color: #ffffff;
}
/**********************************************END BANNER*******************************************/
#skin-studio-ai {
	margin-bottom: 0px;
}

/**3 simple steps**/
.simplesteps-container {
	width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 10%;
    padding-right: 10%;
	background-color: #ede8e1;
}

.simplesteps-title-container {
	width: 100%;
}

.simplesteps-title {
    font-family: 'Optima Regular';
    font-size: 38px;
	font-weight: 500;
    text-align: center;
    color: #AE7567;
    margin-top: 0px;
    margin-bottom: 100px;
}

.simplesteps-image-container {
	display: flex;
	align-items: center;
}

.simplesteps-image-group {
    width: 33.33%;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.simplesteps-image-step-1 {
	margin-top: 0px;
	margin-bottom: 50px;
}

.simplesteps-content-mobile {
	display: none;
}

.simplesteps-image-step-1 img {
	width: 40%;
}

.simplesteps-image-step-2 {
	margin-top: 0px;
	margin-bottom: 50px;
}

.simplesteps-image-step-2 img {
	width: 35%;
}

.simplesteps-image-step-3 {
	margin-top: 0px;
	margin-bottom: 50px;
}

.simplesteps-image-step-3 img {
	width: 45%;
}

.simplesteps-content-container {
	display: flex;
}

.simplesteps-content-group {
    width: 33.33%;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.simplesteps-content-title {
	font-family: 'Optima Regular';
    font-size: 32px;
	font-weight: 500;
	font-style: italic;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 10px;
}

.simplesteps-content-number {
    font-size: 40px;
}

.simplesteps-content-text {
    font-size: 20px;
	font-weight: 500;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 10px;
}

/**power by AI**/
.powered-by-ai-container {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #DACCBB;
}

.powered-by-ai-content-container {
	width: 50%;
	background-color: #DACCBB;
	padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 5%;
    padding-right: 5%;
}

.powered-by-ai-content-title {
	font-family: 'Optima Regular';
    font-size: 38px;
	font-weight: 500;
	font-style: italic;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 20px;
}

.powered-by-ai-content-text,
.powered-by-ai-content-text a {
    font-size: 22px;
	font-weight: 500;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 10px;
}

.powered-by-ai-content-text a:hover {
	color: #867874;
}

.powered-by-ai-image-container {
	width: 50%
}

.powered-by-ai-image-container-mobile {
	display: none;
}

.powered-by-ai-image {
    width: 100%;
    height: 600px;
    background: url('https://resource.bwlgroup.com/drs-secret/images/powered-by-ai.jpg') no-repeat;
    background-size: cover;
    background-position: center;
	margin: 0px;
}

/**your skin profile**/
.your-skin-profile-container {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #EAE3D7;
}

.your-skin-profile-chart-container {
	width: 50%;
	padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 5%;
    padding-right: 5%;
}

.your-skin-profile-chart {
	text-align: center;
}

.your-skin-profile-chart img {
	width: 55%;
}

.your-skin-profile-content-container {
	width: 50%;
	padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
}

.your-skin-profile-content-title {
	font-family: 'Optima Regular';
    font-size: 38px;
	font-weight: 500;
	font-style: italic;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 20px;
}

.your-skin-profile-content-text {
    font-size: 22px;
	font-weight: 500;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 20px;
}

#your-skin-profile-content-text-2 {
	margin-bottom: 0px;
}

.your-skin-profile-metrics {
	font-family: 'Optima Regular';
    font-size: 30px;
	font-weight: 500;
	text-align: left;
    color: #4F2D1E;
	margin-top: 20px;
	margin-bottom: 0px;
}

.your-skin-profile-metrics-number {
    font-size: 38px;
	font-style: italic;
	color: #AE7567;
}

/**selfie routine**/
.selfie-routine-container {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #DACCBB;
}

.selfie-routine-image-container {
	width: 50%;
    height: 600px;
    background: url('https://resource.bwlgroup.com/drs-secret/images/snap-a-selfie.jpg') no-repeat;
    background-size: cover;
    background-position: center;
	margin: 0px;
}

.selfie-routine-image-container-mobile {
	display: none
}

.selfie-routine-image {
	width: 100%;
	margin: 0px;
}

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

.selfie-routine-content-container {
	width: 50%;
	padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 5%;
    padding-right: 5%;
}

.selfie-routine-content-title {
	font-family: 'Optima Regular';
    font-size: 38px;
	font-weight: 500;
	font-style: italic;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 0px;
}

.selfie-routine-content-text {
    font-size: 22px;
	font-weight: 500;
    text-align: left;
    color: #4F2D1E;
    margin-top: 20px;
}

/**personal guidance**/
.personal-guidance-container {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #EAE3D7;
}

.personal-guidance-image-container {
	width: 50%;
    height: 650px;
    background: url('https://resource.bwlgroup.com/drs-secret/images/connect-to-skin-buddy.jpg') no-repeat;
    background-size: cover;
    background-position: center;
	margin: 0px;
}

.personal-guidance-image-container-mobile {
	display: none;
}

.personal-guidance-image {
	width: 100%;
	margin: 0px;
}

.personal-guidance-image img {
	width: 100%;
}

.personal-guidance-content-container {
	width: 50%;
	padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 5%;
    padding-right: 5%;
}

.personal-guidance-content-title {
	font-family: 'Optima Regular';
    font-size: 38px;
	font-weight: 500;
	font-style: italic;
    text-align: left;
    color: #4F2D1E;
    margin-top: 0px;
    margin-bottom: 0px;
}

.personal-guidance-content-text {
    font-size: 22px;
	font-weight: 500;
    text-align: left;
    color: #4F2D1E;
    margin-top: 20px;
}

/**faq**/
.faq-container {
	width: 100%;
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #FBF3E6;
}

.faq-title {
    font-family: 'Optima Regular';
	font-size: 30px;
    color: #4F2D1E;
    border-bottom: 1px #807974 solid;
    padding-bottom: 10px;
}

.faq-button {
	text-align: center;
	padding-top: 45px;
	cursor: pointer;
}

.faq-button img {
	width: 50px;
}

/**start your journey**/
.start-your-journey-container {
	display: block;
}

.start-your-journey-container-mobile {
	display: none;
}

.start-your-journey-container {
    float: left;
    width: 100%;
    padding-top: 15%;
    padding-bottom: 15%;
    padding-left: 5%;
    padding-right: 5%;
    background: url('https://resource.bwlgroup.com/drs-secret/images/skin-consultation-image.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.start-your-journey-content-container {
	width: 40%;
}

.start-your-journey-content-text {
	font-family: 'Optima Regular';
    font-size: 38px;
	font-weight: 500;
	line-height: 42px;
    text-align: left;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 30px;
}

.start-your-journey-content-button {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;	
}

.start-your-journey-content-button a {
	display: inline-block;
    padding: 10px 15px;
	text-decoration: none;
	border-radius: 10px;
	font-size: 15px;
	color: #ffffff;
  	background-color: #867874;
	transition: border-color 300ms;
}

.start-your-journey-content-button a:hover {
	color: #502c1e;
	background-color: #ffffff;
}


/* Examples for media queries */
@media (max-width: 1800px) {
/**3 simple steps**/
.simplesteps-image-step-1 img {
	width: 45%;
}

.simplesteps-image-step-2 img {
	width: 40%;
}
	
.simplesteps-image-step-3 img {
	width: 50%;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 65%;
}
}

@media (max-width: 1600px) {
/**********************************************BANNER*******************************************/
.SkinStudioLogo img {
    width: 320px;
}
/**********************************************END BANNER*******************************************/
/**3 simple steps**/
.simplesteps-image-step-1 img {
	width: 50%;
}

.simplesteps-image-step-2 img {
	width: 45%;
}
	
.simplesteps-image-step-3 img {
	width: 55%;
}
	
/**power by AI**/
.powered-by-ai-image {
    height: 550px;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 75%;
}
}

@media (max-width: 1400px) {
/**********************************************BANNER*******************************************/
.picMainSkinStudio-container {
    height: 800px
}
	
.SkinStudioLogo img {
    width: 300px;
}
	
.textMainSkinStudio {
    width: 95%;
}
/**********************************************END BANNER*******************************************/
/**3 simple steps**/
.simplesteps-image-step-1 img {
	width: 55%;
}

.simplesteps-image-step-2 img {
	width: 50%;
}
	
.simplesteps-image-step-3 img {
	width: 60%;
}
	
/**power by AI**/
.powered-by-ai-image {
    height: 500px;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 85%;
}
	
/**selfie routine**/
.selfie-routine-image-container {
    height: 500px;
}
	
/**personal guidance**/
.personal-guidance-image-container {
    height: 550px;
}
}

@media (max-width: 1200px) {
/**3 simple steps**/
.simplesteps-container {
    padding-left: 6%;
    padding-right: 6%;
}
	
.simplesteps-title {
    font-size: 36px;
}
	
.simplesteps-image-step-1 img {
	width: 60%;
}

.simplesteps-image-step-2 img {
	width: 55%;
}
	
.simplesteps-image-step-3 img {
	width: 65%;
}
	
.simplesteps-content-title {
    font-size: 30px;
}

.simplesteps-content-number {
    font-size: 38px;
}

.simplesteps-content-text {
    font-size: 18px;
}
	
/**power by AI**/
.powered-by-ai-image {
    height: 450px;
}
	
.powered-by-ai-content-title {
    font-size: 36px;
}

.powered-by-ai-content-text {
    font-size: 20px;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 95%;
}
	
.your-skin-profile-content-container {
    padding-left: 2%;
}
	
.your-skin-profile-content-title {
    font-size: 36px;
}

.your-skin-profile-content-text {
    font-size: 20px;
}

.your-skin-profile-metrics {
    font-size: 28px;
}

.your-skin-profile-metrics-number {
    font-size: 36px;
}
	
/**selfie routine**/
.selfie-routine-image-container {
    height: 400px;
}
	
.selfie-routine-content-title {
    font-size: 36px;
}

.selfie-routine-content-text {
    font-size: 20px;
}
	
/**personal guidance**/
.personal-guidance-image-container {
    height: 450px;
}
	
.personal-guidance-content-title {
    font-size: 36px;
}

.personal-guidance-content-text {
    font-size: 20px;
}
	
/**faq**/
.faq-title {
	font-size: 28px;
}
	
.faq-button img {
	width: 45px;
}
	
/**start your journey**/
.start-your-journey-content-text {
    font-size: 36px;
}
}

@media screen and (max-width: 1050px) { 
/**********************************************BANNER*******************************************/
.picMainSkinStudio-container {
    height: 750px;
	padding-left: 53%;
}
	
.textMainSkinStudio {
    width: 100%;
}
	
.SkinStudioTitle {
    font-size: 40px;
	line-height: 48px;
}

.textFirstMainSkinStudio,
.textSecondMainSkinStudio {
    font-size: 21px;
}
/**********************************************END BANNER*******************************************/
}

@media (max-width: 1000px) {
/**3 simple steps**/
.simplesteps-image-step-1 img {
	width: 65%;
}

.simplesteps-image-step-2 img {
	width: 60%;
}
	
.simplesteps-image-step-3 img {
	width: 70%;
}
	
/**power by AI**/
.powered-by-ai-image {
    height: 400px;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 100%;
}
}

@media (max-width: 900px) {
/**3 simple steps**/
.simplesteps-title {
    font-size: 34px;
}
	
.simplesteps-content-title {
    font-size: 28px;
}

.simplesteps-content-number {
    font-size: 36px;
}

.simplesteps-content-text {
    font-size: 16px;
}
	
/**power by AI**/	
.powered-by-ai-content-title {
    font-size: 34px;
}

.powered-by-ai-content-text {
    font-size: 18px;
}
	
.powered-by-ai-image {
    height: 350px;
}
	
/**your skin profile**/	
.your-skin-profile-content-title {
    font-size: 34px;
}

.your-skin-profile-content-text {
    font-size: 18px;
}

.your-skin-profile-metrics {
    font-size: 26px;
}

.your-skin-profile-metrics-number {
    font-size: 34px;
}
	
/**selfie routine**/
.selfie-routine-image-container {
    height: 300px;
}
	
.selfie-routine-content-title {
    font-size: 34px;
}

.selfie-routine-content-text {
    font-size: 18px;
}
	
/**personal guidance**/
.personal-guidance-image-container {
    height: 350px;
}

.personal-guidance-content-title {
    font-size: 34px;
}

.personal-guidance-content-text {
    font-size: 18px;
}
	
/**faq**/
.faq-title {
	font-size: 26px;
}
	
.faq-button img {
	width: 40px;
}
	
/**start your journey**/
.start-your-journey-content-text {
    font-size: 34px;
}
}

@media screen and (max-width: 820px) {
/**********************************************BANNER*******************************************/
    
/******About banner******/
.picMainSkinStudio-container {
    height: 700px;
	padding-left: 48%;
}
	
.SkinStudioTitle {
    font-size: 38px;
	line-height: 46px;
}

.textFirstMainSkinStudio,
.textSecondMainSkinStudio {
    font-size: 19px;
}
/**********************************************END BANNER*******************************************/
}

@media screen and (max-width: 789px) {
/**********************************************BANNER*******************************************/
/******About banner******/
.picMainSkinStudio-container {
    display: none;
}
	
.picMainSkinStudio-container-mobile {
    display: block;
}
	
.imageMainSkinStudio-mobile {
	width: 100%;
	height: 500px;
    background: url('https://resource.bwlgroup.com/drs-secret/images/drs-secret-small-banner-skin-studio-ai.jpg') no-repeat;
    background-size: cover;
    background-position: top;
	margin-top: -2px;
}
    
.textMainSkinStudio-mobile-container {
	display: flex;
	align-items: center;
	width: 100%;
	background-color: #f9f8f7;
}
	
.SkinStudioLogo {
	margin-left: 0px;
	margin-bottom: 20px;
}
	
.SkinStudioLogo img {
	width: 350px;
}
	
.textMainSkinStudio-mobile {	
	padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
	text-align: center;
}
    
.SkinStudioTitle {
	text-align: center;
    font-size: 42px;
	line-height: 50px;
}

.textFirstMainSkinStudio,
.textSecondMainSkinStudio {
	text-align: center;
    font-size: 22px;
}
/**********************************************END BANNER*******************************************/
	
/**3 simple steps**/
.simplesteps-title {
    font-size: 36px;
    margin-bottom: 80px;
}
	
.simplesteps-content {
	display: none;
}
	
.simplesteps-content-mobile {
	display: block;
	text-align: center;
	margin: 0 auto;
}
	
.simplesteps-container {
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 5%;
	padding-right: 5%;
}

.simplesteps-content-mobile-group {
	margin-bottom: 80px;
}
	
#simplesteps-content-mobile-group-last {
	margin-bottom: 0px;
}
	
.simplesteps-image-step-1 {
    margin-bottom: 30px;
}
	
.simplesteps-image-step-1 img {
	width: 30%;
}

.simplesteps-image-step-2 {
    margin-bottom: 30px;
}
	
.simplesteps-image-step-2 img {
	width: 25%;
}
	
.simplesteps-image-step-3 {
    margin-bottom: 30px;
}
	
.simplesteps-image-step-3 img {
	width: 35%;
}
	
.simplesteps-content-title {
    font-size: 30px;
	text-align: center;
}

.simplesteps-content-number {
    font-size: 38px;
}

.simplesteps-content-text {
    font-size: 18px;
	text-align: center;
}
	
/**power by AI**/
.powered-by-ai-container {
	display: block ;
}

.powered-by-ai-content-container {
	width: 100%;
	padding-top: 10%;
    padding-bottom: 10%;
}

.powered-by-ai-content-title {
    font-size: 36px;
}

.powered-by-ai-content-text {
    font-size: 20px;
}

.powered-by-ai-image-container {
	display: none;
}

.powered-by-ai-image-container-mobile {
	display: block;
	width: 100%;
}

.powered-by-ai-image-mobile {
	width: 100%;
	margin: 0px;
}

.powered-by-ai-image-mobile img {
	width: 100%;
}

/**your skin profile**/
.your-skin-profile-container {
	display: block;
}

.your-skin-profile-chart-container {
	width: 100%;
	padding-top: 10%;
}

.your-skin-profile-chart img {
	width: 70%;
}

.your-skin-profile-content-container {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 5%;
}

.your-skin-profile-content-title {
    font-size: 36px;
}

.your-skin-profile-content-text {
    font-size: 20px;
}

.your-skin-profile-metrics {
    font-size: 28px;
}

.your-skin-profile-metrics-number {
    font-size: 36px;
}
	
/**selfie routine**/
.selfie-routine-container {
	display: block;
}
	
.selfie-routine-image-container {
	display: none
}

.selfie-routine-image-container-mobile {
	display: block;
	width: 100%;
}

.selfie-routine-content-container {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
}
	
.selfie-routine-content-title {
    font-size: 36px;
}

.selfie-routine-content-text {
    font-size: 20px;
}
	
/**personal guidance**/
.personal-guidance-container {
	display: block;
}

.personal-guidance-image-container {
	display: none;
}

.personal-guidance-image-container-mobile {
	display: block;
	width: 100%;
	
}
	
.personal-guidance-content-container {
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
}

.personal-guidance-content-title {
    font-size: 36px;
}

.personal-guidance-content-text {
    font-size: 20px;
}
	
/**faq**/
.faq-container {
    padding-top: 10%;
    padding-bottom: 10%;
}
	
.faq-title {
	font-size: 28px;
}
	
.faq-button img {
	width: 45px;
}
	
/**start your journey**/
.start-your-journey-container {
	display: none;
}
.start-your-journey-container-mobile {
	display: block;
}
	
.start-your-journey-image-container-mobile {
	width: 100%;
    height: 300px;
    background: url('https://resource.bwlgroup.com/drs-secret/images/skin-consultation-image-mobile.jpg') no-repeat;
    background-size: cover;
    background-position: center;
	margin: 0px;
}
	
.start-your-journey-content-container {
	width: 100%;
	background-color: #DACCBB;
	padding-left: 5%;
    padding-right: 5%;
	padding-top: 10%;
	padding-bottom: 10%;
}

.start-your-journey-content-text {
    text-align: center;
}

.start-your-journey-content-button {
	text-align: center;
}

	
.start-your-journey-content-text {
    font-size: 36px;
}
}

@media screen and (max-width: 760px) { 
/**********************************************BANNER*******************************************/
/******About banner******/
.SkinStudioLogo img {
	width: 320px;
}
	
.SkinStudioTitle {
    font-size: 40px;
	line-height: 48px;
}

.textFirstMainSkinStudio,
.textSecondMainSkinStudio {
    font-size: 20px;
}
/**********************************************END BANNER*******************************************/
}

@media screen and (max-width: 600px) { 
/**********************************************BANNER*******************************************/
.textMainSkinStudio {
    background: rgba(255, 255, 255, 0.7);
    padding: 10%;
}
	
.SkinStudioLogo img {
	width: 300px;
}
	
.SkinStudioTitle {
    font-size: 38px;
	line-height: 46px;
}

.textFirstMainSkinStudio,
.textSecondMainSkinStudio {
    font-size: 18px;
}
/**********************************************END BANNER*******************************************/

/**3 simple steps**/
.simplesteps-image-step-1 img {
	width: 35%;
}

.simplesteps-image-step-2 img {
	width: 30%;
}

.simplesteps-image-step-3 img {
	width: 40%;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 80%;
}
}

@media screen and (max-width: 400px) { 
/**********************************************BANNER*******************************************/
.SkinStudioLogo img {
	width: 280px;
}
	
.SkinStudioTitle {
    font-size: 36px;
	line-height: 44px;
}

.textFirstMainSkinStudio,
.textSecondMainSkinStudio {
    font-size: 16px;
}
/**********************************************END BANNER*******************************************/
	
/**3 simple steps**/
.simplesteps-title {
    font-size: 34px;
}
	
.simplesteps-image-step-1 img {
	width: 40%;
}

.simplesteps-image-step-2 img {
	width: 35%;
}

.simplesteps-image-step-3 img {
	width: 45%;
}
	
.simplesteps-content-title {
    font-size: 28px;
}

.simplesteps-content-number {
    font-size: 36px;
}

.simplesteps-content-text {
    font-size: 16px;
}
	
/**power by AI**/	
.powered-by-ai-content-title {
    font-size: 34px;
}

.powered-by-ai-content-text {
    font-size: 18px;
}
	
/**your skin profile**/	
.your-skin-profile-content-title {
    font-size: 34px;
}

.your-skin-profile-content-text {
    font-size: 18px;
}

.your-skin-profile-metrics {
    font-size: 26px;
}

.your-skin-profile-metrics-number {
    font-size: 34px;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 90%;
}
	
/**selfie routine**/
.selfie-routine-content-title {
    font-size: 34px;
}

.selfie-routine-content-text {
    font-size: 18px;
}
	
/**personal guidance**/
.personal-guidance-content-title {
    font-size: 34px;
}

.personal-guidance-content-text {
    font-size: 18px;
}
	
/**faq**/
.faq-title {
	font-size: 26px;
}
	
.faq-button img {
	width: 40px;
}
	
/**start your journey**/
.start-your-journey-content-text {
    font-size: 39px;
	line-height: 36px;
}
}

@media screen and (max-width: 300px) { 
/**********************************************BANNER*******************************************/
.SkinStudioLogo img {
	width: 220px;
}
	
.SkinStudioTitle {
	font-size: 32px;
	line-height: 42px;
}
/**********************************************END BANNER*******************************************/
	
/**3 simple steps**/
.simplesteps-image-step-1 img {
	width: 45%;
}

.simplesteps-image-step-2 img {
	width: 40%;
}

.simplesteps-image-step-3 img {
	width: 50%;
}
	
/**your skin profile**/
.your-skin-profile-chart img {
	width: 100%;
}
}