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

.container {
width: 100%;
}


.thumb_float {
margin: 0 4% 25px 0;
}



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




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


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

ul#menunav {
width: 320px;
display: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0;
top: 55px;
background: #000000;
margin: 0; 
padding: 0;
float: left;
z-index: 200;
}

ul#menunav li {
position: relative;
display: block;
float: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #141414;
text-align: left;
line-height: 1;
font-size: 0.85em;
background: none;
}

ul#menunav li span {
width: 150px !important;
display: block;
font-weight: normal;
text-decoration: none;
padding: 13px;
}


ul#menunav li a {
color: #ffffff;
display: block;
font-weight: normal;
text-decoration: none;
padding: 13px;
}

ul#menunav li a:hover {
color: #ffffff;
text-decoration: none;
background: #141414;
font-weight: normal;
text-decoration: none;
}

.menu_arrow {
display: none;
}

.menu_arrow_right {
display: inline-block;
}

ul#menunav li ul {
left: 100%;
top: 0;
z-index: 88888;
}

ul#menunav li ul li a {
padding: 13px;
float: none;
display: block;
}




}/**** END 950 ****/




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

h1 {font-size: 2em;  } /* 60px */
h2 {font-size: 1.9em;} /* 48px */
h3 {font-size: 1.85em;} /* 36px */ 
h4 {font-size: 1.35em; } /* 24px */
h5 {font-size: 1.25em; } /* 21px */
h6 {font-size: 1em;} /* 18px */

/***** HOME *****/
#home_column_left,#home_column_right {
margin: 10px auto 0 auto;
float: none;
width: 95%;
}

#home_column_right .spacer50 {
	padding: 0 !important;
}

/***** DOWNLOADS *****/
.column_third {
width: 46%;
}

/***** RESOURCES *****/
.column_resources {
width: 100%;
margin: 10px auto;
float: none;
}

.resources_image {
float: none;
}

.whitebox_pad .column_third {
float: none;
width: 100%;
}

/**** VIDEOS *****/
.column_videos {
width: 43%;
}





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



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

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

/**** BUY ****/
#buy_column_left,#buy_column_right {
	float: none;
	width: 97%;
	text-align: center;
	margin: 10px auto;
}

#buy_column_right .spacer20 {
	padding: 0 !important;
}


/***** DOWNLOADS *****/
.column_third {
width: 100%;
float: none;
}

/***** LANDING PAGES *****/
.landing {
width: 95%;
}

.landing_videoplayer {
width: 96%;
}

.landing_facebook, .landing_twitter {
width: 90% !important;
display: block;
}


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



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

#comingsoon {
font-size: 1.75em;
}

.column_videos {
width: 75%;
display: block !important;
margin: 0 auto 15px auto;
font-size: 0.90em;
}



/**** HOME ****/



/**** THEATERS ****/
.hide_it {
display: none;
}

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



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

ul#menunav li ul {
width: 100%;
position: relative;
left: 0;
top: 0;
display: block;
}

ul#menunav li ul li, ul#menunav li ul li a {
width: 100% !important;
float: none;
display: block;
}

h1 {font-size: 1.75em;  } /* 60px */
h6 {font-size: 1em;} /* 18px */

/***** DOWNLOADS *****/
.column_third {
width: 90%;
float: none;
}

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