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

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

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

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

@media screen and (max-width: 1280px) {
	
	
/*** Menu ***/
a.menu-mobile {
display: inline-block;
padding: 15px 15px 0 15px;
}

a.menu-mobile:hover {
color: #ffe930;
}

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

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

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

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

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

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


}

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

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

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



.column-third-normal {
width: 47%
}

}

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

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

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

.column-third {
width: 46.5%;
}

/*** Home ***/	
.bg-home {
background-color: #0d0f12;
background-size: auto;
}

#home-column {
width: 100%;
margin: 0 auto;
padding: 1em;
}

/*** About ***/	
.bg-about {
background: #000 url(../images/bg-about-mobile.jpg) no-repeat center top;
background-size: auto;
}

#about-container {
width:100%;
padding: 1em;
}


/*** Theaters ***/	
.bg-theaters {
background: #000 url(../images/bg-theaters-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;
}



/*** Resources ***/	
.bg-resources {
background: #000 url(../images/bg-resources-mobile.jpg) no-repeat center top;
background-size: auto;
}


/*** Endorsements ***/	
.bg-endorsements {
background: #000 url(../images/bg-endorsements-mobile.jpg) no-repeat center top;
background-size: auto;
}


/*** Ambassador ***/	
.bg-ambassador {
background: #000 url(../images/bg-ambassador-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-container {
width: 100%;
}




}

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

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

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

.big-pad {
padding: 2em 1em;
}

.column-half {
width: 100%;
margin: 10px auto;
}

/*** 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) {

.column-third,.column-third-normal {
width: 100%;
margin: 10px auto;
}

#footer h3 {
font-size: 1.5em;
}
	
	/*** 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) {

	.black-box {
		padding: 1.25em 0.75em;
	}

	.button-main {
		display: block;
		width: 100%;
		margin: 3px auto;
	}

	/*** Theaters ***/
	#zip-finder-box input[type=text], #home-zip-finder-box input[type=text] {
		padding: 9px;
		width: 95%;
		margin: 2px auto;
		border-radius: 0px;
	}

	.btn-zip, .home-btn-zip {
		width: 100%;
		padding: 10px;
		margin: 0 auto;
		border-radius: 0px;
	}
}

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

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

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

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