@media screen and (max-width: 1050px) {
.topmenu ul li:hover ul {display: none;}
.topmenu ul li ul.visible {display: block;}
iframe {max-width:100%!important; height: 300px!important;}
}

@media screen and (max-width: 954px) {
	html {min-width: 300px;}
	body {min-width: 300px;}

	.all {width: 100%; min-width: 300px;}
	.header .title {	font-size: 27px;}
		
	.topmenu {    height: 47px;    position: relative;    white-space: nowrap;    width: 100%;}
	.topmenu ul li a {    display: block;    padding: 15px 0 16px 0;    text-align: center;    width: 100%;}
	.topmenu ul li {display: table-cell;   float: none; }
	.all .topmenu ul li:hover ul li { background: #8d285f none repeat scroll 0 0; display: block; width: 333px;}
	.all .topmenu ul li:hover ul li a{  width: 333px;  padding: 8px 0 ; }
	.topmenu ul {    display: table;    width: 100%; }
	
	.dopmenu { width: 100%;}
	.dopmenu .content { width: calc(100% - 212px);}
	.dopmenu .block { margin: 0 20px 0 0; width: 30%;}
	.dopmenu .buttons { width:  200px; z-index: 10;}
	.dopmenu .buttons ul {float: right; width: 200px;}
	.dopmenu h3 { font-size: 19px;}
	
	.middle .rightbar {width: 200px; float: left; }
	.middle .inner {margin: 0px ; padding: 0 10px 0 10px; }
	.middle .content {width: 68%; margin: 0 10px 0 0;}
	
	.banners4 .block { margin: 0px 1% 6px 0px; width: 24%;}
	.banners4 .block.n4 {width: 24%;}
	
	.kliniki .specs .button { width: 120px!important;}
	.spetsialisty .specs .button.blue {float: none; top: 40px; position: absolute; width:272px}
	.spetsialisty .specs .buttons { margin: 15px 0 0 0px;}
	
	.main_page_slider {width: 100%;}
	.main_page_slider #slider .slide-img{ width: 100%;}
	.main_page_slider #slider .slide, .main_page_slider #slider{ width: 100%;}
	.main_page_slider  .slideshow { width: 100%;}
	.main_page_slider #header-content { width: 100%;}
}

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


.dopmenu .content { width: 740px ; margin: 0 calc(50% - 370px); }
.dopmenu  {display: block; }
.dopmenu .buttons{float:left; width: 100%; margin-bottom: 20px;}
.dopmenu .buttons ul {float:left; width: 100%;}
.dopmenu .buttons ul li a { display: table-cell; font-size: 13px;} 
.dopmenu .buttons ul li   { display: table-cell;  float: none; padding: 0 2px 0 0px;}

.doc_comment .doc_pic {display: table; float: none; margin: 0 auto 20px;}
.doc_comment .comm {float: none; width: auto;}
}

@media screen and (max-width: 890px) {
	.slide-2 { width: 100%; box-sizing: border-box;}
		
	.mapinner {max-width: 100%; overflow: hidden;}
}

@media screen and (max-width: 820px) {
	.header .title {	font-size: 20px;  left: 110px; top: 26px;}
	.header .contacts p:last-child img {left:auto;}
	.header .contacts {right:10px;}
	.header .swiss {height: 80px;}
	.header .title span {font-size: 18px;}
	.footer .title {	font-size: 18px; }
	.middle .content {width: 60%; }
	#ShowQuestionForm table {width: 90%!important;}
	
	.st_forma select {width: 90%!important;}
	.st_forma input.text {width: 90%!important;}
	.st_forma textarea {width: 90%!important;}
	
	.dopmenu h3 { font-size: 17px;}
	
	.banners4 .block span, .banners4 .block.n4 span, .banners4 .block.n2 span  { font-size: 25px;}
}

