@media only screen and (max-device-width: 1190px), all and (max-width: 1190px) {
	body, header { overflow-x: hidden; }
	#container, footer { width: 96%; max-width: 96%; }
}

@media only screen and (max-device-width: 1100px), all and (max-width: 1100px) {
	footer ul { line-height: 200%; }	
	.thumb_title_views, .thumb_caption, .thumb_resolution { max-width: 100%; }
	.thumbnails .image, img.image, #film img, #film a { max-width: 12vw!important; height: auto; }
	.display_media img { max-width: 65vw !important; }
}

@media only screen and (max-device-width: 800px), all and (max-width: 800px) {
	#topbar { width: 96vw; margin: 15px auto; display: block; }
	#mbox, footer ul { width: auto; display: block; }
	#mbox ul { padding: 0; border: none; display: none; }
	#mbox li { margin: 4px 0; padding: 10px; text-align: left; border-bottom: 1px solid #bfbfbf; z-index: 30; display: block; }
	.show-menu, #menu, footer { display: block;	}
	#fi, #social { display: none; }	
	.thumbnails { padding: 1vh 1vw; }
	span#tabs_dropdown_span, #tabs_dropdown_span0 { display: none; }	
    #tabsMenu .navmenu a { display: none!important; }
    #tabsMenu .navmenu span, .sortorder_cell { display: block!important; }
	.navmenu, .navmenu1 { padding: 10px 2px; }
	.navmenu a, .navmenu1 a { margin: 0 1px; }
	.sortorder_options { font-size: 100%; }
	.button, .buttonlist ul li a { margin: 1px 0; padding: 2px; }
	footer ul { font-size: 7.25pt; }
}

@media only screen and (max-device-width: 700px), all and (max-width: 700px) {
	.tableh1, h2 { font-size: 14pt; }
}

@media only screen and (max-device-width: 560px), all and (max-width: 560px) {
	.tableb, .tablef { padding: 10px; }
	.image { padding: 2px !important; }
}

@media only screen and (max-device-width: 420px), all and (max-width: 420px) {
	body { font-size: 8pt; }
	.tableh1, h2 { font-size: 12pt; }
}