.navigation-bg-close{
    display:none;
}

@media (min-width: 1200px) {
    #header-wrapper #header #header-inner .navbar .navbar-inner .site-phone a {
        margin-top: 27px
    }

    .main-question-building {
        margin-left: -200px;
    }

}

@media (max-width: 1199px) {
    #header-wrapper #header #header-inner .navbar .navbar-inner .site-phone a {
        margin-top: 5px
    }

    .main-question-building {
        margin-left: -200px;
    }

    .sort-block {
        display: inline-flex;
    }

    .nav-tabs > li {
        /*margin-bottom: -1px;*/
        margin-top: 5px;
    }

    .breadcrumb-wrapper .breadcrumb li:first-of-type {
         padding-left: 15px;

    }
    .breadcrumb-wrapper .breadcrumb li:last-of-type {
        padding-left: 30px;

    }

    .breadcrumb-wrapper .breadcrumb li:first-child a {
        padding-left: 15px !important;
    }

    .breadcrumb-wrapper .breadcrumb{
        margin-left: -30px;
    }

    .price-td{
        white-space: nowrap;
    }

    .flats-list{
        width: 100%;
        overflow-x: auto;
    }

}

@media (max-width: 1199px) and (min-width: 980px) {
    .build-container .expand-100 div.span9,
    .build-container .expand-100 div.span3 {
        width: 870px;
        margin: 0 auto 0;
        float: none;
    }

    .agents-block .views-row .views-field-field-photo {
        width: 80px;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image {
        width: 80px;
        height: 90px;
        overflow: hidden;
        margin-right: 10px;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image img {
        width: auto!important;
        max-width: none!important;
        min-width: 80px!important;
        max-height: 90px!important;
    }
    .company-top-content .consultant .btn.btn-primary{
        padding: 7px 15px;
    }
}

@media (min-width: 1200px){

    #block-views-apartments-block-1 .content .views-row .views-field-field-image {
        width: 100px;
        height: 85px;
        overflow: hidden;
        margin-right: 10px;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image img {
        width: auto!important;
        max-width: none!important;
        min-width: 100px!important;
        max-height: 85px!important;
    }
}

@media (max-width: 979px){

    .object-page-graf{
        display:none!important;
    }

    .building-card.layout-2 .building-card-info {
        position: static;
    }

    .modal.modal-sub-large {
        margin-left: 10% !important;
        transform: none!important;
        left:0;
    }

    .apartment-toggle{
        width: 25px!important;
    }

    .apartment-toggle.prev {
        left: -30px!important;
    }
    .apartment-toggle.next {
        right: -30px!important;
    }

    .modal-sub-large .text-align-center{
        line-height: 25px;
        font-size: 20px;
    }

    .navigation-bg-close{
        display: inherit;
    }
}

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

    .footer-left,
    #footer-top-inner > .row > .span3 {
        width: calc(50% - 20px);
        float: left;
        min-height: 1px;
    }

    .footer-left {
        margin-right: 20px;
    }

    #footer-top-inner > .row > .span3 {

    }

    .footer-left .span3 {
        width: 100%;
    }

    #footer-wrapper #footer-top table.contact th {
        background-repeat: no-repeat;
        color: #06a7ea;
        font-weight: bold;
        padding: 0 10px 20px 30px;
        text-align: right;
        vertical-align: top;
        display: table-cell;
    }

    .view-apartments .item .views-field-field-image {
        height: 140px;
    }

    .btn.btn-primary.connect-with-consultant {
        width: calc(100% - 2px);
        padding: 0;
        float: right;
    }

    #block-views-agent-block .views-field-title {
        width: 100%;
        float: right;
    }

    .consult-info {
        width: calc(100% - 70px);
    }

    .agents-block .views-row .views-field-field-photo img,
    #block-views-agent-block .views-row .views-field-field-photo img {
        height: 60px !important;
        width: 60px !important;
        margin-top: 5px !important;
        margin-left: -10px !important;
    }

    #block-views-agent-block .views-row .views-field-title {
        text-align: left !important;
    }

    .view-apartments .item {
        min-height: 450px;
    }

    .about-build iframe {
        height: 300px;
    }

    .build-container .expand-100 div.span9 {
        width: 450px;
    }

    .build-container .expand-100 div.span3 {
        width: 220px;
    }

    .build-container .agents-block .views-row .views-field-field-photo {
        width: 100px;
    }

    .modal.modal-sub-large{
        width: 620px!important;
    }

    .company-top-content .span3 {
        width: calc(25% - 5px);
        /*width: 175px;*/
        margin-left: 10px;
    }
    .company-top-content .consultant .btn.btn-primary{
        font-size: 14px;
        padding: 5px 0px;
    }

}

