@media (max-width: 1023px)
{
    /*-------------------
        Global styles
    -------------------*/
    .buttonUp
    {
        bottom: 15px;
    }

    .buttonUp button
    {
        width: 48px;
        height: 48px;
    }

    .buttonUp button img
    {
        width: 26px;
    }



    /*------------
        Header
    ------------*/
    header .menu
    {
        display: none;
    }


    header .login_link
    {
        font-size: 14px;
        line-height: 17px;

        padding: 12px 30px;

        letter-spacing: 1.16667px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head
    {
        margin-bottom: 40px;
    }

    .block_head .title
    {
        font-size: 32px;
        line-height: 36px;
    }

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

        width: 560px;
    }

    .block_head .link
    {
        margin-top: 30px;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section .cont
    {
        min-height: 487px;
    }


    .first_section .info .title
    {
        font-size: 27px;
        line-height: 40px;
    }

    .first_section .info .desc
    {
        font-size: 19px;
        line-height: 22px;
    }

    .first_section .info .link
    {
        font-size: 14px;

        padding: 12px 46px 11px;
    }


    .first_section .photos
    {
        max-width: calc(100% - 50px);
        max-height: calc(100% - 50px);
    }



    /*------------
        Schema
    ------------*/
    .schema .step .name
    {
        font-size: 22px;
        line-height: 28px;
    }

    .schema .step .desc
    {
        font-size: 13px;
        line-height: 21px;

        margin-top: 15px;
    }

    .schema .step .link
    {
        line-height: 22px;

        margin-top: 15px;
        padding: 11px 30px 12px;
    }


    .schema .step.step1
    {
        width: calc(46.1% - 20px);
    }

    .schema .step.step1:after
    {
        right: -90px;
        bottom: 60px;

        width: 80px;
        height: 20px;
    }


    .schema .step.step2
    {
        width: calc(53.9% - 20px);
    }

    .schema .step.step2:after
    {
        top: calc(100% + 40px);
        right: 150px;

        width: 48px;
        height: 67px;
    }


    .schema .step.step3
    {
        width: 405px;
    }



    /*-----------
        Stats
    -----------*/
    .stats
    {
        padding: 45px 0;
    }

    .stats .row
    {
        margin-left: -60px;
    }

    .stats .row > *
    {
        max-width: calc(33.333% - 60px);
        margin-left: 60px;
    }


    .stats .item .icon
    {
        margin-right: 10px;
    }

    .stats .item .icon img
    {
        max-width: 68px;
    }

    .stats .item .val
    {
        font-size: 33.6958px;
        line-height: 40px;

        letter-spacing: .443366px;
    }



    /*----------------
        Categories
    ----------------*/
    .categories .row > *
    {
        width: calc(50% - 25px);
    }


    .categories .cat
    {
        display: flex;

        padding: 20px;

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

    .categories .cat .icon
    {
        margin: 0;
    }

    .categories .cat .icon + *
    {
        width: calc(100% - 73px);
    }

    .categories .cat .price
    {
        font-size: 15px;
        line-height: 19px;

        margin-top: 5px;
    }



    /*----------------
        Price list
    ----------------*/
    .price_list .tariffs .names + *
    {
        border-left: none;
    }


    .price_list .tariffs .names
    {
        display: none;
    }


    .price_list .tariffs .tafiff
    {
        width: 33.333%;
    }

    .price_list .tariffs .tafiff .name,
    .price_list .tariffs .tafiff > *.buy
    {
        height: auto;
    }


    .price_list .bottom
    {
        font-size: 20px;
        line-height: 22px;

        margin-top: 40px;
    }



    /*------------
        Cities
    ------------*/
    .cities .row
    {
        margin-bottom: -10px;
        margin-left: -10px;
    }

    .cities .row > *
    {
        margin-bottom: 10px;
        margin-left: 10px;
    }


    .cities .city
    {
        font-size: 15px;
        line-height: 19px;

        padding: 10px 16px;
    }


    .cities .bottom
    {
        font-size: 17px;
        line-height: 21px;

        margin-top: 25px;
    }



    /*--------------------
        Call to action
    --------------------*/
    .call_to_action .title
    {
        font-size: 29px;
        line-height: 32px;

        width: 240px;
        max-width: 100%;
    }


    .call_to_action .link
    {
        font-size: 14px;

        width: 280px;
        margin-left: 40px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages
    {
        padding-bottom: 0;
    }


    .advantages .row
    {
        align-items: stretch;
        align-content: stretch;
    }

    .advantages .row > *
    {
        width: calc(50% - 25px);
    }


    .advantages .item:last-child
    {
        display: flex;

        width: calc(100% - 25px);

        text-align: left;

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

    .advantages .item:last-child .icon
    {
        margin: 0;
    }

    .advantages .item:last-child .icon + *
    {
        width: calc(100% - 112px);

        align-self: center;
    }

    .advantages .item .desc
    {
        margin-top: 10px;
    }



    /*------------------------
        Personal assistant
    ------------------------*/
    .personal_assistant
    {
        display: none;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews .review .text
    {
        font-size: 20px;
        line-height: 32px;

        padding-top: 75px;
    }

    .reviews .review .author .name
    {
        font-size: 20px;
        line-height: 22px;
    }

    .reviews .review .author .post
    {
        font-size: 17px;
        line-height: 19px;

        margin-top: 3px;
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        padding: 40px 0;
    }


    footer .copyright
    {
        width: 100%;
        margin-top: 15px;

        text-align: left;

        order: 3;
    }
}