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

@media only screen and (max-width: 1140px) {
	#topbar { width: 96%; max-width: 96%; }
}

@media only screen and (max-width: 1120px) {
	#topbar, #site, footer #inner #flinks { display: block; }
	#site { margin: 37px auto 0 auto; text-align: center; }
	#site h1 { display: inline-block; }
	header { height: 340px; background-size: cover; }
	.thumbnails .image, img.image, #film img, #film a { max-width: 12vw!important; height: auto; }
	.display_media img { max-width: 65vw !important; }
	footer #inner #flinks ul#cred { margin: 15px 0 0 0; line-height: 200%; }
	footer #inner #flinks #social { text-align: center; }
	footer #inner #flinks #social a { margin: 0 1vw; }
}

@media only screen and (max-width: 800px) {
	header { background-size: cover; }
	span#tabs_dropdown_span, #tabs_dropdown_span, .sortorder_cell { display: none; }
    #tabsMenu .navmenu a { display: none!important; }
    #tabsMenu .navmenu span { display: block!important; }
	.navmenu, .navmenu1 { padding: 0 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: 4px 2px 2px 2px; }
}

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

@media only screen and (max-width: 700px) {
	body { font-size: 11px; }
	#show-menu { display: block; }
	#rmenu, nav ul.menu::before { display: none; }
	nav ul.menu li, footer #inner #flinks ul#cred li { margin: 0 0 4px 0; padding: 15px 0; border-bottom: 1px solid #cacbcc; display: block; }
	nav ul.menu li::before, footer #inner #flinks ul#cred li::before { content: ''; margin: 0 12px 1px 0; background-color: #cacbcc; width: 6px; height: 6px; border-radius: 100%; display: inline-block; position: relative; }
	nav ul.menu li:first-child { margin: 13px 0 0 0; }
	nav ul.menu li:last-of-type, footer #inner #flinks ul#cred li:last-of-type { margin: 0; padding: 15px 0 0 0; border: none; }
	nav ul.menu li.menu-item-has-children a:not(:only-child)::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); float: right; }
	nav ul.menu li .sub-menu { width: 100%; padding: 0 15px; }
	nav ul.menu li .sub-menu li { padding: 15px 0; }
	nav ul.menu li .sub-menu li:last-of-type { border: none; }
	.maintable, .maintable01 { padding: 15px; }
	.tableh1, #container h1, #container h2 { font-size: 20px; }
	.tableh1 { padding: 0 0 12px 29px; }
	.tableh1 span::before { font-size: 16px; }
	.stath1 { font-size: 8px; }
	.thumb_title_views, .thumb_caption, .thumb_resolution { padding: 4px 2px 2px 2px; font-size: 8px; border-radius: 0 5px; }
}

@media only screen and (max-width: 560px) {	
	header { display: none; }
	.thumbnails { padding: 1vh 0; }
}

@media only screen and (max-width: 480px) {	
	body { font-size: 10px; }
	.tableh1, #container h1, #container h2 { font-size: 16px; }
	.tableh1 { padding: 0 0 12px 23px; }
	.tableh1 span::before { font-size: 10px; }
	.image { margin: 5px 0; }
    .catrow_noalb table,.catrow table { font-size: 70%!important; }
}