@media (min-width: 768px) and (max-width: 991px) {

  header .right {
float:none;
}

header .right .top {
position:absolute;
top:40px;
right:20px;
}

.nav {float:left;}

}


@media (max-width : 768px) {

.nav {display:none;}

.burger{
	display:inline-block;
	float:right;
	margin-right:10px;
	color:#690022;
	text-decoration:none;
	background:url("../images/burger.png") right no-repeat;
	padding: 50px 45px 10px 0px;
	font-size:18px;
border:1px solid red;
}
.menu{
	position:absolute;
	right:0px;
	padding:0;
	background:#8d8680;
	color:#fff;
	width:300px;
	display:none;
	z-index:999;
}
.menu ul{
	padding:0;
	margin:0;
	list-style:none;
}
.menu li{
	border-bottom:1px solid #fff;
}
.menu a{
	display:block;
	padding:10px 0 10px 35px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}
.menu a:hover{
	background-color:#ccc;
	color:#333;
}
#menuoff{
	display:block;
	padding:13px 0;
	text-align:center;
	background:#fff;
	color:#1b75cc;
	border:1px solid #8d8680;
	border-top:none;
	font-size:18px;
	font-weight:bold;
}

  header .right {
float:left;
}

.hidemenu {display:none;}

img {max-width:100%;}

  .section2 .left {
    width: 100%;
}
  .section2 .right {
    width: 100%;
}

  .section4 .left {
    width: 100%;
}
  .section4 .right {
    width: 100%;
}

.statyi .content .left {
    width: 100%;
}
.statyi .content .right {
    width: 100%;
}

  .content .gallery {
    width: 100%;
}

.statyi .content ul {
    margin-left: 0px;
}

}