.desktop-image {
	display: inline!important;
}
.mobile-image {
	display: none!important;
}
.desktop-block {
	display: block!important;
}
.mobile-block {
	display: none!important;
}
.desktop-flex {
	display: flex!important;
}
.mobile-flex {
	display: none!important;
}
#header-menu-trigger {
	display: none;
}
.catalog-menu-mobile {
	display: none;
}

@media screen and (max-width: 1200px) {
    
	html,
	body {
		padding:0;
		width:100%;
	}

	body.no-scroll {
		height: 100%;
		overflow-y: hidden;
	}

	.desktop-image {
		display: none!important;
	}
	.mobile-image {
		display: inline!important;
	}

	.desktop-block {
		display: none!important;
	}
	.mobile-block {
		display: block!important;
	}

	.desktop-flex {
		display: none!important;
	}
	.mobile-flex {
		display: flex!important;
	}
	
    /* ----- header ----- */
	#fon_header {
		/* height:95px; */
		width:100%;
		position: fixed;
		top:0;
		left:0;
		min-width: 320px;
		z-index: 10000;
		box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);
		background: url("../images/fon_header.jpg") no-repeat scroll 50% -80px transparent;
	}
	#header {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#header-menu-trigger {
		display: block;
		align-items: center;
		justify-content: space-between;
		margin: 0 15px 0 15px;
		padding: 5px;
		background-color:#2786B9;
		text-decoration: none;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		border:2px solid #ffffff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	#header-menu-trigger .material-icons {
		color:#ffffff;
	}
	#header-menu-trigger .material-icons.header-menu-trigger-open {
		display: block;
	}
	#header-menu-trigger .material-icons.header-menu-trigger-close {
		display: none;
	}
	#header-menu-trigger.active .material-icons.header-menu-trigger-open {
		display: none;
	}
	#header-menu-trigger.active .material-icons.header-menu-trigger-close {
		display: block;
	}
	#header .logo {
		display: block;
		position: relative;
		top:auto;
		left: auto;
		width: 180px;
		flex-basis: 180px;
		margin: 0;
		padding: 10px 0;
	}	
	#header .logo img {
		width: 100%;
		margin: 0;
		padding: 0;
	}	
	.info_header {
		display: none;
	}
	.phone_haeder {
		position: static;
		top:auto;
		left:auto;
		display: block;
		padding: 0 0 0 5px;
		margin: 0 10px 0 auto;
		font-size: 14px;
		line-height: 17px;
		text-align: left;
		border-left:2px solid #ffffff;
	}
	.phone_haeder p {
		/* text-align: left!important; */
		white-space: nowrap;
	}
	.phone_haeder p:first-child {
		display: none;
	}
	.mail_header {
		display: none;
	}
	#header .slide {
		display: none;
	}
	#header .menu_header {
		display: block;
		position: fixed;
		top:81px;
		left: 0;
		width: 100%;
		height: 70%;
		overflow-y: scroll;
		margin: 0;
		padding: 0 0 20px 0;
		background-color: #4ea5d4;
		border-top:2px solid #fff;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		transform: translate(-200%, 0);
		-webkit-transform: translate(-200%, 0);
		-moz-transform: translate(-200%, 0);
		-ms-transform: translate(-200%, 0);
		-o-transform: translate(-200%, 0);		
	}
	