@media (max-width: 767px) {

    .list-builders .main-list > .blog-li.left {
        margin-left:20px;
    }

    .list-builders .main-list > .blog-li.right {
        margin-right:20px;
    }

    #building_news .list-builders .main-list > .blog-li.right {
        margin-right:0;
    }


    #building_news .list-builders .main-list > .blog-li.left {
        margin-left:0;
    }

    .list-builders .main-list > .blog-li {
        width: calc(50% - 40px);
    }

    #building_news .list-builders .main-list > .blog-li {
        width: calc(50% - 20px);
    }

    .build-container .span9,
    .build-container .span3 {
        margin: 0 auto 0;
    }

    .build-container .span3 {
        padding: 0;
    }

    .build-container .region.region-sidebar-second {
        margin-left: 20px;
        margin-right: 20px;
    }

    .build-container .similar-build .view-content > .views-row/*:not(:nth-child(2n))*/ {
        margin-right: 20px;
        margin-left: 20px;
        /*margin-right: 20px;*/
    }

    .similar-build .build-subtitle{
        margin-left: 20px;
    }


    .build-container .similar-build .view-content > .views-row {
        flex: 1 1 100%/*calc(50% - 13px)*/;
    }

    .building-card .agents-block {
        margin-left: -15px !important;
    }

    .build-container .agents-block .views-row .views-field-field-photo {
        width: 100px;
    }

    #building-documents .documents-block {
        margin-left: 20px;
        margin-right: 20px;
    }

    #building-reviews .reviews-outline-block {
        margin-left: 20px;
        margin-right: 20px;
    }

    .width100 {
        width: 100%;
    }

    .flex-mod {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .block-center-mod {
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .main-question-building {
        margin-left: 0;
    }

    .popup-window {
        top: -10px;
        left: 0;
        width: 100%;
        height: auto;
    }

    #pagination,
    .region.region-sidebar-second {
        margin-left: 20px;
        margin-right: 20px;
    }

    .site-login form{
        margin:auto;
    }

    #profile .form-group input{
        width: 100%/*calc(100% - 20px)*/;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image {
        width: 80px;
        height: 60px;
        overflow: hidden;
        margin-right: 10px;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image img {
        width: auto!important;
        max-width: 80px!important;
        min-height: 60px!important;
    }

}

@media (max-width: 767px) and (min-width: 550px) {
    .build-container .span9,
    .build-container .expand-100 main.span9,
    .build-container .span3{
        width: 535px;
    }

    .site-login form,
    .site-login h2{
        width: 525px;
    }

    .about-build iframe {
        height: 300px;
    }

    .build-container .agents-block .views-row .views-field-field-photo {
        width: 100px;
    }

    .modal.modal-sub-large{
        width: 400px!important;
    }

}

@media (max-width: 730px) {
    .item-news {
        width: calc(100% - 40px);;
    }
}

@media (max-width: 549px) {
    .list-builders .main-list > .blog-li{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }

    #building_news .list-builders .main-list > .blog-li {
        width: 100%;
    }

    #building_news .list-builders .main-list > .blog-li.right {
        margin-left: 0;
    }

    #building_news .list-builders .main-list > .blog-li.left {
        margin-right: 0;
    }

    .list-builders .main-list > .blog-li.left {
        padding-right:0;
    }

    .list-builders .main-list > .blog-li.right {
        padding-left:0;
    }

    .build-container .object-page-selares .left-selares,
    .build-container .object-page-selares .right-selares {
        margin-right: 0;
        margin-left: 0;
    }

    .build-container .object-page-selares > div {
        flex: 1 1 calc(51%);
    }

}

