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

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


@media (max-width: 1030px) {
	.block-parallax .parallax-image, .page-header-default{ background-attachment:scroll !important; }
}

@media (max-width: 1249px) {

	.eg-item {
		width: 25%;
	}

}


@media (min-width: 1200px) {
	/* Blocks */
	.page-header-blog{
		min-height:600px;
	}

	.page-header-blog.twitch-banner-active{
		min-height:712px;
	}
}

@media (max-width: 1200px) {
	
	#logo{ width:260px; }
	#header-nav{ padding:45px 0 0; width:720px; }
	#header-nav ul li a{ padding:16px 10px; }
	
	/* Core Layout */
	.container{ padding:0 20px; box-sizing:border-box; }
	#header .container{ padding:0; }

	/* Blocks */
	.page-header-blog{
		min-height:500px;
	}

	.block-gallery .grid-image {
		max-width: 149px;
	}
	
}

@media (max-width: 1199px) {
	
	.image-list li {
		width: 50%;
	}

	.emblem-creator-right {
		width: 775px;
	}

	.layer-list .name {
		font-size: 12px;
	}

	.layer-info {
		padding: 0 5px;
		font-size: 12px;
		text-align: center;
	}

}

@media (max-width: 1023px) {

	/* Header */
	#logo{ width:180px; }
	#header-nav{ width:560px; font-size:12px; padding:21px 0 0; }
	#header-nav ul li a{ padding:16px 6px; }

	.emblem-creator,
	.instructions-link,
	.emblem-creator-gallery,
	#cancel-confirm {
		display: none;
	}

	.emblem-message {
		display: block;
	}

	.eg-item {
		width: 33.333333%;
	}

}

@media (min-width: 768px) and (max-width: 979px) {


	/* Blocks */
	.video-hero-overlay, .parallax-image-overlay{ width:600px; margin:0 0 0 -300px; bottom:35%; }
	#header-spacer + .twitch-banner-active .video-hero-overlay,
	#header-spacer + .twitch-banner-active .parallax-image-overlay {
		margin-bottom: -75px;
	}
	.video-hero-overlay-text, .parallax-image-overlay-text p{ font-size:24px; line-height:36px; }
	.block-parallax .parallax-image{ min-height:400px; }

	.feature-box{ width:50%; min-height:360px; }
	.feature-box:nth-child(3), .feature-box:nth-child(5){ border-right:20px solid transparent; }
	.feature-box:nth-child(4){ border-right:none; }
	.feature-box:nth-child(5){ clear:none; }
	.feature-box:nth-child(4), .feature-box:nth-child(6){ clear:left; }

	.accolades-text{ padding:0 20px; font-size:18px; line-height:26px; }

	/* Hot Topics Forum Block */
	.forum-block-post{ padding:10px 10px; }

	/* Alliances */
	.alliance-box{ width:50%; }

	#search-alliances-container{ width:300px; }
	#search-alliances-container .invite-member-input{ width:190px; }

	/* Blog */
	.grid-sizer, .post-item{ width:50%; }
	.blog-text-container{ }

	.user-submitted-emblem {
		width: 33.3333333%;
	}

	.block-gallery .grid-image {
		width: 20%;
		max-width: 200px;
	}

}

@media (max-width: 849px) {
	
	.twitch-banner .container {
		width: 90%;
	}

	.tb-inner:before {
		font-size: 72px;
	}

	.tb-video,
	.tb-message {
		display: none;
	}

	.tb-heading {
		margin: 0;
		font-size: 21px;
	}

	.ts-item:not(:last-child) {
		margin: 0 0 20px;
	}

	.ts-date-time,
	.ts-text,
	.ts-btn {
		display: block;
		width: auto;
		text-align: center;
	}

	.ts-date-time {
		padding: 15px;
	}

	.ts-text {
		padding: 25px 10px 23px;
	}

	.ts-heading {
		margin: 0 0 13px;
	}

	.ts-btn {
		padding-bottom: 15px;
	}

	.page-header-default.twitch-banner-active {
		min-height: 342px;
	}

}


