@charset "UTF-8";

/* Responsive */
  
/*--- Mobile Portrait ---*/
@media only screen and (max-width: 495px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	.limitedtimeoffer{
		font-size:12px;
		padding:20px;
	}
	.productinfo img{
		max-width:100%;
		width:auto;
		height:auto;
	}
	.productinfo a.buynow{
		font-size:20px;
		line-height:normal;
		max-width:none;
	}
	.suitablefor ol{
		padding:250px 20px 20px 20px;
	}
	#keyingredients .container .ingredientone,
	#keyingredients .container .ingredientfour{
		width:280px;
		height:134px;
	}
	#keyingredients .container .ingredienttwo,
	#keyingredients .container .ingredientthree{
		width:280px;
		height:280px;
	}
	#keyingredients .container .ingredientfour{
		margin-bottom:0;
	}
	#keyingredients .container .txt,
	#keyingredients .container .ingredienttwo .txt, 
	#keyingredients .container .ingredientthree .txt,
	#keyingredients .container .ingredientfour .txt{
		padding:20px 10px;
	}
	#keyingredients .container .ingredientfour .txt{
		padding-top:5px;
	}
	.howtouse .leftcolumn img,
	.howtouse .rightcolumn img,
	.whatsinside img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#lookingfor .columns{
		float:none;
		clear:both;
		width:auto;
		margin:0 0 20px 0;
	}
	.summerskinsamplekit a.buynow{
		max-width:none;
	}
	.backtohomeshop a{
		font-size:15px;
	}
}

