@media screen and (max-width : 1600px){


}
@media screen and (max-width : 1440px){
}



@media screen and (max-width : 1506px){
    #main-info .inner .comp-info{
        position: static;
    }
}


@media screen and (max-width : 1200px){
    .inner{
        width: 980px;
        margin:0 auto;
    }
    .block, section{
        width: 100%;
        min-width: 100%;
        /*overflow-x: hidden;*/
    }

    #main-banner{
        padding-bottom: 0;
        height:auto;
        padding-bottom: 100px;
    }

    .main-banner-text h1 {
        font-size: 38px;
        margin-bottom: 25px;
    }

    .hello {
        font-weight: 400;
    }


    .main-info-block a {
        padding-bottom: 32%;
    }
    .main-info-block a p{
        bottom: 5px;
    }
    .comp-info>div {
        padding: 35px;
    }

    .comp-info .left{
        width: 60%;
    }
    .comp-info .right{
        width: 40%;
    }

    .form-info{
        width: 50%;
    }
}



@media screen and (max-width : 1060px){
    .main-banner-text h1{
        margin: 0;
    }
}
@media screen and (max-width : 1000px){
    .inner{
        width: 920px;
        margin:0 auto;
    }
    html.popup_open{
        margin: 0;
    }

    #top-header {
        padding: 11px 0;
    }
    #main-header{
        display: none;
    }


    .logo{
        position: relative;
        top: 2px;
    }
    .menu_open .logo{
        background-image: url('/i/logo_white.svg');
        z-index: 1002;
    }
    .menu_open .header-contact{
        position: relative;
        z-index: 1002;
        background-color: #fff;
        border-color: #fff;
        color: #2467B4;
    }

    .header-mail, .header-phone, .logo-text{
        display: none;
    }


    #menu{
        display: none;
        align-self: center;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0px;
        background:#2467b4;
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px;
        overflow: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1002;
    }
    #menu .inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #menu.active{
        display: block;
    }
    .main_items.menu_items{
        display: none;
    }
    .menu_items .title{
        font-size: 24px;
    }
    .menu_items div{
        display: flex;
        flex-direction: column;

    }
    .menu_items{
        width: 24%;
        display: flex;
        flex-direction: column;
    }

    ul.mobile_menu_list{
        margin: 35px 0 0;
        padding: 0;
        list-style: none;
        font-size: 18px;
        width: 100%;
    }

    ul.mobile_menu_list li{
        margin-bottom: 8px;
    }
    ul.mobile_menu_list li{
        margin-bottom: 0;
    }

    ul.mobile_menu_list a{
        color: #fff;
        display: block;
        width: 100%;
        padding: 9px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }
    #menu .logo{
        margin-right: 80%;
        margin-bottom: 40px;
    }


    /*MENU_BTN*/


    .hamburger_wrap{
        display: inline-block;
        width: 60px;
        height: 28px;
    }

    .nav-icon2{
        position: fixed;
        width: 60px;
        height: 28px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        cursor: pointer;
        z-index: 2001;
        margin-right: 0;
        transition: opacity 0.2s ease;
    }
    .nav-icon2:hover{
        opacity: 0.6;
    }

    .nav-icon2 span {
        background-color: #2467B4;
    }
    .scroll_top .black .nav-icon2 span {
        background: #666;

    }
    .scroll_top .nav-icon2 span {
        background: #fff;
    }
    .nav-icon2 span {
        display: block;
        position: absolute;
        height: 2px;
        width: calc(50% - 5px);
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out transform;
        -moz-transition: .25s ease-in-out transform;
        -o-transition: .25s ease-in-out transform;
        transition: .25s ease-in-out transform;
    }

    .nav-icon2 span:nth-child(even) {
        left: calc(50%);
        border-radius: 0 9px 9px 0;
    }

    .nav-icon2 span:nth-child(odd) {
        left:5px;
        border-radius: 9px 0 0 9px;
    }

    .nav-icon2 span:nth-child(1), .nav-icon2 span:nth-child(2) {
        top: 0px;
    }
    .nav-icon2 span:nth-child(3), .nav-icon2 span:nth-child(4) {
        top: 12px;
    }
    .nav-icon2 span:nth-child(5), .nav-icon2 span:nth-child(6) {
        top: 24px;
    }
    .nav-icon2.open span:nth-child(1),.nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .nav-icon2.open span:nth-child(2),.nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .right_btns .nav-ico2.open,
    .right_btns .nav-icon2{
        margin-right: 0;
    }
    .nav-icon2.open{
        background: none;
        margin-top: 5px;
    }
    .nav-icon2.open span:nth-child(1) {
        left: 8px;
        top: 2px;
        background: #fff;
    }
    .nav-icon2.open span:nth-child(2) {
        left: calc(50% - 8px);
        top: 2px;
        background: #fff;
    }
    .nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }
    .nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }
    .nav-icon2.open span:nth-child(5) {
        left: 7px;
        top: 17px;
        background: #fff;
    }
    .nav-icon2.open span:nth-child(6) {
        left: calc(50% - 7px);
        top: 17px;
        background: #fff;
    }
    /*/-----*MENU_BTN*-----/*/

    .hello-block{
        display: block;
        padding-top: 120px;
    }
    .hello{
        width: 100%;
        margin-bottom: 20px;
        font-size: 22px;
        font-weight: 400;
    }
    .hello-text{
        width: 100%;
    }
    .main-info-block a {
        padding-bottom: 31.8%;
    }

    .obj_list{
        left: 0;
    }
}


