@media print,
(max-width: 1023px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size_xl: 18px;
        --font_size_l: 16px;
        --font_size: 14px;
        --font_size_m: 13px;
        --font_size_s: 12px;
        --font_size_title_xl: 48px;
        --font_size_title_l: 38px;
        --font_size_title: 28px;
        --font_size_title_m: 26px;
        --font_size_title_s: 24px;
        --font_size_title_xs: 22px;
        --font_size_title_xxs: 20px;
        --outside_gap: 80px;
        --outside_gap_m: 68px;
        --outside_gap_s: 60px;
        --outside_gap_xs: 40px;
    }



    /*---------------
        Page head
    ---------------*/
    .breadcrumbs
    {
        font-size: var(--font_size_s);

        gap: var(--inner_gap_s);
    }


    .breadcrumbs .sep
    {
        width: 16px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .title.alignright
    {
        margin-left: 0;

        text-align: left;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block ul > li,
    .text_block ol > li
    {
        padding-left: 32px;
    }



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


    .main_slider .data
    {
        width: 300px;
    }


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



    /*-------------
        Catalog
    -------------*/
    .catalog .grid_row
    {
        --items_per_line: 2;
    }


    .catalog .category
    {
        height: 408px;
    }



    /*-------------------
        Modern clinic
    -------------------*/
    .modern_clinic .data
    {
        min-height: 340px;
        padding-block: var(--outside_gap_xs) 160px;
        padding-inline: var(--block_padding);
    }


    .modern_clinic .title
    {
        width: 420px;
    }


    .modern_clinic .desc
    {
        width: 356px;
    }



    .modern_clinic .advantages
    {
        margin-top: -120px;
        padding-inline: var(--block_padding);
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .grid_row
    {
        align-content: stretch;
        align-items: stretch;

        --items_per_line: 2;
    }


    .advantages .item:nth-child(2),
    .advantages .item:nth-child(3),
    .advantages .item:nth-child(4),
    .advantages .item:nth-child(5)
    {
        margin-top: 0;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .data
    {
        position: relative;
        top: 0;

        width: 100%;
        min-height: 0;
    }



    .about_info .images
    {
        width: 100%;
        margin-top: var(--outside_gap_xs);
    }


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


    .about_info .ratings
    {
        width: 100%;
    }


    .about_info .reviews
    {
        width: 100%;
    }



    /*----------------
        Price list
    ----------------*/
    .price_list .item .name
    {
        width: calc(100% - 200px - var(--inner_gap));
    }


    .price_list .item .price
    {
        width: 200px;
    }



    /*------------------
        Action block
    ------------------*/
    .action_block .image
    {
        position: relative;

        width: 100%;
        height: auto;
    }


    .action_block .image:before
    {
        position: absolute;
        inset: 0;

        display: block;

        content: '';

        background: linear-gradient(0deg, rgba(181, 149, 100, .00) 76.14%, #b59564 100%);
    }


    .action_block .info
    {
        width: 100%;
    }


    .action_block .phone
    {
        font-size: 34px;
    }


    .action_block .btn
    {
        position: absolute;
        right: 0;
        bottom: var(--inner_gap);
        left: 0;

        width: calc(100% - var(--inner_gap) * 2);
        margin-block: 0;
        margin-inline: auto;

        z-index: 5;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .data
    {
        padding: var(--inner_gap_m);
    }


    .contacts_info .work_time
    {
        margin-top: var(--inner_gap_s);
    }


    .contacts_info .data .divider,
    .contacts_info .phone
    {
        margin-top: var(--inner_gap);
    }



    .contacts_info .info
    {
        padding: var(--inner_gap_m);

        gap: var(--inner_gap_m);
    }



    /*-----------------------
        Legal information
    -----------------------*/
    .legal_information .items > *
    {
        --val_width: 224px;
    }



    /*------------------
        Service info
    ------------------*/
    .service_info .head .data
    {
        width: 428px;
        min-height: calc(400px - var(--outside_gap_xs) * 2);
    }


    .service_info .head .btn
    {
        width: 400px;
    }



    /*-----------------
        Page author
    -----------------*/
    .page_author .person
    {
        gap: var(--inner_gap_m);
        --photo_width: 148px;
    }


    .page_author .person .photo + *
    {
        width: calc(100% - var(--photo_width) - var(--inner_gap_m));
    }


    .page_author .person .experience
    {
        margin-top: 0;
    }



    /*-----------------
        Doctor info
    -----------------*/
    .doctor_info .col_left
    {
        width: 100%;
        margin-bottom: var(--cont_padding);
    }


    .doctor_info .col_main
    {
        width: 100%;
    }



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



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


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



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



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


    .about_data .quote .author
    {
        flex-direction: column;

        margin-block: -12px var(--inner_gap_l);
        margin-inline: auto;

        text-align: center;

        gap: var(--inner_gap_s);
    }


    .about_data .quote .image .corner
    {
        display: none;
    }



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



    /*-------------
        History
    -------------*/
    .history .block_head
    {
        margin-bottom: 0;
    }


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


    .history .item
    {
        width: 100%;
    }


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


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


    .history .swiper-controls
    {
        top: 68px;

        width: calc(100% + 160px);
    }


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


    .history > .bg
    {
        display: none;
    }



    /*----------
        Team
    ----------*/
    .team .data
    {
        padding-block: var(--outside_gap_xs) 360px;
        padding-inline: var(--block_padding);
    }


    .team .info
    {
        width: 100%;
    }


    .team .link
    {
        position: absolute;
        right: 0;
        bottom: var(--inner_gap);
        left: 0;

        width: 280px;
        max-width: calc(100% - var(--inner_gap) * 2);
        margin-inline: auto;

        z-index: 5;
    }


    .team .link a
    {
        width: 100%;
    }


    .team .image
    {
        right: auto;
        left: 50%;

        transform: translateX(-50%);
    }



    /*-----------
        Certs
    -----------*/
    .certs .other_docs
    {
        order: 2;

        width: 100%;
        margin-top: var(--block_padding);
    }


    .certs .row .grid_row
    {
        width: 100%;
    }



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

        --icon_size: 24px;
    }


    .vacancies .vacancy .text_block
    {
        margin-bottom: 0;
    }


    .vacancies .vacancy .grid_row
    {
        --items_per_line: 1;
        --gap_x: var(--zero_px);
        --gap_y: 49px;
    }


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

        width: 100%;
        height: 1px;
    }


    .vacancies .vacancy .salary
    {
        width: 100%;
        height: auto;
        padding-block: var(--inner_gap_s);
        padding-inline: var(--inner_gap);
    }


    .vacancies .vacancy .btn
    {
        width: 100%;
        height: 68px;
    }



    /*-------------
        Doctors
    -------------*/
    .doctors .grid_row
    {
        --items_per_line: 2;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews .block_head
    {
        padding-bottom: 0;
    }


    .reviews .grid_row
    {
        --items_per_line: 2;
    }



    /*-------------
        Ratings
    -------------*/
    .ratings .item .logo
    {
        height: 120px;
    }



    /*------------
        Footer
    ------------*/
    footer .contacts .work_time br
    {
        display: none;
    }


    footer .btns
    {
        width: 100%;
        margin-top: var(--inner_gap_xl);

        gap: 12px;
    }


    footer .order_btn
    {
        width: calc(100% - 192px);
    }


    footer .col
    {
        width: 100%;
    }


    footer .payments .title
    {
        text-align: center;
    }


    footer .payments .logos
    {
        justify-content: center;
    }


    footer .creator a
    {
        margin-inline: auto;
    }
}