@media (max-width: 575px) {
    body {
        margin: 0 auto;
    }

    .hidden-mobile {
        display: none !important;
    }

    .wrap {
        width: 100%;
        box-sizing: border-box;
    }

    .header {
        display: none;
    }

    .header-mobile {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 7px 15px 7px;
        background-color: #f5f8fa;
    }

    .header-mobile a {
        font-size: 0;
        text-decoration: none;
    }

    .header-mobile a:hover {
        text-decoration: none;
    }

    .header-mobile img {
        font-size: 0;
        height: 48px;
        margin: 0;
        padding: 0;
    }

    .header-mobile .hamburger {
        display: inline-block;
        margin-right: 10px;
    }

    .header-mobile .hamburger .button-hamburger, .header-mobile .hamburger .button-hamburger:active, .header-mobile .hamburger .button-hamburger:focus {
        font-size: 0;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
        background: none;
    }

    .header-mobile .hamburger .button-hamburger img {
        height: 46px;
    }

    .header-mobile .logo {
        display: inline-block;
    }

    .header-mobile .map {
        display: inline-block;
        float: right;
        margin-right: 17px;
    }

    .header-mobile .phone {
        display: inline-block;
        float: right;
    }

    .menu-mobile {
        position: absolute;
        z-index: 99999;
        top: 0;
        left: -100%;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 30px 15px 35px 15px;
        transition: all 0.5s ease-in;
        color: #fff;
        background: #2384a7;
    }

    .menu-mobile.open {
        left: 0;
        display: block;
        overflow: scroll;
    }

    .menu-mobile .close-menu-mobile {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: bolder;
        position: absolute;
        top: 10px;
        right: 15px;
        margin: 0;
        padding: 0;
        color: #fff;
        border: none;
        outline: none;
        background: none;
    }

    .menu-mobile a {
        text-decoration: none;
        color: #fff;
    }

    .menu-mobile ul {
        list-style: none;
    }

    .menu-mobile ul ul {
        display: none;
        margin: 5px 0 10px 25px;
    }

    .menu-mobile ul ul.open {
        display: block;
    }

    .menu-mobile ul li span.has-children {
        font-size: 26px;
        font-weight: bold;
        padding: 5px 15px 5px 15px;
    }

    .menu-mobile ul li {
        margin: 0;
        padding: 0;
    }

    .menu-mobile ul ul li {
        padding: 0 0 5px 0;
    }

    .menu-mobile > ul > li {
        line-height: 26px;
        margin: 0 0 15px 0;
    }

    .menu-mobile > ul > li > a, .menu-mobile > ul > li > span {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .menu-mobile > ul > li > ul > li > a, .menu-mobile > ul > li > ul > li > span {
        font-size: 18px;
    }

    .menu-mobile > ul > li > ul > li > ul > li > a, .menu-mobile > ul > li > ul > li > ul > li > span {
        font-size: 16px;
    }

    .menu-mobile hr {
        display: block;
        margin: 30px 0px 0px 0px;
        padding: 0 0 25px 0;
        text-align: center;
        border: none;
        border-top: 1px solid #cddce5;


    }

    .menu-mobile .button-menu-mobile {
        font-family: dinlight, sans-serif;
        font-size: 16px;
        display: block;
        width: 95%;
        margin: 5px auto 20px auto;
        padding: 12px 0;
        cursor: pointer;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;

        color: #fff !important;
        border: none;
        background: #59a9c6;
        box-shadow: 4px 4px 0 0 #12546c;
    }

    .menu-mobile .button-menu-mobile strong {
        font-weight: bolder;
    }

    .menu-mobile .button-menu-mobile i {
        font-size: 14px;
        display: block;
        text-transform: none;
    }

    .menu-mobile .phone-menu-mobile {
        font-family: dinlight, sans-serif;
        font-size: 28px;
        font-weight: bolder;
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .menu-mobile .around-menu-mobile {
        font-size: 14px;
        line-height: 1;
        display: block;
        margin: -5px 0 0 0;
        padding: 0;
        text-align: center;
    }

    .menu-mobile .address-menu-mobile {
        font-size: 18px;
        font-weight: bolder;
        display: block;
        margin: 35px 0 0 0;
        text-align: center;
    }

    .menu-mobile .workhour-menu-mobile {
        font-size: 16px;
        display: block;
        margin: 0 0 15px 0;
        text-align: center;
    }

    .menu-mobile .caption-mobile-menu {
        font-size: 18px;
        font-weight: bolder;
        display: block;
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }

    .menu-mobile .socseti-mobile-menu {
        text-align: center;
    }

    .menu-mobile .socseti-mobile-menu a {
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    .menu-mobile .socseti-mobile-menu a img {
        width: 48px;
        height: 48px;
    }

    .menu-mobile .socseti-mobile-menu a:first-child img {
        margin-right: 10px;
    }

    .menu-mobile .socseti-mobile-menu a:last-child img {
        margin-left: 10px;
    }

    .contacts h1 {
        font-size: 20px;
        margin: 0 0 0 10px;
    }

    /*.contacts .cont-select {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .footer .wrap .inline span.title {
        font-size: 20px;
        height: auto;
        background: url(../img/h2-black.png) center bottom no-repeat;
    }

    .top-clinic .adr-block {
        display: none;
    }

    .another .top-grid {
        display: none;
    }

    .another {
        height: auto;
        padding-bottom: 25px;
        background: none;
    }

    .another .clinic-named button.slick-next {
        right: 0;
    }

    .another .clinic-named button.slick-prev {
        left: 0;
    }

    /*.slick-track {*/
    /*    display: flex;*/
    /*}*/
    /*.slick-track .slick-slide {*/
    /*    display: flex;*/
    /*    height: auto;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*}*/
    .another .clinic-named .item {
        height: auto;
    }

    .another .clinic-named .item.type-1 {
        display: none;
    }

    .footer .wrap {
        display: block;
        box-sizing: border-box;
        padding: 0 5px;
        text-align: center;
    }

    .footer .wrap .inline .menu ul li {
        flex-basis: 30%;
        margin: 0;
    }

    .footer .wrap .sect1 {
        display: none;
        width: auto;
        margin: 0;
    }

    .footer .wrap .sect2 {
        width: auto;
    }

    .footer .wrap .sect3 {
        display: block;
        width: auto;
        height: auto;
    }

    .footer .wrap .sect3 .allwidth {
        width: auto;
        margin: 0;
    }

    .footer .wrap .sect3 .mar-10 {
        margin-left: 0;
    }

    .footer .wrap .sect3 .layer {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    .footer .wrap .sect3 .layer a.map {
        margin: 0;
        background: unset;
        padding: 10px 0;
        height: auto;
    }

    .footer .wrap .sect3 .allwidth .inline {
        width: auto;
    }

    .email-collect {
        padding: 40px 10px 25px 10px;
        width: 100%;
        margin: 0 auto 25px auto;
        box-sizing: border-box;
        text-align: center;
    }

    .email-collect h3 {
        background-position: center bottom;
    }

    .email-collect .collector {
        float: none !important;
    }

    .email-collect .collector input[type=email] {
        padding: 2px 5px;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto 15px auto;
    }

    .email-collect .collector input.mad-button {
        font-size: 16px;
        padding: 7px 10px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .top-clinic span.icon-head {
        font-size: 18px;
        margin: 0;
    }

    .footer .wrap .sect-copy {
        margin: 35px 0 0 0;
        width: auto;
        padding: 0 0 55px 0;
    }

    .email-collect .info {
        margin: 0;
    }

    .footer .wrap .sect3 .layer a.soc {
        margin-left: 10px;
        margin-top: 0;
    }

    .news .listnews .item {
        float: none;
        width: auto;
    }


    .news .listnews .item .init {
        margin: 0;
    }

    .news a.readall {
        float: right;
        margin-left: 0;
    }

    .bot-info .wrap .floright {
        float: none;
        text-align: center;
    }

    .bot-info .wrap .floright .item img.shadow{
        width: 100%;
    }

    .mid-info .wrap {
        box-sizing: border-box;
        padding-right: 10px;
        padding-left: 10px;
    }

    .bot-info .wrap {
        box-sizing: border-box;
        padding-right: 10px;
        padding-left: 10px;
    }

    .new-lead .abs {
        display: none;
    }

    .new-lead .blockinfo {
        position: unset;
        top: unset;
        width: auto;
        margin: 10px 5px 30px 20px;
        padding: 27px 23px;
    }

    /*.new-lead .clinic-list {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
    .new-lead .clinic-list .item .image img {
        width: 100%;
    }

    .clinic-page {
        box-sizing: border-box;
        border-top: none;
    }

    .top-clinic {
        display: none;
    }

    .clinic-page .clinic-inner .left {
        display: none;
    }

    .clinic-page .clinic-inner .right {
        float: none !important;
        box-sizing: border-box;
        width: 100%;
        margin-top: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .content ul {
        margin: auto;
    }

    .paginator ul li.active span {
        padding: 5px 10px;
    }

    .paginator ul li {
        margin: 0;
    }

    .contacts .cont-select span.mad-button {
        margin-top: 0;
    }

    .contacts {
        margin: 0;
        padding: 0;
    }

    ul.gale-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .top-clinic h2.icon-head {
        width: 70%;
    }

    .contacts .cont-select {
        width: auto;
    }

    .contacts .cont-select span.fake-sel {
        width: auto;
    }

    .contacts .cont-select span.mad-button {
        float: none;
        margin-top: 15px;
    }

    .contacts .cont-select {
        float: none;
        padding-right: 5px;
        padding-left: 5px;
    }

    .contacts .cont-select ul.hide {
        width: auto;
    }

    .contacts .cont-select ul.hide {
        position: unset;
        width: auto;
    }

    .contacts .cont-list .cont .path-sheme .way.active {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        margin: 0;
        padding-left: 40px;
    }

    .contacts .cont-list .cont .path-sheme .way .inline {
        width: auto;
    }

    .contacts .cont-list .cont .path-sheme .way .inline {
        margin: 0;
    }

    .contacts .cont-list .cont .path-sheme h3 {
        margin-left: 20px;
    }

    .contacts .cont-list .cont .path-sheme .select-way ul.hide {
        width: 320px;
    }

    .attention {
        padding: 10px 5px;
    }

    .content-content p {
        box-sizing: border-box;
        padding-right: 5px;
        padding-left: 5px;
    }

    .content-content h1 {
        font-size: 18px;
        padding-left: 0;
    }

    .content-content h3 {
        padding-left: 0;
    }

    .content-content h3 em {
        font-size: 16px;
    }

    .clinic-page .clinic-inner .left .news-list {
        display: none;
        padding: 10px 0;
    }

    .smi-list .bars .bar.odd {
        width: auto;
    }

    .footer {
        height: auto;
    }

    .clinic-page .employees .short-doc, .clinic-page .revmotolog .short-doc, .clinic-page .pricelist .short-do {
        float: none !important;
        margin: 20px auto 20px auto;
    }

    .new-lead .clinic-list .item {
        width: auto;
        height: auto;
        margin: 0;
    }

    .bot-info .text {
        width: 100%;
    }

    .news .listnews .item .init span.txtx {
        box-sizing: border-box;
    }

    .mid-info .item .descr {
        margin: 0;
    }

    .mid-info .mad-button {
        float: right;
    }

    .specialists h3 {
        margin-left: 15px;
    }

    .specialists button.slick-next {
        right: 0;
    }

    .specialists .vr-list .item {
        width: 100%;
        padding: 10px 35px;
    }

    .specialists .slick-track .slick-slide {
        display: block;
        width: 100%;
    }

    .smi-list .slick-track .slick-slide {
        display: block;
    }

    .smi-list .item, .feedb-personal .item {
        width: 100%;
    }

    .smi-list .item .sysinfo .date {
        margin: 3px 0px 0 9px;
    }

    .smi-list .item .sysinfo .name {
        margin: 0 0 0 95px;
    }

    .smi-list .bars {
        position: unset;
    }

    .smi-list.inside-smi .bars .bar {
        position: unset;
        width: 100%;
        text-align: center;
    }

    .smi-list.inside-smi .bars .bar .smiimage {
        width: 100%;
        height: auto;
    }

    .smi-list.inside-smi .bars .bar .smiimage a {
        width: 100%;
        height: auto;
        opacity: 1;
    }

    .smi-list .bars .bar .smiimage a {
        opacity: 1;
    }

    .smi-list.inside-smi .bars .bar .smiimage a img {
        position: unset;
        width: 100%;
    }

    .feedb-personal .slick-track .slick-slide {
        display: block;
        width: 100%;
    }

    .specialists .vr-list .item .image {
        display: block;
        width: 100%;
        height: auto;
    }

    .specialists .vr-list .item .image a {
        font-size: 0;
        margin: 0;
    }

    .specialists .vr-list .item .image a img {
        width: 80%;
        height: auto;
        margin: 0 auto;
    }

    .specialists .vr-list .item .name {
        display: block;
        width: 100%;
    }

    .specialists .vr-list .item > p {
        display: block;
        width: 80%;
    }

    .specialists .vr-list .item > ul {
        width: 80%;
        margin: 0 0 0 25px;
    }

    .new-lead .clinic-list .item .link {
        width: 100%;
        background: url(../img/act-transparent1.png) bottom center repeat-x;
    }

    .specialists button.slick-prev {
        left: 0;
    }

    .footer .wrap .inline .menu ul {
        display: block;
    }

    .top-clinic span.icon-head {
        width: auto;
    }

    /*.feeds .listnews {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
    .percentzapis {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .percentzapis input, .percentzapis select {
        box-sizing: border-box;
    }

    .percentzapis .this-is-wrach .image {
        float: none;
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }

    .percentzapis .this-is-wrach .image img {
        width: 90%;
    }

    .percentzapis .this-is-wrach .desc {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }

    .percentzapis .confidentiality {
        text-align: center;
    }

    .percentzapis .confidentiality input {
        vertical-align: middle;
        width: 10%;
    }

    .percentzapis .confidentiality label {
        width: 80%;
        vertical-align: middle;
    }

    .feeds .listnews .item .init {
        margin: 0;
        padding: 0;
    }

    .feeds .listnews .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .feeds .listnews .item .date {
        margin: 0;
    }

    .feeds .listnews .item:last-child .date {
        margin: 0;
    }

    .feeds .listnews .item:first-child .date {
        margin: 0;
    }

    ul.gale-right li {
        line-height: 1;
        flex-basis: 31%;
        height: auto;
    }

    .wrap h2 {
        font-size: 20px;
    }

    .wrap h1 {
        font-size: 22px;
        margin: 0;
    }

    /*.new-lead .clinic-sorted .item ul li ul {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .new-lead .clinic-sorted .item {
        width: auto;
    }

    /*.new-lead .clinic-sorted .item {*/
    /*    display: flex;*/
    /*}*/
    .contacts .cont-list .cont .path-sheme .select-way {
        display: block;
        margin-left: 20px;
    }

    .qa-list .qa-item .answer .otvet {
        width: 20%;
        height: 54px;
    }

    .content h1 {
        font-size: 20px;
    }

    .qa-list .qa-item .question .vopros {
        width: 20%;
        height: 54px;
    }

    .qa-list .qa-item .question h2::before {
        top: -10px;
        left: 20px;
        transform: rotate(-45deg);
    }

    .qa-list .qa-item .answer .texted::before {
        top: -10px;
        right: 20px;
        transform: rotate(45deg);
    }

    .qa-page h1 {
        font-size: 16px;
    }

    .feeds .listnews .item .init a {
        height: auto;
    }

    .clinic-page .clinic-inner .left ul li ul li ul {
        width: auto;
        margin: 0;
    }

    .clinic-page .clinic-inner .left ul li ul li.nmo_checked {
        margin: 0;
    }

    .clinic-page .clinic-inner .left ul li ul li a {
        padding-right: 0;
        padding-left: 0;
    }

    .clinic-docs .item {
        margin: 0 10px 0 10px;
        padding: 0;
    }

    .clinic-docs .item .image img {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 35px;
        box-shadow: none;
    }

    .clinic-page .employees span.where-work-doc {
        width: 100%;
    }

    .contacts .cont-list .cont .path-sheme {
        margin: 0;
    }

    .qa-list .qa-item {
        margin: 0;
        padding: 0;
    }

    .footer {
        background: unset;
    }

    .smidesc {
        padding-left: 10px;
    }

    .mid-info {
        padding: 0;
    }

    .mid-info .pozvonim-form .mad-button {
        float: none;
        width: 100%;
        margin: 35px 0 35px 0;
    }

    .mid-info .item h2 {
       text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    .mid-info .item img {
        width: 100%;
        height: auto;
    }

    .bot-info {
        padding: 0;
    }

    .news {
        margin-top: 25px;
        padding: 15px;
    }

    .clinic-page .clinic-inner .right h2 {
        box-sizing: border-box;
        padding-left: 0;
    }

    .clinic-page .clinic-inner .right ul {
        box-sizing: border-box;
        margin: 0 0 0 25px;
    }

    .clinic-page .clinic-inner .right ul li a img {
        max-width: 100%;
    }

    .clinic-page .pricelist {
        margin: 0;
    }

    .clinic-page .employees, .clinic-page .pricelist {
        display: block;
    }

    .attention ul {
        box-sizing: border-box;
        margin: 0 !important;
        padding: 20px 0 20px 20px;
    }

    .con-price.deprivate .de-left {
        width: auto;
    }

    .price-table {
        font-size: 14px;
    }

    #em-call .but {
        padding: 5px 5px 5px 40px;

    }

    #em-call .but .thin, #em-phone span {
        font-size: 14px;
        text-align: center;
    }

    #em-call .but .thin:last-child {
        text-transform: none;
    }

    .con-price {
        margin-top: 25px;
    }

    .con-price a {
        font-size: 13px;
        margin: 0 0 0 10px;
        padding: 5px 10px;
        white-space: nowrap;
    }

    .con-price span:last-child {
        display: none;
    }

    .qa-slide-block .qa-slider .item .question .vopros {
        width: 48px;
        height: 48px;
        background: url(../img/quest-icon.png) center no-repeat;
        background-size: cover;
    }

    .qa-slide-block .qa-slider .item .answer .otvet {
        width: 48px;
        height: 48px;
        background: url(../img/ans-icon.png) center no-repeat;
        background-size: cover;
    }

    .qa-slide-block .qa-slider .item .question h2 {
        font-size: 16px;
        float: right;
        width: 78%;
        margin: 12px 0 0 20px;
    }

    .qa-slide-block .qa-slider .item .answer .texted {
        float: left;
        width: 78%;
        margin: 12px 20px 0 0;
        padding: 10px;
    }

    .content-content .content-slider {
        margin-bottom: 20px;
    }

    #callback-widget {
        left: 5px;
    }

}
