@media only screen and (max-width: 1560px) {
	header { height: 35vw; background-size: 125%; background-position: center top; }
}

@media only screen and (max-width: 1200px) {
	body, header { overflow-x: hidden; }	
	nav#top ul.menu, footer ul#cred { max-width: 96%; padding: 15px 3vw; }
	nav#top ul.menu li::after, footer ul#cred li::after { margin: 0 2vw; }
	main { width: 98%; max-width: 98%; }
	#smenu, .breadh1 { 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 (min-width: 801px) {
	#rmenu { display: block !important; }
}

@media only screen and (max-width: 800px) {
	#show-menu { display: block; }
	#rmenu, nav#top ul.menu li::after, footer ul#cred li::after { display: none; }
	nav#top ul.menu, footer ul#cred { max-width: 100%; padding: 0; border: none; outline: none; display: block; }
	nav#top ul.menu li, footer ul#cred li { margin: 0 auto; padding: 15px 25px; background: #f7f8fc; text-align: left; border-bottom: 1px solid #dedfe3; display: block; }
	nav#top ul.menu li a, footer ul#cred li a { color: #a3a3a3; }
	nav#top ul.menu li:first-child { margin-top: 2px; }
	nav#top ul.menu li:last-child { border-bottom: 1px solid #282828; box-shadow: 0 3px 0 #f7f8fc, 0 5px 0 #282828; }
	nav#top ul.menu li::before, footer ul#cred li::before { content: '\f005'; margin-right: 15px; margin-top: 5px; color: #a3a3a3; font: 900 7px/100% "Font Awesome 5 Free"; display: inline-block; position: relative; float: left; }
	.thumb_title_views, .thumb_resolution { margin: 5px 0; }
	.maintable, .maintable01, .maintable02, .albtable, .dtable { margin-bottom: 60px; }
	.tableh1, main h1, main h2, .categories h1, .catrow .catlink, .catrow_noalb .catlink { font-size: 30px;}
	.thumbnails { padding: 2vw 0; }
	span#tabs_dropdown_span, #tabs_dropdown_span, .sortorder_cell { display: none; }
    #tabsMenu .navmenu a { display: none!important; }
    #tabsMenu .navmenu span { display: block!important; }
	.navmenu a, .navmenu1 a { margin: 0; }
	.sortorder_options { font-size: 100%; }
	.button, .buttonlist ul li a { margin: 1px 0; padding: 2px; }
	footer { padding: 15px 0; margin-bottom: 0; border-top: 1px solid #282828; box-shadow: 0 -3px 0 #f7f8fc, 0 -5px 0 #282828; }
	footer ul#cred li { padding-left: 20px; }
	footer ul#cred li:last-child { border-bottom: none; }
}

@media only screen and (max-width: 680px) {	
	body, .alblink, .empalblink, .button, .buttonlist ul li a { font-size: 12px; }
	.tableh1, main h1, main h2, .catrow .catlink, .catrow_noalb .catlink { font-size: 27px;}
	.thumb_title_title { font-size: 11px; line-height: 100%; }
}

@media only screen and (max-width: 560px) {	
	body, .alblink, .empalblink, .button, .buttonlist ul li a { font-size: 11px; }
	.tableh1, main h1, main h2, .categories h1, .catrow .catlink, .catrow_noalb .catlink { font-size: 24px;}
	.thumbnails .image, img.image, #film img, #film a { max-width: 11vw!important; height: auto; padding: 2px !important; }
	.display_media img { max-width: 65vw !important; }
	.thumb_title_title { font-size: 10px; }
	.thumb_caption, .thumb_title_views, .thumb_resolution { padding: 5px 0; font-size: 9px; }
	.stats, .stath1, .stath2, .navmenu, .navmenu1, .navmenu2, .navmenu3 { font-size: 13px; letter-spacing: 0.1em; }
}

@media only screen and (max-width: 480px) {
	.image { margin: 5px 0; }
	.navmenu, .navmenu1 { padding: 15px 2px; }
}