@media screen and (min-width: 1250px) and (max-width: 1500px) {


.thin-left {
	width: 150px; height: 426px; position:fixed; top:60px; margin-left:-180px; z-index:1;
	}
	
.thin-right {
	width: 150px; height:426px; position:fixed; top:60px; margin-left:960px; z-index:1;
	}		
	
	
/* this class is applied to the homepage takeovers */

.hp-takeover-wide {
	display:none !important;
	}
	

.hp-takeover-thin {
	display:block !important;
	}
	
/* this class is applied to all takeovers not on the homepage */	
	
.takeover-wide {
	display:none !important;
	}
	

.takeover-thin {
	display:block !important;
	}
	
	
}