/* -----------------------------------------
  Vertical Tablet View
----------------------------------------- */
@media screen and (max-width:1184px) {
	#list-features .medium-6 .large-4 a:first-child {margin-top:20px;}

	#exlist-toggle{
		display:block;
	}
	#fullExhibitorList .closeBox{
		display:block;
	}
	#map-section h2{
		padding:15px 0;
		font-size:24px;		
	}
	.map-col-02{
		width:100% !important;
		overflow:hidden;
	}
	
	.map-col-01{
		left:-300px;
	}
	
	.map-col-03{
		max-width:none;
		width:100%;
		position:relative;
		left:auto;
		right:auto;
		text-align:center;
		padding:20px;
	}
	#list-features .medium-6 .large-4 a{
		display:block;
		width:49%;
		float:left;
		margin-top:2% !important;
	}
	#list-features .medium-6 .large-4 a:first-child{
		margin-right:2%;
	}
	.top-bar-section li a, .top-bar-section li a:not(.button), .top-bar-section ul li:hover > a {padding:0 9px;}
}
@media screen and (min-width:1024px) and (max-width:1419px) {
	#header .header-bg-overlay {
    width: 470px;
    margin: 0;
    left: auto;
		right:587px;
		right: calc((100vw / 600) * 344);
    padding-left: 15px;
	}
	#mainNav {width:620px;}
	.top-bar-section {line-height:0;}
	.top-bar-section:before {
    width: 68%;
    z-index: -1;
	}
	.top-bar-section .register {
    line-height: 40px;
    height: 40px;
		position:static;
	}
	.top-bar-section #social-btns {height:40px !important; vertical-align:bottom;}
	.top-bar-section #social-btns li {height:40px !important; line-height:40px !important;}
	.top-bar-section #social-btns a {margin:8px 0;}
	.top-bar-section .subscribe {display:inline-block;}
	
	.infoBlock h3{
		font-size:20px;
	}
	.infoBlock p{
		font-size:15px;
	}
}
/*
@media screen and (min-width:640px) and (max-width: 1100px) {
	.flexbox .top-bar-section li a,
	.flexbox .top-bar-section li a:not(.button),
	.flexbox .top-bar-section ul li:hover>a{
		max-width:97px;
	}
}
*/

/*
@media screen and (max-width: 1140px) {
	#twitch-section {
		height:auto;
		padding:15px 0;
		line-height:1;
	}
	.twitch-live-box {
    position: static;
    margin-left: -7%;
	}
}
*/
@media screen and (max-width: 1023px) {
	.infoBlock h3{
		font-size:20px;
	}
	.infoBlock p{
		font-size:16px;
	}
	.infoBlock{
		max-width:50%;
	}
}
@media screen and (min-width:640px) and (max-width: 979px) {
	.featured-list-item {width:47.5%;}
}
@media screen and (max-width: 979px) {
	#outer-wrap{
	background:url(../img/content-bg-gray-tablet.jpg) repeat-y;
	}
	#mainFeature #featureContainer {display:none;}
	#mainFeature .royalSlider .rsThumbsHor {display:none;}
	#mainFeature .rsArrow {width:75px;}
	#mainFeature .rsUni .rsArrowIcn{
		background-image: url(../img/thin-carets-sm.png);
		width:50px;
		height:50px;
		margin-left:-25px;
		margin-top:-25px;
	}
	#mainFeature .rsUni .rsArrowLeft .rsArrowIcn{
		background-position:0 0;
	}
	#mainFeature .rsUni .rsArrowRight .rsArrowIcn{
		background-position:-50px 0;
	}
	#four-box-section h4{
		padding:5px;
		font-size:10px;
	}
	#four-box-section h3 {font-size:12px;}
	.no-flexbox #highlights-section #highlights-box {display:block; margin:0 20px 20px 20px;}
	.no-flexbox #highlights-section #highlights-box > li {display:block;width:100%; margin:5px 0; border:2px solid #fff;}
	.no-flexbox #highlights-section #highlights-box li .cell:last-child {vertical-align:middle;}
	.flexbox #highlights-section #highlights-box > li {width:90%; margin:5px auto;}
	#smallMap .mapFloors .sections li a{
	letter-spacing:1px;
	font-size:8px;
	}
		
	#products-section h2{
		margin:0 0 10px;  
	}
	#article-list,
	#product-list{
	 padding:0; 
	}
	#map-section h2{
		padding:15px 0;
		font-size:20px;
	}
	.infoBlock h3{
		font-size:16px;
	}
	.infoBlock p{
		font-size:13px;
	}
	.infoBlock button{
		display:none;
	}

	.isotopeMenu > li > a{
	 font-size:14px; 
	 padding:10px;
	}
	.isotopeItem.large img.isotopeThumb{
	
	}
	/*
	.isotopeContainer{
		max-width:740px;
	}
	*/
	.isotopeItemCaption{
	max-width:none;
	}
	/*
	.isotopeContainer.filtered .isotopeItem{
		width:50% !important;
	}
	*/
	
	#info_panel{
	 padding:10px; 
	}
	#article-list h2, #product-list h2, #info_panel h2{
	 margin:0 0 10px; 
	}
	#article-list .isotopeItem h4,
	#product-list .isotopeItem h4{
		font-size:12px;
		padding:10px 5px;
	}
	#article-list .isotopeItem h4 span,
	#product-list .isotopeItem h4 span{
		font-size:10px;
	}
	#game-and-general-info-container h2{
		width:100%;
	}
	#videos_box, #exhibitor_videos_box, #screenshots_box, #articles_box, #booth_box{
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	
	#panelsBox{
	width:100%;
	margin:0;
	}
	/* Box Styles for Vids, Screenshots, Articles, and Booths */
	#videos_box,
	#exhibitor_videos_box,
	#screenshots_box,
	#booth_box{
	width:100%;
	}
	
	.header-section h1{
		font-size:25px;
		padding:20px 10px;
	}
	
