@media screen and (max-width: 979px) {
.mobile_content {display: block;}

body {font-size: 3.5vw;}
.container {width: 90vw;}
#content_contaner .content {width: 90vw;}
header {height: 170vw; margin: 20vw 0 0 0; background: left bottom / cover no-repeat url(/_images/new_style/head_bg2.svg), #104b89;}/*10vw 56vw / 15vw auto no-repeat url(/img/flag.png), 6vw 88vw / 25vw auto no-repeat url(/_images/new_style/logo.svg), */
.content iframe {max-width: 100%;}
#content_ancor {top: -20vw;}

nav {height: 20vw;}
NAV .container > UL {display: none; width: 100%; padding: 35vw 5vw 5vw 5vw; position: absolute; left: 0; top: 0vw; background-color: #104b89; height: 100vh; overflow-y: auto; z-index: -1;}
NAV .container > UL > LI {padding: 5vw 0vw 3vw 0vw; border-bottom: 1px solid rgba(255, 255, 255, 0.45); width: 100%; font-size: 4.5vw; line-height: 4.5vw; text-transform: uppercase; font-weight: 900;}
NAV .container > UL > LI > A {padding: 0vw 0vw;}
NAV .container > UL > LI > UL {display: none; opacity: 1; width: 100%; max-height: none; position: relative; top: 0; left: 0; box-shadow: none; padding: 2vw 0 0 0;}
NAV .container > UL > LI:nth-child(1) > UL {width: 100%;}
NAV .container > UL > LI:hover > UL {display: block;}
NAV .container > UL > LI > UL > LI {width: 100%; font-size: 4vw; line-height: 4vw; text-transform: none; padding: 3vw 0vw 3vw 5vw;}
NAV .container > UL > LI > UL > LI > UL {padding: 2vw 0vw 0vw 0vw;}
NAV .container > UL > LI > UL > LI > UL > LI { font-size: 3vw; line-height: 3vw; padding: 2vw 0vw 2vw 4vw;}

NAV .mobile_content > UL > LI > UL {display: none;}
NAV .mobile_content > UL > LI > UL > LI > UL {display: none;}
NAV .mobile_content > UL > LI > DIV {position: absolute; top: 4vw; right: 0vw; background: #104b89; width: 6vw; height: 6vw; cursor: pointer;}
NAV .mobile_content > UL > LI > DIV:after {transition: all linear .3s; content: "\f102"; font-family: Flaticon; color: #ffffff; font-size: 3vw; line-height: 6vw; transform: rotate(270deg); display: block; position: relative; top: -1vw; left: 0;}
NAV .mobile_content > UL > LI > .opened:after {transform: rotate(90deg); top: 1vw;}
NAV .mobile_content > UL > LI > UL > LI > DIV {position: absolute; top: 2vw; right: 0vw; background: #104b89; width: 6vw; height: 6vw; cursor: pointer;}
NAV .mobile_content > UL > LI > UL > LI > DIV:after:active {outline: none;}
NAV .mobile_content > UL > LI > UL > LI > DIV:after {transition: all linear .3s; content: "\f102"; font-family: Flaticon; color: #ffffff; font-size: 3vw; line-height: 6vw; transform: rotate(270deg); display: block; position: relative; top: -1vw; left: 0;}
NAV .mobile_content > UL > LI > UL > LI > .opened:after {transform: rotate(90deg); top: 1vw;}


NAV .container > .search_form {display: none; top: 22vw; position: absolute;}
NAV .search_form {margin: 0;}
NAV .search_form FORM {margin: 0 0vw;}
NAV .search_form INPUT {border-radius: 5vw 0 0 5vw; width: 80vw; height: 10vw; font-size: 4vw; padding: 0 0 0 4vw;}
NAV .search_form .search_subm {border-radius: 0 5vw 5vw 0; width: 10vw; height: 10vw;}

NAV .container > .special {display: none; position: absolute; left: 17vw;}
nav .special img {width: 10vw; margin: 0;}

NAV .container > .lang_nav {display: none; position: absolute; left: 40vw;}
.lang_nav > a:nth-child(1)::after {margin: 0 5vw;}

.mobile_menu_nav_bg {display: none; position: absolute; top: 0; left: 0; z-index: -1; height: 35vw; width: 100vw; background-color: #104b89;}

header .ombudsman_photo {bottom: -1vw; right: -5vw; height: 120vw; width: 80vw; background: center top / contain no-repeat url(/_images/new_style/sapko.png); /*/img/head-bg-person.png*/
}

header .pk_logo {
	position: fixed; top: 4.5vw; left: 27vw; z-index: 10;
  float: none;
  padding-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  width: 6vw;
}

header .ombudsman_logo {
	position: fixed; top: 5.5vw; left: 5vw; z-index: 10;
  float: none;
  clear: none;
  margin-right: 0;
  margin-bottom: 0;
  width: 18vw;
}

H1 {font-size: 7vw; line-height: 7vw; text-transform: none; margin: 0 0 5vw 0;}

header h2 {
  padding-top: 4vw;
  font-size: 4vw;
}

header h3 {
  padding-top: 10vw;
  width: 80vw;
}

.main-font {
  font-size: 3.5vw;
}

.title-font {
  font-size: 7vw;
}

header .button {padding: 4vw 4vw; font-size: 3.5vw; margin: 0 0 4vw 0;}
.button {font-size: 4vw; padding: 5vw 10vw; border-radius: 10vw;}

#sub-nav {flex-wrap: wrap; margin: 48vw 0 0vw 0; position: absolute; z-index: 3;}
#sub-nav .button {width: 51%; }
header .soc_links {display: none; width: 100%; text-align: center; margin: 0; bottom: 5vw; position: absolute; z-index: 2;}
header .soc_links A {margin: 0 5vw 0vw 0;}
header .soc_links IMG {width: 15vw;}
/*#header_bg_bottom {width: 100%; height: 60vw; top: 130vw; position: absolute; z-index: 1; background: left bottom / 100% auto no-repeat url(/_images/new_style/mobile_head_bg_bottom.svg);}*/

#news, #treatment, #region_news {border-bottom: 0px solid rgba(16, 75, 137, 0.18); margin: 0 0 6vw 0; padding: 0 0 4vw 0;}

.news_flex item {width: 100%;}
#news .image, #region_news .image {height: 60vw; margin: 0 0 4vw 0; border-radius: 5vw;}
#news .type, #treatment .type, #region_news .type {font-size: 4.5vw;}
#news .type::before, #treatment .type::before, #region_news .type::before {margin: 0 1.5vw;}
#news TIME, #treatment TIME, #region_news TIME {font-size: 4.5vw; margin: 0 0 2vw 0;}
#news .text, #treatment .text, #region_news .text {width: 100%; font-size: 3.5vw; margin: 0 0 0vw 0;}
#treatment .text {padding: 0 0 4vw 0; margin: 0 0 1vw 0;}
#news .button, #treatment .button, #region_news .button {width: 100%; margin: 4vw auto 4vw auto;}

#main_page MAIN {background: 100% 10vw / 35vw auto no-repeat url(/_images/new_style/main_news_bg.svg), 100% 84% / 35vw auto no-repeat url(/_images/new_style/main_calendar_bg.svg);}
MAIN .title-font {text-transform: none; margin-bottom: 4vw;}

.region_news {display: none;}
.region_news item {width: 100%;}
.region_map {position: relative; height: 130vw;}
.region_map OBJECT {position: absolute; width: 105vw; left: -10vw; top: -13vw;}

#news ITEM, #treatment ITEM, #region_news ITEM {margin: 3vw 0;}
#news > .news_flex > ITEM > A, #treatment > .treatment_flex > ITEM > A, #region_news .region_news > ITEM > A {width: 100%;}
.news {margin: 0 0 8vw 0;}
.news_list .news {grid-template-columns: auto; grid-template-rows: auto 4vw auto auto; grid-template-areas: "framed" "date" "text" "more";}
.news .framed {width: 100%;}
.news .framed IMG {float: none; width: 100% !important; margin: 0 0 2vw 0; border-radius: 2vw;}
.news iframe {max-width: 100%;}
.date_arc TD {font-size: 2vw;}
.content .news_full .framed {width: 100%;}
.content .news_full .date {margin: 0 0 4vw 0;}
.content .news_full .text {width: 100%;}
.content .news_full .text P {margin: 0 0 4vw 0;}

#menu-button {display: block; cursor: pointer; width: 20vw; position: absolute; top: 0vw; right: 0vw;}
#menu-button > DIV {width: 9vw; margin: 6vw 5vw; transition: all linear .3s;}
#menu-button.active {}

#line-1,#line-2,#line-3 {width: 100%; background: #fff; height: 1vw; margin: 2vw auto; transition: all linear .3s;}
#line-1.active {transform: translate(0px,3vw) rotate(45deg);}
#line-2.active {opacity: 0;}
#line-3.active {transform: translate(0px,-3vw) rotate(-45deg);}

.treatment_calendar_flex #treatment {width: 100%;}
.treatment_calendar_flex #calendar {width: 100%;}

.calendar_contaner {flex-wrap: wrap;}

#gallery_slider .swiper-slide {width: auto; height: 40vw; }

.gallery_s {margin: 2vw auto; width: 100%;}
.gallery_s A {width: 100%; height: 40vw; border-radius: 2vw;}
.gallery_s > P {width: 100%; font-size: 3vw; line-height: 3.5vw;}

.file_link {margin: 0px 0px 3vw 0px;}
.file_link .text {font-size: 3vw;}
.file_link IMG {height: 5vw; margin: 1vw 2vw 2vw 0;}

.feedback P {font-size: 4vw; margin: 1vw 0 0 0; font-weight: 400;}
.feedback FORM {font-size: 3.5vw; font-weight: 400;}
.feedback INPUT {width: 90vw !important; font-size: 3.5vw; margin: 3vw 0 1vw 0; padding: 4vw 5vw; border-radius: 8vw;}
.feedback INPUT[name="city"], .feedback INPUT[name="district"], .feedback INPUT[name="street"], .feedback INPUT[name="house"] {width: 90vw !important;}
.feedback SELECT {width: 90vw !important; font-size: 3.5vw; margin: 3vw 0 1vw 0; padding: 4vw 5vw; border-radius: 8vw;}
.feedback TEXTAREA {width: 90vw !important; font-size: 3.5vw; margin: 3vw 0 1vw 0; padding: 4vw 5vw; border-radius: 8vw;}
.feedback IMG {width: 36vw; height: 12vw; margin: 2vw 2vw 0 0;}
.feedback INPUT[type="file"] {width: 100% !important; font-size: 4vw; padding: 4vw 10vw 4vw 10vw; border-radius: 0vw;}
.feedback #falseinput {width: 100% !important; font-size: 4vw; margin: 3vw 0 1vw 0; padding: 5vw 10vw; border-radius: 10vw;}
.feedback INPUT[type="submit"] {width: 100% !important; font-size: 4vw; padding: 5vw 10vw; border-radius: 10vw;}


.staff-flex .group {margin: 0vw 0 4vw 0; border-bottom: 1px solid rgba(0, 0, 0, 0.45);}
.staff-flex .group_name {font-size: 4vw; padding: 4vw 4vw 4vw 0; margin: 0; /*text-indent: -3.5vw;*/}
.staff-flex .group_name::after {
	font-size: 3vw;
	line-height: 3vw;
	right: 1vw;
}
.staff-flex .group[open] .group_name::after {transform: rotate(90deg); top: 35%;}

.staff-flex .address {font-size: 4vw;}
.staff-flex .staff {width: 70vw; flex-wrap: wrap; padding: 2vw 0; margin: 0 auto;}

.staff .photo {
	width: 70vw;
	height: auto;
	margin: 0 0 4vw 0;
	text-align: center;
	flex-shrink: 1;
}

.staff .photo img {
	width: 70vw;
}

.staff .name, .staff .name p {
	font-size: 4vw;
}

.staff .position, .staff .position p {
	font-size: 3vw; margin: 0 0 2vw 0;
}

.staff .info {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.staff .info .name {padding: 0 0 2vw 0; margin: 0 0 2vw 0;}
.staff .info .email {width: 100%;}
.staff .info .email .header {padding: 0 0 2vw 0; margin: 0 0 2vw 0;}
.staff .info .tel {width: 100%;}
.staff .info .tel .header {padding: 0 0 2vw 0; margin: 0 0 2vw 0;}

.staff .email,
.staff .tel,
.staff .address,
.staff .contacts,
.staff .email p,
.staff .tel p,
.staff .address p,
.staff .contacts p
{
	padding: 2vw 0;
	font-size: 3vw;
}

.phone_ico {width: 5vw; height: 5vw; margin-right: 2vw;}
.globe_ico {width: 5vw; height: 5vw; margin-right: 2vw;}
.email_ico {width: 5vw; height: 5vw; margin-right: 2vw;}
.address_ico {width: 5vw; height: 5vw; margin-right: 2vw;}


.contact_maps > DIV {flex-wrap: wrap;}
.contact_maps > DIV > DIV {width: 100% !important;}
.contact_maps > DIV > DIV:nth-child(1) {margin-bottom: 2vw;}

footer > .container {display: flex; flex-wrap: wrap; justify-content: space-evenly; width: 100%;}
footer > .container > A {text-align: center;}

footer .copyr_flex {margin: 0 auto 0vw auto;}
footer .copyr {width: 100%; padding: 30vw 0 0 0; background: center 5vw / 35vw auto no-repeat url(/_images/new_style/logo.svg); text-align: center;}
footer .soc_links {width: 100%; text-align: center;}
footer .soc_links IMG {width: 15vw;}
footer .soc_links A {margin: 10vw 3vw;}

footer .contacts_flex {flex-wrap: wrap; }
footer .contacts_flex > DIV {width: 100%; margin: 0 0 0vw 0;}
footer .contacts_flex H3 {font-size: 4.5vw; margin: 2vw auto 6vw auto; padding: 4vw 5vw; border-bottom: 0px; background-color: #ffffff; color: #104b89;}
footer .contacts_flex P {font-size: 4.5vw; margin: 0 auto 1vw auto; width: 90vw; display: block;}
footer .contacts_flex SPAN {font-size: 3.5vw; margin: 0 auto 5vw auto; width: 90vw; display: block;}
footer .contacts_phones > DIV {width: 100%;}

footer .links_flex {display: none;}
footer .partners A {margin: 6vw 3vw 12vw 3vw;}
footer .partners IMG {height: 12vw;}

#Go_Top {display: none !important;}


}