/* МЕДИА ЗАПРОСЫ*/
@media only screen and (min-width : 1220px),
only screen and (min-device-width : 1220px){
	#mainmenu nav li a {
		font: 700 12px/1.4 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#mainmenu nav small {
		font: 100 12px/1 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#mainmenu nav a{padding: 80px 0 10px;background-position: center 15px;}
}

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	#mainmenu nav li a {
		font: 700 12px/1.4 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#mainmenu nav small {
		font: 100 12px/1 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#mainmenu nav a{padding: 80px 0 10px;background-position: center 15px;}
	#snake-3 { background: url('../images/snake-3.png') no-repeat center top; height: 180px; padding: 88px 80px 0 0;background-size: 91%; }
	#snake-4 { background: url('../images/snake-4.png') no-repeat center top; height: 194px; padding: 60px 0 0 53px;background-size: 91%; }
	#snake-5 { margin-top: 8px;background: url(../images/snake-5.png) no-repeat center top;height: 114px;padding: 70px 0 0 45px;background-size: 92%;}
}

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
	#mainmenu nav li {
		border-bottom: 1px solid #e96767;
		font: 700 11px/1.4 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#mainmenu nav li:last-child a, #mainmenu nav li:nth-child(4) a {
		border-right: none;
	}
	
	#mainmenu nav li:nth-child(5) a, #mainmenu nav li:nth-child(6) a, #mainmenu nav li:nth-child(7) a, #mainmenu nav li:nth-child(8) a {
		border-bottom: none;
	}
	#snake-2 { background: url('../images/snake-2.png') no-repeat left top; height: 270px; padding: 68px 0 0 70px; background-size: 52%; }
	#snake-3 { background: url('../images/snake-3.png') no-repeat center top; height: 180px; padding: 58px 80px 0 0;background-size: 91%; }
	#snake-4 { background: url('../images/snake-4.png') no-repeat center top; height: 120px; padding: 38px 0 0 40px;background-size: 91%; }
	#snake-5 { margin-top: 8px;background: url(../images/snake-5.png) no-repeat center top;height: 84px;padding: 70px 0 0 45px;background-size: 92%;}
	#snake-6 { background: url('../images/snake-6.png') no-repeat top; height: 190px; padding: 12px 20px 0 36px;background-size: 89%; }
	#snake-9 { background: url('../images/snake-9.png') no-repeat top; height: 170px; padding: 60px 10px 0 15px;background-size: 100%; }
	#snake-12 { background: url('../images/snake-12.png') no-repeat top right; height: 274px; padding: 0 20px 0 0; }
	#snake-12 p { line-height: 22px; font-family: 'Open Sans'; font-weight: normal; font-size: 13px; color: #7f878c; }
	
	#social {display: none;}
	
}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	#mainmenu nav li {
		width: 33%;
		font: 700 12px/1.4 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#mainmenu nav li:nth-child(even) a {
		border-right: none;
	}
	#mainmenu nav a{padding: 55px 0 5px;background-position: center 10px;}
	/* nav li:nth-child(5) a, nav li:nth-child(6) a {
		border-bottom: 1px solid #fff;
	} */
	.logoblock,.infoblock {
		float: inherit;
	}
	#mainmenu li.menu-pays a { background-image: url('../images/menu/white/pays.png');background-size: 40%;}
	#mainmenu li.menu-price a { background-image: url('../images/menu/white/price.png');background-size: 46%;}
	#mainmenu li.menu-order a { background-image: url('../images/menu/white/order.png');background-size: 28%;}
	#mainmenu li.menu-help a { background-image: url('../images/menu/white/help.png');background-size: 39%;}
	#mainmenu li.menu-warranty a { background-image: url('../images/menu/white/warranty.png');background-size: 30%;}
	#mainmenu li.menu-contacts a { background-image: url('../images/menu/white/contacts.png');background-size: 36%;}
	#mainmenu li:hover.menu-pays a { background-image: url('../images/menu/red/pays.png');background-size: 40%;}
	#mainmenu li:hover.menu-price a { background-image: url('../images/menu/red/price.png');background-size: 46%;}
	#mainmenu li:hover.menu-order a { background-image: url('../images/menu/red/order.png');background-size: 28%;}
	#mainmenu li:hover.menu-help a { background-image: url('../images/menu/red/help.png');background-size: 39%;}
	#mainmenu li:hover.menu-warranty a { background-image: url('../images/menu/red/warranty.png');background-size: 30%;}
	#mainmenu li:hover.menu-contacts a { background-image: url('../images/menu/red/contacts.png');background-size: 36%;}
	#mainmenu li a:before { content: ''; position: absolute; display: block; width: 1px; height: 78px; top: 0; left: 0; background-color: #e96767; }

	#snake-5 { margin-top: 8px;background: url(../images/snake-5.png) no-repeat center top;height: 95px;padding: 70px 0 0 45px;background-size: 92%;}

	#social {display: none;}
	#ontop {background-size: 52%;bottom: 0px;right: 0px;}
	
}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	#mainmenu nav li a {
		font: 700 10px/1.4 Neris, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#mainmenu nav a{padding: 45px 0 10px;background-position: center 10px;}
	#social {display: none;}
	#ontop {background-size: 52%;bottom: 0px;right: 0px;}
}