.header-section img{
	width:70px;
}
	.panel p{
		font-size:11px;
	}
	/*
	.isotopeItem{
		width:239px;
	}
	.isotopeItem.small{
		width:200px;
	}
	.isotopeItem.large{
		width:400px;
	}
	*/
#exhibitor-list .item-booth a{
 font-size:14px;
}



#map-floors button{
	width:25%;
	font-size:11px;
	padding:15px 5px;
}

#mobile-info-box{
	position:fixed;
}
/*
.product-info-content li {
	position: relative;
	margin: 0px auto 10px;
	width: 49%;
	float: left;
	margin: 0 1px 10px;
}
*/
  
}
/* current cutoff for collapsed nav */
@media only screen and (max-width: 1023px) {
	#header .header-bg-overlay {
    width: 80%;
    margin: 0 10%;
    left: 0;
	}
	#mainNav {
		position:fixed;
		top:0;
		left:0;
		z-index:99999;
		width:100%;
		height:0;
		overflow:visible;
	}
	.top-bar .toggle-topbar {font-size:30px;}
	.top-bar, .top-bar-section ul {margin-left: 0;}
	.top-bar-section {
		background:#313131;
		line-height:1;
		text-align:center;
		width:100%;
		float:left;
		top:-600px; /*make sure it's higher than the nav*/
		-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
	}
	.expanded .top-bar-section {	
		top: 0;
	}
	.top-bar-section li {
		height:auto;
		line-height:1;
    display: block;
    width: 50%;
    float: left;
	}
	.top-bar-section li:nth-child(odd) {
    border-right: 1px solid #222;
	}
	.top-bar-section li:last-child {
    width: 100%;
    border-top: 1px solid #222;
    border-right: 0;
	}
	
	.top-bar-section li a, .top-bar-section li a:not(.button), .top-bar-section ul li:hover>a {
    display: block !important;
    width: 100% !important;
		height:auto !important;
    max-width: none !important;
		padding:10px !important;
		line-height:1.3 !important;
	}
	#search-btn {
		display:inline-block !important;
		line-height: 38px !important;
    height: 40px !important;
    width: 40px !important;
    padding: 0 9px !important;
		margin:5px 0;
    font-size: 20px !important;
	}
	.top-bar-section .register {
    line-height: 40px;
    width: 100%;
    position: static;
    border-top: 1px solid #222;
	}
	.top-bar-section #social-btns {
    width: 100%;
    height: auto;
    border-top: 1px solid #222;
    text-align: center;	
	}
	.top-bar-section #social-btns li {
    width: auto;
    height: auto;
    line-height: 1;
    float: none;
	}
	.top-bar-section #social-btns a {
    padding: 0 !important;
		margin:5px 0 10px;
    display: inline-block !important;
    line-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
	}
	#signupFormNav {top:65px; position:fixed;}
	
	h2.homepage-titles{
		font-size:35px;
	}
}