@media (max-width: 549px) and (min-width: 400px){
    .build-container .span9,
    .build-container .span3{
        width: 402px;
    }

    .site-login form,
    .site-login h2{
        width: 382px;
    }

    .about-build iframe {
        height: 200px;
    }

    .build-container .expand-100 main.span9 {
        width: 402px;
    }

    .build-container .expand-100 .building-card-data .building-card-slider.slider-small {
        width: 370px;
    }

    .modal.modal-sub-large{
        width: 240px!important;
    }

}

@media (max-width: 399px) and (min-width: 375px){
    .build-container .span9,
    .build-container .span3{
        width: 377px;
    }

    .site-login form,
    .site-login h2{
        width: 337px;
    }

    .about-build iframe {
        height: 200px;
    }

    .build-container .expand-100 main.span9 {
        width: 377px;
    }

    .build-container .expand-100 .building-card-data .building-card-slider.slider-small {
        width: 335px;
    }

    .modal.modal-sub-large{
        width: 240px!important;
    }

}

@media (max-width: 374px) and (min-width: 360px) {
    .build-container .span9,
    .build-container .span3{
        width: 362px;
    }

    .site-login form,
    .site-login h2{
        width: 322px;
    }

    .about-build iframe {
        height: 200px;
    }

    .build-container .expand-100 main.span9 {
        width: 362px;
    }

    .build-container .expand-100 .building-card-data .building-card-slider.slider-small {
        width: 325px;
    }

    .modal.modal-sub-large{
        width: 240px!important;
    }

    .housing-list__item {
        width: 156px;
    }

    .build-info-tabs .nav-tabs > li > a {
        width: 177px;
    }
}

@media (max-width: 485px) {
    .comment-new-body #buildingcomment-captcha-image {
        width: 96px;
    }

    .comment-new-body #buildingcomment-captcha {
        width: calc(100% - 110px);
    }

    .comment-new-body button[type="submit"] {
        position: relative;
        width: 100%;
    }

    .item-news {
        width: calc(100% - 40px);;
    }

    .popover.flat-popover {
        opacity: 0;
    }

}

@media (max-width: 450px) {
    .sort-block {
        display: block;
    }


    .popover.flat-popover {
        opacity: 0;
    }

}

@media (max-width: 400px) {
    #footer-wrapper #footer-top {
        padding: 10px;
    }

    .popover.flat-popover {
        opacity: 0;
    }

}

@media (max-width: 359px) {
    .build-container .span9,
    .build-container .expand-100 main.span9,
    .build-container .span3{
        width: 275px;
    }

    .site-login form,
    .site-login h2{
        width: 255px;
    }

    .about-build iframe {
        height: 150px;
    }

    .building-card-data .building-card-info{
        width: auto;
    }

    .building-card-data .building-card-slider.slider-small{
        width: 275px;
        margin-left: -20px;
    }

    .modal.modal-sub-large{
        width: 220px!important;
    }

    .housing-list__item {
        width: 100%;
    }

    .popover.flat-popover {
        opacity: 0;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image {
        width: 80px;
        height: 86px;
        overflow: hidden;
        margin-right: 10px;
    }

    #block-views-apartments-block-1 .content .views-row .views-field-field-image img {
        width: auto!important;
        max-width: none!important;
        min-width: 80px!important;
        max-height: 86px!important;
    }

}