@media screen and (max-width: 1024px) {
    .hede,
    .telo,
    .main,
    .dofuter,
    .shown .hede,
    .osnova,
    .levo,
    .variant,
    .dsfsf,
    .dopoln,
    .osna,
    .kvarta,
    .tarif,
    .comment{
        
        width: 100%;
        box-sizing: border-box;
    }
    .dofuter {
        padding: 20px;
    }
    #rc-connect {
        position: fixed !important;
        bottom: 0px;
        right: 0px;
        z-index: 2;
    }
    .lev,
    .pravo {
        position: absolute;
        right: -370px;
        z-index: 999999;
        height: auto;
        box-shadow: none;
        border-radius: 5px;
        border: 1px solid #95bb58;
        background: #fafafa;
        width: 307px;
        transition: 1s;
    }
    .lev.left,
    .pravo.left {
        right: 20px;
    }
    .prav {
        width: 100%;
        padding-right: 25px;
    }
    .levo {
        padding: 20px 25px;
    }
    .filtr,
    .kvartira {
        width: 100%;
        box-sizing: border-box;
    }
    #side-arrow {
        display: block;
    }
    body .uptl_container-fixed-right {
        right: 0px !important;
    }
    .maps {
        width: 100% !important;
        box-sizing: border-box;
    }
    .osna .osn {
        -moz-column-count: 3;
        /* Для Firefox */
        -webkit-column-count: 3;
        /* Для Safari и Chrome */
        column-count: 3;
    }
}

@media screen and (max-width: 959px) {
    .heder a,
    .heder .telef,
    .heder .dop_tel {
        display: block;
        margin: 0px auto;
        text-align: center;
        float: none;
        margin-bottom: 15px;
    }
    .heder .dop_tel {
        margin-bottom: 0px;
    }
    .heder {
        height: auto;
        background-size: cover;
        padding: 20px 0px;
    }
    .dop_tel a {
        border-bottom: none;
    }
}

@media screen and (max-width: 780px) {
    .osna .osn {
        -moz-column-count: 2;
        /* Для Firefox */
        -webkit-column-count: 2;
        /* Для Safari и Chrome */
        column-count: 2;
    }
}

@media screen and (max-width: 720px) {
    .type-kv ul li {
        width: 50%;
        padding: 14px 14px;
    }
    #vk_comments {
        display: none;
    }
    .kvart,
    .diafilm,
    .diaf,
    .dia {
        width: 100%;
        height: auto;
        float: none;
        box-sizing: border-box;
    }
    .kvart > a img {
        width: 100%;
        height: 100%;
    }
    .kn_up,
    .kn_do {
        display: none;
    }
    .dia a {
        float: left;
        width: 25%;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .tar {
        width: auto;
        height: auto;
        box-sizing: border-box;
    }
    .tar ul {
        list-style: none;
        width: auto;
    }
    .tar h4 {
        line-height: 100%;
    }
}

@media screen and (max-width: 640px) {
    .filtr {
        height: auto;
        background: #fafafa;
        text-align: center;
    }
    .filtr span {
        float: none;
        line-height: 30px;
    }
    .knop {
        float: none;
    }
    .prav h1 {
        text-align: center;
    }
    .kvartira {
        padding: 14px;
        text-align: center;
    }
    .kvartira img {
        position: relative;
        left: 0px;
        top: 0px;
        border: 0;
        margin: 0px auto;
        margin-bottom: 15px;
    }
    .kvartira span {
        display: none;
    }
    .cena {
        margin: 21px auto 0px;
    }
    .dia a {
        width: 33.33%;
    }
}

@media screen and (max-width: 700px) {
    .tar {
        float: none;
        display: table;
        margin: 0px auto;
        margin-bottom: 10px;
    }
    .call-back {
        display: table;
        margin: 0px auto;
        float: none;
    }
    .tarif {
         height: auto; 
        margin: 20px 0 0px;
    }
}

@media screen and (max-width: 480px) {
    .osna .osn {
        -moz-column-count: 1;
        /* Для Firefox */
        -webkit-column-count: 1;
        /* Для Safari и Chrome */
        column-count: 1;
    }
    .dia a {
        width: 50%;
    }
    .pop-up input, .pop-up textarea {
        width: 100%;
        box-sizing: border-box;
    }
	.call-back-form {
	  max-height: 230px;
	  overflow: scroll;
	}
	.call-back-pop {
	  margin: -225px 0 0 -160px;
	  width: 279px;
	}
	.uptl_container {
		display:none;
	}
	.heder .telef {
		display:none;
	}
}

@media screen and (max-width: 440px) {
    .telef img {
        max-width: 100%;
    }
    .type-kv ul li {
        width: 100%;
    }
    .dop_tel {
        width: 100%;
    }
    .lev {
        width: 288px;
        padding: 10px 2px;
    }
    div#jivo-iframe-container {
        bottom: -50px !important;
    }
    
    .pravo {
        box-sizing: border-box;
         padding: 15px; 
        width: 280px;
    }
    .tar h4 {
        display: none;
    }
}