@media only screen and (max-width: 1300px) {
    #smenu, main { width: 96%; max-width: 96%; }
}

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

@media only screen and (max-width: 1100px) {
	.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 (min-width: 901px) {
	#rmenu { display: block !important; }
}

@media only screen and (max-width: 900px) {
	#show-menu { display: block; }
	#rmenu { display: none; }
	header { height: 45vw; background-size: 150%; image-rendering: auto; }
    nav, footer ul { padding: 0; border: none; }
    nav ul.menu li, footer ul li { margin: 10px 0; padding: 10px; text-align: left; border-bottom: 1px dashed #e1e1e1; box-sizing: border-box; display: block; }
}

@media only screen and (max-width: 800px) {
	.thumbnails { padding-left: 0; padding-right: 0; }
	.navmenu { padding-left: 2px; padding-right: 2px; }
    .button, .buttonlist ul li a { margin: 0; }
}

@media only screen and (max-width: 560px) {
    #smenu ul { font-size: 10px; }
    .tableh1 { font-size: 21px; }
    .catrow_noalb .fcount, .catrow .fcount { font-size: 18px; }
	.pgs, .sortorder_cell { display: none; }
}

@media only screen and (max-width: 480px) {
	.image { margin: 5px 0; }
}