@media (max-width: 1023px){
	div.homescreen{
		width: calc(100% - 80px);
		margin: 40px;
		margin-top: 40px;
		height: 450px;
		background-size: 100% auto;
	}
	div.content{
		height: 100%;
	}

	body:not(.layer) div.homescreen .dake,
	div.content div.marks a{
		width: 20.4%;
		height: auto;
	}
	body.layer div.content div.dake{
		margin-left: -126px;
	}
	div.content div.marks a img{
		width: 100% !important;
		height: auto;
	}
	body.layer #barba-wrapper div.layer{
		width: 80%;
		margin: 10%;
	}
	body.layer.mark #barba-wrapper div.layer{
		width: calc(98% - 60px);
		margin: 150px 100px 0 3%;
	}
	ul.footmenu{
		width: 90%;
	}
	#barba-wrapper div.layer ul.rommenu{
		left: 0;
		margin-left: 0;
	}
	div.csc-header h1{
		font-size: 3em;
	}
	#barba-wrapper div.layer ul.rommenu{
		top: 60px;
	}
	div.respmenu{
		display: block;
		z-index: -1;
	}
	div.homescreen div[name=ad6]{
		display: none !important;
	}
	div.respmenu div[name=ad6] ul li:nth-child(1) {
		left: 100%;
		margin-left: -105px;
		position: fixed;
		top: 150px;
		width: 150px;
		z-index: 5;
	}
	.responly{
		display: block;
	}
	input#menu{
		position: absolute;
		top: -9999px;
		left: -9999px;
		display: block;
	}
	label[for=menu]{ 
		background-image: url("../img/menu.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 5px;
		content: "";
		cursor: pointer;
		display: block;
		font-size: 0;
		height: 30px;
		right: 10px;
		position: fixed;
		top: 30px;
		width: 40px;
		z-index: 0;
		cursor: pointer;
		user-select: none;
	}
	input#menu[type="checkbox"]:checked  ~ ul.rommenu,
	input#menu[type="checkbox"]:checked  + ul.rommenu{
		display: block;
		z-index: 1000;
		right: 4px;
		left: unset;
		z-index: 10;
	}
	input#menu[type="checkbox"]:checked  ~ div[name="ad6"],
	input#menu[type="checkbox"]:checked  + div[name="ad6"]{
		display: none;
	}

	#barba-wrapper div.layer ul.rommenu{
		display: none;
		position: absolute;
	}
	#barba-wrapper div.layer ul.rommenu:hover li span,
	#barba-wrapper div.layer ul.rommenu li span{
		display: block;
		top: 0;
		right: 49px;
		left: unset;
		padding-bottom: 6px;
		padding-left: 0;
		padding-right: 10px;
		padding-top: 9px;
		text-align: right;
	}
	#barba-wrapper div.layer ul.rommenu:hover::before,
	#barba-wrapper div.layer ul.rommenu::before{
		background-color: #8a93a2;
		content: "";
		display: block;
		height: 100%;
		right: 0px;
		left: unset;
		position: absolute;
		width: 302px;
	}
	div.homescreen div.homemenu ul li{
		z-index: 300;
		line-height: 1em;
	}
	.respmenu{
		position: fixed;
		right: 0;
		top: 0;
		overflow-y: scroll;
		width: 100%;
		height: 100%;
	}
	div.homescreen div.homemenu ul li:nth-child(n+4){
		bottom: -21px;
	}
	body.down.layer div.homescreen div.homemenu ul li:nth-child(1) {
		position: fixed;
		right: -4%;
		top: 50%;
	}
	body.down.layer div.homescreen div.homemenu ul li:nth-child(3) {
		left: -6%;
		position: fixed;
		top: 50%;
	}
}

@media (max-width: 800px){
	body.down.layer div.homescreen div.homemenu ul li:nth-child(1) {
		right: -6%;
	}
	body.down.layer div.homescreen div.homemenu ul li:nth-child(3) {
		left: -8%;
	}
}

@media (max-width: 600px){
	div.homescreen div.homemenu div[name=ad6] ul li a{
		font-size: 16px;
	}
	div.homescreen div.homemenu ul li a{
		font-size: 14px;
	}
	div.homescreen{
		margin: 30px;
		width: calc(100% - 60px);
	}
	div.homescreen div.homemenu ul li:nth-child(1){
		right: -76px;
	}
	div.homescreen div.homemenu ul li:hover:nth-child(1){
		right: -76px;
	}
	div.homescreen div.homemenu ul li:nth-child(3){
		left: -90px;
	}
	div.homescreen div.homemenu ul li:hover:nth-child(3){
		left: -90px;
	}
	div.lay12,
	div.lay13,
	div.lay14,
	div.lay15,
	div.lay16{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	div.homescreen div.homemenu ul li:nth-child(2){
		top: -21px;
	}
	div.homescreen div.homemenu ul li:hover:nth-child(2){
		top: -21px;
	}
	body.down.layer div.homescreen div.homemenu ul li:nth-child(1) {
		right: -37px;
	}
	body.down.layer div.homescreen div.homemenu ul li:nth-child(3) {
		left: -49px;
	}
}

@media (max-width: 479px){
	div.homescreen div.homemenu ul li a{
		font-size: 11px;
	}
	div.homescreen{
		margin: 25px;
		width: calc(100% - 50px);
	}
	div.homescreen div.homemenu ul li:nth-child(1){
		right: -64px;
	}
	div.homescreen div.homemenu ul li:hover:nth-child(1){
		right: -64px;
	}
	div.homescreen div.homemenu ul li:nth-child(3){
		left: -75px;
	}
	div.homescreen div.homemenu ul li:hover:nth-child(3){
		left: -75px;
	}
}