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



    /*------------
        Header
    ------------*/



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



    /*-------------------
        First section
    -------------------*/
    .first_section .info .title
    {
        padding: 0 20px;
    }

    .first_section .info .desc
    {
        font-size: 18px;
        line-height: 24px;

        width: 280px;
        margin: 20px auto 0;
    }


    .first_section .photos
    {
        display: none;
    }



    /*------------
        Schema
    ------------*/
    .schema
    {
        padding: 55px 0;
    }


    .schema .step.step1,
    .schema .step.step2,
    .schema .step.step3
    {
        width: 100%;
    }


    .schema .step.step1:after
    {
        top: calc(100% - 10px);
        right: 0;

        transform: rotate(110deg);
    }

    .schema .step.step2:after
    {
        top: calc(100% - 20px);
        right: 0;
    }


    .schema .step .desc
    {
        width: 320px;
        max-width: 100%;
        margin-top: 10px;
    }



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


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

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


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

    .stats .item .val
    {
        font-size: 30px;
        line-height: 34px;
    }

    .stats .item .name
    {
        font-size: 16px;
        line-height: 20px;
    }



    /*----------------
        Categories
    ----------------*/
    .categories
    {
        padding: 55px 0;
    }


    .categories .row
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .categories .row > *
    {
        width: calc(100% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }



    /*----------------
        Price list
    ----------------*/
    .price_list
    {
        padding: 55px 0;
    }


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

    .price_list .tariffs .tafiff:last-child
    {
        width: 100%;
        margin-top: 25px;

        border: none;
    }


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

        margin-top: 35px;
    }



    /*------------
        Cities
    ------------*/
    .cities
    {
        padding: 55px 0;
    }


    .cities .row
    {
        margin-bottom: -8px;
        margin-left: -8px;
    }

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


    .cities .city
    {
        font-size: 14px;
        line-height: 18px;

        padding: 10px 13px;
    }



    /*--------------------
        Call to action
    --------------------*/
    .call_to_action .title
    {
        width: 100%;

        text-align: center;
    }

    .call_to_action .link
    {
        line-height: 26px;

        margin-top: 20px;
        margin-left: 0;
    }



    /*-----------------
        Current bid
    -----------------*/
    .current_bid
    {
        padding-top: 55px;
    }


    .current_bid .item .thumb
    {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding-bottom: 100%;
    }

    .current_bid .item .thumb + .info
    {
        width: 100%;
        padding: 0;
    }



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


    .advantages .row
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .advantages .row > *
    {
        width: calc(100% - 25px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .advantages .item:last-child
    {
        text-align: center;
    }

    .advantages .item .icon,
    .advantages .item:last-child .icon
    {
        margin: 0 auto 20px;
    }

    .advantages .item:last-child .icon + *
    {
        width: 100%;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews
    {
        padding: 55px 0;
    }


    .reviews .block_head
    {
        margin-bottom: 40px;
    }


    .reviews .slider
    {
        padding: 0 30px;
    }


    .reviews .review .text
    {
        font-size: 18px;
        line-height: 30px;

        padding-right: 20px;
        padding-left: 20px;
    }


    .reviews .review .author
    {
        margin-top: 20px;
    }

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

    .reviews .review .author .post
    {
        font-size: 16px;
        line-height: 20px;
    }



    /*------------
        Footer
    ------------*/
}