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

@media only screen and (max-device-width: 1100px), all and (max-width: 1100px) {
	#site { display: none; }
	#welcome { max-width: 96%; padding: 15px 1%; margin: 0 auto; text-align: justify; }
	.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; }
	#topbar hr { display: none; }
	#mbox { padding: 0; border: none; display: block; }
	#mbox ul { padding: 0; border: none; display: none; }
	#mbox li { margin: 2px 0; padding: 10px 2%; text-align: left; border-bottom: 1px solid #c2c2c2; display: block; }
	.show-menu, #menu, footer { display: block;	}
	footer ul { max-width: 86%; }	
	span#tabs_dropdown_span { 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; }
}

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

@media only screen and (max-device-width: 560px), all and (max-width: 560px) {
	.thumbnails { padding: 1vh 0; }
	.tableb, .tableb_alternate { padding: 1vh 1vw; }
	.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; }
}