/* CSS Document */

@media only screen and (max-width:1000px) {
	body,html,.mw { min-width:0; }
	img { max-width:100%; min-width:0; }
	#header, #footer, #footer .mw { max-width:100%; min-width:0; display:block; }
	#nav li#homeLink a { margin-left:0; }
	
	.homeBonus h3 { height:48px; }
	#homeCards, #homeSSL { float:left; margin-left:0; margin-right:20px; }
	#homeSecure p { clear:both; }
	
	#aboutVidBox { display:block; }
	#aboutVidBox a { display:block; float:right; margin:0 0 20px 20px; }
	#aboutVidBox a img { margin-right:0; }
	#aboutVidText a { float:none; margin:0; }
}
@media only screen and (max-width:980px) {
	#banner { height:auto; padding-bottom:10px; margin-top:0; }
	#nav { float:none; top:inherit; text-align:left; margin-top:20px; }
	#logo { float:none; margin-left:30px; }
	#topBar { top:inherit; position:relative; }
	#nav li#homeLink a { margin-left:25px; }
	#memberLogin {
		height: auto;
		margin: 0;
		float: left;
		width: auto;
		padding: 3px 0 3px 30px;
		position:relative;
		z-index:4;
		background-image:none;
	}
	#memberLogin h3 {
		display: inline;
		padding-right: 20px;
		line-height:20px;
	}
}
	
@media only screen and (max-width:960px) {
	#homeGuarantee img { margin-top:0; width:190px; }
	
	#aboutVidBox a { max-width:40%; }
	#aboutVidText a { max-width:100%; }
	
}
@media only screen and (max-width:768px) {
	#memberLogin h3 { font-size:18px; }
	#memberLogin { padding:4px 0 4px 30px; }
	.homeBonus h3 { font-size:14px; height:38px; }
	
	#aboutVidBox a { max-width:100%; float:none; margin:0 0 20px 0; }
	#aboutVidText a { margin:inherit; }
	
	.blueRow.signupStep img { margin-bottom:20px; }
}
@media only screen and (max-width:700px) {
	#header {z-index:10000;}
	#logo { float:left; }
	#nav { float:right; width:40px; height:40px; text-align:right; margin-left:-400px; }
	#nav li { 
		display:none;
		border:1px solid;
		border-top:none; 
		background-color: #82a8dd;
		position: relative;
		z-index: 500;
		text-align: left;
	}
	#nav li:hover { background-color:#FFF;}
	#banner div.mw #nav li a {
		display:block;
		padding: 5px 20px 5px 0px;
		width:100%;
		height:100%;
		text-decoration:none;
	}
	#nav:hover { width:auto; }
	#nav .mobile-nav { display:inline-block; margin-bottom: 6px; cursor:pointer; }
	#nav:hover li {
		display: block;
	}
	
	#topContact a:last-child { display:none; }
	.bx-controls-direction { display:none; }
	
	#homeInitiative { width:100%; display:block; }
	#homeVid { width:100%; display:block; padding:20px; }
	
	#homeBook { float:right; margin: 0 0 10px 20px; }
	
	.homeBonus { display:inline-block; width:50%; }
	.homeBonus h3 { font-size:18px; height:auto; }
	
	#homeGuarantee h1 {text-align:center; }
	#homeGuarantee img { display:block; float:none; margin:10px auto; }
	
	#homeSecure { text-align:center; }
	
	#faqTop div.mw { padding:20px; }
	#faqs div.mw { padding:20px; }
}

@media only screen and (max-width:600px) {
	#homeCards { height:40px; float:none; display:inline-block; margin-right:10px; }
	#homeSSL { height:50px; margin-top:-20px; margin-right:0; top:4px; position:relative; float:none; display:inline-block; }
	.fancybox-skin { padding:10px !important; }
	#bonusWrapper { text-align:center; }
	#bonusWrapper img { float:none; margin-bottom:-225px; }
	#bonusWrapper h1 { font-size:24px; margin-bottom:170px; height:64px; }
	
	#aboutContent div.mw, #aboutVid div.mw, .howItWorks div.mw { padding:20px; }
	#howItWorksTop div.mw { padding:20px; }
	
	#faqTop h1 { font-size:34px; text-align:center; }
	#faqs div.whiteRow, #faqs div.blueRow { text-align:center; }
	#faqs div.whiteRow img { margin:10px auto; display:block; }
	
	#getStartedTop div.mw { padding:20px; }
	#getStartedTop h1 { text-align:center; }
	.signupStep { text-align:center; }
	.blueRow.signupStep div.mw { padding:10px 20px; }
	.blueRow.signupStep img { float:none; display:block; margin:0 auto 6px auto; }
	
	.whitePage div.mw { padding:20px; }
}
@media only screen and (max-width:500px) {
	#topContact img { height:15px; }
	#homeInitiative { text-align:center; }
	#homeCash { float:none; margin:110px auto -310px auto; display: block; }
	#homeInitiative h2 { margin:0 auto 230px auto; max-width:400px; }
	.homeBonus h3 { font-size:14px; height:38px; }
	
	#aboutVidBox { text-align:center; }
	
	#faqTop h1 { font-size:26px; }
	
	#footerLeft, #footerRight { float:none; display:block; text-align:center; }
	.footerCol { width:32%; margin:0 0 30px 0; }
	
}
@media only screen and (max-width:400px) {
	#banner { padding:5px; margin-top:0; }
	#banner div.mw { display:table; width:100%; }
	#banner div.mw a:first-child { display:table-cell; vertical-align:middle; }
	#logo { max-width:70%; margin:0; position:relative; top:1px; max-height:40px; }
	#nav { margin: 0 0 0 -400px; }
	#nav .mobile-nav { margin-bottom:0; }
	#memberLogin { padding: 4px 0 4px 5px; }
	#memberLogin h3 { padding-right:5px; }
	#topContact a { margin: 0 5px; }
	
	#homeSignup { text-align:center; }
	#homeBook { margin:30px auto -210px auto; float:none; display:block; }
	#homeSignup h1 { margin-bottom:200px; }
	
	.homeBonus { display:block; width:100%; }
	.homeBonus h3 { font-size:18px; height:auto; }
	.fancybox-skin { padding:5px !important; }
	
	#aboutContent div.mw, #aboutVid div.mw { padding:10px; }
	
	#faqTop h1 { font-size:22px; }
	
	.whitePage div.mw { padding:10px; }
	
}
@media only screen and (max-width:320px) {
	#topBar { height:auto; }
	#memberLogin { float:none; text-align:center; }
	#topContact { text-align:center; }
	
	#aboutVid div.mw { padding:0; }
}

/* HOME ORDER */
#bonus-img { display:none; }
@media only screen and (max-width:980px) {
	#products, #products.order2, #products.order3 { background-image:none; }
	.product-wrapper { position:initial; }
	#bonus-img { display:block; position:absolute; right:20px; top:20px; width:57%; }
}
@media only screen and (max-width:800px) {	
	#bonus-img { width:55%; }
}
@media only screen and (max-width:768px) {	
	#bonus-img { width:50%; }
}
@media only screen and (max-width:700px) {	
	#bonus-img { width:40%; }
}

@media only screen and (max-width:600px) {	
	.order-section { padding:10px; }
	
	.product-wrapper, .product-wrapper:first-child { margin:0 auto; float:none; position:relative; width:auto; margin:10px 20px; }
	.product-img { margin: 0 auto; }
	#bonus-img { display:block; position:relative; right:0; top:0; width:auto; margin:10px 0 30px 0; }
}

@media only screen and (max-width:400px) {
	#order-wrapper { padding:5px; }
}