@media(min-width: 768px) and (max-width: 1024px){

    .menu {
        width: 54%;
    }

    .menu{
        height: 0%;
        width: 54%;
        position: absolute;
    }

    .karta{
        height: 100%;
        z-index: 1;
        transition: 1s;
        width: 100%;
    }

    .investory ,.zapros ,.dialog ,.kontakti {
        width: inherit;
        height: 0vh;
        position: absolute;
    }

    .investory_o, .zapros_o, .dialog_o, .kontakti_o{
        height: 100%;
    }

    .goglemob, .apstoremob {
        height: 5vh;
        margin: 0 2px;
    }

    .menubutimg {
        height: 35px;
    }

    .mobtextlog{
        font-size: 1.5rem;
    }

    .zapros_o ,.kontakti_o{
        z-index: 1001;
    }

    .form-controlas, .form-controlass{
        width: 88vw;
    }

    .shapka_i ,.shapka_z ,.shapka_d{
        height: 7%;
    }

    .shapka_k{
        height: 17%;
    }

    .content_i ,.content_z ,.content_d{
        height: 93%;
    }

    .content_k{
        height: 83%;
    }

    .zapros, .investory, .kontakti{
        top:7vh;
    }

    .dialog_o{
        top:22vh;
        right:0;
        height: 66vh;
        width: 70%;
    }

    .kontakti_o{
        right:0;
        height: 36vh;
        width: 50%;
    }

    .dialog .footer_d{
        display:none;
    }

    .dialog_o .footer_d{
        height: 7.45%;
        display:flex;
    }

}

@media(min-width: 1px) and (max-width: 767px){

    .menu {
        height: 0%;
        width: 100%;
        transition: 0.01s;
        z-index: 2;
        position: absolute;
    }

    .men{
        width:100%;
    }

    .karta{
        height: 100%;
        z-index: 1;
        transition: 1s;
        width: 100%;
    }

    .goglemob, .apstoremob{
        height: 13.5vw;
        margin:0 2px;
    }

    .menubutimg {
        height: 20px;
    }

    .filtr_font, .link_menu, .fa-search {
        font-size: 1.1rem;
    }

    .ssul, .link_podmenu{
        font-size: 1rem;
    }

    .submenuha{
        font-size: 0.95rem;
    }

    .investory ,.zapros ,.dialog ,.kontakti {
        width: inherit;
        height: 0vh;
        top:7vh;
        position: absolute;
    }

    .zapros_o{
	    height: 86%;
		z-index:6;
		position:absolute;
	}

    .investory_o, .dialog_o, .kontakti_o{
        height: 85%;
        z-index:6;
        position:absolute;
    }

    .shapka_i ,.shapka_z ,.shapka_d ,.shapka_k{
        height: 9%;
    }

    .search-wrapper .input-holder {
        height: 46px;
    }

    .search-wrapper.active .input-holder .search-icon {
        width: 32px;
        height: 32px;
        margin: 6.5px;
        margin-left: auto;
    }

    .search-wrapper .input-holder .search-input {
        font-size: 1.1rem;
        height: 25px;
    }

    .zapros_o ,.kontakti_o{
        z-index: 1001;
    }

    .form-controlas, .form-controlass{
        width: 88vw;
    }

    .dialog .footer_d{
        display:none;
    }

    .dialog_o .footer_d{
        height: 7.45%;
        display:flex;
    }

}

