@media screen and (max-width: 1100px) {

#mainContent,#TBDheader {
    width: 80%;
    margin-left: 10%;
}

}

@media screen and (max-width: 900px) {
	#pageH1 {
		display: block;
	}
	
	#stageLG {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	#label {
		float: none;
		width: 100%;
		text-align: center;
		padding-top: 8px;
	}
	
	#thumbnailAREAw {
		padding-top: 20px;
	
	}
	
	.desktopNavHide {
		display: block !important;
    }
	
	#stageType {
		text-align: left;
		width: 100%;
		margin-left: 0;
	}
	
	
	
}

@media screen and (max-width: 800px) {
	#headTb {	
		width: 80%;
	}
	 
	 #headTbRight {	
		display: none
	}

	
	#headSym {	
    	text-align: right;
		width: 20%;
	}
	
	#mainContent {
    width: 80%;
    margin-left: 10%;
	}
	
	#TBDheader {
    width: 80%;
    margin-left: 10%;
	}
	
	#contactFooter {
    width: 80%;
    margin-left: 10%;
	}
		
}

@media screen and (max-width: 360px) {
	
	
	#mainContent {
    width: 86%;
    margin-left: 7%;
	}
	
	#TBDheader {
    width: 86%;
    margin-left: 7%;
	}
	
	#contactFooter {
    width: 86%;
    margin-left: 7%;
	}
	
	#thumbnailAREAw {
	width: 272px; /* 6 columns, (48x6) - 16   */
	margin-left: auto;
	margin-right: auto;
	}
	
	div.TH:nth-child(6n+6) { 
	width: 32px;  
}

	
}