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


    .block
    {
        margin-bottom: 60px;
    }

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


    .block_head
    {
        margin-bottom: 30px;
    }

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

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

    .block_head .link
    {
        width: 240px;
        height: 40px;
        margin-top: 25px;
    }



    .owl-carousel .owl-nav button
    {
        bottom: 220px;

        width: 60px;
        height: 60px;

        background-size: auto 27px;
    }

    .owl-carousel .owl-nav button.owl-next
    {
        right: -74px;
    }



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



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



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


    .main_slider .pluses
    {
        bottom: 60px;
    }

    .main_slider .pluses .flex
    {
        justify-content: center;
    }

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



    .exterior .block_head
    {
        width: 100%;
        margin-bottom: 35px;
        padding: 0;
    }

    .exterior .block_head .title
    {
        width: 100%;
    }

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

    .exterior .block_head .desc
    {
        margin-top: 0;
    }

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


    .exterior .slider_wrap
    {
        width: 100%;
        padding: 0 30px;
    }

    .exterior .slider_wrap:before
    {
        display: none;
    }

    .exterior .slide .name
    {
        font-size: 15px;
        line-height: 19px;
    }

    .exterior .slide .thumb a:before
    {
        bottom: 30px;
        left: -30px;

        width: 60px;
        height: 60px;
    }



    .interior
    {
        padding-bottom: 30px;
    }

    .interior .slider_wrap
    {
        width: calc(100% - 74px);
    }

    .interior .slide .name
    {
        font-size: 20px;
        line-height: 24px;

        bottom: 25px;
        left: 30px;
    }


    .interior .info
    {
        right: 0;

        width: 300px;
        height: 220px;
        padding: 30px 40px;
    }

    .interior .info .link
    {
        line-height: 52px;

        width: 230px;
        height: 50px;
        padding: 0 25px;
    }



    .floor_plan .flex
    {
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin-bottom: -30px;
        margin-left: -30px;
    }

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


    .floor_plan .item .name
    {
        font-size: 62px;
        line-height: 70px;
    }

    .floor_plan .item .img:before
    {
        right: -30px;

        width: 60px;
        height: 60px;
    }

    .floor_plan .item:nth-child(2n) .img:before
    {
        right: 60px;
        bottom: 35px;
    }



    .tour_3d
    {
        padding-bottom: 0;
    }

    .tour_3d .bottom
    {
        /*position: relative;*/

        width: calc(100% + 20px);
        margin-right: -20px;
    }

    .tour_3d .block_head
    {
        padding: 20px;

        border-right-width: 20px;
    }

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



    .location .map_wrap
    {
        width: 100%;
        min-height: 450px;

        order: 3;
    }

    .location .map_wrap .map
    {
        right: -20px;

        width: 100vw;
    }


    .location .info
    {
        width: 100%;
        padding: 40px 0;
    }

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

    .location .info .pluses .item
    {
        font-size: 13px;
        line-height: 17px;
    }



    .important_know
    {
        padding: 50px 0 60px !important;
    }

    .important_know .block_head .icon
    {
        width: 65px;
    }

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

    .important_know .flex:before
    {
        bottom: 5px;
    }

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



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


    footer .bottom
    {
        font-size: 13px;
        line-height: 18px;

        margin-top: 20px;
    }


    footer .timatalo img
    {
        height: 32px;
    }


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

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


    footer .stats .flex
    {
        justify-content: flex-start;
    }

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

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

    footer .stats .icon
    {
        font-size: 18px;
        line-height: 20px;

        width: 50px;
        height: 50px;
    }

    footer .stats .name
    {
        width: calc(100% - 65px);
        margin-left: 15px;
    }



    footer .has_question
    {
        width: calc(100% + 60px);
        margin: 30px -30px 0;
        padding: 30px;
    }

    footer .has_question .info
    {
        width: calc(100% - 310px);
    }

    footer .has_question .title
    {
        font-size: 30px;
        line-height: 34px;

        margin-bottom: 5px;
    }

    footer .has_question .desc
    {
        font-size: 18px;
        line-height: 24px;
    }

    footer .has_question .link
    {
        line-height: 52px;

        width: 280px;
        height: 50px;
        padding: 0 25px;
    }


    footer .feedback_link
    {
        font-size: 13px;
        line-height: 18px;

        margin-left: auto;
    }



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

    .fancybox-slide--html .fancybox-close-small
    {
        width: 45px;
        height: 45px;
    }


    .modal
    {
        width: 520px;
    }
}