@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    .form .columns
    {
        --form_columns_offset: 25px;
    }

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



    .text_block h2
    {
        font-size: 17px;
        line-height: 22px;
    }

    .text_block * + h2
    {
        margin-top: 30px;
    }

    .text_block .columns,
    .text_block .contacts
    {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .text_block .columns
    {
        column-gap: 0;
        column-count: 1;
    }


    .text_block .contacts
    {
        font-size: 18px;
        line-height: 22px;

        margin-left: -30px;
    }

    .text_block .contacts > *
    {
        margin-left: 30px;
    }


    .text_block .gallery .flex
    {
        margin-bottom: -10px;
        margin-left: -10px;
    }

    .text_block .gallery .flex > *
    {
        width: calc(33.333% - 10px);
        margin-bottom: 10px;
        margin-left: 10px;
    }



    .block_head
    {
        margin-bottom: 30px;
    }

    .block_head .title
    {
        font-size: 30px;
    }

    .block_head .desc
    {
        font-size: 15px;
        line-height: 21px;
    }

    .block_head .desc .phone,
    .block_head .desc .email
    {
        font-size: 17px;
    }



    /*---------------
        Header
    ---------------*/
    header .cont + .cont
    {
        margin-top: 20px;

        justify-content: center;
    }


    header .menu
    {
        position: absolute;
        z-index: 99;
        top: 100%;
        left: 0;

        display: none;

        width: 100%;
        margin: 0;
        padding: 20px;

        background: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,.3);
    }

    header .menu .item + .item
    {
        margin-top: 4px;
        margin-left: 0;
    }

    header .menu .item > a
    {
        font-size: 14px;

        min-height: 26px;
    }


    header .mob_menu_link
    {
        display: block;
    }


    header .phone
    {
        position: absolute;
        top: 42px;
        right: 75px;
    }

    header .phone a
    {
        font-size: 18px;
    }


    header .callback_link
    {
        margin-left: 0;
    }



    /*---------------
        Sidebar
    ---------------*/



    /*---------------
        Main section
    ---------------*/
    .page_content .data
    {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 30px 20px;
    }


    .page_links .box
    {
        width: 100%;

        text-align: center;
    }

    .page_links .box a
    {
        font-size: 15px;

        width: 50%;
    }

    .page_links .rental_link
    {
        font-size: 15px;

        width: 50%;
        margin-left: 0;

        text-align: center;
    }



    .page_title
    {
        font-size: 24px;
        line-height: 26px;
    }



    .transfer_rent .form .input
    {
        font-size: 15px;
    }

    .transfer_rent .datalist > *
    {
        font-size: 15px;
        line-height: 19px;
    }


    .transfer_rent .list .add_adres_link,
    .transfer_rent .list input[type=checkbox] + label
    {
        font-size: 15px;
    }


    .transfer_rent .list .item .info
    {
        width: calc(100% - 140px);
    }

    .transfer_rent .list .item .name
    {
        font-size: 18px;
        line-height: 22px;
    }

    .transfer_rent .list .item .desc
    {
        line-height: 16px;
    }

    .transfer_rent .list .item .price
    {
        width: auto;
        margin-top: 5px;
        margin-left: 140px;
    }

    .transfer_rent .list .item .order
    {
        margin-top: 5px;
    }

    .transfer_rent .list .item .order_link
    {
        font-size: 16px;
        line-height: 34px;
    }



    .order .adres
    {
        font-size: 18px;
        line-height: 22px;
    }


    .order .car .info
    {
        width: calc(100% - 140px);
    }

    .order .car .name
    {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
    }

    .order .car .desc
    {
        line-height: 16px;
    }

    .order .car .price
    {
        font-size: 20px;
        line-height: 22px;

        width: auto;
        margin-top: 5px;
        margin-left: 140px;
    }


    .order .form .submit
    {
        padding-top: 25px;
    }



    .rent_order .title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .rent_order .cars
    {
        margin-bottom: -15px;
    }

    .rent_order .cars > *
    {
        width: calc(100% - 20px);
    }

    .rent_order .cars input[type=radio] + label
    {
        padding: 20px;
    }

    .rent_order .cars label .name
    {
        font-size: 18px;
        line-height: 22px;
    }



    .cooperation .flex > *
    {
        width: calc(50% - 20px);
    }


    .cooperation .item .name
    {
        font-size: 18px;
        line-height: 23px;
    }



    .accordion .item .title
    {
        font-size: 17px;
    }


    .accordion .item .title:hover,
    .accordion .item.active .title
    {
        font-size: 22px;
    }


    .accordion .item .data .bg
    {
        width: 100%;
        margin: 0;
        padding: 25px 20px;
    }



    .corp_clients .form .input,
    .drivers .form .input
    {
        font-size: 15px;

        height: 40px;
    }



    .first_section .cont
    {
        padding-top: 70px;
        padding-bottom: 50px;
    }


    .first_section .info
    {
        padding: 0;

        text-align: center;
    }

    .first_section .info .title
    {
        font-size: 38px;
    }

    .first_section .info .desc
    {
        font-size: 15px;
        line-height: 21px;
    }


    .first_section .transfer_rent
    {
        width: 100%;
        padding: 20px;
    }


    .first_section .bg
    {
        background-position: 65% 50%;
    }



    .about .item
    {
        font-size: 15px;
        line-height: 21px;
    }

    .about .item .icon,
    .about .item .icon img
    {
        width: 57px;
    }

    .about .item .icon + *
    {
        width: calc(100% - 77px);
    }

    .about .item .name
    {
        font-size: 32px;
    }

    .about .btn a
    {
        font-size: 18px;
    }



    .autopark .flex
    {
        margin-bottom: -30px;
        margin-left: -20px;
    }

    .autopark .flex > *
    {
        width: calc(50% - 20px);
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .autopark .item
    {
        font-size: 15px;
        line-height: 21px;
    }

    .autopark .item .thumb
    {
        height: 120px;
    }

    .autopark .item .name
    {
        font-size: 18px;
    }

    .autopark .item .choose_link
    {
        margin-top: 15px;
        margin-left: 20px;
    }



    .for_whom
    {
        padding-bottom: 60px;
    }

    .for_whom .flex
    {
        margin-bottom: -30px;
        margin-left: -20px;
    }

    .for_whom .flex > *
    {
        width: calc(100% - 20px);
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .for_whom .item .name
    {
        font-size: 18px;
    }

    .for_whom .item .name br
    {
        display: none;
    }

    .for_whom .item .desc
    {
        width: 100%;
    }

    .for_whom .item .link
    {
        margin-top: 15px;
    }


    .for_whom .bg
    {
        display: none;
    }



    .drivers
    {
        padding-top: 160px;
    }

    .drivers .bg
    {
        height: 220px;
    }

    .drivers .bg_purple
    {
        height: calc(100% - 220px);
    }


    .drivers .links
    {
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: -20px;
    }

    .drivers .links > *
    {
        max-width: calc(100% - 20px);
        margin-left: 20px;
    }


    .drivers .text_block
    {
        margin-top: 25px;
    }



    .clients
    {
        padding-top: 160px;
    }

    .clients .bg
    {
        height: 220px;
    }

    .clients .bg_purple
    {
        height: calc(100% - 220px);
    }


    .clients .links
    {
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: -20px;
    }

    .clients .links > *
    {
        max-width: calc(100% - 20px);
        margin-left: 20px;
    }


    .clients .text_block
    {
        margin-top: 25px;
    }



    .corp_clients
    {
        padding-top: 160px;
    }

    .corp_clients .bg
    {
        height: 220px;
    }

    .corp_clients .bg_purple
    {
        height: calc(100% - 220px);
    }


    .corp_clients .links
    {
        margin-top: 7px;
        margin-bottom: 0;
        margin-left: -20px;
    }

    .corp_clients .links > *
    {
        max-width: calc(100% - 20px);
        margin-left: 20px;
    }


    .corp_clients .text_block,
    .corp_clients .form
    {
        margin-top: 25px;
    }



    /*---------------
        Footer
    ---------------*/
    footer .col_left
    {
        width: 100%;
    }

    footer .socials,
    footer .payment
    {
        margin-top: 20px;
    }



    footer .menu
    {
        display: flex;

        width: 100%;
        margin-top: 25px;
        margin-bottom: -5px;

        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    footer .menu > *
    {
        width: calc(50% - 10px);
        margin-bottom: 5px;
    }

    footer .menu > * + *
    {
        margin-top: 0;
    }



    footer .contacts
    {
        margin-top: 25px;
    }

    footer .contacts .city
    {
        width: 100%;
    }

    footer .contacts .city + .city
    {
        margin-top: 20px;
        margin-left: 0;
    }

    footer .contacts .city .name
    {
        font-size: 16px;
    }



    /*---------------
        PopUp
    ---------------*/
}