@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 991px) {
	.category{
		width: 25%;
	}
}

@media screen and (max-width: 768px) {
	#logo{
		justify-content: center;
		display: flex;
		width: 100%;
	}
	#logo img{
		width: 200px;
	}
	.category{
		width: 50%;
	}
	#content {
		display: flex;
		justify-content: center;
		margin-top: 100px;
	}
	#headerbar{
		position: relative;
	}
	ul#templatemenu li ul li {
		
		width:49%;
		
	}
	.menu{
		display: flex;
		justify-content: center;
		width: 100%;
		}
}
	#highslideGal li {
		margin-top:0 !important;
		margin-bottom:60px;
	}
	#highslideGal li:nth-child(-n+3) {
		margin-top:0px !important;
	}
	
	.menutop{
		position: absolute;
		top: 60%;
	}
	
@media only screen and (max-width: 480px) {
	#login-top a{
		padding: 15px 15px 55px 15px;
		font-size: 12px;
	}
	.frontendlogin_wrapper{
		max-width: 400px;
	}
	.frontendlogin_wrapper_login_error {
		width:300px;
		margin:10px auto 0
		}
}
@media only screen and (max-width: 320px) {
	#login-top a{
		font-size: 11px;
	}
}