@media screen and (max-width: 740px) {
.dopmenu {position: relative; padding-top: 200px;}
	.dopmenu .buttons ul li a { font-size: 11px;}
	.dopmenu .content { display: block; width: 100%; margin: 0; position:absolute; top: 0; height: 200px;}
	.dopmenu .content li.slide {width:100%!important; opacity: 1!important; display: none!important; left: 0!important;}
	.main_page_slider #slider .sliding-text p.small1 {padding: 20px 0;}
	.main_page_slider #slider .sliding-text>div {max-width:100%!important; left:0!important; top: auto!important; bottom:-43px!important;}
	.main_page_slider .image01 {max-width:90%; display: table; margin: 0 auto 20px; padding: 0;}
	.main_page_slider #slider .sliding-image {position:absolute;  height: auto!important; top: auto!important; bottom:100px!important; width:100%!important; left:0!important; right:0!important;}
	.main_page_slider #slider .slide-img {position:absolute; top: 0; right: 0; height: 200px; width: auto; max-width: 999px!important;}
	#slider .sliding-text {width:100%; height: 200px; text-align: center;}
	.dopmenu .content li.slide:first-child {display:block!important;}
	.main_page_slider  .sliding-text, .main_page_slider  .sliding-text div {width: 100%;}
	.main_page_slider .sliding-image {width: 100%;}
	.main_page_slider #slider .sliding-text { left:0!important; right:0!important;}
	.main_page_slider #slider .sliding-text p.big2 {font-size: 50px;  padding: 5px 0 5px 200px;}
	.main_page_slider #slider .sliding-text p.big4 {font-size: 39px;  padding: 5px 0 5px 150px;}
	.main_page_slider #slider .sliding-text p.big4 span{ padding: 5px 120px 5px 0px; font-size: 18px;}
	.main_page_slider #slider .sliding-text p.small1 {font-size: 21px;}
	.main_page_slider #slider .sliding-text p.small3 { padding: 5px 0 5px 250px; font-size: 22px;}
	.main_page_slider #slider .image03 { padding-left: 0px;}
	.main_page_slider #slider .image02 {  padding-top: 150px;  padding-left: 5px;}
	.main_page_slider { border: none; height: 240px;}
	
	.dopmenu h3 { font-size: 16px;}
	
	.kliniki .specs .button {float: none!important; width: auto!important; margin: 0 0 10px 0!important;}
	
	

}

@media screen and (max-width: 695px) {
.middle .rightbar .videoblock {margin-top: 30px;}
.middle .rightbar .videoblock img {display: table; margin: 0 auto;}
iframe {max-width:100%!important; height: 200px!important;}
	.popup-new {width:100%!important; height: 100vh!important; left: 0!important; top: 0!important; margin: 0!important; box-sizing: border-box;}
.popup-new form input[type=text],
.popup-new form textarea {display: block; width:100%; box-sizing: border-box; height: 50px;}
.popup-new form textarea {height: 120px;}
.popup-new form {position: absolute; top:50%; margin-top: -220px; left: 20px; right: 20px;}
.callback-btn {bottom: 10px; right: 10px;}

	.dopmenu h3 { font-size: 14px;}
	.banners4 .block span, .banners4 .block.n4 span, .banners4 .block.n2 span  { font-size: 23px;}
}

 @media screen and (max-width: 650px) {
 .header {height: 74px;}
 .header .contacts {top: 21px;}
 .header .contacts p {display:none;}
 .header .contacts img.phonep {display:none;}
	.header .title {	font-size: 16px; left: 72px; top: 21px;}
	.header .swiss {height: 50px;  top: 14px;}
	.header .title span {font-size: 12px;}
	.header .contacts p {font-size: 12px;}
	.footer .title {	font-size: 14px; left: 80px;}
	
	.footer .contacts p {font-size: 12px;}
	.middle .rightbar {  width: 90%;  margin: 30px 0 0 20px;}
	.all .middle .inner {   margin: 0px;    width: 200px;}
	.middle .rightbar.inner {padding: 0;}
	.slide-2 .slide {padding: 20px 23px;}
	.middle .innercont .slide-2 .slide {font-size: 13px; line-height: 110%;}
	.prewbutton, .nextbutton {background-size: 20px auto;}

	.middle .content {width: 100%;}
	
	#ShowQuestionForm table { width: 100%;;}
	.st_forma select { width: 100%;}
	.st_forma input.text {width: 100%;}
	.st_forma textarea {width: 100%;}
	
	.dopmenu .buttons { margin-bottom:20px;}
	.content h3 {line-height:120%;}
	.middle .rightbar .symptomy {font-size:15px;}
	.middle .rightbar .newsblock p {font-size:15px;}
	.otzivi {font-size: 15px;}
	.dopmenu .buttons ul li {display: block;  margin: 0 0 5px 0; float: left;  width: calc(50% - 2px);}
	.dopmenu .buttons ul li a {width: 100%; font-size: 14px; display: block; padding: 4px 0;}
	.dopmenu .buttons ul li a:first-child { padding: 10px 0;}
		
	.dopmenu .block { width: 33%; margin: 0 1px 0 0;}
	.dopmenu h3 { font-size: 13px;}
	.dopmenu .buttons ul li:last-child { width: 100%;}
	
	.banners4 .block, .banners4 .block.n4 { width: 49%;}
	.banners4 .block span, .banners4 .block.n4 span, .banners4 .block.n2 span  { font-size: 28px;}
	
	.middle .innercont {width: 53%; }

	.spetsialisty .specs img {float: none!important;}
	
	.kegelupr img{width: 300px;}
	.middle .rightbar .reviews .block {font-size:15px;}
}

 @media screen and (max-width: 560px) {
	
	#ShowQuestionForm table {width: auto!important;}
	.st_forma select {width: auto!important;}
	.st_forma input.text {width: auto!important;}
	.st_forma textarea {width: auto!important;}

	.faqblock img {max-width: 100%!important;}
	
	.dopmenu h3 { font-size: 12px;}

}