@media (max-width: 768px) {

	/* Header */
	#header{ position:fixed; }
	#header.shrink{ position:fixed; }
	#header-spacer{ display:block; }
	#logo{ width:170px; }
	#top-nav-hh-control{ display:block; }
	
	#header-nav{ display:none; float:none; width:100%; text-align:center; clear:both; padding:10px 0 0; }
	#header-nav ul li{ display:block; }
	#header-nav ul li a{ padding:10px 10px; }
	#header-nav ul li:hover .sub-menu{ display:block; position:relative; border-top:2px solid #fff; border-bottom:2px solid #fff; margin:0; }
	#header-nav ul li .sub-menu li a{ padding:10px 35px; }

	#account-nav{ float:none; width:auto; text-align:center; padding:10px 0; clear:both; }
	#account-nav ul li:after{ margin:0 5px; }
	#account-nav ul li:last-child:after{ margin:0; }
	#top-nav-hh-control{ position:absolute; top:0; right:0; margin:10px 10px 0 0; }
	#header.shrink #account-nav{ float:right; width:360px; clear:none; padding:50px 0 10px; text-align:right; }
	#header.shrink #account-nav ul li:after{ margin:0 5px; }
	#header.shrink #account-nav ul li:last-child:after{ margin:0 10px 0 0; }
	#header.shrink #top-nav-hh-control{ margin:10px 10px 0 0; }

	.page-header-default, .page-header-default.twitch-banner-active{ min-height:200px; }
	.page-header-image, .page-header-image.twitch-banner-active{
		min-height: 250px;
		background-position: bottom center;
	}

	/* Blocks */
	.video-hero-overlay, .parallax-image-overlay{ width:90%; padding:0 5%; left:0; margin:0; }
	#header-spacer + .twitch-banner-active .video-hero-overlay,
	#header-spacer + .twitch-banner-active .parallax-image-overlay {
		margin-bottom: 0;
	}
	.video-hero-overlay-text, .parallax-image-overlay-text p{ font-size:20px; line-height:30px; }

	.feature-box{ width:50%; }
	.feature-box:nth-child(2), .feature-box:nth-child(4), .feature-box:nth-child(6){ border-left:20px solid transparent; border-right:10px solid transparent; }
	.feature-box:nth-child(3), .feature-box:nth-child(5), .feature-box:nth-child(7){ border-left:10px solid transparent; border-right:20px solid transparent; }
	.feature-box:nth-child(5){ clear:none; }
	.feature-box:nth-child(4), .feature-box:nth-child(6){ clear:left; }
	.feature-box-title{ font-size:18px; line-height:26px; }

	.prom-box{ width:50%; }
	.prom-box:nth-child(2){ border-right:none; }
	.prom-box:last-child{ border-top:none; width:100%; height:auto; }
	.prom-box:last-child h3{ text-align:left; }

	.social-panel{ width:100%; float:none; margin:0 0 30px; text-align:center; }

	.mp3-download{ width:50%; }

	/* Alliances */
	.alliance-box{ width:100%; }

	.alliance-emblem{ float:none; margin:0 auto 20px; }

	.member-text{ clear:both; padding:10px 0; }

	.tabs li{ margin:0 5px 10px; }

	.video-panel{ width:100%; margin:0 0 20px; }
	.video-text-container{ min-height:0; }

	.video-panel-container + .pagination {
		padding: 10px 0;
	}

	#search-alliances-container { width:400px; margin:0 auto; float:none; }
	#sort-alliances{ clear:both; float:none; text-align:center; padding:20px 0 0; }

	/* Wallpapers */
	.wallpaper{ width:50%; }

	/* Blog */
	.grid-sizer, .post-item{ width:100%; }
	.blog-panel{ border-right:none; border-left:none; }
	.blog-image img{ width:100%; }
	.blog-text-container{ min-height:0; }

	.ws-island{
	    float:none;
	    width:100%;
	}

	/* Forum */
	#bbpress-forums {
		padding: 40px 0 !important;
	}

	.bbp-topic-voice-count {
		display: none;
	}

	li.bbp-forum-freshness, li.bbp-topic-freshness {
		width: 35% !important;
	}

	.bbp-forum-reply-count {
		display: none;
	}

	.bbp-header .bbp-reply-author, .bbp-header .bbp-reply-content, .bbp-footer .bbp-reply-author, .bbp-footer .bbp-reply-content {
		display: none;
	}

	.user-submitted-emblem {
		width: 50%;
	}

	.block-gallery .grid-image {
		width: 20%;
		max-width: 200px;
	}

}


