@media only screen and (max-device-width: 1150px), all and (max-width: 1150px) {
	body, #wrapper, header { overflow-x: hidden; }
	#wrapper { background-image: none; }
	header { width: 100%; }
	#container, footer  { width: 98%; max-width: 98%; }
}

@media only screen and (max-device-width: 1000px), all and (max-width: 1000px) {
	article { display: block; min-width: 100%; max-width: 100%; padding: 0; }
	.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) {
	header { margin: 30px auto 0 auto; }
	#menu { display: block; }
	.mbox { background-color: transparent; }
	.mbox ul { position: static; margin: 0; padding: 0; display: none; }
	.mbox ul::before, .mbox ul::after, .mbox li::after { display: none; }
	.mbox li { background-color: #ffffff; color: #030303; text-decoration: none; text-transform: uppercase; text-align: left; text-shadow: 1px 1px #ffffff;; margin: 0; padding: 10px 1%; border-bottom: 1px solid #030303; z-index: 30; display: block; }
	.mbox li a { color: inherit; text-decoration: none; }
	.mbox li:before { content: ''; background-color: #faa00b; width: 5px; height: 5px; margin: 0 10px 2px 0; border-radius: 100%; position: relative; display: inline-block; }
	.mbox ul ul { background-color: transparent !important; position: relative; margin-top: 11px; border-width: 0 0 0 1px; padding: 1px; }
	.mbox ul ul li { padding: 10px 2% !important; max-width: 94%; }
	.mbox ul ul li:last-child { border: none; }
	.show-menu { display:block;	}	
	span#tabs_dropdown_span, #tabs_dropdown_span0 { display: none; }	
	.tableh1 { font-size: 18px; }
    #tabsMenu .navmenu a { display: none!important; }
    #tabsMenu .navmenu span { display: block!important; }
	.navmenu, .navmenu1 { padding: 10px 1px; }
	.navmenu a, .navmenu1 a { margin: 0; }
	.sortorder_options { font-size: 100%; }
}

@media only screen and (max-device-width: 680px), all and (max-width: 680px) {
	.thumb_title_title, #stath1, .tableb, .tablef { font-size: 11px; }
}

@media only screen and (max-device-width: 560px), all and (max-width: 560px) {
	#container, footer  { width: 96%; max-width: 96%; }
	#site { font-size: 24px; }
	#slogan { font-size: 9px; }
	#cred ul { max-width: 80%; }
	.thumbnails { padding: 1vh 0; }
}

@media only screen and (max-device-width: 480px), all and (max-width: 480px) {
	body { font-size: 10px; }
	.maintable, .maintable01 { padding: 0 5px 5px 5px; }
	.thumb_title_title, #stath1, .tableb, .tablef { font-size: 9px; }
	.image { margin: 5px 0; }
    .catrow_noalb table,.catrow table  { font-size: 70%!important; }
}