@charset "UTF-8";

/* Responsive */

@media screen and (max-width: 999px){
	/* nav-wrap */
	#header .toplinks{
		position: relative;
	}
	/* menu icon */
	#header #menu-icon{
		width:52px;
		height:51px;
		background:url(../images/menuicon.png) no-repeat;
		padding:0;
		cursor: pointer;
		display: block; /* show menu icon */
		text-indent:-9999em;
		position:absolute;
		left:0;
		top:0;
	}
	/* main nav */
	#header .topinfo{
		display: none; /* visibility will be toggled with jquery */
	}
	#header .expand{
		display:block !important;
	}
}
  
/*--- Mobile Portrait ---*/
@media only screen and (max-width: 495px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#header .headerc{ width:auto;}
	#header a.logo{float:none; margin:0 auto !important; clear:both; width:250px; height:61px; background-size:100%;}
	#header #menu-icon{ width:40px; height:39px; background-size:100%;}
	#header .topinfo{ font-size:14px;}
	.vwos .video iframe{ width:100% !important; height:220px !important;}
	#guaranteepopup{ width:95% !important; padding:35px 20px !important; height:auto !important; bottom:inherit !important;}
	#kittestimonial .container{ width:auto; padding:0 20px;}
	#kittestimonial .container .img,#kittestimonial .container .txt{ width:auto; float:none; clear:both; margin:0 0 20px 0;}
	.whychoose #benefits .benefitsc{ width:auto !important; padding:0 20px 0 30px !important;}
	#wrapper .whychoose #benefits .benefitsc .benefit{ width:100% !important; float:none; clear:both; margin:0 auto 20px auto !important; padding-bottom:20px !important; min-height:inherit !important;}
	#wrapper .whychoose #benefits .benefitsc .last{ margin-right:inherit !important;}
	#unveilnewyou img.alignright,#specialbonus img.alignright{ display:none;}
	#unveilnewyou h5{ line-height:normal; padding-right:50px;}
	#unveilnewyou h6{ line-height:normal;}
	#specialbonus .specialdeal{ padding:250px 20px 20px 20px !important; background-position:top center !important;}
	#specialbonus h5{ line-height:normal;}
	#specialbonus h6{ font-size:25px; line-height:normal; padding-right:50px;}
	.chooseyourkit .arrow,#choosekit .arrow{ display:none;}
	.chooseyourkit h3 span{ margin-right:0;}
	.samples .samplesc{ width:auto;}
	#tabs .tablinks a{ font-size:25px !important; padding:10px 20px !important; display:block !important;}
	#testimonials .royalSlider{ height:900px !important;}
	#testimonials .royalSlider .img img{width:100%; max-width:100%; height:auto;}
	#footer .footerc{ width:auto; padding:0 20px;}
	#footer .leftcolumn,#footer .rightcolumn{ float:none; clear:both; width:auto !important;}
	#footer .footerlinks a{ font-size:16px; margin-right:10px;}
}

/* Landscape Mode */
@media only screen and (max-width: 999px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{ overflow:hidden;}
	#header .headerc{ width:auto;}
	#header a.logo{ float:none; clear:both; margin:0 auto;}
	#header .topinfo{ float:none; clear:both; margin:10px 10px;}
	.content{ width:auto; padding:0 20px;}
	.samples{ width:auto;}
	.samples .samplesc{float:none; clear:both; margin:0 auto 20px auto;}
	.vwos .video,.vwos .woas{ width:auto; float:none; clear:both; max-height:none;}
	.vwos .video iframe{width:100%; height:380px;}
	.vwos .woas{ padding-bottom:20px;}
	.media{background:url(../images/mediamobile.png) no-repeat center center #fff; background-size:contain;}
	.whychoose #benefits .benefitsc{ width:auto;}
	.whychoose #benefits .benefitsc .benefit{ width:40%; margin:0 30px 30px 30px; min-height:150px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.whychoose #benefits .smooth,.whychoose #benefits .dull,.whychoose #benefits .natural, .whychoose #benefits .allskintypes{position:absolute; width:12px; height:12px; display:block; background:url(../images/bullet.png) no-repeat; margin:5px 0 0 -25px;}
	.whychoose #benefits .benefitsc .last{ margin-right:30px !important;}
	.whychoose #benefits .benefitsc .nb{border-bottom:solid 1px #d9d2c4;}
	.whychoose #benefits .benefit:last-child{ border-bottom:0 !important; min-height:inherit !important;}
    .whychoose #benefits .benefitsc .benefit br{ display:none;}
	#unveilnewyou .content{ width:auto;}
	#choosekit .enteryouremail{ width:auto;}
	#choosekit .subscribe-field,#choosekit .subscribe-btn, a.clickheretostart{ width:90%;}
	.getkitcoupon{ width:auto; padding:200px 20px 20px 20px !important; background:url(../images/getkitcouponmobile.jpg) no-repeat top center #f1f4ed !important; margin-bottom:20px; border-top:solid 1px #fffffb !important;-webkit-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.20);box-shadow: 0 5px 5px 1px rgba(0,0,0,0.20); height:auto;}
	#specialbonus .specialdeal{ width:auto; height:auto;padding-right:20px;}
	#specialbonus .specialdeal p br{ display:none;}
	.getkitcoupon br{ display:none;}
	.ourguarantee{ width:auto;}
	#tabs .tablinks{ width:auto;}	
	#tabs .tablinks a#ourstorybtn,#tabs .tablinks a#testimonialsbtn,#ourstory{ display:none !important;}
	#determineskintype{ display:block;}
	#determineskintype .determineskintypec,#faqs ul{ width:auto; margin:0; padding:20px;}
	#determineskintype ul li,#determineskintype .quicktip{ width:auto;}
	#determineskintype ul li{ margin:0 0 20px 0;}
	#determineskintype .skintypes .skintypesc{ width:auto; margin:0 0 50px 0;}
	#faqs ul li hr{ width:auto;}
	#testimonials .testimonialsc{ width:auto;}
	#tabs .tablinks a{ font-size:24px;}
	#testimonials .royalSlider{ width:100% !important; height:800px;}
	#testimonials .royalSlider .img{float:none !important; clear:both !important; margin:0 auto !important;}
	#testimonials .royalSlider .txt{ width:auto !important; left:auto !important; float:none !important; margin:50px !important;}	
	#determineskintype br{ display:none;}
	#footer .footerc{ width:auto; padding-left:20px; padding-right:20px;}
	#footer .leftcolumn{ width:60%;}
	#footer .rightcolumn{ width:35%;}
	#footer .footerlinks a{ font-size:16px; margin-right:10px;}
	#footer p small br,#footer h4 br{ display:none;}
	#footer .emailsignup .input{ width:90% !important;}
}

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

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