/* RESPONSIVE NAVIGATION */

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}

@media screen and (min-width: 980px) {
a.menu-link { 
	display: none; 
}

.js nav[role=navigation] { 
	max-height: none; 
}

nav[role=navigation] ul { 
	border: 0; 
	margin: 0; 
}

nav[role=navigation] li { 
	display: inline-block; 
	padding: 5px; 
}

nav[role=navigation] li a { 
	border: 0; 
} 
	}




/* RESPONSIVE */

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
body {
	overflow-x: hidden;
	margin: 0!important; 
	padding: 0!important; 
}

#headerbanner {
	height: calc(40vw - 20vw);
	background-size: 100%;
	image-rendering: auto;
}

#header {
	height: calc(50vw - 20vw);
	background-size: 100%;
	image-rendering: auto;
}

#footerbanner {
	background-size: 100%;
	height: calc(85vw - 40vw);
	image-rendering: auto;
}

#footer .credit {
	font-size: 8px;
}

#footer #ftr_links {
	max-width: 96%;
}

.ftr_bkt {
	max-width: 92%;
}

#content { 
	width: 95%; 
	max-width: 95%; 
}

.sortorder_cell { 
	display: none; 
}

#featured, #wrapper, footer, footer .inner {
	max-width: 90%!important;
}

table, td {
	max-width: 90vw !important; 
	margin-left: 0;
}

.catlink {
	font-size: 12px;
	background: none;
}

.catlink a {
	margin: 0;
}

.tableh1 {
	font-size: 12px;
}

.filmstrip_background {
	display: none;
}

.thumbnails .image, img.image, #film img, #film a { 
	max-width: 12vw!important; 
	height: auto; 
}

.display_media .image {
        max-width: 50vw !important;
        height: auto;
}

img {
        max-width: 100%;
        height: auto;
}

.thumbnails .image, .thumbnails .thumbnail {
        height: auto;
        display: inline;
        max-width: 10vw;
}

.thumbnails {
        padding: 0px!important;
}

.thumb_title {
	display: none;
}

.thumb_caption {
	display: none;
}

.thumb_dimensions {
	display: none;
}

	}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
body {
	overflow-x: hidden;
	margin: 0!important; 
	padding: 0!important; 
}

#featured, #wrapper, footer, footer .inner {
	max-width: 90%!important;
}

.maintable, .admin_menu_wrapper {
	max-width: 100vw!important;
}

.button, .buttonlist ul li a { 
	margin: 1px 0; 
	padding: 2px; 
}

.thumbnails .image, .thumbnails .thumbnail {
	height: auto; 
	display: inline; 
	max-width: 10vw; 
}

.strip_image {
	max-width: 10vw!important; 
	height: auto;
}

#film {
	width: 100%!important;
}

#film .thumb a:link {
	width: 100%!important;
}
	}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {

#featured, #wrapper, footer, footer .inner {
	max-width: 90%!important;
}

#top {
	background: #f9f9f9; 
	display: block; 
	text-align: center; 
	height: 12vw!important; 
	margin: 0;
	padding: 20px;
}

	}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#featured, #wrapper, footer, footer .inner {
	max-width: 90%!important;
}

#top {
	background: #f9f9f9; 
	display: block; 
	text-align: center; 
	height: 18vw!important; 
	margin: 0;
	padding: 20px; 
}

#menu {
	padding: 10px 14px 10px 4px;
}
	}