@media screen and (max-width : 920px){
    .inner{
        width:780px;
        margin:0 auto;
    }

    .main-info-block {
        flex-wrap: wrap;
    }
    .main-info-block a {
        width: 48%;
        margin-bottom: 4%;
    }

    #main-info .main-info-block a{
        padding-bottom: 10px;
        height: auto;
    }
    #main-info .main-info-block a:before{
        position: static;
        margin-top: 25px;
        background-position: right center;
        right: 0;
        height: 192px;
    }

    #main-info .main-info-block a p{
        position: static;
        margin-top: 35px;
        transform: none;
        width: 100%;
        padding: 0 18px;
        font-weight: 400;
    }

    .main-info-block a p br{
        display: none;
    }
    .form-info{
        display: none;
    }

    .filling-information{
        width: 100%;
        top: 20px
    }
    #testimony-form{
        padding-top: 60px;
    }
}



@media screen and (max-width: 800px){
    .inner{
        width: 620px;
        margin:0 auto;
    }
    #testimony-form{
        padding-top: 15%;
    }

    #catalog{
        justify-content: space-between;
    }
    .catalog_item{
        width: 48%;
        margin-right: 0;
    }


    .main-banner-text h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    #main-info .inner .comp-info{
        flex-direction: column;
    }
    .comp-info .left, .comp-info .right{
        width: 100%;
    }
    .comp-info>div{
        flex-direction: column;
    }
    .comp-info .left  > div,    .comp-info .right  > div{
        /*flex-direction: row;*/
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 20px;
        text-align: center;
    } 
    .comp-info .left > div div {
        flex-direction: row;
    }

    .comp-info .left div.num,     .comp-info .right div.num{
        /*        margin-right: 10px;*/
    }
    .comp-info .right  .create-date{
        margin-bottom: 0;
    }

    .comp-info .num {
        font-size: 32px;
    }

    .contacts_contain{
        display: block;
    }
    .contacts_left{
        width: 100%;
        margin-bottom: 40px;
    }
    .contacts_right{
        width: 100%;
    }
    .dispetcher{
        padding: 18px 35px;
        width: 100%;
        max-width: 100%;
    }
    .dispetcher  b{
        display: block;
        margin-bottom: 10px;
    }
    .dispetcher  br{
        display: none;
    }

    .news-item {
        width: 100%;
    }


    /*    .obj_list{
            position: static;
        }*/

    .footer-column{
        width: 30%;
    }

    .column-title {
        font-weight: 400;
        margin-bottom: 10px;
    }
    .column-title, .footer-column ul li, .copitight{
        font-size: 14px;
    }


    #testimony-form {
        margin-bottom: 0;
    }

    .input-block{
        width: 100%;
        margin-bottom: 20px;
    }
    .testimony-row{
        display: block;
        margin-bottom: 10px;
    }
    .testimony-row>select{
        width: 100%;
    }
    .testimony-row>input {
        width: 100%;
        border: 1px solid #CDCDCD;
        margin-top: 20px;
    }

    .testimony-coll{
        width: 100%;
        margin-bottom: 20px;
    }

}
@media screen and (max-width: 700px){
    .inner{
        width: 620px;
        margin:0 auto;
    }


}

