/******************************
	Media Queries
******************************/
/* Global padding */
header, footer, footer .logoStrip, section { padding-left:20%; padding-right:20%; }


@media screen and ( max-width:1280px )
{
	header, footer, footer .logoStrip, section { padding-left:15%; padding-right:15%; }
}

@media screen and ( max-width:980px )
{
	header, footer, footer .logoStrip, section { padding-left:8%; padding-right:8%; }

	/* Home */
	.home .headerContent { width:48%; margin-top:8em; }
		.home .signupLogin { width:310px; }
	.home .keyPoints { padding:0 15%; }

}

@media screen and ( max-width:800px )
{
	header, footer, footer .logoStrip, section { padding-left:5%; padding-right:5%; }

	/* Home */
	.home header { float:left; height:auto; padding-bottom:2em; }
		.home .headerContent { max-width:100%; width:100%; margin-top:2em; }
		.home .homeSignup, .home .homeLogin { display:none; }
		.home .headerButtons { display:block; clear:both; width:100%; }
			.home .headerButtons .btn { float:left; width:48%; margin:0; padding:1.2em 0; text-align:center; }
			.home .headerButtons .btn:last-of-type { float:right; }
	.home .keyPoints { padding:0 10%; }

}

@media screen and ( max-width:768px )
{
	header, footer, footer .logoStrip, section { padding-left:2%; padding-right:2%; }
	.home .keyPoints { padding:0 5%; }

	
}

@media screen and ( max-width:640px )
{
	
	/* Forms */
		/* Optins */
		.optins { width:100%; margin:0; }
		.gameIcons { display:none; }
			.optins .inputGroup .label { width:46%; }
			.optins .inputGroup.indent .label { width:43.7%; }
			#wnOptins .inputGroup.radio p.label { width:46%; }

	.home .keyPoints { padding:0 10%; }
		.home .keyPoints .keyPoint { clear:both; width:100%; }

	#frmForgotLogin .inputGroup input { width:100%; }
}

@media screen and ( max-width:480px )
{
	/* Template */
	header { height:inherit; background-color:#00467F; }
	container:not(.home) header { background-image:none; }
	/*.home header { background:rgba(0, 0, 0, 0) url("../../images/oll/header_bg_2048x2048.png") repeat scroll center bottom / 1024px 1024px; }*/
	header #lnkLogoOLG { display:none; }
	header .mainNav { display:none; }
	header .mobileNav { display:block; }
		header .neilHamburger { border:2px solid #333; }
		header .mobileNavList { position:absolute; top:76px; left:0; width:100%; margin:0; padding:0; background:#fff; border-style:solid; border-color:#333; border-width:0 2px 2px 2px; box-shadow:0 1em 1em 0 rgba(0,0,0,0.5); }
			header .mobileNavList li { display:block; float:left; width:100%; padding:0; background:#fff; }
				header .mobileNavList li a { z-index:1; display:inline-block; float:left; width:100%; margin:0; padding:1em; color:#057dc1; text-decoration:none; border-top:1px solid #ccc ; }
				header .mobileNavList li a:hover, header .mobileNavList li a:focus, header .mobileNavList li a.on { color:#fff; background:#057dc1; border-bottom:none; }

	/* Overlay */
	#overlay { top:3%; left:0; margin:0; width:100%; height:90%; }

	/* Forms */
	.btnGroup { width:100%; }
		.btnGroup .btn:last-child { margin-right:0; }

	.inputGroup { width:100% !important; margin-left:0 !important; margin-right:0 !important; padding:0; }
		.inputGroup input { width:100%; }
		/*#frmForgotLogin input { width:100%; }*/

		/* DOB */
		.inputGroup.dob, .dobWrap { float:left; }

		/* Optins */
		.optins .inputGroup .label, .optins .inputGroup.indent .label { width:100%; margin-bottom:4%; }
		.infoContent { padding:0 0 0.5em; }

	/* Signup */
	.hdg .loginLink { float:left; clear:both; margin:4% 0 0; }

	/* Home */
	.home .headerButtons { display:block; clear:both; width:100%;position:relative;text-align:center; }
		/*.home .headerButtons .btn { float:left; clear:both; width:100%; margin:0 0 1em; padding:1.2em 0; text-align:center; }*/
		/*.home .headerButtons .btn:last-of-type { float:right; }*/
		.home .headerButtons .btn { float:none; clear:both; width:70%; margin:1em auto; padding:1.2em 0; text-align:center; }
		.home .headerButtons .btn:last-of-type { float:none; }
	.home .keyPoints { padding:0 2%; }
		.home .keyPoint { padding:1em; }
}

@media screen and ( max-width:380px )
{
		/* DOB */
		#user_birthdate_mm-button { width:8em !important; }
		.dobWrap input, .dobWrap select, .dobWrap #user_birthdate_mm-button { margin:0 0.1em 0 0; }
		#user_birthdate_dd { width:4em; }
		#user_birthdate_yyyy { width:6em; }
}

@media screen and ( max-width:360px )
{
	/* Forms */
	.errorWrap .validIcon { background:none !important; }

	.btnGroup .btn { text-align:center; margin:0 1%; }
		.btnGroup .btnBack { float:left; width:40%; margin-left:0; }
		.btnGroup .btnNext { float:right; width:58%; margin-right:0; }

		/* Optins */
		.optins .label { float:left; }
		.optins .label .finePrint { float:left; width:100%; /*display:inline-block; width:100%;*/ }
		.infoContent.full { top:-1em; }

	/* Home */
	.home .headerContent h1 .nobr { white-space:normal; }
	.home .keyPoints { padding:0 2%; }

}

@media screen and ( max-width:320px )
{
	/* Home */
	.home .headerContent { margin-top:1em; }
		.home .headerContent h1 { font-size:3em; }
		.home .headerContent h2 { font-size:1.2em; }
}