@media (min-width: 1280px) and (max-width: 1366px) {
.sidenav {padding-top: 24%; }
.left-menu {width: 110%; margin: -1.8% -5% 0 -5%;}
.left-menu > ul li a{padding: 6% 10% 3% 7%; font-size: 0.75em; }

button{
  width: 31%;
  /*margin-right: 1.1em;*/
  height: 3.4em;
  font-size:0.95em;
  color: #660000;
  /* font-weight: bold;
  padding:0 2em;*/
}

.right_re {width: 40%; padding-top: 0;}
.left_re {width: 55%;}
ul.nav {height: 70%;  padding-top: 20%;}
ul.nav li a {padding: 5% 12% 0 15%; width: 160%;}
ul.nav li a:hover {padding: 5% 17% 0 20%;}

ul.nav_wr {height: 70%;}
ul.nav_wr li a {padding: 5% 12% 0 15%; width: 160%;}
ul.nav_wr li a:hover {padding: 5% 17% 0 20%;}

}


@media (min-width:991px) and (max-width: 1280px) {
.sidenav {padding-top: 24%; }
.left-menu > ul li a{padding: 13px 30px 13px 40px; font-size: 12px; }

button{
  width: 31%;
  /*margin-right: 1.1em;*/
  height: 3.4em;
  /*font-size:1.1em; font-weight: bold;
  padding:0 2em;*/
}
}

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

.container {height: 100%;}
.sidenav {height: 120%; padding-top: 24%; }
.left-menu {width: 80%; margin: 0 2%;}
.left-menu > ul li a{padding: 12px 2px 12px 30px; font-size: 12px; width: 100%;}



button{
  width: 31%;
  margin-right: 0.6em;
  height: 3.6em;
  font-size:0.9em; font-weight: bold;
  padding:0 1.5em;
}
.topsite {
	height: 10em;
	/*border: 4px solid yellow;*/
	background-image: url(../img/topsite_fon.png);
	background-repeat: no-repeat;
	background-size: 100% 100% ;
}
h2 {font-size: 1.6em;}
h3 {font-size: 1.6em;}
}

/*Скрываем верхнее меню в десктопной версии*/
@media (min-width: 767px){
 header {display: none;}
}

/*=============Мобильная версия=====================================
===================================================================*/

/*Скрываем боковое меню в мобильной версии*/
@media (max-width: 767px){
 .sidenav {display: none;}
} 

/*Сворачиваем верхнее меню в бутерброд в мобильной версии*/ 
@media all and (max-width: 767px){
 
 .dws-menu{overflow: hidden;}
 
 .dws-menu ul{
  display: block;
  max-height: 0;
  transition: max-height 0.3s;
 }
 .dws-menu li>ul li ul{
  position: absolute;
  right: auto;
  top: auto;
 }
 .dws-menu label.toggleMenu{
  display: block;
 }
 input.toggleMenu:checked + label.toggleMenu{
  background: #003366;
  
 }
 input.toggleMenu:checked ~ ul,
 input.toggleSubmenu:checked ~ ul{
  display: block;
  position: relative;
  max-height: 5000px;
  transition: max-height 3s ease;
 }
 .dws-menu label.toggleSubmenu{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
 }
 input.toggleSubmenu:checked ~ a{
  background: #660000;
  color: #fff;
 }
 .dws-menu label.toggleSubmenu .fa:before{
  content: "\f0d7";
  color: #fff;
 }
 .dws-menu label.toggleSubmenu .fa{
  position: absolute;
  top: 15px;
  right: 30px;
 }
 .dws-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{
  content: "\f0d8";
  color: #ffffff;
 }
}



/*---- прочее ----*/

@media (max-width: 767px){
.sidenav {display: none;} 

#search {margin-left: 0; width: 97%; margin-bottom: 2px;}

.breadcrumbs {display: none; }

.heading {margin-top: -20%; margin-left: 0; }

.topsite {width: 98%; height: 10em; background-image: url(../img/topsite_fon1.png);}

.forbutton {width: 98%; margin-left: 0; }

button {width: 100%; padding: 0; margin-top: 2px; }

.pagetitle {width: 98%; padding: 0; text-align: left; margin-left: 2%;  }

.main {width: 94%; margin: 0; }

.footer {
		height: 4em;
		border-top: 3px solid black;
		margin-top: 1em;
		padding-left: 20px;
		text-indent: -0.5em;
		padding-top: 0.6em;
		font-size: 0.7em;
}

.column {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

.main_fl {flex-direction: column-reverse;}

.left_re {
	/*border: 2px solid red;*/
	padding-left: 0.5%;
	padding-top: 2%;
	width: 100%;
}
.right_re {
	/*border: 2px solid blue;*/
	width: 100%;
}

.left_wr {
	/*border: 2px solid red;*/
	padding-left: 0.5%;
	padding-top: 2%;
	width: 100%;
}
.right_wr {
	/*border: 2px solid blue;*/
	width: 100%;
}

.CSSgal .bullets {display:none;}

/*==========Доп меню==========*/
ul.nav {
	width: 100%;
	left: 0;
	padding: 1% 0 0% 0;
	background: none;
    background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
	-webkit-background-size: contain;
	margin: -1% 0 1% 0;
}

ul.nav li a {
    transition: all 0.3s ease-out;
    background: #cccccc url(../img/border.png) no-repeat;
    color: #174867;
    padding: 3% 12% 0% 15%;
    margin-top: -1%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 70%;
    height: 2em;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    box-shadow: 2px 2px 4px #888;
}
ul.nav li a:hover {
	background: #ebebeb url(../img/border.png) no-repeat;
	color: #67a5cd;
	padding: 3% 12% 0% 19%;
}
/*-------end--------*/

/*==========Доп меню для писателей==========*/
ul.nav_wr {
	width: 88%;
	left: 0;
	padding: 1% 0 0% 0;
	background: none;
    background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
	-webkit-background-size: contain;
	margin: 0;
}

ul.nav_wr li a {
    transition: all 0.3s ease-out;
    background: #fff url(../img/ul-nav-hover.png) no-repeat 100%;
    color: #174867;
    padding: 3% 0% 0% 15%;
    margin-top: -1%;
    width: 100%;
    height: 2em;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
}
ul.nav_wr li a:hover {
	background: #ebebeb url(../img/border.png) no-repeat;
	color: #67a5cd;
	padding: 3% 12% 0% 19%;
}
/*-------end--------*/

.pict img {width: 80%;}
.left_wr iframe {width: 90%;}


}