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

/* GLOBAL */
#menu_icon {
display: block;
}

ul#menu {
position: absolute !important;
top: 50px;
left: 0;
float: none !important;
display: none;
z-index: 100;
background: #000000;
width: 15%;
border: none;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-khtml-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}

ul#menu li {
float:none;
border-right: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #2f2f2f;
text-align: left;
line-height: 1;
position: relative;
display: block;
}

ul#menu li a, ul#menu li span {
padding: 8px 15px;
display: block;
}

.menu_arrow {
display: none;
}

.menu_arrow_right {
display: inline-block;
}

ul#menu li ul {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 100%; 
top: 0;
background: #000000;
margin: 0; 
padding: 0;
display: none;
float: left;
z-index: 2000;
border: none;
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius: 0px 0px 0px 0px !important;
-webkit-border-radius: 0px 0px 0px 0px !important;
-khtml-border-radius: 0px 0px 0px 0px !important;
border-radius: 0px 0px 0px 0px !important;
}

ul#menu li ul li.curve {
behavior: url(_css/PIE.php);/* for ie */
-moz-border-radius: 0px 0px 0px 0px !important;
-webkit-border-radius: 0px 0px 0px 0px !important;
-khtml-border-radius: 0px 0px 0px 0px !important;
border-radius: 0px 0px 0px 0px !important;
}


}/**** END 1200 ****/




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

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

#full_container {
width: 95%;
}



/* ABOUT, CAST & UPDATES */
#title_about, #title_cast, #title_updates {
margin: 25px 0 25px 3%;
}

#about_container, #cast_container, #updates_container  {
margin: 55px 0 55px 3%;
}



}/**** END 988 ****/



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

/* GLOBAL */
.container {
width: 98%;
}


ul#menu {
width: 25%;
}

.background_about, .background_cast,.background_theaters,.background_videos,.background_downloads,.background_updates,.background_endorsements {
background: #000000 url(../_images/bg_general_768.jpg) no-repeat center 50px !important;
position: relative;
}




/***** DVD HOME *****/
#dvdhome_content {
width: 66%;
text-align: center;
margin: 250px auto 40px auto;
}

#dvdhome_column_left,#dvdhome_column_right {
float: none !important;
width: 100% !important;
margin: 0 auto 8px auto !important;
}



/* ABOUT, CAST & UPDATES */
#title_about, #title_cast, #title_updates {
margin: 25px auto;
}

#about_container, #cast_container, #updates_container  {
margin: 55px auto;
width: 100%;
}

.cast_pad img {
margin: 20px 20px 100px 0;
float: left;
}

/* THEATERS */
.theater_banner1 {
background: #000000 url(../_images/theaterbanner1_bg.jpg) no-repeat -250px top;
}

/* VIDEOS */
.column_videos {
width: 30%;
margin: 0 1% 25px 2%;
font-size: 0.90em;
}

.column_photos {
width: 30%;
margin: 0 1% 25px 2%;
}

/* DOWNLOADS */
.column_downloads {
width: 46%;
margin: 10px 1% 20px 2%;
}

/* ENDORSEMENTS */
.endorsement {
font-size: 1em;
}


/**** FEATURE ****/
#feature_container {
width: 80%;
}

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



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

/* GLOBAL */

#title_about, #title_cast, #title_updates, #full_title {
width: 100%;
margin: 25px auto;
}


/***** DVD HOME *****/
#dvdhome_content {
width: 80%;
}


/*** BUY PAGE ****/
#dvd_column_left,#dvd_column_right,#dvd_column_event_left,#dvd_column_event_right {
float: none;
width: 100%;
margin: 10px auto;
}



.buydvd_columns {
width: 100%;
float: none;
text-align: left;
margin: 15px auto 25px auto;
}

.dvd_content_column {
width: 100%;
float: none;
text-align: left;
margin: 5px auto;
}


/**** FEATURE ****/
#feature_container {
width: 98%;
}

.feature_img {
float: none;
margin-bottom: 5px;
}


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



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


/* GLOBAL */
#wrapper {
margin: 0 auto -340px auto;
}

#push,#footer {
height: 340px;
}

ul#menu {
width: 35%;
}

#background_full {
-webkit-background-size: contain !important;
-moz-background-size: contain !important;
-o-background-size: contain !important;
background-size: contain !important;
}


.column_half {
width: 100%;
float: none;
margin: 0 0 40px 0;
}


#footer_pad h4 {
font-size: 2em;
}

#footer_pad h3 {
font-size: 3em;
}



/***** DVD HOME *****/
#dvdhome_content {
width: 95%;
margin: 15px auto;
}

.bg_dvdhome {
background: #ffffff !important;
position: relative;
background-image:none !important;
}

/* CAST */
.cast_thumb {
width: 46%;
margin: 25px 1% 0 2%;
}

/* THEATERS */
#map {
display: none;
}

.hide {
display: none;
}

.state_select {
width: 100%;
}

.reservebtn {
font-size: 1em;
padding: 5px 15px;
}

.theater_banner1 {
background: #000000;
height: 75px;
}

.theater_banner1_copy {
font-size: 2em;
text-align: center;
}

.groupsales_pad {
padding: 10px;
font-size: 1.75em;
line-height: 1.1;
}


/* VIDEOS */
.column_videos {
width: 47%;
margin: 0 1% 25px 2%;
font-size: 0.90em;
}

.column_photos {
width: 47%;
margin: 0 1% 25px 2%;
}


/* DOWNLOADS */
.column_downloads {
width: 100%;
margin: 10px 0 20px 0;
float: none;
}



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



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

ul#menu {
width: 45%;
}

.column_half {
width: 100%;
float: none;
margin: 0 0 40px 0;
}

.padit8 {
padding: 4px;
}

.spacer8 {
margin: 0 0 4px 0 !important;
}

h3 {
font-size: 2em;
}

h6 {
font-size: 1.25em;
}


#footer_pad h4 {
font-size: 1.5em;
}

#footer_pad h3 {
font-size: 2.25em;
}




/* THEATERS */
.theater_banner1_copy {
font-size: 1.5em;
text-align: center;
}

/* VIDEOS */
.column_videos {
width: 100%;
float: none;
margin: 10px auto 20px auto;
font-size: 0.90em;
}

.column_photos {
width: 100%;
float: none;
margin: 10px 0 20px 2%;
text-align: center;
}

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