﻿a.mobile, div.mobile, img.mobile, li.mobile, nav.mobile
{
	display: none;
}

.mobile.left
{
	float: left;
}

.mobile.right
{
	float: right;
}

nav.nav_onpage .mobile
{
	margin: 0px 6px;
}

@media (max-width: 1020px)
{

	.nav_onpage
	{
		float:none;
	}

	a.mobile, div.mobile, img.mobile, li.mobile, nav.mobile
	{
		display: unset;
	}
	.desktop
	{
		display: none;
	}
	.mainblock
	{
		height: auto;
	}
	.mainblock h1
	{
		font-size: 1.2em;
	}
	.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: -0.5em;
		z-index: 111111;
		height: 100vh;
	}

	.mobilemenu li
	{
		display: block;
		width: 100%;
	}

	.mobilemenu li.closemobilemenu
	{
		text-align: right;
		padding: 4px 8px;
	}
	.mobilemenu li a:hover
	{
		    transform: scale(1);	
		    transform: none;	
	}
}
