/************************************************************************************
smaller than 1500
*************************************************************************************/

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

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

/************************************************************************************
smaller than 1280
*************************************************************************************/

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

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

/************************************************************************************
smaller than 1180
*************************************************************************************/

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

	#home-container {
		margin: 70px auto;
		width: 100%;
		padding: 0.5em;
	}
}

/**** END 1180 ****/

/************************************************************************************
smaller than 1024
*************************************************************************************/

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

.flex_column_container .column_third {
width: 48%;
}
	
	.column_third,.column_twothird {
		width: 47%;
	}

}

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

/************************************************************************************
smaller than 900
*************************************************************************************/

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


/* GLOBAL */
.container_twothird {
width: 100%;
}

.content_pad {
padding: 3em 1.5em 1.5em 1.5em;
}

.flex_column_container .column_third {
width: 100%;
}
	
	
	.column_third,.column_twothird {
		width: 100%;
	}
	
	#buy-container .right_it {
		text-align: center !important;
	}


/* Home */	
.full_video_content {
background: #000 url(../_images/bg_home_mobile.jpg) no-repeat center top;
background-size: cover;
}


/* Synopsis */		
.bg_synopsis {
background: #000 url(../_images/bg_synopsis_mobile.jpg) no-repeat center top;
background-size: auto;
}



/* Cast */		
.bg_cast {
background: #000 url(../_images/bg_cast_mobile.jpg) no-repeat center top;
background-size: auto;
}



/* Group Tickets */		
.bg_groups {
background: #000 url(../_images/bg_groups_mobile.jpg) no-repeat center top;
background-size: auto;
}




/* Photos */		
.bg_photos {
background: #000 url(../_images/bg_photos_mobile.jpg) no-repeat center top;
background-size: auto;
}



/* Theaters */
#zip_finder_box {
margin: 5px auto 8px auto;
float: none;
text-align:center;
}

.state_select {
margin: 5px auto;
}

#theater_states {
text-align: center !important;
}




/* Updates */		
.bg_updates {
background: #000 url(../_images/bg_updates_mobile.jpg) no-repeat center top;
background-size: auto;
}





}

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

/************************************************************************************
smaller than 768
*************************************************************************************/

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

	
	.the-videoplayer {
		width: 100%;
	}

.nav {
width: 100%;
left: -768px;
}

.menu_open {
position: fixed;
left: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.menu_close {
position: fixed;
left: -768px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


#menu_social {
position: absolute;
right: 20px;
top: 20px;
}

#menu_social li {
display: inline-block;
margin: 0;
padding: 0;
}


/* Theaters */
#theater_column {
position: relative;
float: none;
width: 95%;
margin: 30px auto;
}

.theater_state {
display: none;
}

.theater_buy {
width: 50%;
}

.show_distance {
display: inline-block;
}


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

/************************************************************************************
smaller than 640
*************************************************************************************/

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


/* Theaters */
.theater_info, .theater_buy {
float: none;
width: 100%;
margin: 0 0 6px 0;
text-align: center;
}
}

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

/************************************************************************************
smaller than 480
*************************************************************************************/

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

.button_outline {
padding: 1em;
font-size: 1em;
	width: 95%;
	margin: 4px auto;
}

#footer h3 {
font-size: 1.25em;
}


/* Theaters */
#zip_finder_box input[type=text], #home_zip_finder_box input[type=text] {
padding: 9px;
width: 95%;
	margin: 2px auto;
}

.btn_zip {
width: 95%;
padding: 10px;
margin: 0 auto;
}

}

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

/************************************************************************************
smaller than 320
*************************************************************************************/

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

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