/* Force nav on desktops */
@media (min-width: 769px) {
	
	#nav{ display:block !important; }
	
}

/*body{ border-top:none !important; }*/

@media (max-width: 1300px) {
	
	/*body{ border-top:3px solid pink; }*/

}

/* Large desktop */
@media (max-width: 1200px) {
	
	/*body{ border-top:3px solid pink; }*/
	#nav ul li a, #nav ul li span{ font-size:16px; padding:16px 6px 0; }
	.hero-image {  margin-top:-75px; }
	.hero-content { margin:-280px 0 20px; }
	.hero-text { font-size:35px; color:#fff; text-align:center; padding:0 10px; text-shadow:rgba(0,0,0,.8) 0 0 5px; }
	.hero-button a { margin:30px auto 0; }
	
}

@media (max-width: 1030px) {
	.hero-block{ background-attachment:scroll !important; }	
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	/*body{ border-top:3px solid red; }*/
	
	#logo { padding-left:10px; }
	.hero-content { margin:-200px 0 20px; }
	.hero-button a { margin:30px auto 0; font-size:25px; padding:8px 20px; }
	
	.article-container, .gallery-container, .media-container { margin:0 1% 10px;}
	.gallery-panel { margin:0; }
	
	.fix-nav #nav{ max-width:768px; margin:0 auto; }
	#nav ul li a, #nav ul li span{ font-size:16px; padding:16px 6px 0; }
	
}


/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
	body{ /*border-top:3px solid green;*/ padding:0; }
	
	.hero-content { margin:-200px 0 20px; }
	.hero-button a { margin:30px auto 0; font-size:25px; padding:8px 20px; }
	.hero-image {  margin-top:0; }
	
	#nav{ display:none; float:none; width:100%; clear:both; margin:40px 0 0 0; }
	#nav ul{ padding:0; text-align:center;}
	#nav ul li{ float:none; margin:0; padding:0; }
	
	#nav ul li:hover .sub-menu{ display:block; position:relative; padding-top:0; }
	#nav ul li:hover .sub-menu ul { clear:both; }
	#nav ul li:hover .sub-menu ul li { display:block; }
	
	#top-nav-hh-control{ display:block; }
	
	.fix-nav #nav{ max-width:768px; margin:0 auto; }
	#nav ul li a, #nav ul li span{ font-size:20px; padding:20px 0 0; border-top:solid 1px #bd3b2f;}
	#nav ul li .sub-menu li a { padding:14px 0; border-top:1px solid #2dc1f3; }
	.article-container, .gallery-container, .media-container, .video-panel-container, .blog-container { width:98%; margin:0 auto 20px; float:none; min-height:none; }
	.blog-panel, .article-panel { min-height:0; }
	.older-posts a, .newer-posts a { font-size:18px; }
	.older-posts, .newer-posts {  margin:0; }
	

	#header { position:relative; height:auto; }
	#logo { float:left; margin:10px 0 10px 20px; }
	#buynow { float:right; margin:10px 20px 20px 0; }
	#header-social { display:none; }
	#header-nav { display:block; position:relative; left:0; top:0; background:#ae3226; clear:both; min-height:50px; margin:20px 0 0; text-align:center;}
	
	#nav-bg { display:none; height:62px; position:relative; z-index:0; top:0; left:0; overflow:hidden; width:100%; }

	#touchView{ display:block; }
	#desktopView{ display:none; }
	
	.red-bg h4 a{ padding:5px; }
	.red-bg h4 a:hover{ background:none; color:#46979f; }
	
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	/*body{ border-top:3px solid blue; }*/
	.hero-content, .hero-nav { /*display:none;*/ visibility: visible; padding-top: 50px !important; margin-bottom: -50px !important; }
	
	#logo, #buynow { float:none; clear:both; text-align:center; width:100%; padding:0; margin:10px auto; }
	
	.slider-nav { text-align:center; margin-bottom:-160px; padding:120px 0 0; }
	.social .social-link { font-size:30px; width:50px; height:45px; padding:12px 3px 0; border-radius:60px; margin:0 3px; }
	.register-form input[type=email] { width:80%; }
	.content-button { padding:0; }

	a.steam-discussion { display:inline-block; tex-align:center; margin:20px 0; background:#171a21; color:#fff; padding:10px 30px; font-size:18px; font-weight:700; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
	a.steam-discussion:hover { background:#000; }
	.steam-icon { display:none; }
	
	#makeToast label.cabinet, #saveImage{ width:300px; height:60px; }
	
	.hero-block{ background-attachment:scroll !important; }
	
	.hero-nav { visibility: hidden !important; margin-bottom: -10px; }
	.flex-control-nav { display: none !important; }
	#hero-scroll { display: none; }
	
	/*.toastcanvas{ width:300px; }*/

	.takeover-logo {
		display: none;
	}

	.takeover-title {
		padding: 0 0 30px;
	}

}