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

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

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

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

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

#the_form {
width: 95%;
}


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

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

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


}

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

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

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

.column_third {
width: 46%;
}


.pray_column {
width: 100%;
margin: 10px auto;
}

}

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

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

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

/*** MENU ***/
a.mobile-menu {
display: block;
text-align: left;
}


#menu-nav ul {
z-index: 9999;
width: 100%;
position: absolute;
top: 45;
left: 0;
display: none;
background: rgba(0,0,0,0.85);
}

#menu-nav ul li {
display: block;
text-align: left;
border-top: 1px solid rgba(255,255,255,0.10);
}

#menu-nav ul li a,#menu-nav ul li span {
padding: 0.75em;
}




.image_brdr_float {
float: none;
margin: 15px auto;
}

.big_pad {
padding: 1em;
}

.title_spacer {
padding: 1em 0;
}

.column_half {
width: 100%;
margin: 10px auto;
}	

.align_shift,
#home_column .right_it,
#home_column .left_it {
text-align: center !important;
}




/**** HOME ****/
.bg-home {
height: 750px;
background: #000 url(../_images/bg-home-mobile.jpg) no-repeat center center;
background-size: auto;
}

#home-content {
width: 100%;
}


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

#about_column {
width: 100%;
margin: 0 auto;
padding: 2em;
float: none;
}

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


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

.state_select {
margin: 5px auto;
}

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


/**** VIDEOS ****/
.bg_videos {
background: #000 url(../_images/bg_videos_mobile.jpg) no-repeat center top;
background-size: auto;
}

.video_columns {
width: 100%;
margin: 10px auto;
}



/**** SHARE ****/
.bg_share {
background: #000 url(../_images/bg_share_mobile.jpg) no-repeat center top;
background-size: auto;
}

/**** PRAY ****/
.bg_pray {
background: #000 url(../_images/bg_pray_mobile.jpg) no-repeat center top;
background-size: auto;
}




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

.group_column {
width: 100%;
margin: 10px auto;
}




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

.updates_column {
width: 100%;
margin: 10px auto;
}

}

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

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

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

#wrapper {
min-height: auto;
height: auto;
}



/** TICKETS **/
.theater_state {
display: none;
}

.theater_buy {
width: 50%;
}

.show_distance {
display: inline-block;
}


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

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

@media screen and (max-width: 640px) {
#the-footer h3 {
font-size: 1.3em !important;
}
	
#the-footer h2 {
font-size: 2em !important;
}
	
#the-footer h6 {
font-size: 0.90em !important;
}

.column_third {
width: 100%;
margin: 10px auto;
}


/*** HOME ***/
#home-content {
padding: 15px;
}
	
	
	#home-content h5 {
		font-size: 1.25em;
	}
	
	#home-content h1 {
		font-size: 2.25em;
	}


}

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

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

@media screen and (max-width: 480px) {
	
	.button_main {
		display: block;
		width: 100%;
		margin: 3px auto;
	}
/*** HOME ***/


.button_outline {
width: 100%;
padding: 1em 2em;
font-size: 1em;
}

/** TICKETS **/
#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 ****/