@-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 { 
	margin: 0; 
	border: 0; 
}

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

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

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

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

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

.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 {
        max-width: 11vw !important;
        overflow: hidden;
        font-size: 8px!important;
}

.thumb_title {
	font-size: 8px!important;
	line-height: 1.5;
	padding: 1px;
}

.thumb_caption {
	font-size: 8px!important;
	line-height: 1.5;
	padding: 1px;
	color: #FFF;
	background: #e8a23f;
}

.thumb_dimensions {
    	font-size: 80%;
    	line-height: 1.5;
    	padding: 1px;
    	color: #FFF;
    	background: #e8a23f;
    	display: inherit;
}

.thumb_title_views {
        font-size: 6px!important;
}
	}

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

#featured, #wrapper, #footer {
	max-width: 95vw!important;
}

#footer .inner {
	padding: 10px;
}

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

.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) {

	#header { display: none; } 
	#footerbanner { display: none; }
	.sortorder_cell { display: none; }
	#logo { display: block; }
	#welcome { display: none; }
	.navigal { display: none; }
	

#wrapper, #footer {
	max-width: 100vw!important;
}

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

#featured {
	position: relative; 
	margin: 0; 
	max-width: 90vw!important; 
	height: 15vw!important; 
	background-color: #beb9b9; 
	display: block;
}

.site-title {
	display: block!important; 
	width: 90vw!important; 
	height: auto!important; 
	text-align: center!important; 
	margin: 0!important; 
	padding:0!important;
}
	}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#wrapper, #footer {
	max-width: 100vw!important;
}

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

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

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
#wrapper, #footer {
	max-width: 100vw!important;
}

#featured {
	max-width: 90vw!important;
}

.thumb_title, .thumb_caption, .thumb_filename, .thumb_num_comments, .thumb_resolution {
	max-width: 10vw!important; 
	overflow: hidden;
}

table {
	font-size: 12px!important; 
	line-height: 21px!important;
}

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

.tableh1 {
	font-size: 16px;
}
	}

@media only screen and (max-width: 240px), only screen and (max-device-width: 240px) {
#top {
	height: 25vw!important; 
}

#featured {
	max-width: 81vw!important;
}
	}