@media screen and (max-width: 640px){
    .inner{
        width: 560px;
        margin:0 auto;
    }


    #main-banner {
        background-position: -300px 0;
    }

    .main-banner-text .descr{
        font-weight: 200;
    }

    h2{
        font-size: 28px;
    }

    #wrapper{
        padding-top: 0;
    }
    .header-contact{
        padding: 5px 20px;
        font-size: 14px;
    }

    iframe{
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }



    h1{
        font-size: 32px;
    }


    .news{
        flex-direction: column;
        margin-bottom: 40px;
    }

    .news .left{
        width: 100%;
        margin-bottom: 15px;
    }

    .news .preview {
        max-width: 100%;
        max-height: none;
    }
    .news .right{
        width: 100%;
        padding: 0;
    }
    .more{
        float: right;
        margin-bottom: 25px;
    }
    .gallery_item_wrap{
        width: 48%;
    }

    .city.btn{
        padding: 15px 25px;
    }

    footer{
        padding: 40px 0;
    }

    .footer-menus{
        flex-wrap: wrap;
    }

    .footer-column {
        width: 100%;
        margin-bottom: 22px;
    }
    .column-title{
        margin-bottom: 4px;
    }
    .footer-column ul li{
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 12px;
    }
    .footer_contacts{
        margin-bottom: 0;
    }

    .footer_contacts ul li{
        display: block;

    }

    .footer-column a{
        text-decoration: underline;
    }

    .column-title, .footer-column ul li{
        font-size: 13px;
    }
    .copitight, .copitight a{
        font-size: 12px;
    }

    .obj_item{
        width: 100%;
    }

    .city-select div:first-child {
        margin-right: 0;
    }

    .city-select {
        justify-content: space-between;
    }
    .city.btn{
        width: 48%;
        line-height: 1.5;
        padding: 8px 10px;
        font-size: 13px;
        text-align: center;
    }
	#request-form .group {
		width: 100%;
	}
	#request-form .column {
		flex-direction: column;
	}


}

@media screen and (max-width: 600px){
    #testimony-form{
        padding-top: 20%;
    }
}
@media screen and (max-width: 580px){
    .inner{
        width: 450px;
        margin:0 auto;
    }


    #main-banner {
        background-position: -410px 0;
    }
    #contacts h2 span{
        width: calc(100% - 45px);
    }

    #contacts .inner{
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
        box-shadow: none;
        padding-bottom: 0;
    }

    h1 {
        line-height: 1.3;
    }
    #page_top h1 {
        font-size: 30px;
    }

    #request-form .column {
        width: 100%;
    }

    .news-img{
        margin-right: 20px;
    }

    .footer-menus{
        flex-direction: column;
    }
    .footer-menus .footer-column{
        margin-bottom: 25px;
    }
    .agreement .btn.blue{
        width: 100%;
    }

    .catalog_item {
        width: 100%;
    }

    .obj_list{
        padding-top: 20px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .obj_list_title {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .obj_list_title span{
        border-bottom: 1px dashed;
    }
    .obj_list_contain{
        display: none;
    }
    .region_title{
        margin-bottom: 5px;
    }

}



@media screen and (max-width: 455px){
    .inner{
        width: 415px;
        margin:0 auto;
    }


    body{
        font-size: 17px;
    }
    #main-banner {
        background-position: -510px 0;
    }

    #bread_crumbs{
        margin-top: 10px;
    }
    #bread_crumbs a, #bread_crumbs span{
        display: none;
    }

    #bread_crumbs a:last-of-type{
        position: relative;
        display: inline-block;
    }

    #bread_crumbs a:last-of-type:before{
        content: '← ';
    }



    .is_article #page .gallery_item_wrap, .gallery_item_wrap {
        width: 100%;
        margin-left: 0;
    }


    #main-info .main-info-block a p{
        font-size: 14px;
    }


}