/* Flexnav Base Styles */
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  width: 100%;
  max-height: 0; margin: 0; padding: 0;}

  .flexnav  ul {margin: 0; padding: 0; z-index: 10;}
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
  .flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden; display: block; background: #f472b5; border-bottom: 1px solid white; padding: 0px;}
	.flexnav li:last-child {border: 0!important;}

	.flexnav li ul li {padding: 0;}
  .flexnav li a {
    position: relative;
    padding: 10px; display:block; text-decoration:none;
    z-index: 2;
    overflow: hidden;
    color: #fff;
    background: #f472b5;
     font-size: 100%;}
  .flexnav li ul {
    width: 100%; }
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
  .flexnav li ul.flexnav-show li {
    overflow: visible; }
	.flexnav li ul.flexnav-show li:last-child {border: 0;}
  .flexnav li ul li a {
    display: block;
    background: #f6acd4; }
  .flexnav ul li ul li a {
    background: #fac6e1; }
  .flexnav ul li ul li ul li a {
    background: #cbcbc9; }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px; height: 40px;

    display: inline-block;
   
    text-align: center; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 8px;
      font-size: 12px;
      color: #fff; font-style: normal; }

.menu-button {
  position: relative;
  display: block;
  padding: 10px 5px;
  background: #df58a1;
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;  font-style: normal;}
    .menu-button .touch-button .navicon {
      font-size: 16px;
      position: relative;
      top: 10px;
      color: #fff; font-style: normal;}

@media all and (min-width: 800px) {
  body.one-page {
    padding-top: 70px; }

  .flexnav {
    overflow: visible; }
    .flexnav.opacity {
      opacity: 1; }
    .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px; }
    .flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      background-color: #a6a6a2;
      overflow: visible;
      width: 20%; }
    .flexnav li a {
      border-left: 1px solid #acaca1;
      border-bottom: none; }
    .flexnav li > ul {
      position: absolute;
      top: auto;
      left: 0; }
      .flexnav li > ul li {
        width: 100%; }
    .flexnav li ul li > ul {
      margin-left: 100%;
      top: 0; }
    .flexnav li ul li a {
      border-bottom: none; }
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
      .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px; }
      .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0; }

  .menu-button {
    display: none; } }
.oldie body.one-page {
  padding-top: 70px; }