@media(max-width: 1024px){
    header{
        height:7vh;
        top: 0px;
        justify-content: center;
    }

    header, footer{
        position: fixed;
        width:100%;
        z-index: 5;
    }

    .maska{
        z-index: 5;
    }

    .mas{
        z-index: 6;
    }

    .men{
        height: 100%;
        padding-bottom: 14vh;
        position: absolute;
        overflow-y: scroll;
        transition: 0.01s;
        z-index: 2;
    }

    main{
        padding: 7vh 0;
         height: 100%;
        width:100%;
        position: fixed;
    }

    header a{
        text-decoration: none;
    }

    .head_ssyal{
        padding: 10px;
    }

    .ssul, .ssul_6 {
           margin: 0vh 2vw;
        display: flex;
    }

     .ssul_6 {
           padding-right: 2vw;
    }

    .ssul a{
        color: #000;
        width: max-content;
    }

    .filtr_btn{
        font-size:0.85rem;
    }

    .content_i, .content_z, {
        height: 91%;
        overflow-y: scroll;
    }

    .content_k {
        height: 91%;
    }

    .n-input{
        padding:5px;
        padding-left:7px;
        width: 73vw;
    }

    .link_menu{
        padding: 10px 15px;
    }

    .iconhead , .head_text, .head_ssyl, #distance, .skachat{
        display: none;
    }

    .glmn{
        padding-left: 20px;
    }
    .unic{
    padding-left:20px;!important
}
    .scmn{
        padding-left: 35px;
    }

    .skachatmob{
        width: 100%;
        display: flex;
        justify-content: center;
        top: 78vh;
        position: sticky;
        margin: 2vh 0px 2vw;
    }

    .footer{
        display: none;
    }

    .menushka{
        height:100%;
    }

    footer{
        height:7vh;
        bottom:0px;
    }
}


@media (min-width:1025px){
    header{
        height:12vh;
    }

    .zapros, .investory, .kontakti{
        top:12vh;
    }

    #distance {
        right: 0.5%;
        top: 13vh;
    }

    main{
        height:88vh;
    }

    .menu{
        width: 35%;
    }

    .menubutright, .mobtextlog, .head_ssyal, .skachatmob{
        display: none;
    }

    .menushka{
        height:94%;
    }

    .link_menu{
        padding: 10px 15px;
    }

    .glmn{
        padding-left: 20px;
        font-size: 0.7rem;
    }
    .unic{
    padding-left:20px;!important
        font-size: 0.65rem;
}
    .scmn{
        padding-left: 35px;
        font-size: 0.65rem;
    }

    .icons {
        height: 22px;
        width: 21px;
    }

    td{
        font-size:0.8rem;
    }

    .iconspod {
        height: 18px;
        width: 17px;
    }

    .iconhead{
        width: 60px;
        padding-top: 3px;
    }

    .karta{
        width: 75%;
        height:100%;
    }

    .footer{
        height: 6%;
    }

    .form-controlas{
        width: 64vh;
    }
    .form-controlass{
        max-width: 64vh;
        max-height: 65px;
    }

    .investory ,.zapros {
        width: 70vh;
        margin-left: 20vh;
        height: 0%;
    }

    .dialog{
        width: 50vh;
        height: 0%;
    }

    .kontakti{
        width: 38vh;
        height: 0%;
        right: 0;
    }

    .investory_o{
        margin-left: 20vh;
        height: 80%;
    }

    .zapros_o {
    margin-left: 20vh;
    height: 61%;
}

    .dialog_o{
        width: 50vh;
        height: 75%;
        bottom: 0;
        right: 0;
    }

    .kontakti_o{
        width: 38vh;
        height: 26%;
        right: 0;
    }

    .skachat{
        bottom: 0;
        display: flex;
        position: absolute;
        margin:0 5px;
        z-index:400;
    }

    .gogle, .apstore{
        height: 6vh;
        margin:0 2px;
    }

    .shapka_i ,.shapka_z ,.shapka_d {
        height: 9%;
    }

    .shapka_k{
        height: 22%;
    }

    .kilem {
        font-size: 0.75rem;
    }

    header, footer{
    }

    footer{
        display: none;
    }

}

@media(min-width:1200px){
    .menu{
        width: 25%;
    }

}

