@media screen and (max-width: 535px) {
    /*#region X. Grid ---------------------------------------*/

    .col__xs-1 {
        width: 8.333%;
    }

    .col__xs-2 {
        width: 16.666%;
    }

    .col__xs-3 {
        width: 25%;
    }

    .col__xs-4 {
        width: 33.333%;
    }

    .col__xs-5 {
        width: 41.666%;
    }

    .col__xs-6 {
        width: 50%;
    }

    .col__xs-7 {
        width: 58.333%;
    }

    .col__xs-8 {
        width: 66.666%;
    }

    .col__xs-9 {
        width: 75%;
    }

    .col__xs-10 {
        width: 83.333%;
    }

    .col__xs-11 {
        width: 91.666%;
    }

    .col__xs-12 {
        width: 100%;
    }

    .justify-content__xs_start {
        justify-content: flex-start;
    }

    .justify-content__xs_end {
        justify-content: flex-end;
    }

    .justify-content__xs_center {
        justify-content: center;
    }

    .align-items__xs_center {
        align-items: center;
    }

    .align-items__xs_stretch {
        align-items: stretch;
    }

    .align-items__xs_start {
        align-items: flex-start;
    }

    .align-items__xs_end {
        align-items: flex-end;
    }

    /*#endregion X. Grid ------------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .contacts-info__socials {
        margin: 0 0 0 1.25rem;
    }

    .contacts-wrap__contacts-map {
        margin: 0 -21px;
    }

    /*#endregion X. Contacts -------------------------------*/
}

