/* -- PC SCREEN -- */

@media (max-width : 1366px), (max-width : 1200px) {
	
#wrapper {
	max-width: 1300px!important;
}

#content {
	max-width: 1300px!important;
}
	
#header {
	min-width: 1366px!important;
}

}

/* -- MOBILE DEVICES -- */
.show-menu,
.menu input[type=checkbox] {
	display: none;
}

.menu input[type=checkbox]:checked ~ .rpv-menu {
	display: block;
}

@media (max-width : 1024px),
(max-width : 959px) {
	
	#navigation {
		overflow-x: hidden!important;
		max-width: 100%!important;
		background: #171717;
		text-align: left!important;
	}
	
	.navi {
		text-align: left!important;
		padding: 8px;
}
	
	.navi ul {
		position: static;
		display: none;
	}

	.navi ul li,
    .navi li a {
		width: 100%;
	} 
	
	.navi li:after {
        display: none!important;
    }

	.show-menu {
		font-size: 15px;
		display: block;
		text-transform: none;
		color: #fff;
		text-align: left!important;
		padding: 12px!important;
	}
    
    .show-menu .fa-solid {
        color: #9f1223;
    }

	.navi {
		padding: 0;
		text-align: left!important;
	}

	.navi .container {
		padding: 0;
		width: 100%;
		background: transparent!important;
	}

	.menu {
		display: block;
	}

	.menu li {
		margin: 0;
		border-right: none!important;
	}
	
	.menu a {
		display: block;
		text-align: left!important;
		padding: 8px!important;
		background: transparent!important;
		border-bottom: 0px!important;
	}
	
	.menu .home {
		display: block!important;
	}
} 

@media only screen and (max-width: 1024px), only screen and (max-device-width: 966px) {
	
body {
	font-size: 100%!important;
}

body,
#wrapper,
#content,
.maintable,
#footer,
.head {
	overflow-x: hidden!important;
}

#wrapper {
	width: 100%!important; 
	margin: 0px!important;
}

#content {
	width: 100%; 
	padding: 0px; 
	margin: 0px!important;
}

img.head {
	width: 100%!important;
	height: auto;
	margin: 0!important;
	padding: 0!important;
	display: block!important;
}

.maintable  {
	width: 100%;
	background-color: #fff!important;
}

.navmenu {
	font-size: 100%;
}

#gallery { 
	margin: 0 0 20px 0;
	padding: 0px; 
	width: 100%;
	background: #fff;
	border-top: 0px;
}

#gallery .menutop {
	max-width: 65vw!important;
}

.category_icon a img,
.category_icon a img:hover {
	width: 10vw!important;
}

.thumbnails {
	margin:0!important; 
	padding:1vw 0!important; 
	width: 0.1vw!important;
}

.thumbnails .image, 
.thumbnails .thumbnail {
	height: auto; 
	display:inline; 
	max-width:10vw;
}

#header,
.sordorder_cell { 
	display: none;
}

embed,
iframe,
object,
video {
	max-width: 100%;
}

.footer {
	width: 90%!important;
	margin: 0 auto!important;
	background-position: bottom left;
}

.navmenu {
	padding:2px!important; 
}

.navmenu img {
	margin: 0px!important;
}

}

@media only screen and (max-width: 480px), only screen and (max-device-width: 200px) {
	
.status {
	font-size: .62em;
}

.status b {
	font-size: 1.75em;
}
	
.category_icon a img,
.category_icon a img:hover {
	display: none!important;
	width: 0vw!important;
}

}