@media (max-width:820px) { 
	
	.box {
		width: 760px;
	}
	
	.head .menu .contact a {
		text-decoration: none;
	}

	.action {
		left: 0px;
		bottom: 0px;
		top: auto;
		right: auto;
		border-top: 0px;
		border-left: 0px;
		border-right: 200px solid transparent;
	}
	.action:after {
		position: absolute;
		right: auto;
		top: auto;
		left: -40px;
		bottom: -255px;
	}

	.action.y {border-top: 0px; border-bottom: 150px solid #F6B018;}
	.action.r {border-top: 0px; border-bottom: 150px solid #f61818;}
	.action.b {border-top: 0px; border-bottom: 150px solid #231f20; color: #FFFFFF;}

	.action.a:after {right: auto; top: auto; transform: rotate(39deg); left: -31px;	bottom: -225px;}
	.action.n:after {right: auto; top: auto; font-size: 28px; transform: rotate(39deg); font-size: 26px; left: -40px; bottom: -213px;}
	.action.o:after {right: auto; top: auto; left: -37px; bottom: -215px; transform: rotate(39deg);}
	.action.s:after {right: auto; top: auto; left: -34px; bottom: -226px; transform: rotate(39deg);}

	.head .menu .contact {
		z-index: 3000 !important;
	}

	.head .menu h1 a {
		background-size: contain;
		width: 120px;
		height: 125px;
		left: 10px;
		top: 5px;
	}
	

	
	.head ul li a {
		font-size: 24px;
	}

	.head ul li {
		margin: 0px 0px 0px 10px;
	}

	
	.cont .home .cat a {
		width: 46%;
		margin: 2%;
	}

	.cont .home .cat a:nth-child(3n+2) {
		margin: 2%;
	}

	.cont .home .cat a img {
		filter: grayscale(0%);
	}

	.cont .home .walign {
		text-shadow: 2px 2px 2px #000000;
	}

	.del {
		font-size: 30px;
	}

	.del span a {
		color: #FFFFFF !important;
		text-decoration: none;
	}
	
	.cont .home h2 {
		font-size: 25px;
	}

	.cont .fmenu .cat a {
		width: 29%;
		margin: 1% 2% 1% 2%;
	}

	.cont .fmenu .cat a:first-child, .cont .fmenu .cat a:last-child {
		margin: 1% 2% 1% 2%;
	}

	.cont .fmenu .cat a .descr {
		font-size: 25px;
	}

	.order a {
		color: #FFFFFF !important;
		text-decoration: none;
	}

	.order .l {
		font-size: 30px;
	}
	.order .r {
		font-size: 50px;
	}

	.cont .fmenu table td {
		padding: 2px 5px 2px 5px;
		font-size: 25px;
	}
	
	.cont .fmenu table.alerg td {
		font-size: 12px;
	}
	

	
	.contact .l, .contact .r {
		width: 100%;
	}

	
	.box2 {
		width: 90%;
		margin: 0px auto 20px auto;
	}
	
	.contact .open .l, .contact .open .r {
		width: 50%;
		float: left;
	}
	
	.foot .f-open {
		width: 60%;
		margin-left: 2%;
	}
	
	.foot .f-contact {
		width: 35%;
		margin-right: 2%;
	}
	
	.foot .open .l {width: 40%;}
	.foot .open .r {width: 60%;}
	
	.foot .copy {
		padding: 20px 0px 150px 0px;
	}

	
}