/* Landscape Mode */
@media only screen and (max-width: 999px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
	#header{
		padding:10px;
		width:auto;
	}
	#header .headerc{
		width:auto;
	}
	#header a.logo{
		width:200px;
		height:51px;
		float:none;
		clear:both;
		margin:0 auto;
		background-size:200px 51px;
	}
	#header .toplinks{
		font-size:12px;
		float:none;
		clear:both;
	}
	#header .toplinks ul li{
		width:50%;
		text-align:center;
		margin:0;
	}
	.productinfo{
		min-height:inherit;
		background-size:cover;
		background-attachment:scroll
	}
	.productinfo h1 br{
		display:none;
	}
	.getyourskinready{
		padding:20px;
	}
	.getyourskinready .container{
		width:auto;
	}
	.getyourskinready .leftcolumn,.getyourskinready .rightcolumn,.getyourskinready .leftcolumnluminous,.getyourskinready .rightcolumnluminous{
		float:none;
		clear:both;
		width:auto;
		padding:0;
	}
	.getyourskinready .leftcolumnluminous{
		margin:0 0 20px 0;
	}
	.leftbg,.rightbg{
		background:none;
	}
	.whatsinside .container{
		width:auto;
		padding:0 20px;
	}
	.whatsinside .steps{
		width:auto;
		clear:both;
		float:none;
		margin:0 0 50px 0;
	}
	.whatsinside .one,.whatsinside .two,.whatsinside .three,.whatsinside .four{
		display:none;
	}
	.whatcustomersaying .container{
		width:auto;
		padding:20px;
	}
	.whatcustomersaying h4 br{
		display:none;
	}
	.whatcustomersaying .leftcolumn,.whatcustomersaying .rightcolumn{
		float:none;
		clear:both;
		width:auto;
		margin:0 0 50px 0;
	}
	.media{
		background:url(../images/mediamobile.png) no-repeat center center #fff;
		background-size:contain;
	}
	.suitablefor ol{
		width:auto;
	}
	#keyingredients{
		padding-bottom:20px;
	}
	#keyingredients h2{
		font-size:28px;
	}
	#keyingredients .container{
		width:auto;
	}
	#keyingredients .container .ingredientone,
	#keyingredients .container .ingredienttwo,
	#keyingredients .container .ingredientthree,
	#keyingredients .container .ingredientfour{
		float:none;
		clear:both;
		border:0;
		background-size:contain;
		margin:0 auto 20px auto;
	}
	.howtouse .container{
		width:auto;
	}
	.howtouse .leftcolumn,.howtouse .rightcolumn{
		width:auto;
		float:none;
		clear:both;
		margin:0 0 20px 0;
	}
	#reviewscarousel .container{
		width:auto;
	}
	#reviewscarousel hr{
		margin:20px auto;
	}
	#reviewscarousel .break{
		display:block;
	}
	#reviewscarousel .rsArrowLeft{
		left:0;
	}
	#reviewscarousel .rsArrowRight{
		right:0;
	}
	#whatmakesus{
		min-height:inherit;
		background:none;
	}
	#whatmakesus .container{
		width:auto;
	}
	#whatmakesus br{
		display:none;
	}
	#whatmakesus #processbtn{
		bottom:15px;
	}
	#ourprocess{
		width:auto;
		padding:50px 20px 0 20px;
	}
	#ourprocess .container{
		width:auto;
	}
	#ourprocess .steps{
		width:auto !important;
		float:none !important;
		clear:both !important;
		margin:0 0 50px 0;
	}
	#ourprocess .steps img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#ourprocess .wildcrafted{
		margin:0;
	}
	#ourprocess .wildcrafted .leftcolumn,#ourprocess .wildcrafted .rightcolumn{
		float:none;
		clear:both;
		width:100%;
	}
	#ourprocess .wildcrafted .rightcolumn{
		border-top:solid 1px #e4e1da;
		border-left:0;
		padding:30px 0 0 0;
	}
	#ourprocess hr{
		margin-bottom:50px;
	}
	#lookingfor .container{
		width:auto;
	}
	.summerskinsamplekit{
		padding:30px 20px;
		background:none;
	}
	.summerskinsamplekit .container{
		width:auto;
		padding:0;
	}
	.summerskinsamplekit .leftcolumn,.summerskinsamplekit .rightcolumn{
		width:auto;
		float:none;
		clear:both;
	}
	.summerskinsamplekit hr.last{
		margin:0;
		border-top-width:20px;
		border-bottom-width:20px;
	}
	#faqs{
		padding:50px 20px;
	}
	#faqs .container{
		width:auto;
	}
	#faqs .faqquestion{
		padding:20px;
	}
	#faqs .faqanswer{
		padding:0 20px;
	}
	#faqs hr{
		width:auto;
	}
	#ourbeginning .royalSlider{
		width:auto;
	}
	#ourbeginning .leftcolumn,
	#ourbeginning .rightcolumn{
		float:none;
		clear:both;
		width:100%;
		padding:0;
		margin:0;
	}
	#ourbeginning .rightcolumn{
		padding:20px 0 0 0;
	}
	#testimonialscarousel .container{
		width:auto;
	}
	#testimonialscarousel .royalSlider .bContainer{
		padding:0 20px;
	}
	#testimonialscarousel .royalSlider img.rsImg{
		margin:0 10px;
		display:block;
		clear:both;
		width:auto;
	}
	#testimonialscarousel .specificresults{
		width:auto;
		margin-top:20px
	}
	#testimonialscarousel .rsMinW .rsArrowLeft{
 		left:-15px;
	}
	#testimonialscarousel .rsMinW .rsArrowRight{
 		right:-15px;
	}
	.ourproductsare .container{
		width:auto;
	}
	.ourproductsare .madesafe, .ourproductsare .leapingbunny, .ourproductsare .madeinusa, .ourproductsare .nongmo, .ourproductsare .crueltyfree{
		margin:0 10px 10px 0 !important;
	}
	.backtohomeshop{
		padding:20px;
	}
	.backtohomeshop a{
		width:auto;
		padding:5px 30px;
	}
	#footer .footerc{
		width:auto;
	}
	#footer .footerc .container{
		float:none;
		clear:both;
		width:auto;
		text-align:center;
	}
	#footer h5{
		line-height:normal;
		padding:0 0 10px 0;
		margin:20px 0;
		border-bottom:solid 1px #e4e1da;
	}
	#footer h5.bewild{
		border-bottom:none;
	}
}

/* iPad in Portrait orientation */
@media screen and (min-width: 768px) and (orientation: portrait) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
	#ourprocess .steps{
		width:31% !important;
		float:left !important;
		clear:none !important;
	}
}

/* iPad in Landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{
		overflow:hidden;
	}
	#header .headerc{
		width:auto;
		padding:0 20px;
	}
	#faqs .container{
		width:auto;
	}
}

@media(min-width: 1680px){
	
}