@media (max-width: 479px)
{
    :root
    {
        --outside_gap: 50px;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section .cont
    {
        padding-block: 108px var(--inner_gap);
    }


    .first_section .title
    {
        text-align: center;
    }


    .first_section .person .info
    {
        min-height: 177px;
    }



    /*-----------
        Steps
    -----------*/
    .steps .grid_row
    {
        --offset_v: var(--inner_gap_s);
        --count_per_line: 1;
    }


    .steps .item
    {
        min-height: 0;
    }



    /*-----------
        Cases
    -----------*/
    .cases .likes
    {
        width: 100%;
    }



    .cases .case
    {
        position: relative;

        padding-bottom: 80px;
    }


    .cases .case .col_left
    {
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;

        width: 100%;
        margin-bottom: var(--cont_padding);
    }


    .cases .case .thumb
    {
        width: 72px;
    }


    .cases .case .number
    {
        order: 2;

        width: calc(100% - 92px);

        text-align: left;
    }


    .cases .case .fancy_btn
    {
        position: absolute;
        right: 0;
        bottom: var(--cont_padding);
        left: 0;

        width: calc(100% - var(--cont_padding_double));
        margin-inline: auto;
    }


    .cases .case .data
    {
        width: 100%;
    }


    .cases .case .name
    {
        margin-bottom: -8px;
    }



    /*------------
        Footer
    ------------*/
    footer .logo,
    footer .info,
    footer .links,
    footer .contacts
    {
        width: 100%;
    }


    footer .logo
    {
        text-align: center;
    }


    footer .logo img
    {
        margin-inline: auto;
    }


    footer .info,
    footer .info .items
    {
        align-items: center;

        text-align: center;
    }



    footer .links
    {
        margin-bottom: 40px;
    }


    footer .links,
    footer .links .items
    {
        align-items: center;

        text-align: center;
    }


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


    footer .contacts .phone,
    footer .contacts .location,
    footer .contacts .email
    {
        width: 224px;
        max-width: 100%;
        margin-inline: auto;
    }
}