@media (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --cont_padding: 20px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .columns > *.width1of4,
    .form .columns > *.width3of4
    {
        width: calc(50% - var(--form_columns_offset));
    }



    /*------------
        Header
    ------------*/
    header .langs .mini_modal
    {
        min-width: 100px;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section
    {
        padding-block: 60px 48px;
    }


    .first_section .title
    {
        font-size: 80px;
    }


    .first_section .desc
    {
        width: 100%;
    }



    /*--------------------
        Second section
    --------------------*/
    .second_section
    {
        padding-block: 124px 68px;
    }


    .second_section .title
    {
        width: 335px;
    }


    .second_section .btns
    {
        flex-direction: column;

        margin-top: var(--cont_padding_double);

        gap: 22px;
    }



    /*--------------
        Workflow
    --------------*/
    .workflow .block_head
    {
        margin-bottom: var(--cont_padding_double);
    }


    .workflow .row
    {
        margin-left: 0;
    }


    .workflow .row > *
    {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }



    /*-----------------
        Application
    -----------------*/
    .application .block_head
    {
        margin-bottom: var(--cont_padding_double);
    }



    /*-----------
        Modal
    -----------*/
    .modal .data
    {
        width: 100%;
        padding-inline: var(--cont_padding_double);
    }


    .modal .title
    {
        font-size: 20px;
    }
}