mo-assets/src/files/scss/_media-overrides.scss

@media (min-width: 992px) {
    .left-side {
        padding-right: 20px;
    }
    .today .today-item {
        width: 50%;
    }

    .content-right .news-item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .left-side {
        padding: 0 2px;
    }
    .today .today-item {
        float: left;
        width: 50%;
    }

    .content-right .news-item {
        float: left;
        width: 50%;
    }
    .specs-container .today .today-item {
        float: left;
        width: 33.333332%;
    }

    .special-items__item--one-third{
        width: calc(50% - 10px);
    }

    .shortnews__item--one-third {
        width: calc(50% - 10px);
    }
}

@media (min-width: 1200px) {
    .swiper-container {
        height: 290px;
    }
    .important {
        width: 47%;
    }
    .contacts-container .main-title {
        width: 60%;
        padding-left: 40px;
    }

    .contacts-container .focus-content {
        width: 60%;
        padding-left: 40px;
    }

    .contacts-container .important {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .left-side {
        width: 27% !important;
    }

    .content-a-lot {
        padding-right: 0;
    }

    .main-container .col-lg-10 {
        width: 73% !important;
    }

    header .circles {
        position: static !important;
    }

    header .menu ul li a {
        font-size: 14.5px;
    }
    .left-side .new-importants {
        display: none;
    }

}

@media (max-width: 1200px) {
    .main-title .soc {
        display: none;
    }

    footer .admin-button {
        width: 100%;
    }

    footer .list {
        width: 100%;
        padding-right: 40px;
    }

    footer .list li {
        display: none;
    }

    footer .list li:nth-child(1) {
        display: block;
    }
    .left-side {
        width: 20%;
    }

    .content-left {
        width: 100%;
    }

    .content-right .news .news-item .title {
        left: 20%;
    }

    .contacts-container .center-content .news-item .inner .image .title {
        left: 25%;
    }

    .content-left .clinic {
        width: 100%;
    }

    .content-right {
        width: 100%;
    }

    .content-right .importants .important .description {
        padding-top: 30px !important;
    }

    .content-right .importants .important .important-image {
        width: 10%;
    }
    .contacts-container .left-side {
        width: 20% !important;
    }

    .contacts-container .importants .important:nth-child(2) .description {
        padding-left: 58px;
    }
    .contacts-container .center-content .callback {
        margin-bottom: 40px;
    }

    .contacts-container .left-side {
        width: 100% !important;
        margin-bottom: 40px;
    }

    .contacts-container .left-side .main-title {
        float: none;
        width: 100% !important;
    }

    .contacts-container .center-content {
        width: 100%;
    }

    .contacts-container .center-content .to-doctors .personal-doctor {
        width: 100%;
    }

    .contacts-container .center-content .callback form .form-button {
        width: 100%;
    }

    .contacts-container .main-title {
        padding-left: 15px;
    }

    .contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image {
        width: 10%;
        padding-top: 20px;
    }

    .contacts-container .left-side .importants .important-image {
        width: 10%;
    }

    .contacts-container .left-side .importants .description {
        padding-top: 20px !important;
    }

    .contacts-container .right-side-bar .info .logo {
        display: none;
    }

    .contacts-container .main-title {
        display: block;
    }

    .contacts-container .center-content .title {
        display: none;
    }

    .contacts-container .center-content .subtitle {
        display: none;
    }
    .right-side-bar .today .today-item {
        width: 33.33333%;
        float: left;
    }

    .left-side .news-importants {
        display: none;
    }

    .center-content .about {
        margin-bottom: 20px;
    }

    .center-content .about .doctor {
        margin-bottom: 20px;
    }

    .center-content .about .about-text .title {
        display: block;
    }

    .content .today-unit {
        display: none;
    }

    .control-org-unit .youtube-unit {
        display: block;
    }

    .mobile-invisible-doctors {
        display: none;
    }

}

@media (max-width: 768px) {
    .container {
        padding: 60px 15px 0;
    }

    .left-side .specializations .spec {
        display: none;
    }

    .left-side .specializations .more {
        display: none;
    }

    .left-side .add-info {
        display: none;
    }

    .main-container .main-title {
        display: none;
    }

    .content .clinics {
        display: none;
    }

    .content-right {
        padding-right: 0;
    }

    .content-right .importants {
        display: none;
    }

    .left-side {
        width: 100% !important;
        margin-bottom: 40px;
    }

    .main-container .col-lg-10 {
        width: 100% !important;
    }

    .main-container .main-title {
        width: 100% !important;
    }

    .main-container .content-right {
        width: 100% !important;
    }

    .main-container .today {
        width: 100% !important;
        padding-left: 0;
    }

    .content-right .news {
        padding-left: 0;
    }

    .importants {
        width: 100% !important;
    }

    .main-container .content-left {
        width: 100% !important;
        padding: 0;
    }

    .main-container .content-left .clinic {
        width: 100% !important;
    }

    .main-container .mobile {
        display: block;
    }

    .left-side .title {
        font-size: 32px;
    }

    .left-side .main-title {
        padding: 0;
    }

    .left-side {
        padding-right: 15px;
        padding-left: 15px;
    }

    .left-side .logo-subtitle {
        width: 50%;
        margin: 0 auto;
    }

    .left-side .specializations .spec-header a {
        transform: rotate(90deg);
    }

    .content-left .doctor {
        margin-bottom: 30px;
    }

    .content-left .about .about-text {
        margin-bottom: 30px;
    }

    .main-container .content-a-lot {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 0;
        margin-left: 0;
    }

    .today .today-item {
        width: 50%;
        float: left;
    }

    .content-right .news .news-item {
        width: 50%;
        float: left;
    }

    .content-right .news .news-item .title {
        left: 20%;
    }

    header .menu li {
        display: none;
    }

    header .menu ul .circles {
        display: block;
        position: absolute !important;
    }

    header .menu ul .burger {
        left: 0;
    }

    header .menu-mobile {
        position: absolute;
        width: 100%;
    }

    header .menu-mobile ul {
        padding: 0;
    }
    .right-side-bar .today .today-item {
        width: 100%;
        float: left;
    }

    .right-side-bar .today {
        display: none;
    }

    .center-content .pagination {
        display: none;
    }

    .left-side .add-info {
        display: block;
    }
    .center-content .documents .doc-item {
        width: 100%;
        float: none;
        padding: 5px;
    }

    .center-content .documents .row {
        margin: 20px 0;
    }

    .center-content .about-main-text .image {
        display: none;
    }

    .center-content .about .youtube iframe {
        width: 100%;
    }

    .center-content .to-doctors-about .personal-doctor .doctor-name .span-cat {
        display: none;
    }

    .center-content .to-doctors-about .personal-doctor .doctor-image {
        display: none;
    }

    .center-content .to-doctors .personal-doctor .doctor-header {
        border-radius: 0 !important;
    }

    .center-content .to-doctors .personal-doctor .doctor-header .doctor-name {
        padding-left: 15px !important;
    }

    .service-more {
        display: block;
    }

    .service-item .service-unit {
        text-align: left !important;
        width: 100% !important;
        float: none;
        padding: 5px;
    }

    .service-row {
        margin: 20px 0;
    }

    .service-item .service-unit:nth-child(1) {
        display: none;
    }

    .smi {
        display: none;
    }

    .center-content .pagination-mobile {
        display: block;
    }

    .center-content .pagination-mobile .pagination div {
        width: 16.66666%;
    }

}

@media(max-width: 485px) {
    .content-right .news .news-item {
        width: 100%
    }

    .today .today-item {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 10px;
    }

    .content-right .news .news-item .title {
        left: 25%;
    }
}

@media(max-width: 550px) {
    .center-content .news {
        padding-left: 0;
    }

    .center-content .news .news-item {
        padding-left: 0;
        width: 93%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .center-content .news .news-item .title {
        left: 30%;
    }

    .center-content .news .news-item .image {
        padding-left: 0;
        width: 100%;
        margin: 0 auto;
    }
    .center-content .news .news-item .image img {
        margin: 0 auto;
    }
}

@media(max-width: 420px) {
    .vacancy .vacancy-data .vacancy-table .vacancy-row div {
        width: 100%;
        float: none;
    }
}

@media(max-width: 700px) {
    .content .unit-clinics .clinic {
        padding-left: 15px;
    }

    .content .unit-clinics .clinic .title {
        margin-bottom: 10px;
    }

    .content .unit-clinics .clinic .subtitle {
        padding-left: 0;
    }

    .content .unit-clinics .clinic .clinic-image {
        display: none;
    }

    .special-items__item--half-size,
    .special-items__item--one-third{
        width: 100%;
    }

    .shortnews__item--half-size,
    .shortnews__item--one-third {
        width: 100%;
    }
}

@media(max-width: 400px) {
    .container .importants-unit .important .description {
        font-size: 14px;
    }
    .container .importants-unit .important:nth-child(5) .description {
        padding-top: 15px !important;
    }

    .container .importants-unit .important:nth-child(3) .description {
        padding-top: 15px !important;
    }

    .container .importants-unit .important:nth-child(2) .description {
        padding-left: 55px !important;
    }

}

@media(max-width: 991px) {
    .control-org .image {
        text-align: center;
    }

    .control-org .col-lg-4 {
        padding-right: 15px;
    }

}