@charset "UTF-8";
/* CSS Document */
	
/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (min-width : 1201px) {
body {font-size: 16px;}
.navbar-nav > li > a {font-size: 1.5em;}



}

@media only screen and (max-width : 1200px) {
body {font-size:13px;}
.navbar-nav > li > a {font-size:1.6em;}




}

@media only screen and (max-width : 1100px) {
.navbar-nav > li > a {
    font-size: 1em;
    margin: 0;
}
h1#logo img {margin-top:.4em;}

}



@media only screen and (max-width : 979px) {
body {font-size:11px;}
h1#logo img {max-height: 40px;}

.sp-list li::before {
    	height: 20px;
    	width: 20px;
		}
.right-cell img.img-responsive {max-width:170%; margin-top:0; margin-left:-6em;}


}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
		
			.videoWrapper iframe {
			top: 11%;
			left: 18%;
			right:18%;
			width: 53%;
			height:95%;
		}
		
		
}

@media only screen and (max-width : 768px) {
		body {	font-size:14px;}
		#hero h1, #hero h2, h1, h2 {font-size: 4.4em; text-align:center;}
		h1#logo img {max-height: 35px; margin-left: .3em; margin-top: .3em;}
		h5 {font-size: 1.8em; text-align: center;}
		.navbar-nav > li > a {font-size:1.1em;}
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {padding:1.5em 0;}
		.navbar-brand {padding:0;}
		
		
		.navbar-toggle {
    	color: #ffffff;
    	padding: 4px 10px;
		}
		.navbar-nav > li > a {text-align:center;}
		.btn.btn-free-trial.special {width: 100%; text-align:center; font-size:1.1em;}
		.btn.btn-free-trial.special:hover {color:#ed2024;}
		
		/*Button*/
		.btn {
			display: block;
			float: none;
			font-size: 2em;
			margin: 1.2em auto;
			padding: 0.4em 1em;
			width: 70%;
		}
		#contest-box .btn {font-size:1.5em;}	
		
		.more {padding:1em 0;}
		.more a {font-size:1.2em; line-height:.8em;}
		
		.sp-list li {
			margin: .75em 0 .75em 2em;
			font-size: 1.5em;
			width: 90%;}
			
		.sp-list li::before {
			height: 25px;
			width: 25px;
			margin-right: 1.3em;}
		.contest-rules {font-size:1.25em;}
		#exlusive-content .container, #gametracker .container, #benefits .container {width: 80%;}
		
		
		#exlusive-content .right-cell img.img-responsive {max-width: 120%; margin-left:-5em;}
		#gametracker .right-cell img.img-responsive {max-width: 115%; margin-left:-3em;}
		#benefits .right-cell img.img-responsive {max-width: 120%; margin-left: -5em;}
		
		.videoWrapper iframe {
			top: 30%;
			left: 8%;
			right:8%;
			width: 85%;
			height:150%;
		}
		
		
}

@media only screen and (max-width : 766px) and (min-width: 481px) {
	.right-cell img.img-responsive {max-width:100%; margin-top:0em; margin-left:0;}
	

	
}


@media only screen and (max-width : 480px) {
		body {font-size:12px;}
		.container {margin-left:0; margin-right:0;}
		#hero .container,
		#exlusive-content .container,
		#unlimited-access .container,
		#gametracker .container,
		#benefits .container {width:100%; }
		.navbar {min-height:53px;}
		.navbar-nav {margin:0;}
		.navbar-toggle {
    	color: #ffffff;
    	padding: 4px 10px;
		}
		.btn.btn-free-trial {
			color:#ffffff; 
    		margin: 1.2em auto;
 			border:none !important;
		}
		
		.btn.btn-free-trial.special {border:none;}
		.btn.btn-free-trial {}

		
		.modal-dialog {margin: 20px 35px;}
		#exlusive-content .right-cell img.img-responsive {margin-top: .025em;}
		h1#logo  {font-size:3.5em; line-height:1em; }
		h1#logo img {
    	margin-top: -3px;
    	max-height:30px;
		}		
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    	background-color:rgba(26,26,26,0.90);
		padding-bottom:1.5em;
		margin: 0 1.65em 0 0;
		}
		.left-cell {padding: 0;}
		section#unlimited-access .container {padding: 1em 0;}	
		section .container {padding: 1em 0;}	
		h1, h2 {text-align:center;}
		h3, h4, h5, h6 {text-align:center;}
		#hero .container {padding-top: 8em !important; padding-right: 1em; padding-bottom:4em; padding-left: 1em;}
		
		p {font-size: 1.2em; text-align:center;}
		#hero h1, #hero h2, #hero p {text-align:center;}
		html,body, section {height:inherit; }
		section .container, #hero .container {width: 95%; padding: 5em 0;}	
		
		#exlusive-content .right-cell img.img-responsive {max-width: 100%; margin-left:0; }
		#gametracker .right-cell img.img-responsive {max-width: 100%; margin-left:0;}
		#benefits .right-cell img.img-responsive {max-width: 100%; margin-left:0;}
		
	
		
		.sp-list li {
			margin: .75em 0 .75em 0em;
			font-size: 1em;
			width: 100%;}
			
		.sp-list li::before {
			height: 15px;
			width: 15px;
			margin-right: 1.3em;}
		.sp-benefit {
			font-size: 0.9em;
			line-height: 1.15em;
			padding:10px;}
		.sp-plus img {width: 20px;}
		#unlimited-access .row {padding:0;}
		.btn {margin:.75em auto;}
		/*SCROLL DOWN MORE*/
		.more {width:100%; text-align:center;bottom: 0px; }
		.more a {font-size:.9em;   border-radius: 4px; width: 100%; text-align:center;}
		.more a:hover {color:#red;}
		.more a::after {line-height:.35em; }
		
		.right-cell img.img-responsive {
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			max-width: 100%;
		}
		
		.videoWrapper iframe {
    		height: 138%;
    		left: 7%;
    		right: 7%;
    		top: 50%;
    		width: 85%;
}
		
		
}
@media only screen and (max-width : 320px) {
}