@charset "UTF-8";

/* Responsive */

/*--- Mobile Portrait ---*/
@media only screen and (max-width: 495px){
	body{
  		-webkit-text-size-adjust: none;
  	}
	#wrapper{ overflow:hidden;}
	#header .headerc{ width:auto; padding:20px 10px 10px 10px !important;}
	#header a.logo{float:none; margin:0 auto 20px auto !important; clear:both; width:240px; height:59px; background-size:100%;}
	#header .toplinks{ width:auto !important; float:none; clear:both; text-align:center; margin:0 10px !important;}
	#header .searchform{ top:132px !important;}
	#header .searchform .input{font-size:10px; padding:10px 0 10px 10px !important; width:220px !important;}
	#wrapper .getfreeessentialoil,#wrapper .getyourkitnow{ margin:0; background-size:cover; min-height:inherit; padding:50px 0; }
	#wrapper .getfreeessentialoil .container,#wrapper .getyourkitnow .container{ position:inherit; top:auto;}
	#wrapper .getyourkitnow .containerouter{ max-width:none;}
	#wrapper .getyourkitnow .container{ right:auto;}
	#wrapper #content h1 br,#wrapper #content h5 br,#wrapper .getfreeessentialoil h1 br,#wrapper .getyourkitnow h1 br,#wrapper .getyourkitnow .contentform p br{ display:none !important;}
	#wrapper .getyourkitnow .contentform{ width:90%;}
	#pureessential #samplekit .leftcolumn,#pureessential #samplekit .rightcolumn,#pureessential #samplekit .centercolumn{ float:none !important; width:auto !important; margin:0 0 50px 0; }
	#pureessential #samplekit .or{ display:block !important; position:inherit !important; margin:20px 0 !important; text-align:center !important;}
	#pureessential h1,#content h1{ font-size:35px; line-height:normal;}
	#pureessential h1 br{ display:none;}
	#content .getyoursfree .getakit{ width:auto; height:auto; padding:150px 20px 20px 20px; background:url(../images/getkitcouponmobile.jpg) no-repeat center 20px #f8f7f4 !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); }
	#content .getyoursfree .getakit br{ display:none; }
	#content .ourblends{ background-size:cover; min-height:inherit; padding:20px 0;}
	#content .ourblends .contentinner .txt1,#content .ourblends .contentinner .txt2,#content .ourblends .contentinner .txt3{ position:inherit; margin:0 0 20px 0;}
	#content .ourblends br{ display:none;}
	#content .media{background:url(../images/mediamobile.png) no-repeat center center #f9f9f6; background-size:contain !important; width:100%; height:120px; }
	#wrapper .specialdeal{ padding:250px 20px 20px 20px !important; background-position:top center !important;}
	#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;}
	#content{ width:auto;}
	#header .headerc{ width:auto; padding-left:0; padding-right:0;}
	#header a.logo{ float:none; clear:both; margin:0 auto;}
	#header .toplinks{ float:none; clear:both; width:560px; margin:20px auto 0 auto;}
	#header .toplinks ul{ width:170px; margin:0 auto;}
	#header .searchform{ top:132px; left:0;}
	#header .searchform .input{ width:500px;}
	#header .toplinks div.submenu2{ text-align:center;}
	body.home #header{
		background: rgb(139,85,113) !important;
		background: -moz-linear-gradient(top,  rgb(139,85,113) 0%, rgb(129,83,116) 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(139,85,113)), color-stop(100%,rgb(129,83,116))) !important;
		background: -webkit-linear-gradient(top,  rgb(139,85,113) 0%,rgb(129,83,116) 100%) !important;
		background: -o-linear-gradient(top,  rgb(139,85,113) 0%,rgb(129,83,116) 100%) !important;
		background: -ms-linear-gradient(top,  rgb(139,85,113) 0%,rgb(129,83,116) 100%) !important;
		background: linear-gradient(to bottom,  rgb(139,85,113) 0%,rgb(129,83,116) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b5571', endColorstr='#815374',GradientType=0 ) !important;
	}
	#content #testimonial{ width:auto;}
	#content #testimonial .leftcolumn,#content #testimonial .rightcolumn{ width:auto; float:none; clear:both; margin:0 0 50px 0;}
	
	#content .contentouter,#content .contentinner,#content .contentform{ width:auto !important; padding:0 20px !important;}
	#content .freeessentialoils,#content #whyessentialoils{ width:auto;}
	#content #whyessentialoils .aromatherapy, #content #whyessentialoils .amazing, #content #whyessentialoils .radiate{ width:auto; float:none; clear:both; margin-bottom:10px; background-size:contain;}
	#content .testimonial{ width:auto; padding:0 20px;}
	#content .media{ background-size:contain;}
	#content .ourstory h5{ margin:0;}
	#content .ourstory p,#content .ourstory .firstblockquote{ padding-left:0; padding-right:0;}
	#content .ourstory .secondblockquote{ margin:0 0 20px 0;}
	#content .ourstory .firstblockquote{ margin-top:80px;}
	#content .ourguaranteec{ padding:0;}
	#content .ourguarantee{ width:auto; height:auto; background-position:center 20px; padding:180px 20px 20px 20px; margin:20px 0; }
	#content .ourguarantee h5{ position:inherit; margin:0 0 20px 0; width:auto; background-size:contain; max-width:397px;}
	#content .ourguarantee h6{ padding:0;}
	#content .ourguarantee br{ display:none;}
	#content #howtouse .directions .asaparfum, #content #howtouse .directions .asamoisturizer, #content #howtouse .directions .asadiffuser{ width:auto; float:none; clear:both; margin:0 auto;}
	#faqs .content{ width:auto; padding:0 20px;}
	#faqs .faqquestion{ padding:15px 70px 15px 20px;}
	#faqs .faqanswer{ padding:0 20px;}
	#content #samplekitoffer{ padding:20px;}
	#content #samplekitoffer .contentinner{ padding:0;}
	#content .naturalalternative{ background-size:contain; min-height:inherit; padding:30% 0 0 0;}
	#content .naturalalternative .txt1,#content .naturalalternative .txt2,#content .naturalalternative .txt3{ position:inherit; margin:0; width:auto; }
	#content .naturalalternative .txt1,#content .naturalalternative .txt2 p,#content .naturalalternative .txt3 p{ color:#756762;}
	#content #howtouse .contentouter{ padding:20px !important;}
	#pureessential{ width:auto; padding:30px 20px;}
	#pureessential #samplekit .leftcolumn,#pureessential #samplekit .rightcolumn{ width:50%; }
	#pureessential #samplekit .or{ width:100%; text-align:center; margin:100px 0 0 0;}
	#pureessential #samplekit img{width:auto; max-width:100%; height:auto; text-align:center; margin:0 auto; display:block;}
	#pureessential #samplekit .leftcolumn .content, #pureessential #samplekit .rightcolumn .content,#pureessential #samplekit .centercolumn .content{ width:auto;}
	#pureessential #samplekit .fullwidth{ width:95%;}
	.upsellpopup .container,#samplepopupvcb .container,#samplepopuptec .container{position:absolute; top:20%; bottom:auto; width:85%;  padding:20px; height:auto; min-height:415px;}
	#lppopup .container{background-size:25%;}
	#vcgpopup .container{background-size:55%;}
	.upsellpopup h1{ font-size:12px; padding:0 0 10px 0;}
	.upsellpopup h2{ font-size:24px;}
	.upsellpopup h3{ font-size:16px; padding:0 0 2px 0;}
	.upsellpopup h4{ font-size:12px; padding:0 0 10px 0;}
	.upsellpopup p{ font-size:14px; line-height:19px; padding:0 10px 35px 10px;}
	#vcgpopup p{ padding:0 20px 15px 20px;}
	.upsellpopup .yesiwant,.upsellpopup .nothanks{ font-size:14px; letter-spacing:0.015em; width:100%; padding:12px 0;}
	#entirepopup .container{ height:auto; padding:15px;}
	#entirepopup .yesiwant, #entirepopup .nothanks{ font-size:20px; float:none; clear:both; margin:0 auto 10px auto;}
	.upsellpopup h5{ font-size:24px; line-height:normal;}
	.upsellpopup h6{ font-size:16px; line-height:normal;}
	.upsellpopup h6 span{ font-family:'edmondsans_regular',Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:0; text-transform:uppercase;}
	.upsellpopup2 h5{ font-size:44px; line-height:normal;}
	.upsellpopup2 h6{ font-size:18px; line-height:normal;}
	.upsellpopup2 .width250{ font-size:20px;}
	#samplepopupvcb .container, #samplepopuptec .container{ top:10%; width:90%; max-width:320px;}
	#samplepopupvcb h5, #samplepopuptec h5{ font-size:25px; line-height:normal;}
	#samplepopupvcb p, #samplepopuptec p{ font-size:18px; line-height:normal;}
	#samplepopupvcb p br, #samplepopuptec p br{ display:none;}
	#samplepopupvcb img,#samplepopuptec img{ width:auto; max-width:230px;}
	#samplepopupvcb .yesiwant,#samplepopupvcb .nothanks,#samplepopuptec .yesiwant,#samplepopuptec .nothanks{ font-size:15px; width:100%;}
	#wrapper .specialdeal{ width:90%; height:auto; padding-right:20px;}
	#wrapper .specialdeal p 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;
  	}
	#header .searchform{ max-width:770px !important;}
	#header .searchform .input{width:620px !important;}
}

/* iPad in Landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	body{
  		-webkit-text-size-adjust: none;
  	}
	#header .headerc{ padding:20px 10px 10px 10px !important;}
	#header a.logo{ margin-left:50px;}
	#header .searchform{ max-width:950px !important;}
	#header .searchform .input{width:800px !important;}
}