@media screen and (max-width: 425px){
    .inner{
        width: 360px;
        margin:0 auto;
    }

    #contacts h2{
        font-size: 25px;
    }

    section {
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .main-banner-text {
        padding-top: 55px;
    }
    .main-banner-text h1 {
        font-size: 35px;
    }
    .header-contact {
        padding: 4px 10px;
        font-size: 13px;
    }

    .hamburger_wrap {
        width: 36px;
    }

    .nav-icon2{
        margin-top: 1px;
        margin-left: -4px;
    }
    .nav-icon2 span{
        width: 18px;
    }
    .nav-icon2 span:nth-child(even) {
        left: 23px;
    }


    .agreement{
        padding-left: 0;
        padding-right: 0;
    }

    .gallery .img{
        width: 100%;
        border: none;
        height: 0;
        padding-bottom: 57%;
    }


    #page_top {
        padding: 15px 0;
    }

    .news {
        margin-bottom: 20%;
    }
    .news .title {
        line-height: 1.35;
        margin-bottom: 15px;
    }
    .news .description {
        line-height: 1.5;
    }
    .more {
        float: none;
    }
    .more a{
        width: 100%;
    }

    #show_success_modal, #show_fail_modal{
        width: 90%;
    }

    #testimony-form button{
        width: 100%;
    }
    .news-item{
        flex-direction: column;
    }
    .news-img{
        width: 100%;
        margin: 0;
        padding-bottom: 75%;
    }
    .news-text-block{
        width: 100%;
    }
    #testimony-form{
        padding-top: 35%;
    }
    #page_top h1{
        font-size: 25px;
    }
    .title-text{
        font-size: 18px;
    }

    .obj_item{
        width: 100%;
        padding: 18px 0 10px;
        border: none;
        box-shadow: none;
        border-bottom: 1px solid #e2e2e2;
        border-radius: 0;
    }
    .obj_item:first-child{
        padding-top: 0;
    }

}

@media screen and (max-width: 385px){

}


@media screen and (max-width: 375px){
    .inner{
        width: 320px;
    }
    #main-banner {
        background-position: -710px 0;
    }
    .main-info-block a {
        width: 100%;
        margin-bottom: 4%;
    }

    #main-info .main-info-block a p {
        font-size: 15px;
    }
    #contacts h2 {
        font-size: 22px !important;
    }


}

@media screen and (width: 360px){
}


@media screen and (max-width: 350px){

}
@media screen and (max-width: 333px){
}

@media screen and (max-width: 330px){
    .inner{
        width: 301px;
    }
    #contacts h2{
        font-size: 20px !important;
    }

}
@media screen and (width: 320px){
}

@media screen and (width: 425px){.gallery, #page .gallery_page, .news .preview,  .obj_item_img {width: 100vw;margin-left: -32.5px;     max-width: none;}}
@media screen and (width: 375px){.gallery, #page .gallery_page, .news .preview,  .obj_item_img{width: 100vw;margin-left: -7.5px;     max-width: none;}}
@media screen and (width: 360px){.gallery, #page .gallery_page, .news .preview,  .obj_item_img{width: 100vw;margin-left: -20px;     max-width: none;}}
@media screen and (width: 320px){.gallery, #page .gallery_page,  .obj_item_img{width: 100vw;margin-left: -9.5px;     max-width: none;}}