@media screen and (min-width: 536px) {
    /*#region X. Global -------------------------------------*/

    .container {
        padding: 0 26px;
    }

    /*#endregion X. Global ----------------------------------*/

    /*#region X. Footer -------------------------------------*/

    .footer .container::before {
        left: 26px;
        right: 26px;
    }

    .footer__controls {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 2.5rem;
    }

        .footer__controls .btn {
            width: calc(50% - 15px);
            margin: 0;
        }

    .footer__contacts {
        width: 50%;
    }

    .footer__menu {
        margin: 0 auto;
    }

    /*#endregion X. Footer ----------------------------------*/

    /*#region X. Blog Grid ----------------------------------*/

    .blog-grid {
        grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
    }

    /*#endregion X. Blog Grid -------------------------------*/

    /*#region X. Page title ---------------------------------*/

    .page-heading {
        font-size: 3.5rem;
    }

    /*#endregion X. Page title ------------------------------*/

    /*#region X. Doctors grid -------------------------------*/

    .page_doctors-list .doctors-grid,
    .page_school .doctors-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 5rem 30px;
        margin: 0 0 5rem;
    }

    .doctors-grid__name {
        font: 700 1.375rem/1.2727 "geometria", Arial, sans-serif;
    }

    .doctors-grid__position {
        font-size: 1rem;
    }

    /*#endregion X. Doctors grid ----------------------------*/

    /*#region X. Semi photo ---------------------------------*/

    .semi-photo__img-wrapper {
        height: 358px;
    }

    .semi-photo_direct .semi-photo__img-wrapper {
        border-radius: 0 179px 179px 0;
        margin: 68px 26px 34px 0;
    }

    .semi-photo_reverse .semi-photo__img-wrapper {
        border-radius: 179px 0 0 179px;
        margin: 68px 0 34px 26px;
    }

    .semi-photo_direct .semi-photo__img-inner {
        border-radius: 0 0 179px;
    }

    .semi-photo_reverse .semi-photo__img-inner {
        border-radius: 0 0 0 179px;
    }

    .semi-photo__text-wrapper {
        padding: 0 26px;
    }

    .semi-photo__text-inner {
        width: 80%;
        margin: 0 auto;
    }

    .semi-photo__title {
        font-size: 3.1666rem;
        line-height: 1.052;
        margin: 0 0 0.7368em;
    }

    /*#endregion X. Semi photo ------------------------------*/

    /*#region X. Tiles --------------------------------------*/

    .feature-tiles.feature-tiles_services {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));
        grid-gap: 30px;
    }

        .feature-tiles.feature-tiles_services .feature-tiles__item {
            margin: 0;
        }

    /*#endregion X. Tiles -----------------------------------*/

    /*#region X. Tiles --------------------------------------*/

    .doctor-profile__qualities .feature-tiles {
        width: 80%;
        margin: 0 auto;
    }

    /*#endregion X. Tiles -----------------------------------*/

    /*#region X. Carousel -----------------------------------*/

    .carousel__title {
        font-size: 3.1666rem;
    }

    /*#region X.X Carousel Doctors */

    .slick_doctors .slick__item {
        width: 260px;
        padding: 0 15px;
    }

    /*#endregion X.X Carousel Doctors */

    /*#region X.X Carousel Education */

    .carousel_education .slick__item {
        width: 344px;
        margin: 0 15px;
    }

    /*#endregion X.X Carousel Education */

    /*#region X.X Carousel controls */

    .custom-dots {
        margin: 0 5.3125rem;
    }

    /*#endregion X.X Carousel controls */

    /*#region X.X Carousel Gallery */

    .slick_gallery-img {
        height: 18rem;
    }

    /*#endregion X.X Carousel Gallery */

    /*#endregion X. Carousel --------------------------------*/

    /*#region X. blog article--------------------------------*/

    .blog-title .page-heading {
        font-size: 3rem;
    }

    .blog-title__info {
        display: flex;
        align-items: center;
    }

    .blog-title__info_l .blog-title__info-item {
        margin: 0 2rem 0 0;
    }

    .blog-title__info_r {
        margin-left: auto;
    }

    .blog-title__info-item_share {
        margin: 0;
    }

    /*#endregion X. blog article-----------------------------*/

    /*#region X. Title with btn -----------------------------*/

    .title-with-btn {
        margin: 0 0 4rem;
    }

    .title-with-btn__title {
        font-size: 3.1666rem;
        line-height: 1.052;
        margin: 0 0 0.7368em;
    }

    /*#endregion X. Title with btn --------------------------*/

    /*#region X. Media --------------------------------------*/

    .clinic-media {
        margin: 0 0 6.25rem;
    }

    .clinic-media__item_l {
        border-radius: 0 250px 250px 0;
        margin: 0 26px 36px 0;
    }

    .clinic-media__item_r {
        border-radius: 250px 0 0 250px;
        margin: 0 0 36px 26px;
    }

    .clinic-media__item:last-child {
        margin-bottom: 0;
    }

    /*#endregion X. Media -----------------------------------*/

    /*#region X. Main title ---------------------------------*/

    .index-main .container {
        padding-top: 4.58rem;
        padding-bottom: 4.58rem;
        max-height: 1000px;
    }

    .index-main__title-pre {
        font-size: calc(18px + (23 - 18) * ((100vw - 360px) / (767 - 546)));
        font-weight: 900;
        text-align: center;
        color: #3d9db4;
        text-transform: uppercase;
    }

    .index-main__title {
        font-size: calc(60px + (80 - 60) * ((100vw - 536px) / (767 - 536)));
    }

    .index-main__desc {
        margin: 0 0 26px;
    }

    /*#endregion X. Main title ------------------------------*/

    /*#region X. Header -------------------------------------*/

    .address-dropdown__list {
        width: 32rem;
    }

    .header__bottom .container {
        justify-content: flex-start;
    }

    .header__logo {
        margin-right: auto;
    }

    .header__phone {
        margin-right: 46px;
    }

    /*#endregion X. Header ----------------------------------*/

    /*#region X. 404 ---------------------------------------*/

    .section-404__controls {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .section-404__controls .btn {
            margin: 0 0.9375rem;
            width: 17rem;
        }

    /*#endregion X. 404 ------------------------------------*/

    /*#region X. Fixed btn ---------------------------------*/

    .fixed-btn .btn {
        padding: 1.75em 2em 1.4em;
        flex: 1 1 auto;
    }

    /*#endregion X. Fixed btn ------------------------------*/

    /*#region X. Price list -----------------------------*/

    .price-accordion__title {
        border-radius: 1rem;
    }

    .price-accordion__icon {
        font-size: 2rem;
        padding: 2rem;
        margin-right: 2.5rem;
    }

    .price-accordion__name {
        font: normal 2.25rem/1.25 "geometria", Arial, sans-serif;
        padding: 2.25rem 2rem 2.25rem 0;
    }

    /*#endregion X. Price list -----------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .contacts-info__socials {
        margin: 0 0 0 2.75rem;
    }

    /*#endregion X. Contacts -------------------------------*/

    /*#region X. About -------------------------------------*/

    .feature-tiles__about {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

        .feature-tiles__about .feature-tiles__item {
            margin: 0;
        }

    /*#endregion X. About ----------------------------------*/

    /*#region X. Tabs --------------------------------------*/

    .tabs__label-item {
        padding: 1.5rem 0.75rem;
        font-size: 1rem;
    }

    /*#endregion X. Tabs -----------------------------------*/
}

@media screen and (min-width: 536px) and (max-width: 767px) {
    /*#region X. Grid ---------------------------------------*/

    .col__sm-1 {
        width: 8.333%;
    }

    .col__sm-2 {
        width: 16.666%;
    }

    .col__sm-3 {
        width: 25%;
    }

    .col__sm-4 {
        width: 33.333%;
    }

    .col__sm-5 {
        width: 41.666%;
    }

    .col__sm-6 {
        width: 50%;
    }

    .col__sm-7 {
        width: 58.333%;
    }

    .col__sm-8 {
        width: 66.666%;
    }

    .col__sm-9 {
        width: 75%;
    }

    .col__sm-10 {
        width: 83.333%;
    }

    .col__sm-11 {
        width: 91.666%;
    }

    .col__sm-12 {
        width: 100%;
    }

    .justify-content__sm_start {
        justify-content: flex-start;
    }

    .justify-content__sm_end {
        justify-content: flex-end;
    }

    .justify-content__sm_center {
        justify-content: center;
    }

    .align-items__sm_center {
        align-items: center;
    }

    .align-items__sm_stretch {
        align-items: stretch;
    }

    .align-items__sm_start {
        align-items: flex-start;
    }

    .align-items__sm_end {
        align-items: flex-end;
    }

    /*#endregion X. Grid ------------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .contacts-wrap__contacts-map {
        margin: 0 -26px;
    }

    /*#endregion X. Contacts -------------------------------*/

    /*#region X. About -------------------------------------*/

    .about-usa_img img {
        left: -30px;
    }

    /*#endregion X. About ----------------------------------*/
}

@media screen and (max-width: 767px) {
    .service-banner_info {
        align-items: center;
        text-align: center;
    }

    /*#region X. About -------------------------------------*/

    .feature-tiles__about-usa .row {
        flex-direction: row-reverse;
    }

    /*#endregion X. About ----------------------------------*/
}

@media screen and (min-width: 768px) {
    /*#region X. Typography ---------------------------------*/

    html,
    .root {
        font-size: 14px;
    }

    /*#endregion X. Typography ------------------------------*/

    /*#region X. Global -------------------------------------*/

    .container {
        padding: 0 36px;
    }

    /*#endregion X. Global ----------------------------------*/

    /*#region X. Footer -------------------------------------*/

    .footer .container::before {
        left: 36px;
        right: 36px;
    }

    .footer__inner {
        width: 67%;
    }

    .footer__bottom-links {
        margin: 0;
    }

    /*#endregion X. Footer ----------------------------------*/

    /*#region X. Blog Grid ----------------------------------*/

    .blog-controls {
        display: flex;
        flex-direction: row-reverse;
    }

    .blog-controls__search {
        margin: 0 0 0 3.75rem;
        width: 35.913%;
    }

    .blog-controls__filter {
        flex-grow: 1;
    }

    .blog-grid {
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    }

    /*#endregion X. Blog Grid -------------------------------*/

    /*#region X. Page title ---------------------------------*/

    .page-heading {
        font-size: 3.85rem;
    }

    /*#endregion X. Page title ------------------------------*/

    /*#region X. Doctors grid -------------------------------*/

    .page_doctors-list .doctors-grid,
    .page_school .doctors-grid {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        margin: 0 0 7.5rem;
    }

    .doctors-grid__item {
        padding: 0 10px;
    }

    /*#endregion X. Doctors grid -------------------------------*/

    /*#region X. Semi photo ---------------------------------*/

    .semi-photo__img-wrapper {
        height: 418px;
    }

    .semi-photo_direct .semi-photo__img-wrapper {
        border-radius: 0 209px 209px 0;
        margin: 72px 36px 40px 0;
    }

    .semi-photo_reverse .semi-photo__img-wrapper {
        border-radius: 209px 0 0 209px;
        margin: 72px 0 40px 36px;
    }

    .semi-photo_direct .semi-photo__img-inner {
        border-radius: 0 0 209px;
    }

    .semi-photo_reverse .semi-photo__img-inner {
        border-radius: 0 0 0 209px;
    }

    .semi-photo__text-wrapper {
        padding: 0 36px;
    }

    .semi-photo__title {
        font-size: 4rem;
        line-height: 1.089;
        margin: 0 0 0.803em;
    }

    /*#endregion X. Semi photo ------------------------------*/

    /*#region X. Tiles --------------------------------------*/

    .services_index {
        margin: -2.3125rem 0 7.5rem;
    }

    .feature-tiles.feature-tiles_services {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    /*#endregion X. Tiles -----------------------------------*/

    /*#region X. Carousel -----------------------------------*/

    .carousel__title {
        font-size: 4rem;
    }

    /*#region X.X Carousel Doctors */

    .slick_doctors .slick__item {
        width: 280px;
    }

    /*#endregion X.X Carousel Doctors */

    /*#region X.X Carousel Education */

    .carousel_education .slick-list {
        margin: 0 -15px;
    }

    /*#endregion X.X Carousel Education */

    /*#endregion X. Carousel --------------------------------*/

    /*#region X. blog article--------------------------------*/

    .blog-title .page-heading {
        font-size: 3.5rem;
    }

    .blog-title__info_l {
        display: flex;
    }

    /*#endregion X. blog article-----------------------------*/

    /*#region X. Title with btn -----------------------------*/

    .title-with-btn__title {
        font-size: 4rem;
        line-height: 1.089;
        margin: 0 0 0.803em;
    }

    /*#endregion X. Title with btn --------------------------*/

    /*#region X. Main title ---------------------------------*/

    .index-main .container {
        padding-top: 4.2857rem;
        padding-bottom: 2.1428rem;
        max-height: 1200px;
    }

    .index-main__title-pre {
        font-size: 24px;
    }

    .index-main__title {
        font-size: 80px;
    }

    .index-main__desc {
        font-size: 18px;
        margin: 0 0 37px;
    }

    .rotated-circle-bg_main::before {
        content: "";
        position: absolute;
        left: 0;
        top: -22vw;
        width: 130vw;
        height: 130vw;
        z-index: -1;
        background: url("/img/bg/circles_1_md.svg") no-repeat center/contain;
        transform: translateX(-50%) rotate(0);
        animation: 150s linear infinite rotate;
    }

    /*#endregion X. Main title ------------------------------*/

    /*#region X. Media --------------------------------------*/

    .clinic-media__item:only-child {
        border-radius: 250px;
        margin: 0 26px;
    }

    /*#endregion X. Media -----------------------------------*/

    /*#region X. Header -------------------------------------*/

    .header {
        padding-top: 31px;
    }

    .header__logo img {
        height: 50px;
    }

    /*#endregion X. Header ----------------------------------*/

    /*#region X. Menu ---------------------------------------*/

    .menu_mob {
        height: calc(100% - 101px);
        top: 101px;
    }

    /*#endregion X. Menu ------------------------------------*/

    /*#region X. 404 ---------------------------------------*/

    .page_404 {
        background: url("/img/bg/circles_3.svg") no-repeat center/cover;
    }

    /*#endregion X. 404 ------------------------------------*/

    /*#region X. Fixed btn ---------------------------------*/

    .fixed-btn {
        left: 30px;
        bottom: 30px;
        flex-direction: column;
        transition: left ease 0.4s;
        width: auto;
        box-shadow: none;
    }

        .fixed-btn .btn {
            padding: 1em 3em;
            border-radius: 2.3075em;
            width: auto;
        }

            .fixed-btn .btn:not(:last-child) {
                margin: 0 0 0.9375rem;
            }

        .fixed-btn.disabled {
            left: -50%;
            bottom: 30px;
        }

    /*#endregion X. Fixed btn ------------------------------*/

    /*#region X. Page service ------------------------------*/

    .service-banner .container::after,
    .service-banner::after {
        content: "";
        position: absolute;
        width: 127vw;
        height: 127vw;
        left: calc(100% + 25vw);
        top: 50%;
        transform: translate(calc(-50% - 12vw), -50%);
        animation: 150s linear infinite rotate2;
        opacity: 0.5;
    }

    .service-banner .container::after {
        z-index: 6;
        background: url("/img/bg/circles_1_md__white.svg") no-repeat center/contain;
    }

    .service-banner::after {
        z-index: 0;
        background: url("/img/bg/circles_1_md.svg") no-repeat center/contain;
    }

    /*#endregion X. Page service ---------------------------*/

    /*#region X. About -------------------------------------*/

    .about-usa_img img {
        left: 50%;
        transform: translateX(-50%);
    }

    /*#endregion X. About ----------------------------------*/

    /*#region X. Directions --------------------------------*/

    .directions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }

    .directions__item {
        margin: 0;
    }

    /*#endregion X. Directions -----------------------------*/

    .page_contacts .content {
        background: url("/img/bg/circles_4_md.svg") no-repeat left center;
        background-size: auto 100%;
    }

    .viber-btn {
        right: calc(2% + 7px + 95px);
        left: auto;
        bottom: calc(7% + 14px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*#region X. Grid ---------------------------------------*/

    .col__md-1 {
        width: 8.333%;
    }

    .col__md-2 {
        width: 16.666%;
    }

    .col__md-3 {
        width: 25%;
    }

    .col__md-4 {
        width: 33.333%;
    }

    .col__md-5 {
        width: 41.666%;
    }

    .col__md-6 {
        width: 50%;
    }

    .col__md-7 {
        width: 58.333%;
    }

    .col__md-8 {
        width: 66.666%;
    }

    .col__md-9 {
        width: 75%;
    }

    .col__md-10 {
        width: 83.333%;
    }

    .col__md-11 {
        width: 91.666%;
    }

    .col__md-12 {
        width: 100%;
    }

    .justify-content__md_start {
        justify-content: flex-start;
    }

    .justify-content__md_end {
        justify-content: flex-end;
    }

    .justify-content__md_center {
        justify-content: center;
    }

    .align-items__md_center {
        align-items: center;
    }

    .align-items__md_stretch {
        align-items: stretch;
    }

    .align-items__md_start {
        align-items: flex-start;
    }

    .align-items__md_end {
        align-items: flex-end;
    }

    /*#endregion X. Grid ------------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .contacts-wrap__contacts-map {
        margin: 0 -36px;
    }

    /*#endregion X. Contacts -------------------------------*/
}

@media screen and (min-width: 981px) {
    .viber-btn {
        position: fixed;
        right: calc(2% + 10px + 105px);
        left: auto;
        bottom: calc(7% + 6px);
        width: 79px;
        height: 79px;
    }

    .viber-btn__icon {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 991px) {
    /*#region X. Contacts ----------------------------------*/

    .contacts-wrap {
        flex-direction: column;
    }

    .contacts-map__frame {
        width: 100%;
        height: 50vw;
        min-height: 300px;
        max-height: 500px;
    }

    .contacts-map__btn {
        display: none;
    }

    /*#endregion X. Contacts -------------------------------*/

    /*#region X. About -------------------------------------*/

    .about-quote_text {
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .about-quote_img {
        margin: 0 auto 2rem;
        max-width: 430px;
    }

    /*#endregion X. About ----------------------------------*/
}

@media screen and (min-width: 992px) {
    /*#region X. Global -------------------------------------*/

    .container {
        padding: 0 31px;
    }

    /*#endregion X. Global ----------------------------------*/

    /*#region X. Footer -------------------------------------*/

    .footer .container::before {
        left: 31px;
        right: 31px;
    }

    .footer__inner {
        width: auto;
        max-width: 1021px;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .footer__title {
        width: auto;
        flex-shrink: unset;
        margin: 0;
    }

    .footer__tagline {
        text-align: left;
        white-space: nowrap;
    }

    .footer__controls {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0 1.5rem;
    }

        .footer__controls .btn {
            width: 222px;
            margin: 0 0 0.9375rem;
        }

            .footer__controls .btn:last-child {
                margin: 0;
            }

    .footer__socials {
        justify-content: flex-start;
    }

    .footer__contacts {
        width: auto;
        padding: 0 3rem;
    }

    .footer__menu {
        margin: 0;
    }

    .footer__bottom {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

    .footer__payment {
        margin: 0 1rem;
    }

    .footer__payment-item {
        margin: 0 1rem;
    }

    /*#endregion X. Footer ----------------------------------*/

    /*#region X. Blog Grid ----------------------------------*/

    .blog-grid {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    }

    /*#endregion X. Blog Grid -------------------------------*/

    /*#region X. Doctors grid -------------------------------*/

    .page_doctors-list {
        background: url("/img/bg/circles_2_md.svg") no-repeat center 90vh / cover;
        background-size: 100% auto;
    }

        .page_doctors-list .doctors-grid,
        .page_school .doctors-grid {
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        }

        .page_doctors-list .content {
            margin-bottom: 7rem;
        }

    /*#endregion X. Doctors grid ----------------------------*/

    /*#region X. Semi photo ---------------------------------*/

    .semi-photo {
        display: flex;
        margin: 0 0 5rem;
    }

        .semi-photo.semi-photo_doctors-list {
            margin: 0;
        }

    .semi-photo__img-wrapper {
        height: 522px;
        width: calc(50% - 15px);
        flex-shrink: 0;
    }

    .semi-photo_direct .semi-photo__img-wrapper {
        border-radius: 0 261px 261px 0;
        margin: 72px 0 0 0;
    }

    .semi-photo_reverse .semi-photo__img-wrapper {
        border-radius: 261px 0 0 261px;
        margin: 72px 0 0 0;
    }

    .semi-photo_direct .semi-photo__img-inner {
        border-radius: 0 0 261px;
    }

    .semi-photo_reverse .semi-photo__img-inner {
        border-radius: 0 0 0 261px;
    }

    .semi-photo__img-inner--alt {
        height: 90%;
    }

    .semi-photo_direct .semi-photo__img-inner img {
        right: 6vw;
        transform: none;
    }

    .semi-photo_index__welcome .semi-photo__img-inner img {
        right: -50px;
    }

    .semi-photo_reverse .semi-photo__img-inner img {
        right: auto;
        left: 6vw;
        transform: none;
    }

    .semi-photo__text-wrapper {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .semi-photo_reverse .semi-photo__text-wrapper {
        align-items: flex-end;
        padding: 72px 30px 0 31px;
    }

    .semi-photo_direct .semi-photo__text-wrapper {
        align-items: flex-start;
        padding: 72px 31px 0 30px;
    }

    .semi-photo__text-inner {
        width: 100%;
        margin: 0;
        max-width: 720px;
    }

    .semi-photo__title {
        text-align: left;
    }

    .semi-photo_footer {
        text-align: left;
    }

    /*#endregion X. Semi photo ------------------------------*/

    /*#region X. BG -----------------------------------------*/

    .rotated-circle-bg::before,
    .rotated-circle-bg_main::before {
        content: "";
        position: absolute;
        left: 0;
        top: -17vw;
        width: 100vw;
        height: 100vw;
        z-index: -1;
        background: url("/img/bg/circles_1_md.svg") no-repeat center/contain;
        transform: translateX(-50%) rotate(0);
        animation: 150s linear infinite rotate;
    }

    /*#endregion X. BG --------------------------------------*/

    /*#region X. Profile semi photo -------------------------*/

    .profile__position {
        text-align: left;
    }

    .profile__experience h3 {
        text-align: left;
    }

    /*#endregion X. Profile semi photo ----------------------*/

    /*#region X. Tiles --------------------------------------*/

    .services_index {
        margin: -2.3125rem 0 9.375rem;
    }

    .feature-tiles.feature-tiles_qualities {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 30px;
        width: auto;
        margin: 0;
    }

    .doctor-profile__qualities .feature-tiles__item {
        margin: 0;
    }

    /*#endregion X. Tiles -----------------------------------*/

    /*#region X. Carousel -----------------------------------*/

    /*#region X.X title cardio */

    .title-cardio .container {
        text-align: left;
    }

    .title-cardio h2 {
        margin: 2.3125rem 0 2.3125rem -2.5rem;
    }

    /*#endregion X.X title cardio */

    /*#region X.X Carousel Education */

    .carousel_education .slick__controls {
        margin: 4.375rem 0 0;
    }

    /*#endregion X.X Carousel Education */

    /*#region X.X Carousel Doctors */

    .carousel_doctors_index {
        margin: 0 0 7.5rem;
    }

    /*#endregion X.X Carousel Doctors */

    /*#endregion X. Carousel --------------------------------*/

    /*#region X. Title with btn -----------------------------*/

    .title-with-btn {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 5.625rem;
    }

    .title-with-btn__title {
        margin: 0;
    }

    .title-with-btn .btn_md {
        margin: 4px 0 0;
    }

    /*#endregion X. Title with btn --------------------------*/

    /*#region X. Media --------------------------------------*/

    .clinic-media {
        display: flex;
        justify-content: space-between;
    }

    .clinic-media__item_l,
    .clinic-media__item_r {
        margin: 0;
        width: calc(50% - 15px);
    }

    .clinic-media__item_l {
        padding: 31px 70px 31px 31px;
    }

    .clinic-media__item_r {
        padding: 31px 31px 31px 70px;
    }

    .clinic-media__item:only-child {
        margin: 0 auto;
        width: 80%;
    }

    /*#endregion X. Media -----------------------------------*/

    /*#region X. Section note -------------------------------*/

    .section-note {
        display: flex;
        align-items: flex-start;
    }

    .section-note__title {
        width: calc(33.333% - 15px);
        margin-right: 30px;
        flex-shrink: 0;
    }

    /*#endregion X. Section note ----------------------------*/

    /*#region X. Main title ---------------------------------*/

    .index-main .container {
        min-height: 570px;
        max-height: 660px;
        display: flex;
        flex-direction: row;
        padding-top: 0;
        padding-bottom: 0;
    }

    .index-main::after {
        top: -70px;
        left: 50%;
        background: rgb(164, 201, 208);
        background: linear-gradient(90deg, rgba(164, 201, 208, 0) 0%, rgba(164, 201, 208, 0.35) 100%);
    }

    .index-main__notification {
        text-align: left;
        margin: 0 0 2.5rem;
    }

    .index-main__text {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 610px;
        flex-shrink: 0;
    }

    .index-main__title-pre {
        text-align: left;
    }

    .index-main__title {
        font-size: 80px;
        text-align: left;
    }

        .index-main__title::after {
            width: 600%;
        }

    .index-main__desc {
        font-size: 18px;
        text-align: left;
    }

    .index-main__controls {
        text-align: left;
    }

    .index-main__controls--ny {
        align-items: flex-start;
    }

    .index-main__img {
        margin: 0;
    }

        .index-main__img img {
            top: calc(50% + 2.714rem);
            left: -184px;
            height: 51.915vw;
            max-height: 85.833%;
            transform: translate(0, -50%);
        }

    .scroll-down {
        position: absolute;
        z-index: 5;
        left: 50%;
        bottom: 2rem;
        transform: translateX(-50%);
    }

    @keyframes jumps {
        0% {
            transform: translate(-50%, 0);
        }

        50% {
            transform: translate(-50%, -50%);
        }

        100% {
            transform: translate(-50%, 0);
        }
    }

    .index-main--school .index-main__desc {
        padding-right: 20%;
    }

    .index-main--school .index-main__img img {
        top: 50%;
        left: -150px;
    }

    /*#endregion X. Main title ------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .page_contacts .content .container {
        max-width: none;
        padding: 0;
    }

    .contacts-wrap {
        justify-content: flex-end;
    }

    .contacts-info {
        padding: 2rem 2.0625rem 2rem 31px;
    }

    .contacts-map {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #3fa6bc url("/img/bg/contacts_2.jpg") no-repeat left center / cover;
        padding: 0 0 0 2.0625rem;
        width: 50%;
        position: relative;
        overflow: hidden;
    }

        .contacts-map::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: calc(2.0625rem + 13.5vw);
            max-width: calc(260px + 2.0625rem);
            min-width: calc(220px + 2.0625rem);
            height: calc(100% + 2px);
            background: url("/img/bg/contacts_1.svg") no-repeat right center / cover;
        }

    .contacts-map__item {
        position: relative;
        width: 27vw;
        height: 27vw;
        max-height: 520px;
        max-width: 520px;
        min-height: 420px;
        min-width: 420px;
        border-radius: 50%;
        box-shadow: 0 0 0 20px rgba(63, 166, 188, 0.35);
        position: relative;
        z-index: 5;
        overflow: hidden;
    }

    .contacts-map__frame {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% + 30px);
        height: calc(100% + 100px);
        z-index: 4;
    }

    .contacts-map__btn {
        position: absolute;
        opacity: 0;
        bottom: -100px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
        padding: 1rem 1.5rem;
        transition: bottom ease 0.3s, opacity ease 0.3s, transform ease 0.3s, background-color ease 0.3s;
    }

    .touch-device .contacts-map__btn {
        bottom: 50px;
        opacity: 1;
    }

    .contacts-map__item:hover .contacts-map__btn {
        bottom: 50px;
        opacity: 1;
    }

    .contacts-map__btn:active {
        transform: scale(0.95) translateX(-50%);
    }

    /*#endregion X. Contacts -------------------------------*/

    /*#region X. Page service ------------------------------*/

    .service-banner .container::after,
    .service-banner::after {
        width: 87vw;
        height: 87vw;
        left: 100%;
        top: 50%;
        transform: translate(calc(-50% - 12vw), -50%);
        animation: 150s linear infinite rotate2;
    }

    .service-banner .container::after {
        background: url("/img/bg/circles_1__white.svg") no-repeat center/contain;
    }

    .service-banner::after {
        z-index: 0;
        background: url("/img/bg/circles_1.svg") no-repeat center/contain;
    }

    /*#endregion X. Page service ---------------------------*/

    /*#region X. About -------------------------------------*/

    .about-quote_img {
        max-width: 530px;
    }

    /*#endregion X. About ----------------------------------*/

    /*#region X. Possibilities -----------------------------*/

    .school-possibilities {
        margin: 0 0 6rem;
    }

    .school-possibilities__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }

    .school-possibilities__grid-item {
        margin: 0;
    }

    /*#endregion X. Possibilities --------------------------*/

    /*#region X. info popup -----------------------------*/

    .info-popup_body {
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .info-popup_img {
        width: 37.68%;
        flex-shrink: 0;
        display: block;
        position: relative;
    }

    .info-popup_img-item {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 123%;
        object-fit: contain;
        object-position: center bottom;
    }

    .info-popup_body {
        width: 85%;
        max-width: 900px;
        padding: 0 3.125rem 0 1.4375rem;
        display: flex;
    }

    .info-popup_content {
        padding: 4.375rem 0 4.375rem 0.625rem;
    }

    /*#endregion X. info popup -----------------------------*/
}

@media screen and (min-width: 992px) and (max-width: 1338px) {
    /*#region X. Grid ---------------------------------------*/

    .col__lg-1 {
        width: 8.333%;
    }

    .col__lg-2 {
        width: 16.666%;
    }

    .col__lg-3 {
        width: 25%;
    }

    .col__lg-4 {
        width: 33.333%;
    }

    .col__lg-5 {
        width: 41.666%;
    }

    .col__lg-6 {
        width: 50%;
    }

    .col__lg-7 {
        width: 58.333%;
    }

    .col__lg-8 {
        width: 66.666%;
    }

    .col__lg-9 {
        width: 75%;
    }

    .col__lg-10 {
        width: 83.333%;
    }

    .col__lg-11 {
        width: 91.666%;
    }

    .col__lg-12 {
        width: 100%;
    }

    .justify-content__lg_start {
        justify-content: flex-start;
    }

    .justify-content__lg_end {
        justify-content: flex-end;
    }

    .justify-content__lg_center {
        justify-content: center;
    }

    .align-items__lg_center {
        align-items: center;
    }

    .align-items__lg_stretch {
        align-items: stretch;
    }

    .align-items__lg_start {
        align-items: flex-start;
    }

    .align-items__lg_end {
        align-items: flex-end;
    }

    /*#endregion X. Grid ------------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .page_contacts {
        padding-top: 70px;
    }

    .contacts-wrap {
        min-height: calc(100vh - 70px);
    }

    .contacts-info .page-heading {
        font-size: 4.5em;
    }

    /*#endregion X. Contacts -------------------------------*/
}

@media screen and (min-width: 1260px) {
    /*#region X. About --------------------------------------*/

    .about_top {
        background: url("/img/bg/circles_6_l.svg"), url("/img/bg/circles_6_r.svg");
        background-repeat: no-repeat, no-repeat;
        background-position: -75% 0, 150% 200px;
        background-size: auto 1198px, auto 1550px;
    }

    .about_bottom {
        background: url("/img/bg/circles_7_l.svg"), url("/img/bg/circles_7_r.svg");
        background-repeat: no-repeat, no-repeat;
        background-position: -70% 100%, 135% 0;
        background-size: auto 1550px, auto 1029px;
    }

    /*#endregion X. About -----------------------------------*/

    /*#region X. Reviews -----------------------------------*/

    .awards {
        position: relative;
    }

        .awards .container {
            position: relative;
            z-index: 5;
        }

        .awards::before {
            content: "";
            position: absolute;
            z-index: 4;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: rgb(255, 255, 255);
            background: linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 1) 100% );
        }

        .awards::after {
            content: "";
            position: absolute;
            z-index: 3;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: rgb(164, 201, 208);
            background: linear-gradient( 90deg, rgba(164, 201, 208, 0.35) 0%, rgba(164, 201, 208, 0) 39%, rgba(164, 201, 208, 0) 61%, rgba(164, 201, 208, 0.35) 100% );
        }

    /*#endregion X. Reviews --------------------------------*/

    /*#region X. Clinic video ------------------------------*/

    .clinic-video::before,
    .clinic-video::after {
        content: "";
        position: absolute;
        height: 100%;
        z-index: 3;
    }

    .clinic-video::after {
        left: 0;
        top: 0;
        width: 100%;
        background: url("/img/bg/cardio.svg") no-repeat left center / contain;
    }

    /*#endregion X. Clinic video ---------------------------*/

    /*#region X. Possibilities -----------------------------*/

    .school-possibilities {
        margin: 0 0 7rem;
    }

    .school-possibilities__grid-item {
        flex-direction: row;
        border-radius: 40px;
        padding: 0;
    }

    .school-possibilities__grid-img {
        flex: 0 0 42.47%;
        position: relative;
    }

    .school-possibilities__grid-img-item {
        margin: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 98%;
        width: 98%;
        object-fit: contain;
        object-position: left bottom;
    }

    .school-possibilities__grid-desc {
        padding: 2.5rem 2.5rem 2.5rem 1rem;
    }

    /*#endregion X. Possibilities --------------------------*/

    /*#region X. Directions --------------------------------*/

    .directions {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 30px;
    }

    /*#endregion X. Directions -----------------------------*/

    /*#region X. Footer -------------------------------------*/

    .footer__inner {
        width: 83%;
    }

    /*#endregion X. Footer ----------------------------------*/
}

@media screen and (max-width: 1338px) {
    .menu__list-item_secondary--expanded .menu__sublist {
        display: block;
    }

    .menu__list-item_secondary--expanded .menu__toggler::before {
        display: none;
    }

    .menu__list-item_secondary--expanded .menu__sublist {
        padding: 0.5rem 0 1.5rem;
    }

    /*#region X. Awards ------------------------------------*/

    .slick_awards-item__inner {
        grid-template-rows: 150px 150px 150px;
    }

    /*#endregion X. Awards ---------------------------------*/
}

@media screen and (min-width: 1339px) {
    /*#region X. Global -------------------------------------*/

    .container {
        padding: 0 60px;
    }

    .wrapper {
        padding-top: calc(122px + 2rem);
    }

        .wrapper.page_service {
            padding-top: 122px;
        }

        .wrapper.page_index {
            padding-top: 122px;
        }

    /*#endregion X. Global ----------------------------------*/

    /*#region X. Grid ---------------------------------------*/

    .col__xl-1 {
        width: 8.333%;
    }

    .col__xl-2 {
        width: 16.666%;
    }

    .col__xl-3 {
        width: 25%;
    }

    .col__xl-4 {
        width: 33.333%;
    }

    .col__xl-5 {
        width: 41.666%;
    }

    .col__xl-6 {
        width: 50%;
    }

    .col__xl-7 {
        width: 58.333%;
    }

    .col__xl-8 {
        width: 66.666%;
    }

    .col__xl-9 {
        width: 75%;
    }

    .col__xl-10 {
        width: 83.333%;
    }

    .col__xl-11 {
        width: 91.666%;
    }

    .col__xl-12 {
        width: 100%;
    }

    .justify-content__xl_start {
        justify-content: flex-start;
    }

    .justify-content__xl_end {
        justify-content: flex-end;
    }

    .justify-content__xl_center {
        justify-content: center;
    }

    .align-items__xl_center {
        align-items: center;
    }

    .align-items__xl_stretch {
        align-items: stretch;
    }

    .align-items__xl_start {
        align-items: flex-start;
    }

    .align-items__xl_end {
        align-items: flex-end;
    }

    /*#endregion X. Grid ------------------------------------*/

    /*#region X. Footer -------------------------------------*/

    .footer .container::before {
        left: 60px;
        right: 60px;
    }

    .footer__inner {
        max-width: none;
    }

    .footer__socials-link {
        width: 2rem;
        margin: 0.45rem;
    }

    /*#endregion X. Footer ----------------------------------*/

    /*#region X. Blog Grid ----------------------------------*/

    .blog-grid {
        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    }

    /*#endregion X. Blog Grid -------------------------------*/

    /*#region X. Page title ---------------------------------*/

    .page-heading {
        font-size: 4.125rem;
    }

    /*#endregion X. Page title ------------------------------*/

    /*#region X. Doctors grid -------------------------------*/

    .page_doctors-list .doctors-grid,
    .page_school .doctors-grid {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
        grid-gap: 5rem 30px;
    }

    /*#endregion X. Doctors grid -------------------------------*/

    /*#region X. Semi photo ---------------------------------*/

    .semi-photo__img-wrapper {
        width: calc(50% - 68px);
    }

    .semi-photo__img-inner--alt {
        height: 95%;
    }

    .semi-photo_direct .semi-photo__img-inner img {
        right: 7vw;
    }

    .semi-photo_index__welcome .semi-photo__img-inner img {
        right: 1vw;
    }

    .semi-photo_reverse .semi-photo__img-inner img {
        left: 7vw;
    }

    .semi-photo_reverse .semi-photo__text-wrapper {
        padding: 72px 83px 0 60px;
    }

    .semi-photo_direct .semi-photo__text-wrapper {
        padding: 72px 60px 0 83px;
    }

    /*#endregion X. Semi photo ------------------------------*/

    /*#region X. Tiles --------------------------------------*/

    .feature-tiles.feature-tiles_services {
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    }

    /*#endregion X. Tiles -----------------------------------*/

    /*#region X. Profile semi photo -------------------------*/

    .semi-photo__title.profile__title {
        font-size: 5rem;
        margin-bottom: 0.25em;
    }

    /*#endregion X. Profile semi photo ----------------------*/

    /*#region X. BG -----------------------------------------*/

    .rotated-circle-bg::before {
        top: -12vw;
        width: 80vw;
        height: 80vw;
        background: url("/img/bg/circles_1.svg") no-repeat center/contain;
    }

    /*#endregion X. BG --------------------------------------*/

    /*#region X. Section note -------------------------------*/

    .section-note__title {
        width: calc(25% - 15px);
    }

    /*#endregion X. Section note ----------------------------*/

    /*#region X. Main title ---------------------------------*/

    .index-main .container {
        height: calc(100vh - 121px);
        max-height: 800px;
    }

    .index-main::after {
        top: -90px;
    }

    .index-main__text {
        min-width: 740px;
    }

    .index-main__notification {
        max-width: 700px;
        margin: 0 0 3.5rem;
    }

    .index-main__title-pre {
        font-size: 30px;
    }

    .index-main__title {
        font-size: 96px;
    }

    .index-main__desc {
        font-size: 20px;
    }

    .index-main__img img {
        left: -160px;
    }

    /*#endregion X. Main title ------------------------------*/

    /*#region X. Header -------------------------------------*/

    .header__nav-secondary {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

        .header__nav-secondary .menu__list-item {
            font-size: 0.875rem;
            line-height: 1;
            margin-left: 1.75rem;
        }

        .header__nav-secondary .menu__list-link {
            text-decoration: none;
            color: #fff;
        }

            .header__nav-secondary .menu__list-link:hover {
                text-decoration: underline;
            }

    .header__bottom .container {
        min-height: 90px;
        transition: min-height ease 0.3s;
    }

    .header.active .header__bottom .container {
        min-height: 70px;
    }

    .header__menu-btn {
        display: none;
    }

    .menu_mob,
    .menu_mob.active {
        transform: translateX(0);
        display: none;
    }

    .header__bottom .menu__nav {
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }

    .header__bottom .menu__list {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        flex-grow: 1;
    }

    .header__bottom .menu__list-item_secondary {
        position: relative;
    }

        .header__bottom .menu__list-item_secondary .menu__sublist {
            left: 50%;
            top: 100%;
            transform: translateX(-50%);
            display: block;
            position: absolute;
            margin: 0;
            padding: 0.75em 0;
            list-style: none;
            background-color: #fff;
            border-top: 1px dashed #d8ebf0;
            border-radius: 0;
            width: 320px;
            z-index: 50;
            box-shadow: 0 4px 8px rgba(34, 112, 131, 0.2);
            border-radius: 0 0 0.5rem 0.5rem;
            opacity: 0;
            visibility: hidden;
            transition: opacity ease 0.3s;
        }

        .header__bottom .menu__list-item_secondary:hover .menu__sublist {
            opacity: 1;
            visibility: visible;
        }

    .menu__list-item_secondary .menu__sublist-link {
        display: block;
        color: #727272;
        font-size: 0.928rem;
        padding: 0.5rem 1.5rem;
        text-decoration: none;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
        transition: color ease 0.3s, background-color ease 0.3s, border ease 0.3s;
    }

    .menu__list-item_secondary li:last-child .menu__sublist-link {
        border: none;
    }

    .menu__list-item_secondary .menu__sublist-link:hover {
        background-color: #3fa6bc;
        color: #fff;
        border-color: #3fa6bc;
    }

    .header__bottom .menu__list-item_main .menu__sublist {
        display: grid;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 2rem 60px 3rem;
        margin: 0;
        list-style: none;
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
        grid-gap: 1rem;
        background-color: #fff;
        border-top: 1px dashed #d8ebf0;
        opacity: 0;
        visibility: hidden;
        transition: opacity ease 0.3s;
        z-index: 50;
    }

    .header__bottom .menu__list-item_main:hover .menu__sublist {
        opacity: 1;
        visibility: visible;
    }

    .header__bottom .menu__list-item_main .menu__sublist::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 10px;
        background: rgb(34, 112, 131);
        background: linear-gradient(180deg, rgba(34, 112, 131, 0.2) 0%, rgba(34, 112, 131, 0) 100%);
    }

    .header__bottom .menu__list-item .menu__toggler,
    .header__bottom .menu__list-item .menu__list-link {
        transition: box-shadow ease 0.3s, color ease 0.3s;
    }

    .header__bottom .menu__list-item:hover .menu__toggler,
    .header__bottom .menu__list-item:hover .menu__list-link {
        box-shadow: inset 0 -3px 0 0 #3fa6bc;
    }

    .header__bottom .menu__list-item_main .menu__sublist-link {
        display: block;
        border: 1px solid #d8ebf0;
        text-decoration: none;
        color: #727272;
        font-size: 0.928rem;
        padding: 0.75rem 1.5rem;
        border-radius: 1.2rem;
        transition: background-color ease 0.3s, border ease 0.3s, color ease 0.3s;
    }

        .header__bottom .menu__list-item_main .menu__sublist-link:hover {
            background-color: #3d9db4;
            border: 1px solid #3d9db4;
            color: #fff;
        }

    .header__bottom .menu__list-item_main .menu_marked,
    .header__bottom .menu__list-item_main .menu_marked:hover {
        background-color: #ecee6f;
        color: #323232;
        border-color: #ecee6f;
    }

    .header__bottom .menu__toggler,
    .header__bottom .menu__list-link {
        display: flex;
        height: 100%;
        align-items: center;
        font: normal 13px/1 "geometria", Arial, sans-serif;
        color: #323232;
        text-decoration: none;
        text-transform: uppercase;
        padding: 0 12px;
        cursor: pointer;
    }

    .header__phone {
        margin: 0 0 0 15px;
    }

    .header__phone-top a,
    .header__phone-bottom a {
        font: 600 13px/1 "geometria", Arial, sans-serif;
    }

    .header__bottom .menu__lang {
        display: block;
        margin: 0 0 0 10px;
        position: relative;
    }

    .header__bottom .menu__lang-top {
        height: 40px;
        display: flex;
        align-items: center;
        border-radius: 21px;
        padding: 0 15px;
        border: 1px solid #3fa6bc;
        color: #3fa6bc;
        cursor: pointer;
        transition: background-color ease 0.3s, border ease 0.3s;
    }

        .header__bottom .menu__lang-top:hover {
            background-color: #d9ecf0;
            border-color: #d9ecf0;
        }

        .header__bottom .menu__lang-top span {
            font: 700 11px/1 "geometria", Arial, sans-serif;
            text-transform: uppercase;
        }

        .header__bottom .menu__lang-top [class^="icon__"] {
            margin: 0 0 0 4px;
            font-size: 8px;
            transition: transform ease 0.3s;
        }

        .header__bottom .menu__lang-top.active [class^="icon__"] {
            transform: rotate(180deg);
        }

    .header__bottom .menu__lang-bottom {
        display: none;
    }

    .header__bottom .menu__lang-bottom {
        position: absolute;
        left: 0;
        top: calc(100% + 12px);
        width: 100%;
        box-shadow: 0 3px 10px rgba(34, 112, 131, 0.15);
        z-index: 20;
        background-color: #fff;
        border-radius: 21px;
    }

        .header__bottom .menu__lang-bottom a {
            color: #3fa6bc;
            text-decoration: none;
            display: block;
            font: 700 11px/1 "geometria", Arial, sans-serif;
            padding: 15px 15px 16px;
            border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
            transition: background-color ease 0.3s, border ease 0.3s;
            text-transform: uppercase;
            text-align: center;
            border-radius: 21px;
        }

            .header__bottom .menu__lang-bottom a:hover {
                background-color: #d9ecf0;
                border-color: #d9ecf0;
            }

            .header__bottom .menu__lang-bottom a:last-child {
                border: none;
            }

    .menu__list-item--desktop-hidden {
        display: none;
    }

    /*#endregion X. Header ----------------------------------*/

    /*#region X. 404 ---------------------------------------*/

    .section-404 {
        min-height: calc(100vh - 122px - 2rem);
    }

    /*#endregion X. 404 ------------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .page_contacts {
        padding-top: 122px;
    }

    .contacts-wrap {
        min-height: calc(100vh - 122px);
    }

    /*#endregion X. Contacts -------------------------------*/

    /*#region X. About --------------------------------------*/

    .about_top::before,
    .about_top::after,
    .about_top > .container::before {
        content: "";
        position: absolute;
    }

    .about_top::before {
        width: 30vw;
        height: 30vw;
        max-width: 578px;
        max-height: 578px;
        border-radius: 50%;
        left: 0;
        top: 150px;
        transform: translateX(-50%);
        background: url("/img/bg/cat-min.png") no-repeat center/contain;
    }

    .about_top::after {
        width: 22vw;
        height: 22vw;
        max-width: 421px;
        max-height: 421px;
        right: 1.5vw;
        top: 0;
        transform: translateX(50%);
        background: url("/img/bg/dog-min.png") no-repeat center/contain;
    }

    .about_top > .container::before {
        width: 18.25vw;
        height: 18.25vw;
        max-width: 292px;
        max-height: 292px;
        right: 3.645vw;
        top: 750px;
        background: url("/img/bg/dog2-min.png") no-repeat center/contain;
    }

    /*#endregion X. About -----------------------------------*/

    .page_service {
        background-image: url("/img/bg/circles_5_l.svg"), url("/img/bg/circles_5_r.svg");
        background-repeat: repeat-y, repeat-y;
        background-position: left top, right top;
        background-size: auto 3100px, auto 3100px;
    }

    /*#region X. Awards ------------------------------------*/

    .slick_awards-item__inner {
        grid-template-rows: 182px 182px 182px;
    }

    /*#endregion X. Awards ---------------------------------*/
}

@media screen and (min-width: 1440px) {
    /*#region X. Global -------------------------------------*/

    .wrapper {
        padding-top: calc(130px + 2rem);
    }

        .wrapper.page_index {
            padding-top: 130px;
        }

    /*#endregion X. Global ----------------------------------*/

    /*#region X. Typography ---------------------------------*/

    html,
    .root {
        font-size: 16px;
    }

    /*#endregion X. Typography ------------------------------*/

    /*#region X. Footer -------------------------------------*/

    .footer__controls .btn {
        width: 250px;
    }

    /*#endregion X. Footer ----------------------------------*/

    /*#region X. Semi photo ---------------------------------*/

    .semi-photo__img-wrapper {
        width: calc(50% - 75px);
        height: 596px;
    }

    .semi-photo_direct .semi-photo__img-wrapper {
        border-radius: 0 298px 298px 0;
        margin: 102px 0 0 0;
    }

    .semi-photo_reverse .semi-photo__img-wrapper {
        border-radius: 298px 0 0 298px;
        margin: 102px 0 0 0;
    }

    .semi-photo_direct .semi-photo__img-inner {
        border-radius: 0 0 298px;
    }

    .semi-photo_reverse .semi-photo__img-inner {
        border-radius: 0 0 0 298px;
    }

    .semi-photo_direct .semi-photo__img-inner img {
        right: 8vw;
    }

    .semi-photo_index__welcome .semi-photo__img-inner img {
        right: 1vw;
    }

    .semi-photo_reverse .semi-photo__img-inner img {
        left: 8vw;
    }

    .semi-photo_reverse .semi-photo__text-wrapper {
        padding: 72px 90px 0 60px;
    }

    .semi-photo_direct .semi-photo__text-wrapper {
        padding: 72px 60px 0 90px;
    }

    /*#endregion X. Semi photo ------------------------------*/

    /*#region X. Tiles --------------------------------------*/

    .feature-tiles.feature-tiles_services {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    /*#endregion X. Tiles -----------------------------------*/

    /*#region X. Carousel -----------------------------------*/

    /*#region X.X Carousel Doctors */

    .slick_doctors .slick__item {
        width: 345px;
        padding: 0 25px;
    }

    /*#endregion X.X Carousel Doctors */

    /*#endregion X. Carousel --------------------------------*/

    /*#region X. blog article--------------------------------*/

    .blog-title .page-heading {
        font-size: 4.125rem;
    }

    /*#endregion X. blog article-----------------------------*/

    /*#region X. Media --------------------------------------*/

    .clinic-media__inner {
        max-width: 468px;
    }

    /*#endregion X. Media -----------------------------------*/

    /*#region X. Main title ---------------------------------*/

    .index-main .container {
        max-height: 1000px;
        height: calc(100vh - 130px);
    }

    .index-main::after {
        top: -107px;
    }

    .index-main__text {
        min-width: 780px;
    }

    .index-main__title {
        font-size: 100px;
    }

    .index-main__img img {
        left: -270px;
        height: 60vw;
        max-height: 90%;
    }

    /*#endregion X. Main title ------------------------------*/

    /*#region X. Header -------------------------------------*/

    .header {
        padding-top: 36px;
    }

    .address-dropdown__list {
        width: 28rem;
    }

    .address-dropdown__list-item {
        font-size: 0.8rem;
    }

    .header__bottom .container {
        min-height: 94px;
    }

    .header__logo img {
        height: 55px;
    }

    .header__bottom .menu__toggler,
    .header__bottom .menu__list-link {
        font: normal 14px/1 "geometria", Arial, sans-serif;
        padding: 0 12px;
    }

    .header__bottom .menu__list-item_main .menu__sublist {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    }

    .header__phone-top {
        height: 46px;
        border-radius: 23px;
        padding: 0 4px 0 25px;
    }

        .header__phone-top a {
            margin-right: 20px;
            font: 600 14px/1 "geometria", Arial, sans-serif;
        }

        .header__phone-top .header__phone-toggler {
            width: 38px;
            width: 38px;
            line-height: 38px;
            font-size: 10px;
        }

    .header__phone-bottom {
        top: calc(100% + 18px);
        border-radius: 23px;
        padding: 14px 0;
    }

        .header__phone-bottom a {
            font: normal 14px/1 "geometria", Arial, sans-serif;
            padding: 12px 25px;
        }

    .header__bottom .menu__lang {
        margin: 0 0 0 20px;
    }

    .header__bottom .menu__lang-top {
        height: 44px;
        border-radius: 23px;
        padding: 0 18px;
    }

        .header__bottom .menu__lang-top span {
            font: 700 12px/1 "geometria", Arial, sans-serif;
        }

    .header__bottom .menu__lang-bottom {
        top: calc(100% + 18px);
        border-radius: 23px;
    }

        .header__bottom .menu__lang-bottom a {
            font: 700 12px/1 "geometria", Arial, sans-serif;
            padding: 17px 18px;
            border-radius: 23px;
        }

    /*#endregion X. Header ----------------------------------*/

    /*#region X. 404 ---------------------------------------*/

    .section-404 {
        min-height: calc(100vh - 130px - 2rem);
    }

    .section-404__text {
        font-size: 3.375rem;
    }

    /*#endregion X. 404 ------------------------------------*/

    /*#region X. Contacts ----------------------------------*/

    .page_contacts {
        padding-top: 130px;
    }

    .contacts-wrap {
        min-height: calc(100vh - 130px);
    }

    .contacts-info .page-heading {
        font-size: 5.25em;
    }

    /*#endregion X. Contacts -------------------------------*/

    /*#region X. Landing -----------------------------------*/

    /*#region X.X programs */

    .programs__link-icon {
        font-size: 1.75rem;
        margin: 0 1.25rem 0 0;
    }

    .programs__link-subtitle {
        font: 600 1.05rem/1.3 "geometria", Arial, sans-serif;
        margin: 0 0 0.4rem;
    }

    .programs__link-desc {
        font-size: 0.9rem;
    }

    /*#endregion X.X programs */

    /*#endregion X. Landing --------------------------------*/
}

@media screen and (min-width: 1500px) {
    /*#region X. Header -------------------------------------*/

    .header__bottom .menu__toggler,
    .header__bottom .menu__list-link {
        font: normal 0.875rem/1 "geometria", Arial, sans-serif;
        padding: 0 1rem;
    }

    .header__phone-top a {
        font: 600 1rem/1 "geometria", Arial, sans-serif;
    }

    /*#endregion X. Header -------------------------------------*/
}

@media screen and (min-width: 1600px) {
    /*#region X. Header -------------------------------------*/

    .header__bottom .menu__toggler,
    .header__bottom .menu__list-link {
        font: normal 0.875rem/1 "geometria", Arial, sans-serif;
        padding: 0 1.125rem;
    }

    .header__phone {
        margin: 0 0 0 3.125rem;
    }

    /*#endregion X. Header -------------------------------------*/

    /*#region X. About --------------------------------------*/

    .about_top {
        background-position: 0 0, 100% 200px;
    }

    .about_bottom {
        background-position: 0 100%, 100% 0;
    }

    /*#endregion X. About -----------------------------------*/

    /*#region X. Clinic video ------------------------------*/

    .video {
        border-radius: 3rem;
    }

    /*#endregion X. Clinic video ---------------------------*/

    /*#region X. Landing -----------------------------------*/

    /*#region X.X programs */

    .programs__list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /*#endregion X.X programs */

    /*#endregion X. Landing --------------------------------*/
}

@media screen and (min-width: 1880px) {
    /*#region X. Main title ---------------------------------*/

    .index-main .container {
        max-height: 1200px;
    }

    .index-main__text {
        min-width: 930px;
    }

    .index-main__title {
        font-size: 120px;
    }

    .index-main__img img {
        height: 60vw;
        max-height: 90%;
    }

    .index-main__controls--ny {
        flex-direction: row;
    }

    /*#endregion X. Main title ------------------------------*/
}