@media only screen and (max-width: 1180px) {
	body, header { overflow-x: hidden; }	
	main { width: 96%; max-width: 96%; }
}

@media only screen and (max-width: 1150px) {
	nav#top ul.menu { width: 80%; max-width: 100%; }
}

@media only screen and (max-width: 1130px) {
	.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-width: 900px) {
	body { font-size: 13px; }
	.tableh1, main h1, main h2 { font-size: 27px; }
	footer #inner { text-align: left; }
	footer #inner ul#cred { width: 100%; max-width: 100%; display: block; }
	footer #inner ul#cred li { padding-left: 40px; border-bottom: 1px solid #000000; box-sizing: border-box; display: block; }
	footer #inner ul#cred li::after { left: 20px; }
}

@media only screen and (min-width: 801px) {
	#rmenu { display: block !important; }
}

@media only screen and (max-width: 800px) {
	#show-menu { display: block; }
	#show-menu span { width: 100%; flex-direction: row-reverse; padding-left: 2vw; padding-right: 2vw; box-sizing: border-box; }
	#rmenu, nav#top ul.menu::before { display: none; }
	nav#top { margin-bottom: 25px; }
	nav#top ul.menu { counter-reset: li; width: 100%; display: block; }
	nav#top ul.menu li { counter-increment: li; padding: 20px; text-align: left; border-bottom: 1px solid #bfbfbf; box-sizing: border-box; display: block; }
	nav#top ul.menu li:first-child { margin-top: 20px; border-top: 3px solid #bfbfbf; }
	nav#top ul.menu li::before { content: counter(li, decimal-leading-zero)'.'; margin-right: 1vw; color: #bfbfbf; display: inline-block; position: relative; }
	header { background-size: 200%; height: calc(100vw - 46vw); image-rendering: auto; }
	footer #disc { font-size: 12px; }
	.maintable, .maintable01, .maintable02, .albtable { margin-bottom: 60px; }
	.albtable { margin-top: 80px; }
	.catlink { font-size: 16px; }
	.thumbnails { padding: 2vw 1vw; }
	.thumb_caption, .thumb_title_views, .thumb_resolution { font-size: 9px; }
	.thumb_title_title::after { width: 85%; }
	span#tabs_dropdown_span, #tabs_dropdown_span, .sortorder_cell, .maintable tr td.thumbnails:first-of-type::before, .maintable tr td.thumbnails:last-of-type::after { display: none; }
    #tabsMenu .navmenu a { display: none!important; }
    #tabsMenu .navmenu span { display: block!important; }
    .statlink2 { color: #404040; }
	.navmenu, .navmenu1 { padding: 3px 1px; }
	.navmenu a, .navmenu1 a { margin: 0; }
	.sortorder_options { font-size: 100%; }
	.buttonlist ul {margin: 0 0 0 1vw; }
	.button, .buttonlist ul li a { margin: 1px 0; padding: 2px; }
	.stath1 { font-size: 9px; }
}

@media only screen and (max-width: 640px) {	
	.tableh1, main h1, main h2 { font-size: 24px; }
	.catlink { font-size: 14px; }
	.catrow_noalb, .catrow { font-size: 11px; }
	.pgs { display: none; }
}

@media only screen and (max-width: 568px) {	
	body { font-size: 12px; }
	.thumbnails { padding: 2vw 0; }
	.statlink2, .navmenu, .navmenu1 { font-size: 8px; }
	footer #disc { font-size: 11px; }
}

@media only screen and (max-width: 480px) {	
	.tableh1 span::before, .albtable::before, .stath1::before { content: ''; width: 18vw; }
	.image { margin: 5px 0; }
    .catrow_noalb table,.catrow table { font-size: 70%!important; }
}