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



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




/************************************************************************************
smaller than 1280
*************************************************************************************/	
@media screen 
and (max-width: 1280px) {
	
		.container {
		width: 99%;
	}
	
	
		#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: #5f673f;
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 #6b7449;
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 #6b7449;
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;
}

	
	
	
	
	/** HOME **/
	#home_content {
	width: 50%;
}

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

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


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

	
	.column_half_spacer {
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
	}

/** SYNOPSIS **/
#synopsis_content {
	width: 60%;
}
	
	
	/*** GET INVOLVED **/
	.involved_column {
	width: 60%;
}


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


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





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

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


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


/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen 
and (max-width: 768px) {
	
	.bg_main,.bg_synopsis,.bg_cast,.bg_signup,.bg_endorsements {
	background: url(../_images/bg_mobile.jpg) no-repeat center top fixed;
	min-height: auto;
}
	

.column_third_spacer {
	width: 46%;
	margin: 0 1% 10px 1%;
}
	
	.video-player {
	width: 98%;
}
	
	

/** HOME **/
.bg_main {
	min-height: 0;
}

#home_content {
	width: 100%;
	margin: 10% auto;

}

/** SYNOPSIS **/
#synopsis_content {
	width: 90%;
	float: none;
	margin: 20px auto;
}

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

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

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




/*** 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;
}
	
		/*** GET INVOLVED **/
	.involved_column {
	width: 98%;
		float: none;
		margin: 10px auto;
}
	
	.image_float {
		float: none;
		margin: 10px auto;
	}
	
	

/*** 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;
}

/*** CAST ***/
.column_cast {
	width: 95%;
	margin: 10px auto 20px auto;
	display: block;
}

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



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



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


	

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