@media (max-width: 479px)
{
    /*-------------------
        Global styles
    -------------------*/

    .wrap{
        margin-top: 75px;
    }

    :root
    {
        --cont_padding: 20px;
        --font_size_title: 26px;
        --font_size_title_s: 22px;
        --block_head_offset: 20px;
        --block_padding_b: 20px;
        --block_padding: 20px;
        --outside_gap: 48px;
        --outside_gap_s: 20px;
        --inner_gap_b: 20px;
    }



    .swiper-button-prev
    {
        left: -20px;
    }

    .swiper-button-next
    {
        right: -20px;
    }



    /*---------------
        Accordion
    ---------------*/
    .accordion_item .head .title
    {
        font-size: var(--font_size_b);
    }



    /*----------------
        Pagination
    ----------------*/
    .pagination a
    {
        width: 40px;
        height: 40px;
    }


    .pagination a.mob_hide
    {
        display: none;
    }


    .pagination .prev
    {
        margin-right: 0;
    }

    .pagination .next
    {
        margin-left: 0;
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        padding-block: 16px;
    }


    .mob_header .logo img
    {
        width: 40px;
        height: 43px;
    }


    .mob_header .logo img + *
    {
        gap: 0;
    }


    .mob_header .logo .name
    {
        font-size: var(--font_size);
    }


    .mob_header .logo .desc
    {
        font-size: 9px;
    }


    .mob_header .langs
    {
        font-size: var(--font_size_s);
    }



    /*---------------
        Page head
    ---------------*/
    .page_head .bottom
    {
        flex-wrap: wrap;

        gap: var(--inner_gap_s);
    }



    /*------------------
        Form elements
    ------------------*/
    .form
    {
        --form_columns_offset: 12px;
        --form_line_offset: 12px;
        --form_input_height: 44px;
    }


    .form .columns > *
    {
        width: calc(100% - var(--form_columns_offset));
    }


    .form .agree
    {
        margin-top: var(--inner_gap_s);
    }



    /*----------------
        Typography
    ----------------*/
    .text_block blockquote
    {
        padding-left: 15px;
    }



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



    /*---------------
        Documents
    ---------------*/
    .documents .category + .category
    {
        padding-top: 32px;
    }



    /*--------------
        Articles
    --------------*/
    .articles .grid_row
    {
        --offset_v: var(--inner_gap_b);
        --count_per_line: 1;
    }



    /*------------
        Prices
    ------------*/
    .prices table td
    {
        display: block;

        padding-bottom: 8px;

        border: none;
    }


    .prices table td + td
    {
        border: none;
    }


    .prices table td.price
    {
        width: 100%;
        padding-top: 0;
        padding-bottom: 12px;

        border-top: none;
        border-bottom: 1px solid var(--border_color);
    }



    /*----------------
        Info block
    ----------------*/
    .info_block .bottom
    {
        flex-wrap: wrap;
    }


    .info_block .btn,
    .info_block .bottom .phone a
    {
        height: 44px;
    }



    /*-----------
        Cases
    -----------*/
    .cases .head
    {
        min-height: 168px;
    }


    .cases .head .title
    {
        font-size: 26px;
    }


    .cases .head .image
    {
        width: 136px;
    }


    .cases .case .features .label
    {
        width: 68px;
    }


    .cases .case .features .val
    {
        width: calc(100% - 80px);
    }


    .cases .case .link
    {
        padding-left: 80px;
    }



    /*-----------
        Certs
    -----------*/
    .certs .grid_row
    {
        --count_per_line: 2;
    }


    .certs .grid_row > *:nth-child(2) ~ *,
    .certs .grid_row.show_all > *:nth-child(3) ~ *
    {
        display: none;
    }


    .certs .grid_row.show_all > *:nth-child(2) ~ *
    {
        display: flex;
    }



    /*------------------
        Service data
    ------------------*/
    .service_data .facts .grid_row
    {
        --count_per_line: 1;
    }



    /*------------------
        Errors facts
    ------------------*/
    .errors_facts .item
    {
        padding-inline: 12px;
    }



    /*------------
        Footer
    ------------*/
    footer .contacts
    {
        width: 100%;
        margin-top: var(--cont_padding_double);
    }
}
