@charset "UTF-8";

/* Responsive */
  
/*--- Mobile Portrait ---*/
@media only screen and (max-width: 495px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#footer .emailsignup .input,
	#footer .emailsignup .signmeup{
		width:100%;
	}
	.backtohomeshop a{
		font-size:14px;
		padding:10px 20px;
	}
}

/* Landscape Mode */
@media only screen and (max-width: 999px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
	.asnatural{
		background-position:center 10%;
		background-size:100%;
	}
	.asnatural .asnaturalbg{
		padding:100px 5%;
	}
	.asnatural h2 br,.asnatural h3 br{
		display:none;
	}
	.asnatural .steps{
		width:auto;
		margin:0;
	}
	.asnatural .steps .steopone{
		padding:330px 0 0 0;
		margin:0 0 30px 0;
		background:url(../images/steponemobile.png) no-repeat top center;
	}
	.asnatural .steps .steptwo{
		padding:250px 0 0 0;
		margin:0 0 30px 0;
		background:url(../images/steptwomobile.png) no-repeat center top;
	}
	.asnatural .steps .stepthree{
		padding:350px 0 0 0;
		margin:0 0 30px 0;
		background:url(../images/stepthreemobile.png) no-repeat center top;
	}
	.tailoredskintype p br{
		display:none;
	}
	.tailoredskintype .collections{
		width:auto;
		margin:120px 0 0 0;
	}
	.tailoredskintype .collections .container{
		width:auto;
		float:none;
		clear:both;
		margin:0 0 30px 0;
	}
	.tailoredskintype .collections .container .off{
		width:150px;
		height:150px;
		margin:-90px 0 0 0;
		padding:20px;
		left:-20px;
	}
	.tailoredskintype .collections .container .off p{
		font-size:15px;
		line-height:normal;
	}
	.tailoredskintype .collections .container .off p span{
		font-size:18px;
	}
	.allofourproducts{
		padding:50px 20px;
		background:url(../images/allofourproductsmobile.jpg) no-repeat center bottom #e6e7e6;
		background-size:contain;
	}
	.allofourproducts br{
		display:none;
	}
	.allofourproducts .container{
		width:auto;
		padding:0 0 100% 0;
	}
	.allofourproducts .container .leftcolumn{
		width:auto;
		clear:both;
		margin:0;
	}
	.testimonials{
		padding:50px 20px;
	}
	.testimonials h4{
		font-size:25px;
	}
	.testimonials .container{
		width:auto;
	}
	.testimonials .container .testimonialc{
		float:none;
		width:auto;
		clear:both;
		padding:0;
		margin:0 0 30px 0;
	}
	.testimonials .container .testimonialc img{
		display:block;
		margin:0 auto;
	}
	.testimonials .specificresults p{
		padding:0 30px;
		text-align:center;
	}
	.moneyback{
		width:auto;
		height:auto;
		padding:240px 20px 0 20px;
		background-position:top center;
	}
	.tryittoday{
		width:auto;
		padding:50px 20px;
	}
	.tryittoday .container{
		width:auto;
	}
	.tryittoday .container .leftcolumn,
	.tryittoday .container .rightcolumn,
	.tryittoday .container .centercolumn{
		float:none;
		clear:both;
		width:auto;
		padding-bottom:75px;
	}
	.tryittoday .container .leftcolumn img,
	.tryittoday .container .rightcolumn img,
	.tryittoday .container .centercolumn img{
		width:100%;
	}
	.tryittoday h6 br{
		display:none;
	}
	.tryittoday #fullsizeproduct a#shopcollectionbtn,
	.tryittoday #samplekitproduct a#skaddtocartbtn{
		width:auto;
	}
	.media{
		background:url(../images/mediamobile.png) no-repeat center center #fff;
		background-size:contain;
	}
	.ourstory{
		padding:25% 20px;
		background-size:contain,contain;
	}
	.ourstory .container{
		width:auto;
	}
	.ourstory img.alignright,
	.ourstory img.alignleft{
		float:none;
		clear:both;
		margin:0 0 20px 0;
		max-width:none;
		width:100%;
	}
	.ourstory img.alignnone{
		max-width:none;
		width:100%;
		margin:0;
	}
	.ourstory hr{
		background-size:contain !important;
		margin:0 !important;
	}
	.ourstory .process{
		width:auto;
		margin:0;
		text-align:center;
	}
	.ourstory .process img{
		float:none;
		clear:both;
		display:inline-block;
		width:auto;
		max-width:none;
	}
	
	#footer .footerc{
		width:auto;
	}
	#footer .footerc .container{
		float:none;
		clear:both;
		width:auto;
	}
}

/* iPad in Portrait orientation */
@media screen and (min-width: 768px) and (orientation: portrait) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
}

/* iPad in Landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
}