@media (max-width:700px) { 
    



    .menu div.menu-mobile {
        width: 50px;
		height: 50px;
        background: url(img/mobile_open.svg) no-repeat center center;
        background-size: contain;
        cursor: pointer;
        float: right;
        display: block;
        margin-top: 13px;
        margin-right: 20px;
    }

    .menu div.menu-mobile.close {
        position: absolute;
		top: 13px;
        right: 20px;
        z-index: 210;
        background: url(img/mobile_close.svg) no-repeat center center;
        width: 50px;
		height: 50px;
		margin-top: 0px;
		margin-right: 0px;
    }

    .menu ul.show {
        display: block;
    }

    .menu ul {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100vh;
        background-color: #FFFFFF;
        z-index: 200;
        display: none;
    }

    .menu ul li {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 0px;
		margin-top: 90px;
    }

    .menu ul li a {
        margin-left: 0px;
        color: #27272F;
        font-size: 40px;
        line-height: 20px;
        padding-left: 0px;
    }

    .menu ul li a:hover, .menu ul li a.a {
        color: #596E89;
        border-bottom: 0px;
    }





    
    body, html {
        font-size: 20px;
    }

    
    .box {
        width: 690px;
    }
    
    .menu h1 a {
        height: 60px;
        margin-top: 10px;
    }

    .menu ul li a.social {
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
      }
    
    .cards .card {
        width: 100%;
    }

    .galh, .galh .slider-for .slick-slide {
        height: 50vh;
    }

    .galh .slider-nav {display: none;}

    .contact form {
        width: 690px;

    }

    .contact form input {
        width: 42%;
    }

    .contact form textarea {
        width: 92%;
    }

    

    .cont .offer tr td {
        padding: 13px 8px 13px 8px;
    }

    .cont .offer {
        font-size: 13px;
    }

    .offer-detail img:nth-child(2) {
        width: 100%;
    }

    .maps {
        width: 680px !important;
        margin: 0px 10px 0px 10px;
        overflow: hidden;
    }


    .foot .phone, .foot .mail, .foot .fb {
        width: 80%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .foot .l, .foot .r {
        width: 50%;
    }

    .cont .ref h3 {
        font-size: 40px;
    }

    .cont .ref .list .img {
        width: 100%;
    }

    .cont .ref .list .descr {
        width: 100%;
        padding: 2% 2% 2% 2%;
        height: auto;
        line-height: inherit;
    }

    .cont .ref .detail .l, .cont .ref .detail .r { 
        width: 100%;
    }


    .cont.project .l, .cont.project .r {
        width: 100%;
    }


}