@media (max-width: 767px) {
	
	.block-video-hero .video-container {
		display: none;
	}
	
	.block-video-hero .video-replacement-image {
		display: block;
	}

	.tb-inner:before {
		bottom: 0;
	}

	.tb-text,
	.tb-btn {
		display: block;
		text-align: center;
	}

	.tb-text {
		margin-bottom: 15px;
	}

	.eg-item {
		width: 50%;
	}

}


@media (max-width: 480px) {
	
	p{ font-size:14px; line-height:20px; }

	.container{ padding:0 10px; }

	/* Header */
	#logo{ padding:10px; max-width:200px; }
	#account-nav{ float:none; width:95%; text-align:center; padding:10px 0; margin: 0 auto; clear:both; font-size: 11px; }
	#account-nav ul li:last-child:after{ margin:0; }
	#account-nav ul li:after{ margin:0 2px; }
	#top-nav-hh-control{ position:absolute; top:0; right:0; margin:10px 10px 0 0; }
	#header.shrink #account-nav{ width:95%; float: none; clear:none; padding:50px 0 10px; text-align:center; }
	#header.shrink #account-nav ul li:after{ margin:0 2px; }
	#header.shrink #account-nav ul li:last-child:after { margin: 0; }
	#header.shrink #top-nav-hh-control{ margin:10px 10px 0 0; }

	#header.shrink #logo-device{ width:35px; padding:5px 0 5px 5px; }
	#header.shrink #top-nav-hh-control{ margin:5px 5px 0 0; }

	/* Blocks */
	.video-hero-overlay-text, .parallax-image-overlay-text p{ font-size:18px; line-height:26px; }


	.feature-box{ width:100%; min-height:0; border-right:5px solid transparent; border-left:5px solid transparent; }
	.feature-box:nth-child(2), .feature-box:nth-child(3), .feature-box:nth-child(4), .feature-box:nth-child(5), .feature-box:nth-child(6), .feature-box:nth-child(7){ border-left:5px solid transparent; border-right:5px solid transparent; }
	.feature-box-title{ min-height:0; }
	.feature-box-image{ height:auto; }

	.prom-box{ width:100%; border-right:none; }
	.prom-box:nth-child(2){ border-top:none; }

	.mp3-download{ width:100%; }

	.block-single-column-text .narrow-container{ padding:10px; }

	.alliance-cta-box{ box-sizing:border-box; padding:20px; width:100%; margin:10px 0; }

	.grey-box{ margin:0 0 10px; padding:10px 10px 20px; }

	.tab-content{ padding:0; }

	/* Blog */
	.blog-panel{ border-right:none; border-left:none; }
	.page-header-blog h1{ display:none; }
	.children .comment-body{ padding:10px 20px 0 40px; }
	.blog-social-button {
	    padding: 0 10px 0 0;
	    min-height: 35px;
	}

	/* Alliances */
	.alliance-emblem{ width:100%; }
	.alliance-box{ border-left:none; border-right:none; }
	.alliance-box-name{ font-size:16px; line-height:20px; }
	.alliance-box-members{ font-size:12px; line-height:18px; }

	#invite-members, #search-alliances-container{ width:100%; }
	.invite-member-input{ width:100%; padding:0 0 10px; }
	.invite-member-button{ margin:0 auto; float:none; }

	.member{ margin:0 0 5px; }

	#sort-alliances label{ display:block; padding:0 0 10px; }

	/* Forums */
	li.bbp-forum-freshness, li.bbp-topic-freshness {
		width: 100% !important;
		float: none !important;
		text-align: left !important;
	}

	li.bbp-forum-info, li.bbp-topic-title {
		width: 100% !important;
		float: none !important;
		text-align: left !important;	
	}

	li.bbp-forum-topic-count, li.bbp-topic-reply-count {
		display: none;
	}

	.bbp-pagination-count {
		padding-bottom: 10px;
	}

	#subscription-toggle {
		padding-bottom: 10px;
	}

	#bbpress-forums li.bbp-header ul {
		display: none;
	}

	.mobile-show {
	    display: block;
	}

	.mobile-hide {
		display: none;
	}

	.user-submitted-emblem {
		width: 100%;
	}

	.block-gallery .grid-image {
		width: 33.3%;
		max-width: 300px;
	}

	.eg-item {
		width: 100%;
	}


}

@media (max-width: 360px) {
	
}