h1 {
	font-size: 22px;
}
	
	#header .menu_header.active {
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		transform: translate(0%, 0);
		-webkit-transform: translate(0%, 0);
		-moz-transform: translate(0%, 0);
		-ms-transform: translate(0%, 0);
		-o-transform: translate(0%, 0);
	}
	#header .menu_header ul {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0px 0px;
		background: none;
	}
	#header .menu_header ul li {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
		/* border-bottom:1px solid #fff; */
	}
	#header .menu_header ul li a {
		background: none;
		text-align: left;
		color:#ffffff;
		width: auto;
		margin: 0;
		padding: 10px 20px;
		text-transform: uppercase;
	}
	#header .menu_header ul li a:hover {
		background: none;
	}
	#header .menu_header ul.menu_sub {
		display: block;
		position: static;
		padding: 0;
		margin: 0;
		background-color: #2786B9;
		/* border-top:1px solid #fff; */
	}
	#header .menu_header ul.menu_sub li {
		border-bottom:none;
	}
	#header .menu_header ul.menu_sub li a {
		text-transform: none;
	}
	#header.header2 {
		height: auto;
	}
	.mobile-slogan-on-main {
		width: 90%;
		margin: 0;
		padding: 20px 5%;
		text-align: center;
	}
	.mobile-slogan-on-main h3 {
		color:#2786b9;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
	}
	.mobile-slogan-on-main h4 {
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		color:#5bb1df;
	}
	/* main */
	#main {
		width: 100%;
	}
	.left_content {
		display: none;
	}
	.right_content {
		width: 96%;
		margin: 0 auto 0 auto;
		padding: 80px 0 0 0;
		float: none;
	}
	.right_content .info_center {
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	.right_content .info_center img {
		max-width: 100%;
		display: block;
		padding: 0;
		margin: 0 auto;
	}
	.right_content .tetext {
		width: 96%;
		padding: 0;
		margin: 0 auto;
		float: none;
	}
	.left_content {
		display: block;
		position: fixed;
		top:85px;
		left: 0;
		width: 360px;
		margin: 0;
		padding: 0px 0;
		z-index: 2;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		transform: translate(-300px, 0);
		-webkit-transform: translate(-300px, 0);
		-moz-transform: translate(-300px, 0);
		-ms-transform: translate(-300px, 0);
		-o-transform: translate(-300px, 0);
	}
	.left_content.active {
		transform: translate(0px, 0);
		-webkit-transform: translate(0px, 0);
		-moz-transform: translate(0px, 0);
		-ms-transform: translate(0px, 0);
		-o-transform: translate(0px, 0);
	}
	.left_content_container {
		width: 300px;
		padding: 0 0 10px 0;
		margin: 0 50px 0 0;
		position: relative;
		/* height: 70%;
		overflow-y: scroll; */
		background-color: #4ea5d4;
	}
	.left-content-mobile-button {
		position: absolute;
		top:70px;
		right: -53px;
		width: 35px;
		height: 35px;
		z-index: 2;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		text-decoration: none;
		background-color: #4ea5d4;
		background-color:#2786b9;
		border:2px solid #ffffff;
		color:#ffffff;
		opacity: 0.8;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.left-content-mobile-button img {
		/* width: 100%;
		border:2px solid #4ea5d4;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px; */
	}
	.left-content-mobile-button::after {
		content: "▶";
	}
	.left-content-mobile-button.active::after {
		content: "◀";
	}
	.left_content_container .left_info {
		display: none;
	}
	.left_content_container .new_left {
		display: none;
	}
	.left_content_container .left_menu {
		width: 100%;
		padding: 0;
		margin: 0;
	}
.left_content_container .h_left_menu {
	font-size: 20px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	text-align: center;
	text-transform: uppercase;
}
	.left_content_container .left_menu li,
	.left_content_container .left_menu li:hover {
		width: 90%;
		margin: 0;
		padding: 1px 5%;
		border:none;
	}
	.left_content_container .left_menu li a,
	.left_content_container .left_menu li a:hover {
		display: block;
		padding:7px 10px 10px 7px;
		background: none;
		color:#ffffff;
		border:none;
	}
	.left_content_container .left_menu li.active a,
	.left_content_container .left_menu li.active a:hover {
		color: #a5c9db;
	}
	.left_content_container .left-menu-main-ul {
		display: block;
		height: 315px;
		overflow-y: scroll;
		background-color:#24719b;
	}
	.left_content_container .left_search {
		float: none;
		margin: 15px 0 35px 20px;
		width: 257px;
	}
	#tblGosha {
		margin: 20px auto!important;
	}
	.mobile-slider-on-main {
		padding: 20px 0;
		margin: 0 auto 10px auto;
		width: 100%;
		/* background-color: #708fa1; */
		background: url("../images/mobile-slider-on-main.jpg") no-repeat scroll 50% 100%;
	}
	.mobile-slider-on-main .slide {
		width: 270px;
		padding: 0px;
		margin: 0 auto;
	}
	.mobile-slider-on-main .slide > div {
		background: none;
	}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	height: 228px;
	overflow: hidden;
	padding: 0 30px 0;
	width: 218px;
}
.jcarousel-item img {
	border: 1px solid #fff;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    left: 0;
}

	/* inner-pages */
	#advantages-on-main {
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.advantages-on-main-block {
		width: 45%;
		flex-basis: 45%;
		height: auto;
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
	}
	.advantages-on-main-block img {
		max-width: 100%;
		display: block;
		padding: 0;
		margin: 0 auto;
	}
	.advantages-on-main-block p {
		display: block;
		height: auto;
		padding: 10px 10px 20px 10px;
		margin: 10px 0 0 0;
		text-align: center;
		border-top:1px solid #afcbcf;
	}
	#serts-on-main {
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.serts-on-main-block {
		width: 30%;
		flex-basis: 30%;
		height: auto;
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
	}
	.serts-on-main-block img {
		max-width: 100%;
		height: auto;
		display: block;
		padding: 0;
		margin: 0 auto;
	}
	.serts-on-main-block p {
		display: block;
		height: auto;
		padding: 10px 10px 20px 10px;
		margin: 10px 0 0 0;
		text-align: center;
		border-top:none;
		border-bottom:1px solid #afcbcf;
	}

	.h1-on-main {
		font-size: 18px;
		color: #2786b9;
		text-transform: uppercase;
	}
	.h1-on-main img {
		display: block;
		float: none;
		padding: 0;
		margin: 0 auto 5px auto;
	}
	.inner-body .mobile-slider-on-main {
		display: none!important;
	}
	#catalog_right_arrow,
	#catalog_left_arrow {
		display: none;
	}
	.catalog_one_title {
		padding:0;
		margin: 0;
		line-height: normal;
	}
	.catalog_photos_area .main_photo img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	#left-content-counter {
		display: none;
	}
	#inner-page-vakansii-img {
		float: none;
		display: block;
		margin:10px auto;
		padding: 0px 0px;
	}
	.inner-page-vacancy {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.inner-page-vacancy img {
		display: block;
		margin: 0 auto;
	}
	.catalog_list_one,
	.catalog_list_one:last-child {
		float: none;
		margin: 0 auto;
		width: 240px;
		min-height: 340px;
	}
	.catalog-cat-text-img {
		display: block;
		margin:10px auto;
		max-width: 100%;
	}
	.inner-page-uslugi-img {
		display: block;
		margin: 10px auto;
		float: none;
		max-width: 100%;
		height: auto;
	}
	.inner-page-news {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}
	.inner-page-news img {
		display: block;
		max-width: 100%;
		height: auto;
		padding: 0;
		margin: 10px auto;
		float: none;
	}
	.catalog_one {
		padding:0 0 20px 0;
	}
	.catalog_one iframe {
		max-width: 100%;
	}
	.catalog_one table {
		width: 100%;
		font-size: 12px;
	}
	.catalog_cat_text img {
		height: auto;
		max-width: 100%;
	}
	.div-scroll-mobile {
		width: 100%;
		padding: 0;
		margin: 0;
		overflow-x: scroll;
	}
	#inner-page-contacts-map {
		width: 100%;
		height: 200px;
	}
	#inner-page-contacts-map iframe {
		width: 100%;
		height: 100%;
	}
	.inner-page-video-block {
		width: 320px;
		height: 200px;
	}
	.inner-page-video-block iframe {
		width: 100%;
		height: 100%;
	}
	/* ) */
	/* footer */
	#fon_footer {
		-webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.3);
		-moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.3);
		box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.3);
	}
	#footer {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 20px 0px 20px 0px;
		background-color: #dfdfdf;
		background-color: #d3caca;
		font-size: 13px;
		text-align: center;
		border-top:2px solid #ffffff;
	}
	#footer .logo_footer {
		position: static;
		display: block;
		padding: 0;
		margin: 0px auto;
		width: 170px;
	}
	#footer .logo_footer img {
		width: 100%;
	}
	#footer .copy_footer {
		position: static;
		display: block;
		padding: 10px 0;
		margin: 0 auto;
		width: 90%;
	}
	#footer .menu_footer {
		display: none;
		width: 100%;
	}
	#footer .info_footer {
		position: static;
		display: block;
		padding: 10px 0;
		margin: 0 auto;
		width: 90%;
	}
	#footer .footer_phone {
		display: none;
	}
	#footer .footer_mail {
		display: none;
	}
	#footer .eo {
		position: static;
		display: block;
		padding: 10px 0;
		margin: 0 auto;
		width: 90%;
		color:#000;
	}

/* 
	.catalog-menu-mobile-block form input:active, 
	.catalog-menu-mobile-block form input:hover, 
	.catalog-menu-mobile-block form input:focus {
		outline: 0;
		outline-offset: 0;
	} */
	/* ======================================================= */







	
	/* ----- header-menu ----- */
	#header-menu {
		display: none;
	}

	/**/
	#main.main-inner {
		width: 96%;
		margin: 0 auto;
		padding:120px 2% 20px 2%;
	}
}

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

}

@media screen and (max-width: 1000px) {
	/* .catalog-on-main-panel {
		width: 540px;
		margin: 0 auto;
		padding: 0 55px;
		position: relative;
	} */
}

@media screen and (max-width: 900px) {
	/* #lastnews-on-main-container {
		width: 370px;
	} */
}

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

}

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

}	

@media screen and (max-width: 600px) {
	.serts-on-main-block {
		width: 80%;
		flex-basis: 80%;
		height: auto;
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
	}
}

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

}

@media screen and (max-width: 400px) {
    
}