@media only screen  
and (max-width : 2230px) {

#body_box {
	padding-left:44px;
	padding-right:44px;
}
}

@media only screen  
and (max-width : 1840px) {

#body_box {
	padding-left:20px;
	padding-right:20px;
}
	
}

@media only screen  
and (max-width : 780px) {

BODY, table, div, TD, P, UL, LI, .content {
	font-size:16px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 100%;
	margin:0 0 10px;
}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:22px;}
h5 {font-size:20px;}
h6 {font-size:18px;}
#left_box {
	width:25%;
	position:fixed;
}
#center_box {
	width:75%;
	margin-left:25%
}
#center_box > picture > img {
	width:auto;
}
.content_box {
	padding-top:20px;
}
.menu_top {
	padding-top:0;
	position:fixed;
	height:100%;
	background:rgba(0,0,0,0.70) url(../images/menu_top_line.gif) repeat-y left top;
	z-index:99;
}
.menu_top > ul {
	padding-top:20px;
	-webkit-flex-wrap:no-wrap;
	    -ms-flex-wrap:no-wrap;
	        flex-wrap:no-wrap;
}
.menu_top > ul {
	display:block;
}
.menu_top > ul > li {
	-ms-flex-item-align:flex-start;
	 -webkit-align-self:flex-start;
	         align-self:flex-start;
	vertical-align:top;
	padding-right:20px;
	padding-left:20px;
	height:auto;
	background:none;
}
html.no-flexbox .menu_top > ul > li {
	display:block
}
.menu_top > ul > li > a {
	font-size:28px;
	line-height:40px;;
	height:40px;
}
.menu_top ul ul {
	margin-bottom:20px;
	position:relative;
	bottom:auto;
}
.menu_top ul ul a {
	font-size:14px;
}
.menu_top {
	display:none;
}
.menu_top__ico {
	display:block;
}
.mt_visible {
	display:block;
}
.content {
	overflow:hidden;
}
.index_but {
	margin-right:-20px;
}
.index_but > li {
	width:110px;
	height:110px;
	margin:0 20px 20px 0;
}
.index_but.pub_but > li > a {
	width:110px;
	height:110px;
}
.flex-direction-nav {
	display:none;
}
.index_but > li > a > div {
	font-size:14px;
}
.index_but > li > a > div > span {
	font-size:12px;
	margin-top:1%;
}
.bio {
	display:block;
}
.bio > li {
	width:100%;
	padding-right:0;
}
.bio > li:first-child {
	width:100%;
}
.bio > li:last-child {
	width:100%;
}
.bio > li:first-child > h2,
.bio > li:first-child > img,
.bio > li:first-child > a {
	width:100%;
}
.bio > li:first-child > a:last-child {
	display:none;
}
.bio > li:last-child h6 {
	display:none;
}
.bio > li:last-child a:first-child {
	display:block;
	position:relative;
	margin-top:15%;
	width:100%;
	color:#a7a9ac;
	text-decoration:none;
	line-height:30px;
	font-size:30px;
	font-family:"DIN1451", sans-serif, Arial, Helvetica;
}
.bio > li:last-child a:first-child:hover {
	color:#998554;
}
	
}

@media only screen  
and (max-width : 780px)
and (orientation: portrait) {

#body_box {
	height:auto;
	min-height:100%;
}
#body_conteiner {
	display:block;
	height:auto;
	min-height:100%;
}
#left_box {
	position:static;
	width:100%;
	height:auto;
	align-self:auto;
}
.logo_box {
	width:40%;
}
.menu_top__ico {
	position: absolute;
	margin-top:0;
	margin-bottom:0;
	top:14px;
	right:0;
}
.menu_top {
	top:110px;
	left:20px;
	width:100%;
}
#footer_box {
	display:none;
}
#footer_box__mob {
	width:65%;
	display:block;
	margin-top:40px;
}
#center_box {
	width:100%;
	margin-left:0;
}
#center_box > picture > img {
	width:100%;
	height:auto;
	position:relative;
	top:auto;
	left:auto;
}
.index_but {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	   -moz-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin-right:0;
}
.index_but > li {
	width:30%;
	height: auto;
	margin:0 0 5% 0;
}
.index_but.pub_but > li > a {
	width:100%;
	height: auto;
}
.index_but > li > a > div {
	font-size:24px;
}

}

@media only screen  
and (max-width : 360px)
and (orientation: portrait) {

.bio > li > ul > li {
	display:block;
	width:100%;
}

}

/*@media only screen  
and (max-width : 650px)
and (orientation: portrait) {

.index_but > li > a > div {
	font-size:18px;
}

}

@media only screen  
and (max-width : 520px)
and (orientation: portrait) {

.index_but > li > a > div {
	font-size:14px;
}

}

@media only screen  
and (max-width : 420px)
and (orientation: portrait) {

.index_but > li {
	width:47.5%;
	height: auto;
	margin:0 0 5% 0;
}
.index_but > li > a > div {
	font-size:20px;
}

}

@media only screen  
and (max-width : 360px)
and (orientation: portrait) {

.index_but > li > a > div {
	font-size:16px;
}

}

@media only screen  
and (max-width : 320px)
and (orientation: portrait) {

.index_but > li {
	width:100%;
	height: auto;
	margin:0 0 5% 0;
}
.index_but > li > a > div {
	font-size:30px;
}

}*/

/*@media only screen  
and (max-width : 2230px)
and (min-width : 1820px) {


@media only screen  
and (max-width : 1820px) {
	

}*/