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



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




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

/*** GLOBALS ***/
.container {
width: 90%;
margin: 0 auto;
}


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


/************************************************************************************
smaller than 1180
*************************************************************************************/	
@media screen 
and (max-width: 1180px) {
	
	
	a.mobile_button {
	display: block;
}



/*** MENU ***/
#the_nav {
float: none;
margin: 0 auto;
display: none;
overflow: auto;
}

#the_nav li {
margin: 0;
padding: 0;
color: #ffffff;
display: block;
text-align: left;
border-top: 1px solid #38666e;
}

#the_nav li a, #the_nav li span {
padding: 13px;
}

#the_nav li a:hover {
padding: 13px;
}

a.mobile-menu{
display: inline-block;
vertical-align: top;
}

/*level 2 and 3 - make same width as all items*/
#the_nav ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
background: none;
}



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




/************************************************************************************
smaller than 1024
*************************************************************************************/	
@media screen 
and (max-width: 1024px) {
	
	.dvd_padding {
		padding: 1em;
	}
	
	.big_animated_button {
		width: 80% !important;
		margin: 10px auto !important;
	}
	
	
.flex_column_third, .flex_column_third_alt {
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
-webkit-flex: 0 1 47%;
        flex: 0 1 47%;
margin: 10px auto;
}
	
	.center_vert {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

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


/** HOME **/
	.home_column_right,.home_column_left {
		width: 100%;
		margin: 10px auto;
		text-align: center !important;
	}
	
	.home_column_right h1,.home_column_left h1 {
		font-size: 2em;
	}
	
	#home_quotes {
		display: none;
	}



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

.state_select {
margin: 5px auto;
}

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

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





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

.column_half_float_right {
float: none;
width: 90%;
margin: 10px auto;
}

	.image_brdr_float, .image_float {
		float: none;
		margin: 5px auto;
	}
	
	#cityonahill .spacer60 {
		display: none;
	}

.column_third {
width: 47%;
}

#update_container {
width: 90%;

}


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


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




/*** GLOBAL ***/
#wrapper_bg {
background-size: auto;
}


.column_left {
width: 95%;
float: none;
margin: 0 auto;
}

.column_half, .column_half_spacer,.column_third,.column_twothird  {
width: 98%;
display: block;
margin: 5px auto;
}
	
.flex_column_third,.flex_column_half,.flex_column_third_alt {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
        flex: 1 1 100%;
}

.black_box_pad {
padding: 35px 20px;
}
	
	a.big_animated_button:link, a.big_animated_button:visited {
	font-size:1.25em;
}
	

/*** MAIN ***/
	.bg_dvdhome {
background: #000000 url(../_images/bg_dvdhome_mobile.jpg) no-repeat center top;
}

	
.bg_main {
background: #000000 url(../_images/bg_main_mobile.jpg) no-repeat center top;
}

/** TICKETS **/
.bg_tickets {
background: #000000 url(../_images/bg_tickets_mobile.jpg) no-repeat center top;
}

.theater_state {
display: none;
}

.theater_buy {
width: 50%;
}

.show_distance {
display: inline-block;
}

/*** GROUPS ***/
.bg_groups {
background: #000000 url(../_images/bg_groups_mobile.jpg) no-repeat center top;
}

/*** ABOUT ***/
.bg_about {
background: #000000 url(../_images/bg_about_mobile.jpg) no-repeat center top;
}

/*** CAST ***/
.bg_cast {
background: #000000 url(../_images/bg_cast_mobile.jpg) no-repeat center top;
}
/*** FILMMAKERS ***/
.bg_filmmakers {
background: #000000 url(../_images/bg_filmmakers_mobile.jpg) no-repeat center top;
}
/*** MERCYME ***/
.bg_mercyme {
background: #000000 url(../_images/bg_mercyme_mobile.jpg) no-repeat center top;
}

/*** ENDORSEMENTS ***/
.bg_endorsements {
background: #000000 url(../_images/bg_endorsements_mobile.jpg) no-repeat center top;
}

/*** RESOURCES ***/
.bg_resources {
background: #000000 url(../_images/bg_resources_mobile.jpg) no-repeat center top;
}

/*** UPDATES ***/
.bg_updates {
background: #000000 url(../_images/bg_updates_mobile.jpg) no-repeat center top;
}


/*** PHOTOS ***/
.bg_photos {
background: #000000 url(../_images/bg_photos_mobile.jpg) no-repeat center top;
}




/*** BUY ***/
	#buy_container .right_it {
		text-align: left !important;
	}







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



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

	.image_brdr_float {
		float: none;
		margin: 0 0 8px 0;
	}

#footer_pad h1 {
font-size: 2em !important;
}

/*** HOME ***/
.bg_home {
min-height: auto;
height: auto;
}

.home_container {
width: 95%;
margin: 40px auto;
position: relative;
}

.centered_container {
width: 100%;
position: relative;
top: 0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

#home_zip_finder input[type=text],.home_btn_zip {
width: 100%;
border: 1px solid #ffffff;
margin: 0 auto;
padding: 15px;
border-collapse: collapse;
font-size: 1.2em;
}



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



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

/** ABOUT THE MOVIE **/
.column_third h3 {
font-size: 1.35em;
}

/** CAST **/
.cast_column {
width: 90%;
}

/** THEATERS **/
#zip_finder_box input[type=text] {
padding: 9px;
width: 268px;
}

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


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




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



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





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