@media print,
(max-width: 1279px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --custom_scroll_width: 5px;
        --custom_scroll_height: 5px;
    }


    .content_flex .content
    {
        width: 100%;
    }



    /*------------
        Header
    ------------*/
    header
    {
        display: none;
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        display: block;
    }



    /*---------------
        Page head
    ---------------*/
    .breadcrumbs
    {
        gap: var(--inner_gap);
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .swiper-slide
    {
        height: 400px;
        padding: var(--cont_padding_double);
    }


    .main_slider .data
    {
        width: 460px;
    }


    .main_slider .link a .icon
    {
        width: 48px;
    }



    /*-------------
        Catalog
    -------------*/
    .catalog .category
    {
        height: 420px;
        padding-block: var(--inner_gap);
        padding-inline: var(--inner_gap);
    }


    .catalog .category .name
    {
        font-size: var(--font_size_title_s);
    }


    .catalog .category .sub
    {
        padding-bottom: 60px;
    }


    .catalog .category .spoler_btn
    {
        pointer-events: auto;
    }


    .catalog .category .spoler_btn .icon
    {
        width: 24px;
    }


    .catalog .category .sub
    {
        padding-inline: var(--inner_gap);

        gap: 4px;
    }


    .catalog .category .sub a
    {
        font-size: var(--font_size_s);
    }


    .catalog .category .sub a span
    {
        max-width: 100%;
    }


    .catalog .category .sub .icon
    {
        display: none;
    }



    /*-------------------
        Modern clinic
    -------------------*/
    .modern_clinic .data
    {
        min-height: 400px;
        padding-inline: var(--cont_padding_double);
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .grid_row
    {
        height: auto !important;
        margin-bottom: calc(var(--gap_y) * -1) !important;
        padding-right: 0;

        --items_per_line: 4;
    }


    .advantages .item
    {
        position: relative;
        top: 0;

        min-height: 0;
        padding: var(--inner_gap);
    }


    .advantages .item .icon
    {
        width: 56px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .data
    {
        top: 122px;

        width: 360px;
        min-height: 480px;
        padding: var(--inner_gap);
    }



    .about_info .images
    {
        width: calc(100% - 384px);
    }


    .about_info .images .image
    {
        height: 480px;
    }



    .about_info .ratings
    {
        width: calc(100% - 384px);
        margin-top: var(--outside_gap_xs);
    }



    .about_info .reviews
    {
        width: calc(100% - 384px);
    }



    /*-------------
        Ratings
    -------------*/
    .ratings .item .val
    {
        font-size: 18px;
    }


    .ratings .item .val .icon
    {
        width: 18px;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews .grid_row
    {
        --items_per_line: 3;
    }


    .reviews .grid_row.inline
    {
        display: grid;
        overflow: auto;

        width: calc(100% + var(--cont_padding_double));
        margin-block: 0;
        margin-inline: calc(var(--cont_padding) * -1);
        padding-inline: var(--cont_padding);

        gap: var(--inner_gap_xs);
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        scroll-padding: 0 var(--cont_padding);
        scroll-snap-type: x mandatory;
        scrollbar-color: transparent transparent;
        scrollbar-width: thin;
    }


    .reviews .grid_row.inline::-webkit-scrollbar
    {
        display: none;

        width: 0;
        height: 0;

        background-color: transparent;
    }


    .reviews .grid_row.inline::-webkit-scrollbar-thumb
    {
        background-color: transparent;
    }


    .reviews .grid_row.inline > *
    {
        width: 315px;
        margin: 0;

        scroll-snap-align: start;
    }


    .reviews .swiper-controls
    {
        margin-top: var(--inner_gap);
    }


    .reviews .swiper-controls .swiper-button-next,
    .reviews .swiper-controls .swiper-button-prev
    {
        --swiper-navigation-size: 52px;
    }



    /*---------------
        Text page
    ---------------*/
    .text_page aside
    {
        display: none;
    }



    /*----------------
        Price list
    ----------------*/
    .price_list
    {
        padding: 0;

        --sidebar_width: 100%;
    }


    .price_list.content_flex .content
    {
        order: 2;

        width: 100%;
    }


    .price_list aside
    {
        order: 1;

        margin-bottom: var(--outside_gap_xs);
        padding-top: 0;
    }



    /*--------------
        Download
    --------------*/
    .download .link
    {
        height: 68px;
    }



    /*------------------
        Action block
    ------------------*/
    .action_block .image
    {
        width: 440px;
    }


    .action_block .info
    {
        width: calc(100% - 440px);
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .grid_row
    {
        --items_per_line: 1;
    }



    /*------------------
        Service info
    ------------------*/
    .service_info .head
    {
        padding: var(--block_padding);
    }


    .service_info .head .data
    {
        width: 540px;
        min-height: calc(460px - var(--outside_gap_xs) * 2);
    }


    .service_info .head .btn
    {
        right: var(--block_padding);
        bottom: var(--block_padding);

        width: 440px;
        min-height: 64px;
    }



    .service_info .content_flex .content
    {
        width: 100%;
    }


    .service_info aside
    {
        display: none;
    }



    /*-----------------
        Doctor info
    -----------------*/
    .doctor_info .col_left
    {
        width: 320px;
    }


    .doctor_info .col_main
    {
        width: calc(100% - 320px - var(--cont_padding));
    }



    .doctor_info .data .divider
    {
        margin-top: 0;
    }


    .doctor_info .data .quote
    {
        margin-top: 0;
        padding-block: var(--inner_gap);
    }



    .doctor_info .education .col
    {
        width: 100%;
    }


    .doctor_info .education .items
    {
        gap: var(--inner_gap);
    }


    .doctor_info .education .divider
    {
        width: 100%;
        height: 1px;
        margin-block: var(--inner_gap_l);
    }



    /*-------------
        Doctors
    -------------*/
    .doctors .grid_row
    {
        --items_per_line: 3;
        --gap_y: var(--inner_gap);
    }


    .doctors .grid_row.inline
    {
        display: grid;
        overflow: auto;

        width: calc(100% + var(--cont_padding_double));
        margin-block: 0;
        margin-inline: calc(var(--cont_padding) * -1);
        padding-inline: var(--cont_padding);

        gap: var(--inner_gap_xs);
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        scroll-padding: 0 var(--cont_padding);
        scroll-snap-type: x mandatory;
        scrollbar-color: transparent transparent;
        scrollbar-width: thin;
    }


    .doctors .grid_row.inline::-webkit-scrollbar
    {
        display: none;

        width: 0;
        height: 0;

        background-color: transparent;
    }


    .doctors .grid_row.inline::-webkit-scrollbar-thumb
    {
        background-color: transparent;
    }


    .doctors .grid_row.inline > *
    {
        width: 315px;
        margin: 0;

        scroll-snap-align: start;
    }



    /*----------------
        About head
    ----------------*/
    .about_head .cont
    {
        min-height: 450px;
        padding-block: 146px var(--inner_gap);
    }


    .about_head .title
    {
        font-size: 180px;
    }



    /*-----------
        Stats
    -----------*/
    .stats .item .val
    {
        font-size: 80px;
    }



    /*----------------
        About data
    ----------------*/
    .about_data .quote .text
    {
        padding-inline: 0;
    }


    .about_data .quote .author
    {
        margin-block: -12px -40px;

        --photo_width: 100px;
    }


    .about_data .quote .image .corner
    {
        width: 412px;
        height: 60px;
    }



    .about_data .description .title
    {
        font-size: var(--font_size_title);
    }


    .about_data .description .title span
    {
        font-size: 80px;
    }



    /*-------------
        History
    -------------*/
    .history
    {
        padding-top: 0;
    }


    .history .block_head
    {
        margin-bottom: -16px;
    }


    .history .block_head .title
    {
        font-size: 124px;
    }


    .history .swiper
    {
        width: 480px;
    }


    .history .item
    {
        width: 360px;
    }


    .history .item .year
    {
        font-size: 80px;
    }


    .history .swiper-slide.active .item .year
    {
        font-size: 100px;
    }


    .history .swiper-slide.active .item .text_wrap
    {
        margin-top: var(--block_padding);
    }


    .history .swiper-controls
    {
        top: 80px;
    }


    .history > .bg
    {
        left: -200px;

        width: 600px;
        margin-left: 0;
    }



    /*----------
        Team
    ----------*/
    .team .data
    {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: column;

        margin-top: 0;

        gap: var(--block_padding);
    }


    .team .info
    {
        width: 400px;
    }


    .team .image
    {
        right: var(--block_padding);
        left: auto;

        width: 480px;
        margin-left: 0;

        transform: none;
    }



    /*-----------
        Certs
    -----------*/
    .certs .other_docs
    {
        width: 244px;
    }


    .certs .row .grid_row
    {
        width: calc(100% - 268px);
    }



    /*---------------
        Vacancies
    ---------------*/
    .vacancies .accordion_item .head
    {
        padding-block: var(--inner_gap_m);

        --icon_size: 28px;
    }


    .vacancies .vacancy .grid_row
    {
        --gap_x: 49px;
    }


    .vacancies .vacancy .grid_row > * + *:before
    {
        left: -25px;
    }



    /*------------
        Footer
    ------------*/
    footer .logo
    {
        width: 100%;
        margin-bottom: var(--block_padding);
    }


    footer .location
    {
        margin-left: 0;
    }


    footer .data .row
    {
        justify-content: space-between;
    }


    footer .data .item.tablet_hide
    {
        display: none;
    }


    footer .col
    {
        margin-left: 0;
    }


    footer .footer_links
    {
        display: none;
    }
}