@media only screen and (min-width: 481px) and (max-width: 1023px) {
	#story {width: 100%;}
    .navicon {display:block !important;}
	.navicon:hover {background: #0072bc !important;}
    #header{width:100%;}
    #nav{width:100%;}
	#mobile-header {width:100%;display: block;color: #444;font-size: 23px;float: left;margin: 0;position: absolute;left: 0;background: #0077db;}
    #responsive-menu-button {color: #fff;padding: 14px 15px;}
    #navigation {display: none;}
    #responsive-menu-button:active {color:#fff;}
    .slick-slide img {height: 94px !important;}
	}

@media only screen and (min-width: 640px) and (max-width: 640px) {
 .slick-slide img {height: 94px !important;}
 footer ul li a {font-size: 9px !important;}   
}


@media only screen and (min-width : 1024px) {
 header nav {min-width: 923px;}
 .row {width: 980px;} 
 .movie_short img {width: 160px; height: 160px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 #mobile-header{width:768px;}   
 .row {width: 768px;} 
 .slick-slide img {height: 124px !important;}
 footer ul li a {font-size: 10px !important;}   
}

@media only screen and (min-width: 600px) and (max-width: 600px) {
 #mobile-header{width:600px;}   
 .row {width: 600px !important;} 
 .slick-slide img {height: 90px !important;}
 footer ul li a {font-size: 9px !important;}   
}

@media only screen and (min-width: 800px) and (max-width: 800px) {
 #mobile-header{width:800px;}   
 .row {width: 800px !important;} 
 .slick-slide img {height: 130px !important;}
 footer ul li a {font-size: 12px !important;}   
}


@media only screen and (min-width: 1366px) {
}