/**FACEBOOK VIDEO RESPONSIVE **/
.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/**SHOWHOME PAGE SLIDER ON MOB, SAME RATIO **/

@media screen and (max-width: 800px)
{header div.previews .preview img
{height:100%;}}


@media screen and (max-width: 800px)
{header div.previews .preview div.info div.caption-container div.caption-details h2
	{font-size:15px;}

}

@media screen and (max-width: 800px)
{header div.previews .preview div.info div.caption-container div.caption-link
{display:none;}}



@media screen and (max-width: 640px)
{header div.mobile-hide
{display:block;
padding-bottom:20px;}
header div.previews .preview div.info p
{display:none;}

}

@media screen and (max-width: 640px)
{#homepage section
{margin-top:15px;}}




header {
    background-image: url(../cinema-resources/r2m97rmpqjwgtffkcj9vzsdv28/1556926929926_bckg-image.jpg);
     background-position:left;
     background-repeat:no-repeat;
     background-size:cover;
    background-color:#071D32;
}

header div.menu-desktop
{ margin-top:30px; }

section.details-container div.release-date
{ margin-top:15px;
margin-bottom:5px; }

div.staticPage h1, #wrapper h1
{ 
    font-size:3em;
color:#113758;
 }

 header div.previews .preview div.info div.caption-container div.caption-details
{ 
    width:75%;
 } 

 @media screen and (max-width: 800px) {
header div.main-menu div.menu-mobile nav ul li.active a 
{ 
    color:#ffffff;
 } }

 @media screen and (max-width: 500px) {
#movie-list div.movie img.poster-landscape, div.staticPage div.movie img.poster-landscape, #wrapper div.movie img.poster-landscape, #movie-list div.movie.layout-by-movie div.posters img.poster-landscape, div.staticPage div.movie.layout-by-movie div.posters img.poster-landscape, #wrapper div.movie.layout-by-movie div.posters img.poster-landscape
{ 
    height:300px;
 } 
#movie-list div.movie div.movie-times, div.staticPage div.movie div.movie-times, #wrapper div.movie div.movie-times
{ 
    padding: 10px 17px 35px;
 } 
}

@media screen and (max-width: 640px){
#movie-list div.movie img.poster-landscape, div.staticPage div.movie img.poster-landscape, #wrapper div.movie img.poster-landscape, #movie-list div.movie.layout-by-movie div.posters img.poster-landscape, div.staticPage div.movie.layout-by-movie div.posters img.poster-landscape, #wrapper div.movie.layout-by-movie div.posters img.poster-landscape
{ 
    height:300px;
 } 
#movie-list div.movie div.movie-times, div.staticPage div.movie div.movie-times, #wrapper div.movie div.movie-times
{ 
    padding: 10px 17px 35px;
 } }

/***INCREASE LOGO SIZE ON 380px SCREENS***/

@media screen and (max-width: 380px)
{header div.main-menu div.logo img 
{max-width:250px;}}