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

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

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

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

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


}

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

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

@media screen and (max-width: 1180px) {
	
	#stills {
	padding: 75px 20px;
}
	


}

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

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

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

	.column-flex-container .column-quarter {
		width: 47%;
	}
	
	#cast {
			padding: 75px 20px;
	}
	
	
	.cast-container {
	width: 100%;
	margin: 25px auto;
}
	


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

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

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

	
	
/*** Menu ***/
#menu {
height: 85px;
}



a.menu-burger {
display: inline-block;
}


#menu-nav ul {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #000;
padding: 0;
display: none;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.45);
box-shadow: 0 5px 10px rgba(0,0,0,0.45);
}

#menu-nav ul li {
width: 100%;
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;
}

#menu-nav ul li a:hover {
background: rgba(255,255,255,0.1);
}

#menu-social a {
font-size: 0.80em;
}

	
	
/** Home Header **/
#home-header {
height: 700px;
background: #fff url(../images/trafficked-header-mobile.jpg) no-repeat center top;
background-size: auto;
	padding: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
	
}

		.date-banner {
	font-size: 25px;
			margin: 10px auto 25px auto;
			display: block;
			padding: 15px;
	}
	
	.home-header-column {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
		line-height: 1;
	}
	
	.button-header {
margin: 1px auto;
	}
	
	/** Synopsis **/
	.synopsis-container,.resources-container,.stills-container {
	padding: 50px 15px;
	display: block;
}
	
	.synopsis-column {
	width: 100%;
	margin: 30px auto;
display: block;
		padding: 0;
		z-index:2;
}
	.synopsis-column .padit60 {
		padding: 0;
	}

/** Updates **/
	
	#updates {
	padding: 75px 25px;
		display: block;
	background: #000 url(../images/bg-updates-mobile.jpg) no-repeat center top;
background-size: auto;
}
	
	
}

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

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

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


		.date-banner {
			width: 100%;
	font-size: 19px;
			
	}
	

	
	.padit60 {
		padding: 40px 30px;
	}
	
	#updates {
		padding: 3em 1.5em;
	}
	
	.column-half {
		width: 100%;
		margin: 5px auto;
	}
	
	
		.cast-container {
		display: block;
		margin: 10px auto 40px auto;
	}
	
	.cast-column-left {
	width: 50%;
	margin: 10px;
		display: block;

}

.cast-column-right {
	width: 100%;
}


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

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

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

.column-flex-container .column-quarter {
		width: 100%;
	display: block;
	margin: 10px auto;
	}

}

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



/************************************************************************************
smaller than 550
*************************************************************************************/

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

}

/**** END 550 ****/



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

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

	
		.date-banner {
	font-size: 17px;
			
	}

	.button-header {
		width: 100%;
		font-size: 0.85em;
	}
	
	
.button-main,
.button-outline,
.button-outline-dark {
display: block;
margin: 5px auto;
width: 100%;
}
	
	
	
	.cast-column-left {
	width: 100%;
	margin: 10px auto;
}
	

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

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

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

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