@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 .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 */

    /*#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 .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{
        font-size: calc(60px + (80 - 60) * ((100vw - 536px) / (767 - 536)));
    }

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

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

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

    .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 .9375rem;
        width: 17rem;
    }

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

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

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

    /*#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 .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 .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 .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{
        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. Header -------------------------------------*/

    .header__logo img{
        height: 50px;
    }

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

    /*#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 .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 .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: .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%;
    }
}

@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 (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 .9375rem;
    }

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

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

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

    .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_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;
    }

    /*#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__text{
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 610px;
        flex-shrink: 0;
    }

    .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__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: 0 2.0625rem 0 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,.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 .3s, opacity ease .3s, transform ease .3s, background-color ease .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(.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 --------------------------*/
}

@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,.35) 0%, rgba(164,201,208,0) 39%, rgba(164,201,208,0) 61%, rgba(164,201,208,.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: .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: .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_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: .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__title{
        font-size: 96px;
    }

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

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

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

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

    .header__top{
        display: block;
        background-color: #323232;
        color: #fff;
        max-height: 50px;
        transition: max-height ease .3s;
        overflow: hidden;
    }

    .header.active .header__top{
        max-height: 0;
    }

    .header__top .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 2.25rem;
    }

    .header__contacts{
        display: flex;
    }

    .header__contacts-item{
        font-size: .875rem;
        line-height: 1;
        margin-right: 2.375rem;
    }

    .header__contacts-item [class^="icon__"]{
        color: #74c9b8;
        font-size: 1.125rem;
        line-height: 1;
        margin-right: .625rem;
    }

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

    .header__nav-secondary .menu__list-item{
        font-size: .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 .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: .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 .5rem .5rem;
        opacity: 0;
        visibility: hidden;
        transition: opacity ease .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: .928rem;
        padding: .5rem 1.5rem;
        text-decoration: none;
        border-bottom: 1px dashed rgba(0,0,0,.05);
        transition: color ease .3s, background-color ease .3s, border ease .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 .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 .3s, color ease .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: .928rem;
        padding: .75rem 1.5rem;
        border-radius: 1.2rem;
        transition: background-color ease .3s, border ease .3s, color ease .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 .3s, border ease .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 .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,.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,.05);
        transition: background-color ease .3s, border ease .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__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 .4rem;
    }

    .programs__link-desc{
        font-size: .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 .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 .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 ------------------------------*/

    .clinic-video__container{
        max-width: 1081px;
    }

    .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%;
    }

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

}