@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 .toplinks{
		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;
  	}
	#wrapper{ overflow:hidden;}
	#header #menu-icon{ width:40px; height:39px; background-size:100%;}
	#header .headerc{ padding-bottom:0 !important;}
	#header a.logo{ width:80%; height:65px; background-size:100%;}
}

/* Landscape Mode */
@media only screen and (max-width: 999px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{ overflow:hidden;}
	#header .headerc{ width:auto; padding:20px;}
	#header a.logo{ float:none; clear:both; margin:0 auto;}
	#header .toplinks{ float:none; clear:both; margin:10px 0 0 0;}
	#content,#content .contentinner{ width:auto;}
	#content .contentinner{ padding-left:20px; padding-right:20px;}
	#content h1 br,#content .samplekit h5 br{ display:none;}
	#content .samplekit{ width:auto;}
	#content .samplekit .samplekitc{ float:none; clear:both; width:auto; margin:0 0 30px 0 !important;}
	#content .samplekit .or{ position:relative; margin:0 0 30px 0; width:auto; text-align:center;}
	#content .sampleandcoupons .plus,#content .sampleandcoupons .plus2{ position:relative; width:auto; margin:0 0 20px 0;}
	#content .sampleandcoupons{ width:auto;}
	#content .sampleandcoupons .skincaresample,#content .sampleandcoupons .nerolitoningmist,#content .sampleandcoupons .nerolitoningmist, #content .sampleandcoupons .coupon{ float:none; clear:both; margin:0 auto 50px auto;}
	#content p br{ display:none;}
	#content h3{ margin-left:0;}
	#content .instructions .freeshipping,#content .instructions .couponincluded,#content .instructions .questionscomments{float:none; clear:both; margin:0 auto 50px auto;}
	#content .instructions br{ display:none;}
	#footer .footerc{ width:auto; padding:0 20px;}
}

/* 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;}
}