/************************************************************************************
smaller than 1500
*************************************************************************************/	
@media screen 
and (max-width: 1500px) {
#menu_icon {
display: block;
}

#menu_social {
	float: left;
}

#menu ul {
width: 250px;
display: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
top: 60px;
left: 0;
margin: 0 !important; 
padding: 0 !important; 
z-index: 10;
background: #e80608;
filter:alpha(opacity=80);   
-moz-opacity: 0.80;   
opacity: 0.80;
-khtml-opacity: 0.80; 
}

#menu ul li {
float: none;
position: relative;
display: block;
margin: 0;
padding: 13px;
text-align: left;
border-top: 1px solid #b00a0b;
line-height: 1;
}



#menu ul li ul {
list-style: none;
position: relative; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 12px; 
top:  12px;
margin: 0;
padding: 0;
display: none;
float: none !important;
z-index: 3;
width: 120px;
}

#menu ul li ul li {
float: none;
background: #eacf8a;
border-top: 1px solid #b00a0b;
position: relative;
display: block;
margin: 0;
padding: 0;
text-align: left;
line-height: 1;
}

#menu ul li ul li a {
	padding: 8px !important;
	display: block;
}


}/**** END 1500 ****/




/************************************************************************************
smaller than 1280
*************************************************************************************/	
@media screen 
and (max-width: 1280px) {
	
	/*** GROUP ****/
	#group_container {
		width: 100%;
	}


/*** CAST ***/
.column_cast {
	width: 33.3333%;
}

/*** PHOTOS/VIDEOS ***/
.video_thumbs {
width: 45%;
}



}/**** END 1280 ****/


/************************************************************************************
smaller than 1024
*************************************************************************************/	
@media screen 
and (max-width: 1024px) {
	
	.container {
		width: 99%;
	}
	
	.column_half_spacer {
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
	}

/*** HOME ***/
.bg_home {
	background: url(../_images/bg_home_mobile.jpg) no-repeat center top fixed;
}
#home_trailer {
	float: none;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}

#home_title {
	width: 40%;
	margin: 0 auto;
}

.home_timer {
	width: 40%;
}

.home_timer ul li {
	font-size: 0.80em;
}


/*** RESOURCES ***/
.resource_column {
	width: 75%;
}


/*** GROUP TICKETS & THEATERS ***/
#theaters_container {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}



/*** SIGN UP ****/
.column_signup {
	width: 60%;
}


}/**** END 1024 ****/





/************************************************************************************
smaller than 900
*************************************************************************************/	
@media screen 
and (max-width: 900px) {
	
/*** CAST ***/
.column_cast {
	width: 50%;
}


}/**** END 900 ****/


/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen 
and (max-width: 768px) {

.column_third_spacer {
	width: 46%;
	margin: 0 1% 10px 1%;
}

/*** HOME ***/
#home_title {
	width: 100%;
}

.home_timer {
	width: 100%;
}


/*** ABOUT ***/
.column_about {
	width: 100%;
	float: none;
}

/*** RESOURCES ***/
.resource_column {
	width: 67%;
}

/*** GROUP TICKETS ***/
#videoplayer {
	width: 100%;
}



/*** SIGN UP ***/
.column_signup {
	width: 90%;
	margin: 0 auto;
	float: none;
}


}/**** END 768 ****/



/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen 
and (max-width: 640px) {
	
.hide_it {
	display: none;
}

/*** RESOURCES ***/
.resource_column {
	width: 100%;
	float: none;
}

.resource_image {
	float: none;
}

/*** THEATERS ***/
#map {
	display: none;
}

.theaterlist tbody td {
	font-size: 0.95em;
}


}/**** END 640 ****/



/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen 
and (max-width: 480px) {
	
	.column_third_spacer {
	width: 100%;
	margin: 0px auto 15px auto;
}

/*** HOME ***/
#home_banner {
	font-size: 1em;
}

/*** CAST ***/
.column_cast {
	width: 100%;
	float: none;
	margin: 0;
}

/*** VIDEOS/PHOTOS ***/
.video_thumbs {
width: 90%;
float: none;
}



}/**** END 480 ****/



/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen 
and (max-width: 320px) {
	


	

}/**** END 320 ****/