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

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

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

 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:220px;
 } 
#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:220px;
 } 
#movie-list div.movie div.movie-times, div.staticPage div.movie div.movie-times, #wrapper div.movie div.movie-times
{ 
	padding: 10px 17px 35px;
 } }

/**SHOW TOP CAROUSEL MOBILE HOMEPAGE **/

@media screen and (max-width: 640px) {.mobile-hide
{display:none}}

header div.previews {
display: block;
}

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

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

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

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


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

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

/***UNDERLINE LINKS***/

div.staticPage a, #wrapper a
{text-decoration: underline;}

/** NO SESSION MESSAGE **/
@media screen and (max-width: 640px){
#movie-list, div.staticPage, #wrapper {

    font-family: 'Lato', sans-serif;}}

    /** HP BACKGROUND **/

    div.main-content
    {background-color: #F3F3F3;}

    
    ul.options.flex-container.flex-container-nowrap.flex-centre {
    display: none;
}