.oldie .flexnav {
  overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none; }
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible; }
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible; }
  .oldie .flexnav li ul li ul {
    top: 0; }
  .oldie .flexnav li ul li a {
    border-bottom: none; }
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li ul.open li {
      width: 100%; }
    .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible; }
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0; }
.oldie .menu-button {
  display: none; }
.oldie.ie7 .flexnav li {
  width: 19.9%; }



@media screen and (max-width: 500px) {
body, html {min-width: 320px;}
.header .swiss {height: 63px; left: 0;}
.header {height: 88px;}
.header .title {top: 40px; left: auto; right: 10px;text-align: right;}
.header .contacts {top: 7px; right: 10px;}

.all {padding: 0 7px; box-sizing:border-box;}
.dopmenu ul li a {padding: 10px;}
.dopmenu ul li {margin-bottom:5px;}


.footer {height: 105px; background: none; text-align:center;}
.footer .all {height: 105px; box-sizing:border-box; }
.footer .swiss {left: 2px; width: 47px;}
.footer .title {max-width: 105px; left:53px; text-align: left; line-height: 110%;}
.footer .contacts p {display:none;}
.footer .contacts {top: 12px; right: 5px;}
.footer .contacts img {display: none;}
.footer span.dev {box-sizing:border-box; display:block; text-align:center; width:calc(100% - 20px); bottom:20px; top: auto; }

.all .middle .inner { width: 100%;}
.middle .content {margin-right: 0;}

/*.dopmenu {display: none;} */
.topmenu {display: none;}
.adaptive_menu {display: block;}


.middle {margin: 10px 5px 10px;}
.middle hr {display: none;}


.middle .content {width: auto; float:none; font-size: 14px;}
.middle  .innercont {font-size: 16px;}
.content h1 {font-size: 17px;}
.content img {max-width: 100%!important;}

.kliniki .specs .button {float: none!important; width: auto!important; margin: 0 0 10px 0!important;}
.middle .buttons {width: auto!important; margin: 0!important;}
.spetsialisty .specs .button {width: auto!important; margin: 15px 0 10px 0!important; float: none;}
.spetsialisty .specs .button.blue {width: auto!important; margin: 0 0 10px 0!important; float: none; position: relative; top: 0px;}
.spetsialisty .specs img { float: left!important;}

#ShowQuestionForm table {width: auto!important;}
.st_forma select {width: auto!important;}
.st_forma input.text {width: auto!important;}
.st_forma textarea {width: auto!important;}

.faqblock img {max-width: 100%!important;}

.reviews_h3 {display: none;}


.bottommenu {display: none;}
.middle .rightbar {float: none; width: auto; margin: 0;}
/*.middle .rightbar.inner {display: none;}*/

/*.banners4 {display: none;}*/
ul.breadcrumb-navigation {font-size: 12px;}
.middle .content h1 {font-size:20px;}
.middle .content {line-height:135%;}

.shortcode-toggle h4 a {font-size: 15px; padding-right: 60px; text-align:left;}
.faqblock {margin: 0 5px;}

.main_page_photo {width: 100%!important; float: none!important; margin: 0 0 10px 0!important; padding: 0!important; height: auto!important;}

.dopmenu .block { width: 100%;}
.dopmenu h3 { font-size: 19px;   margin-top: 20px;}
.dopmenu ul li ul { position: relative; left: 0%;}

.mapinner {margin: 0; max-width: 100%;}

.middle .rightbar .buttons  { margin-bottom:0px;}
.middle .rightbar .buttons ul li {display: block;  margin: 0 0 5px 0; float: left;  width:  100%; padding: 0 1px;}
.middle .rightbar .buttons ul li a {width: 100%;  display: block;}
.middle .rightbar .buttons ul li:last-child { width: 100%;}
.dopmenu .buttons ul li { width: 100%;}

.kliniki .specs .pic img {  width: 100px;}
}

@media screen and (max-width: 400px) {
	.banners4 {display: none;}

	.kliniki .pic img {  width: 100px; height: inherit;}
	.spetsialisty .specs img {margin: 0 auto; display: block; float: none!important;}
	.spetsialisty .specs a {display: block;}
	.spetsialisty .specs .title { text-align: center;}
}