body, .container{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: black;
}

@media only screen and (max-device-width: 721px){
	#tablet_design{
		display: none;	
	}
		
	#mobile_design{
		display: block;	
	}
	#home_page_first_element{
		font-family: 'Graublau Web'; 
		color:white;
		background-color: black;
		top: 0px;
	}
	
	#mobile_top_title{
		font-size: 71px;
		border-top: 1px solid black;
		padding-left: 15px;
		background-color: black;
		z-index: 1;
	}
	
	.follow_us_facebook, .follow_us_twitter{
		width: 68px;
		position: relative;
		top: 3px;
	}
	
	#mobile_search{
		width: 90%;
		height: 80px;
		background-color: #606060;
		border: 0;
	}
	
	#mobile_browse_down_title{
		font-size: 30px;
		font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
		color: white;
		margin-top: 6%;
	}
	
	#mobile_search_img{
		width: 80px;
	}
	
	#mobile_menu_icon, #mobile_home_btn_icon{
		width: 68px;
		padding-right: 15px;
	}
	
	#mobile_home_btn_icon{
		position: relative;
		right: 5px;
	}
	
	#mobile_top_main_img{
		width: 100%;
		border-bottom: 4px solid red; 
	}
	
	#mobile_slide_top_menu{
		background-color: #494949;
		width: 100%;
		height:100px;
		margin-top: 82px;
		vertical-align: middle;
		border-top: 3px solid red; 
		border-bottom: 4px solid red;  
	}
	
	#table_mobile_slide_top_menu{
		position: relative;
		top: 5px;		
	}
	
	#table_mobile_slide_top_menu_categories{
		width: 100%;
		font-family: 'Graublau Web'; 
		font-size: 70px;
		color: red;
	}
	
	#mobile_slide_menu_categories table tr td{
		padding: 0 5px 0 5px;
	}
	
	#mobile_arrow_left{
		position: relative;
		left: 25px;
		top: 5px;
	}
	
	#mobile_arrow_right{
		position: relative;
		right: 25px;
		top: 5px;
	}	
	
	#div_mobile_logo{
		width: 100%; 
		margin-top: 6%;
	}
	
	#div_mobile_search{
		margin-top: 6%;
	}
	
	#main_container{
		margin-top: 600px;	
	}
	
	#div_mobile_logo 
		img{
			width: 70%;
	}
	
	#mobile_side_nav{
		display: none;
		position: absolute;
		top: 85px;
		right:0;
		z-index: 999;
		width: 30%;
		background-color: gray;
		font-family: 'Graublau Web'; 
		font-size: 60px;
		
	}
	
	#mobile_footer{
		width: 100%;
		color: red;
		font-size: 80px;
		background-color: #adadad;
		font-family: 'Graublau Web';
		
	}
	
	#mobile_footer div{
		border-bottom: 2px solid black;
		padding-left: 15px;
	}
	
	#mobile_close_side_menu{
		display: none;
		color: red;
		font-size: 80px;
		font-weight: bold;
	}  
	
	#video_cover img{
		width: 110%;
		border: 2px solid white;
	}
	
	#video_description{
		color: white;
		font-size: 30px;
		position: relative;
		top: 40px;	
		margin-left: 8%;
	}
	
	.video_description_director, .video_description_year{
		color: gray;	
	}
	
	.video_row{
		border-bottom: 2px solid red;
		height: 250px;
		padding-left: 9%;
		margin-top: 4%;
	}
	
	#wrap{
		position: relative;
		top: 535px;
		z-index: -1;
	}
}


/*####################################################################################################*/
@media only screen and (min-device-width: 721px){
	#mobile_design{
		display: none;	
	}
	
	#tablet_design{
		display: block;	
		height: 500px;
	}	

	#mobile_top_menu_nav{
		font-family: 'Graublau Web';
		margin-top: 30px;
		border-bottom: 1px solid #A29672;
		padding-bottom: 10px;
	}	

	#mobile_top_menu_nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		color: white;
		font-size: 33px;
		vertical-align: top;
	}
	
	#mobile_top_menu_nav ul li {
		display: inline;
		vertical-align: top;
 		padding: 0 7px 0 7px;
	}
	
	#mobile_search{
		width: 25%;
		height: 28px;
		background-color: #606060;
		border: 0;
		vertical-align: top;
		margin-top: 3px;
	}	
	
	#mobile_search_img{
		width: 30px;
		vertical-align: top;
		margin-top: 3px;
	}	
	
	.follow_us_facebook, .follow_us_twitter{
		width: 30px;
		padding: 0 3px 0 3px;
	}	
	
	#div_mobile_logo img{
		width: 70%;
		margin-top: 10px; 
	}
	
	#mobile_horror_title{
		font-size: 90px;
		color: white;
		font-family: 'Graublau Web';
		margin-top: 30px;
	}	
	
	#mobile_browse_down_title{
		font-size: 20px;
		font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
		color: white;
		margin-top: 50px;
	}		
}

	/*******************************************************************************************/
	#big_1 {
		background: url('../images/700_new/ZOMBIE.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_2 {
		background: url('../images/700_new/VAMPIRE.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_3 {
		background: url('../images/700_new/SLASHER.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_4 {
		background: url('../images/700_new/GHOST.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	/*******************************************************************************************/
	#big_5 {
		background: url('../images/700_new/CREATURE.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_6 {
		background: url('../images/700_new/CANNIBAL.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_7 {
		background: url('../images/700_new/CULT.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_8 {
		background: url('../images/700_new/CLASSIC.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	/*******************************************************************************************/
	#big_9 {
		background: url('../images/700_new/INDIE.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/
	#big_10 {
		background: url('../images/700_new/SCREAMS.jpg') no-repeat;
		height:650px;
		background-size: cover;
	}
	/*******************************************************************************************/