﻿a.mobile, div.mobile, img.mobile, li.mobile
{
	display: none;
}

.mobile.left
{
	float: left;
}

.mobile.right
{
	float: right;
}

nav.nav_onpage .mobile
{
	margin: 3px 6px;
}

@media (max-width: 980px)
{

	.nav_onpage
	{
		float:none;
	}

	a.mobile, div.mobile, img.mobile, li.mobile
	{
		display: unset;
	}
	.desktop, .plain.menumain 
	{
		display: none;
		background: rgba(255,255,255,0.95);
	}
	.mainblock
	{
		height: auto;
	}
	.mainblock h1
	{
		font-size: 1.2em;
		padding-bottom: 7em;
	}
	.mainblock .itemtext img 
	{
		margin-top: 10em !important;
	}

	.midblock
	{
		margin: 0px 1em 0px;
	}
	.mobilemenu
	{
		position: absolute;
		width: 100%;
		background: #fff;
		margin: 0px 0px 0px !important;
		left: 0px;
		top: 0px;
		z-index: 111111;
	}

	.mobilemenu li
	{
		display: block;
		width: 100%;
	}

	.mobilemenu li.closemobilemenu
	{
		text-align: right;
	}
	.mobilemenu li a:hover
	{
		    transform: scale(1);	
		    transform: none;	
	}

	.nav.nav_onpage a.logo.left 
	{
		float: left;
	}
	.nav.nav_onpage a.logo img 
	{
		width: 30px;
		height: 30px;
		top: 0px;
	}
	.header>.wrapper
	{
		background: rgba(255,255,255,0.95);
		position: fixed;
		z-index: 2;
		width: 100%;
	}
	nav.nav_onpage .mobile:last-child, nav.nav_onpage .mobile:first-child
	{
		margin-top: 3px !important; 
		margin-bottom: 3px !important; 
	}
	.nav_item_text a
	{
		display: inline-block;
	}
	.headerfon h1, .headerfon h2 
	{
		font-size: 28px;
	}
}
