@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    :root
    {
        --font_size: 14px;
        --font_size_title: 26px;
    }

    #container {
		min-height: 450px;
	}

    .block
    {
        margin-bottom: 50px;
    }

    .block.bg
    {
        padding: 50px 0;
    }


    .block_head
    {
        margin-bottom: 25px;
    }

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

    .block_head .desc
    {
        font-size: 14px;
        line-height: 18px;
    }

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



    .form .field.phone .code
    {
        width: 80px;
    }

    .form .field.phone .number
    {
        width: calc(100% - 90px);
    }

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

        height: 50px;
    }



    .owl-carousel .owl-nav button
    {
        top: 0;
        bottom: auto;
    }


    .owl-dots
    {
        width: 12px;
    }

    .owl-dot
    {
        width: 12px;
        height: 12px;
    }

    .owl-dot + .owl-dot
    {
        margin-top: 14px;
    }



    /*---------------
        Header
    ---------------*/
    header
    {
        padding: 20px 0;
    }



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



    /*---------------
        Main section
    ---------------*/
    .main_slider .slide .cont
    {
        padding-top: 150px;
        padding-bottom: 300px;
    }

    .main_slider .slide .title
    {
        font-size: 32px;
        line-height: 40px;
    }

    .main_slider .slide .title:before
    {
        top: -30px;

        width: 290px;
        height: 230px;
    }

    .main_slider .slide .title .corner1
    {
        top: -23px;
    }

    .main_slider .slide .title .corner2
    {
        bottom: -23px;
    }

    .main_slider .slide .link
    {
        line-height: 52px;

        width: 280px;
        height: 50px;
        margin-top: 60px;
        padding: 0 25px;
    }


    .main_slider .pluses
    {
        font-size: 12px;
        line-height: 16px;

        bottom: 50px;
    }

    .main_slider .pluses .item
    {
        width: calc(33.333% - 20px);
    }

    .main_slider .pluses .icon
    {
        height: 40px;
    }



    .exterior .block_head .desc
    {
        width: 100%;
        margin-top: 7px;
    }

    .exterior .block_head .link
    {
        margin-top: 20px;
        margin-left: 0;
    }



    .interior
    {
        padding-bottom: 0;
    }

    .interior .info
    {
        position: relative;
        right: 0;
        bottom: 0;

        width: 100%;
        height: auto;
        margin-bottom: 30px;
        padding: 0;

        background: none;
    }

    .interior .block_head .title br
    {
        display: none;
    }

    .interior .block_head .desc
    {
        width: 100%;
        margin-top: 7px;
    }

    .interior .info .count
    {
        display: none;
    }

    .interior .info .link
    {
        position: relative;
        left: 0;
    }

    .interior .slide .name
    {
        font-size: 18px;
        line-height: 22px;

        bottom: 20px;
        left: 25px;
    }



    .floor_plan .block_head
    {
        text-align: center;

        justify-content: center;
    }


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

    .floor_plan .item .name
    {
        font-size: 52px;
        line-height: 60px;

        text-align: center;
    }

    .floor_plan .item .img:before,
    .floor_plan .item:nth-child(2n) .img:before
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        margin: auto;
    }


    .floor_plan .item:nth-child(2n)
    {
        margin-top: 0;
    }

    .floor_plan .item:nth-child(2n) .name
    {
        margin-top: 0;
        margin-bottom: 20px;

        order: 0;
    }


    .floor_plan .item .link
    {
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
    }



    .tour_3d .block_head .desc
    {
        margin-top: 7px;
    }



    .location .info .pluses > *
    {
        width: calc(50% - 20px);
    }


    .location .map_wrap
    {
        min-height: 400px;
    }



    .important_know:before
    {
        display: none;
    }

    .important_know .block_head .icon
    {
        width: 50px;
        margin-left: 20px;
    }

    .important_know .item
    {
        font-size: 13px;
        line-height: 18px;
    }

    .important_know .item .icon
    {
        width: 50px;
    }

    .important_know .item .icon img
    {
        max-height: 55px;
    }

    .important_know .item .name
    {
        width: calc(100% - 65px);
    }



    .grid_lines
    {
        display: none;
    }



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


    footer .bottom .cont.flex
    {
        text-align: center;

        justify-content: center;
    }


    footer .timatalo
    {
        margin-bottom: 30px;
    }

    footer .timatalo img
    {
        height: 30px;
    }


    footer .data
    {
        padding: 20px 20px 0;
    }

    footer .data:before
    {
        display: none;
    }


    footer .block_head
    {
        flex-wrap: wrap;
    }

    footer .block_head .desc
    {
        margin-top: 10px;
        margin-left: 0;
    }



    footer .stats .flex
    {
        align-items: flex-start;
        align-content: flex-start;
    }

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

    footer .stats .item
    {
        display: block;

        text-align: center;
    }

    footer .stats .icon
    {
        margin: 0 auto 10px;
    }

    footer .stats .name
    {
        width: 100%;
        margin-left: 0;
    }

    footer .stats .name br
    {
        display: none;
    }



    footer .has_question
    {
        width: calc(100% + 40px);
        margin: 25px -20px 0;
        padding: 30px 20px;

        text-align: center;

        justify-content: center;
    }

    footer .has_question .info
    {
        width: 100%;
        margin-bottom: 20px;
    }

    footer .has_question .title
    {
        font-size: 28px;
        line-height: 32px;

        margin-bottom: 7px;
    }

    footer .has_question .desc
    {
        font-size: 16px;
        line-height: 22px;
    }



    footer .creator
    {
        width: 100%;
        margin-top: 10px;

        text-align: center;
    }



    /*---------------
        PopUp
    ---------------*/
    .fancybox-slide--html
    {
        padding: 20px;
    }

    .fancybox-slide--html .fancybox-close-small
    {
        width: 40px;
        height: 40px;
        padding: 5px;
    }



    .modal
    {
        padding: 30px 45px 35px;
    }

    .modal_title
    {
        font-size: 23px;
        line-height: 27px;
    }

    .modal_desc
    {
        font-size: 13px;
        line-height: 17px;
    }
}