@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    .block_title
    {
        font-size: 32px;
        line-height: 34px;

        margin-bottom: 30px;
    }

    .block_title div
    {
        padding: 0 20px;
    }



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



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



    /*---------------
        Main section
    ---------------*/
    .map_block
    {
        margin-bottom: 40px;
    }

    .map_block > .info .title
    {
        font-size: 38px;
        line-height: 48px;
    }


    .map_block,
    #map
    {
        height: 400px;
    }



    .business_centre .item.mini
    {
        width: 100%;
    }

    .business_centre .item.mini + .item.mini
    {
        margin-left: 0;
    }



    .text_block h1
    {
        font-size: 32px;
        line-height: 36px;
    }



    .about_block .advantages
    {
        padding: 20px;

        border: 6px solid #ecf5f1;
    }

    .about_block .advantages .title
    {
        font-size: 22px;
        line-height: 22px;

        margin-bottom: 25px;
    }

    .about_block .advantages .grid
    {
        margin-bottom: -30px;
        margin-left: -20px;
    }

    .about_block .advantages .item
    {
        width: calc(50% - 20px);
        margin-bottom: 30px;
        margin-left: 20px;
    }



    .adres_info,
    .object_info
    {
        margin-bottom: 40px;
    }


    .adres_info .text_block,
    .object_info .data
    {
        padding: 20px 20px 1px;
    }

    .object_info .data
    {
        padding: 20px;
    }



    .objects .title
    {
        font-size: 30px;
        line-height: 32px;
    }

    .objects .grid .object
    {
        width: calc(50% - 26px);
    }


    .sorting .item
    {
        width: 100%;
    }

    .sorting .item + .item
    {
        margin-top: 15px;
        margin-left: 0;
    }

    .sorting .item .name
    {
        width: 100px;
    }


    .order_block
    {
        margin-bottom: 40px;
        padding: 20px;

        border-width: 6px;
    }



    .bottom_text
    {
        margin-bottom: 40px;
    }



    .object_services,
    .object_terms
    {
        width: 100%;
        margin-bottom: 20px;
    }



    .form .lines
    {
        margin-left: -15px;
    }

    .form .lines .line,
    .form .lines .line.big
    {
        width: calc(50% - 15px);
        margin-left: 15px;
    }

    .form .forgot_link
    {
        position: relative;
        top: 0;
        left: 0;
    }

    .form .submit
    {
        padding-top: 0;
    }



    /*---------------
        Footer
    ---------------*/
    footer .col.left
    {
        width: 50%;
        margin-bottom: 20px;

        order: 1;
    }


    footer .col.right
    {
        width: 50%;
        margin-bottom: 20px;

        order: 2;
    }


    footer .links
    {
        min-width: 30%;

        order: 3;
    }

    footer .links + .links
    {
        display: block;
    }


    footer .creator
    {
        margin-top: 20px;
    }



    /*---------------
        PopUp
    ---------------*/
    .modal
    {
        padding: 25px;

        border-width: 6px;
    }


    .fancybox-close-small
    {
        width: 40px;
        height: 40px;

        background-position: 50% -8px;
    }

    .fancybox-close-small:hover
    {
        background-position: 50% calc(100% + 8px);
    }
}