@media (min-width:1400px){
    header{
        height:10vh;
    }

    .zapros, .investory, .kontakti{
        top:10vh;
    }

    #distance {
        right: 0.5%;
        top: 11vh;
    }

    .iconhead{
        width: 60px;
        padding-top: 2px;
    }

    .text_head_1{
        font-size: 1.35em;
    }

    .text_head_2{
        font-size: 1.15em;
    }

    .menubutleft, .mobtextlog, .head_ssyal{
        display: none;
    }

    main{
        height:90vh;
        display: flex;
    }

    .menu{
        width: 25%;
    }

    .menushka{
        height:95%;
    }

    .fa-sliders-h{
        font-size: 1.3em;
    }

    .link_menu{
        padding: 15px;
        padding-left: 20px;
        font-size: 0.9em;
      }

    .link_podmenu{
        font-size: 0.88em;
      }

      .submenuha{
        font-size: 0.75em;
      }

    .icons{
        width: 20px;
    }

    .karta{
        width: 75%;
        height:100%;
    }

    .gogle, .apstore{
        height: 5vh;
        margin:0 2px;
    }

    .kilem{
        font-size: 0.8em;
    }

    .footer{
        height: 5%;
    }

    .investory ,.zapros{
        width: 70vh;
        margin-left: 20vh;
        height: 0%;
    }

    .dialog{
        width: 50vh;
        height: 0%;
        bottom: 0;
        right: 0;
    }

    .kontakti{
        width: 38vh;
        height: 0%;
        right: 0;
    }

    .investory_o{
        margin-left: 20vh;
        height: 81%;
    }

    .zapros_o{
	   margin-left: 20vh;
    height: 74%;
	}

    .dialog_o{
        width: 50vh;
        height: 75%;
    }

    .kontakti_o{
        width: 38vh;
        height: 26%;
        right: 0;
    }

    .shapka_i ,.shapka_z ,.shapka_d{
        height: 9%;
    }

    .shapka_k{
        height: 22%;
    }

    footer{
        display: none;
    }

    .iconhead{
        width: 65px;
        padding-top: 2px;
    }

    .text_head_1 {
        font-size: 1.5em;
    }

    .text_head_2 {
        font-size: 1.1em;
    }

    .plsd {
        font-size: 1em;
    }

}

@media (min-width:1920px){
    header{
        height:8vh;
    }

    .zapros, .investory, .kontakti{
        top:8vh;
    }

    #distance {
        right: 0.5%;
        top: 9vh;
    }

    main{
        height:92vh;
        display: flex;
    }

    .menu{
        width: 20%;
    }

    .menushka{
        height:95%;
    }

    .karta{
        width: 80%;
        height:100%;
    }

    .footer{
        height: 5%;
    }

    .investory ,.zapros{
        width: 70vh;
        margin-left: 20vh;
    }

    .kontakti{
        width: 38vh;
        height: 0%;
        right: 0;
    }

    .dialog{
        width: 50vh;
    }

    .investory_o{
        margin-left: 20vh;
        height: 81%;
    }

    .zapros_o {
        margin-left: 20vh;
        height: 46.5;
    }

    .dialog_o{
        width: 50vh;
        height: 75%;
        bottom: 0;
        right: 0;
    }

    .kontakti_o{
        width: 38vh;
        height: 26%;
        right: 0;
    }

    .shapka_i ,.shapka_z ,.shapka_d{
        height: 9%;
    }

    .shapka_k{
        height: 22%;
    }

    header, footer{
    }

    footer{
        display: none;
    }

}

@media (min-width:2560px){
    .zapros_o {
        margin-left: 20vh;
        height: 46%;
    }
}
@media (min-width:3200px){

    header {
        height: 5vh;
    }

    .zapros, .investory, .kontakti{
        top:5vh;
    }

    #distance {
        right: 0.5%;
        top: 6vh;
    }

    main{
        height: 95vh;
    }

    .menushka{
        height:97%;
    }

    .footer{
        height: 3%;
    }

    .iconhead{
        height: 75px;
    }

    .hd_log_name, .head_ssyl{
        padding: 5px 40px;
    }

    .head_text {
        padding-left: 20px;
    }

    .text_head_1{
        font-size: 1.9rem;
    }

    .ssul, .text_head_2{
        font-size: 1.5rem;
    }

    .filtr_font, .link_menu, .fa-search, .footer{
        font-size: 1.3rem;
    }

    .search-wrapper .input-holder {
        height: 46px;
    }

    .search-wrapper.active .input-holder .search-icon {
        width: 32px;
        height: 32px;
        margin: 6.5px;
        margin-left: auto;
    }

    .search-wrapper .input-holder .search-input {
        font-size: 1.1rem;
        height: 25px;
    }

    .gogle, .apstore {
        height: 3.7vh;
        margin: 0 4px;
    }

}

body, html{
    overflow:hidden !important;
}

.wdiframe{
    border: 0;
}

.ooimg{
    content: url('close.png');
    height: 16px;
    width: 16px;
}


.icons{
    height:25px;
    width:25px;
}