@media screen and (min-width: 1600px){
    .o_container, .wrap, .o-widget .owl-theme .owl-controls { width: 1440px; }
    .company_menu { max-width: 820px; }
    .flags { margin-left: 40px; }
    .h-search { width: 380px; margin-right: 60px; }
    .video-frame { width: 1100px !important; height: 700px !important; }
    .hint { top: 136px; }
    .clients-list .grid-item { width: 25%; }
    .about-lg {display: block; margin: 60px 0;}
    .table-lines td {font-size: 16px;}
}
@media screen and (min-width: 768px){
    .homepage .page-column-image {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        -webkit-order: 2;
        order: 2;
        margin-left: 30px;
        padding: 30px;
        background-color: #bebebe;
    }

    .sidebar-left { width: 300px; padding-right: 40px; margin-bottom: 20px; }
    .sidebar-left + .content-right { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); }
    .links-404 {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; }
    .header-searchable .logo {margin-top: 2px;}

}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .header-searchable .logo {
        height: 35px;
    }
    .filter-category .filt-col {padding-right: 25px;}
}
@media screen and (max-width: 1280px) {
.subscribe-wp {background-position:10% center}
.subscribe-wp .wrap {max-width: 570px;}
}
@media screen and (min-width: 1280px) {
    .accept-cookies {left: 20%;right: 20%}
}


@media screen and (max-width: 1599px){
    .top-block-title {font-size: 44px;}
    .top-menu-phone {display: none;}
    .header-phone {
        width: 100%;
        margin-right: 0;
    }

    .header-lang {
        text-align: right;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1599px){
    .o_container, .o-widget .owl-theme .owl-controls, .wrap { width: 1170px; }
    .flt_box .likesel { min-width: 130px; }
    .flags { margin-left: 40px; }
    .page-img { height: 300px; }
    .photo-list li { width: -webkit-calc(25% - 15px); width: calc(25% - 15px); margin-right: 20px; }
    .content-left .o-card_square, .content-left .o-card_add, .content-left .o-card_price, .content-left .o-card_compare { float: none; margin-bottom: 5px; }
    .about-md {display: block;}
}
@media screen and (min-width: 1024px) and (max-width: 1599px){

}
@media screen and (max-width: 1365px){
    .requestblock h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1279px){
    .bt_compare, .bt_wish { font-size: 0; margin-top: 2px; }
    .bt_compare i, .bt_wish i { font-size: 16px; }
    .hint { top: 136px; }
    .imosaic li .bluetitle {font-size: 14px;}
    .news-carousel .owl-buttons .owl-next:before {right: -15px; margin-top: -30px;}
    .news-carousel .owl-buttons .owl-prev:before {left: -15px; margin-top: -30px;}
    .news-carousel .owl-controls .owl-buttons div {opacity: .7;}
    .blog-list .grid-item {width: 50%;}
    .partner-item-logo-wrap {width: 200px;}
    .widget-about, .widget-news {
        padding: 30px 40px;
    }

    .product-page-calc .office-calc-form {max-width: none;}
    .product-page-calc {background: #fff !important;}
    .requestblock-image::before {width: 190px; right: 0;}
    .top-block-content {width: 55%;}
    .top-block::after {width: 45%;}
    .logo img {
        width: 100%;
        max-width: 230px;
    }
    .top-menu {
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1279px){
    body {font-size: 16px;}
    .video-frame { width: 650px !important; height: 480px !important; }
    .content-left .o-card_square, .content-left .o-card_add, .content-left .o-card_price, .content-left .o-card_compare { float: none; margin-bottom: 5px; }
    .owl-home .service-text { font-size: 22px; }
    .owl-home .service-desc { max-width: 340px; }
    .homecircul { -webkit-transform: scale(.8); transform: scale(.8); }
    .filter-category .input-wrap {
        margin-bottom: 10px;
    }
    .filter-class li {margin-bottom: 5px; width: 28px;}
    .subcribe input, .subcribe input[type='email'] {
        display: block;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
        margin-right: 0;
    }
    .sidebar_right .subcribe {max-width: none;}
    .filter-category .likeselect > span {
        padding: 8px 10px;
    }
    .sidebar-layout .sidebar-left {width: 240px; padding-right: 30px;}
    .sidebar-layout .sidebar-left + .content-right {width: -webkit-calc(100% - 270px);width: calc(100% - 270px);}
}

@media screen and (min-width: 1024px) {
    .widget-image.hidden-large {display: none;}
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
    .o_container, .o-widget .owl-theme .owl-controls, .wrap, .mini-wrap { width: 970px; max-width: none; }
    .clients-list .grid-item { width: 50%; }

    .head-wrap { margin-left: 220px; }

    .o-widget { padding-bottom: 40px; }
    .footer-contact { max-width: 250px; padding-right: 30px; }
    .o-grid { padding: 20px 20px 40px; }
    .land-grid .o-card { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
    @supports ((-webkit-flex-wrap: wrap) or (flex-wrap: wrap)) or (-webkit-flex-wrap: wrap){
        .land-grid::after { content: ""; -webkit-flex: 0 1 -webkit-calc(50% - 10px); flex: 0 1 calc(50% - 10px); }
    }
    .o-widget .o-card:nth-child(3n), .land-grid .o-card, .land-grid .o-card:nth-child(3n) { margin-right: 0; }
    .land-grid .o-card:nth-child(odd) { margin-right: 20px; }
    .o-card:nth-child(odd) { margin-right: 20px; }
    .o-card { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
    .o-card_photo img { max-width: 100%; }
    .o-card_name { font-size: 19px; }
    .cat-res .o-card_square, .cat-res .o-card_add, .cat-res .o-card_price, .cat-res .o-card_compare { float: none; }
    .cat-res .o-card_district, .cat-res .o-card_square { font-size: 17px; }
    .cat-res .o-card_price { margin: 5px 0; }
    .cat-res .o-card_add { margin-bottom: 5px; }
    .ilogo { width: 200px; }
    .head_right { margin-left: 235px; }
    .flags { margin-left: 40px; }
    .ihomelnk, .ihomefilter { margin-left: -webkit-calc(100% - 365px); margin-left: calc(100% - 365px); }
    .ihometext, .imosaic { float: left; width: -webkit-calc(100% - 390px); width: calc(100% - 390px); }
    .objects.mainobjects li { width: 100%; margin-right: 0; }
    .maincatbox { width: -webkit-calc(45% - 50px); width: calc(45% - 50px); }
    .ismap { width: 55%; }
    .right_change { margin-top: 12px; }
    .gfilter { float: none; width: auto; }
    .fl_line { text-align: center; }
    .more_filters { float: left; margin-top: 17px; }
    .likecheck.p4 { margin-top: 15px; }
    .vitems .objects.mainobjects li { width: -webkit-calc(33% - 12px); width: calc(33% - 12px); margin-right: 22px; }
    .vitems .objects.mainobjects li:nth-child(2n) { margin-right: 22px; }
    .vitems .objects.mainobjects li:nth-child(3n) { margin-right: 0; }
    .insidetopimg { height: 224px; background-size: cover !important; }
    .page-img { height: 320px; }
    .photo-list li { width: -webkit-calc(33% - 12px); width: calc(33% - 12px); margin-right: 20px; }
    .photo-list li:nth-child(4n) { margin-right: 20px; }
    .photo-list li:nth-child(3n) { margin-right: 0; }
    .main-text iframe { max-width: 100%; }
    .give_me_more { width: 100%; }
    .btn-metro { margin-bottom: 0; }
    .srvc_menu a, .srvc_menu span/* , .company_menu a, .company_menu span */ { font-size: 14px; }
    .filt-district .likeselect p { overflow: auto; height: 200px; }
    .col { display: block; width: 100%; margin-top: 20px; }
    .content-left { margin-right: 320px; }
    .page-project .content-left { margin-right: 330px; }
    .page-object .content-left { margin-right: 0; }
    .recent-objects .o-card { display: inline-block; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin-right: 0; -webkit-flex-basis: -webkit-calc(50% - 20px); flex-basis: calc(50% - 20px); max-width: -webkit-calc(50% - 20px); max-width: calc(50% - 20px); }
    .recent-objects .o-card:nth-child(odd) { margin-right: 40px; }

    .h-search { width: 220px;}
    .sidebar_right { width: 260px; }
    .o_text_left { width: -webkit-calc(100% - 290px); width: calc(100% - 290px); }
    .managers .rounded { width: 110px; height: 110px; }
    .managers .owl-controls { top: 58px; }
    .managers-wrap h2 { font-size: 19px; }
    .widgets-row .widget-img-wrap { height: 100px; }
    .about-sm {display: block;}
}


@media screen and (max-width: 1024px){
	.subscribe-wp {background-position:-30% center}
	.subscribe-wp .wrap { padding-left: 250px}
}
@media screen and (max-width: 1023px){
    .news-grid .grid-item {width: 50%;}

    .requestblock-desc h2 {
        font-size: 26px;
    }
    .top-block {padding-left: 30px;}
    .top-block-category {font-size: 30px;}
    .top-block-title {font-size: 32px;}
    .top-block .award-home img {width: 80px;}
    .top-block .award-home {right: 30px;}
    header.scroll .logo-small {display: none ;}
    .header-right {
        flex-wrap: wrap;
    }
}


@media screen and (max-width: 767px){
	.subscribe-wp {height: auto;}

    .flex-group.flex-gap {margin-left: -10px; margin-right: -10px;}
    .flex-group.flex-gap > .item {padding: 10px;}
    .news-grid .grid-item {width: 100%;}
    .page-column-item {-webkit-flex-direction: column;flex-direction: column;}
    .page-column-image {-webkit-flex-basis: 80%;flex-basis: 80%; margin: auto; padding: 0 0 20px;}
    .partner-item {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .partner-item-logo-wrap {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .subscribe-form.wide .input-group {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .subscribe-form.wide .input-group .textbox {width: 100%; margin-right: 0; margin-bottom: 10px;}
    .collapsible-headers h3, .collapsible-headers h2:not(:first-child) {font-size: 16px;}
    .requestblock {-webkit-flex-direction: column;flex-direction: column;}
    .requestblock-image {
        width: 100%;
        padding-bottom: 60%;
    }
    .bottom-promo .btn {width: -webkit-calc(100% - 10px);width: calc(100% - 10px);}
    .top-block-category {font-size: 20px;}
    .top-block-content {width: auto; min-height: 0;}
    .top-block .award-home {position: relative;right: 20px;left: 0;}
    .top-block {padding-right: 30px;border-left: 0;margin: 0 -10px;}

    .team-item .team-item-more {
        display: block;
        position: static;
        font-size: 12px;
        padding: 8px 5px;
    }
    .team-item:hover::before {display: none;}
	.table-contacts, .table-contacts td, .table-contacts tbody, .table-contacts tr {display:block}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .award-home { right: 80px; }
    .homepage-intro h1 { text-align: left; }
    .o_container, .o-widget .owl-theme .owl-controls, .wrap, .mini-wrap { width: 700px; max-width: none; }
    .ilogo { margin-top: 18px; }

    .top-menu, .header-lang { font-size: 14px; }
    .top-menu li:not(:last-child),
    .header-searchable .top-menu li:not(:last-child) { margin-right: 4px; }
    .h-search {
        flex-grow: 1;
        margin-right: 0;
        order: 4;
        margin-top: 10px;
    }

    .top-menu a, .top-menu span, header .menu-link { font-size: 12px; }
    .services-menu .services-menu-link {padding-left: 10px; padding-right: 10px;}

    .owl-home .service-desc { top: 50px; }
    .widgets-wrap > div { display: block; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
    .widgets-with-icons > div {padding:0 10px; display: table-cell; width: 50%;}

    #owlhead { margin-bottom: 0; }
    .ihometext { float: none; width: auto; }
    .ihomelnk { margin: 15px 0; text-align: center; }
    .ihomefilter { margin-left: -webkit-calc(100% - 365px); margin-left: calc(100% - 365px); }
    .imosaic { float: left; width: -webkit-calc(100% - 390px); width: calc(100% - 390px); }
    .imosaic li { display: block; width: auto; height: 146px; margin: 0 0 15px 0; }

    .insidetopimg { height: 224px; background-size: cover !important; }
    .srvc_menu > li { padding: 13px 5px; text-align: left; }
    .srvc_menu a { font-size: 12px; }
    .objects.mainobjects li { width: 100%; margin-right: 0; }
    .maincatbox { width: -webkit-calc(45% - 50px); width: calc(45% - 50px); }
    .ismap { width: 55%; }
    .gfilter { float: none; width: auto; }
    .gfilter .flt_box { margin: 0 15px 15px 15px !important; }
    .more_filters { float: left; margin-top: 17px; }
    .vitems .objects.mainobjects li { width: -webkit-calc(50% - 12px); width: calc(50% - 12px); margin-right: 22px; }
    .vitems .objects.mainobjects li:nth-child(2n) { margin-right: 0; }
    .p_main_p ul, .three_boxesl { display: block; }
    .p_main_p li:last-child { display: block; }
    .fl_line, .more_filters { display: none; }
    .all_filters { display: block; float: left; }
    .three_boxes > div { display: inline-block; width: -webkit-calc(50% - 31px); width: calc(50% - 31px); margin: 0 15px 0 0; }
    .three_boxes > div + div { margin: 0 0 0 15px; }
    .three_boxes > div + div + div { display: block; width: auto; margin: 25px 0; }
    .tophome { overflow: visible; }
    .head_right .bt_wish span, .head_right .bt_compare span { display: none; }
    .head_right .flags { float: none; margin-left: 20px; }
    .compare-wish { float: none; margin-top: 20px; }
    .lang-compare { text-align: right; }
    .photo-list li { width: -webkit-calc(33.3% - 20px); width: calc(33.3% - 20px); margin-right: 30px; }
    .photo-list li:nth-child(4n) { margin-right: 30px; }
    .photo-list li:nth-child(3n) { margin-right: 0; }
    .page-title { font-size: 19px; }
    .page-title + p { font-size: 16px; }
    .header-phone { font-size: 16px; }

    .logo { height: 30px; margin-right: 16px; }

    .head-wrap { margin-left: 170px; }
    .filt-range { display: block; }
    .btn-menu { font-size: 0; }
    .btn-menu::after { font-size: 17px; display: inline-block; content: 'Меню'; vertical-align: middle; }
    .h-left { margin-top: 5px; margin-left: 20px; }
    .menu { margin: 0; }
    .menu > li { vertical-align: baseline; }

    .header-searchable .header-phone { font-size: 16px; margin-right: 0; }
    .header-toolbar { width: 130px; margin-top: 10px;}

    .arenda-link { font-size: 0; }
    .arenda-link::after { font-size: 17px; display: inline-block; content: 'Аренда'; vertical-align: middle; }
    .btn-menu .icon { margin-top: 0; }
    .land-grid .o-card { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
    .land-grid .o-card, .land-grid .o-card:nth-child(3n) { margin-right: 0; }
    .land-grid .o-card:nth-child(odd) { margin-right: 20px; }
    @supports ((-webkit-flex-wrap: wrap) or (flex-wrap: wrap)) or (-webkit-flex-wrap: wrap){
        .land-grid::after { content: ""; -webkit-flex: 0 1 -webkit-calc(50% - 10px); flex: 0 1 calc(50% - 10px); }
        .recent-objects ul::after { content: ""; -webkit-flex: 0 1 -webkit-calc(50% - 20px); flex: 0 1 calc(50% - 20px);; }
    }
    .o-card { width: 100%; margin-bottom: 20px; }
    .o-grid .o-card { display: block; }
    .o-card_name { font-size: 19px; }
    .o-card_district, .o-card_square { font-size: 17px; }

    .filter { position: relative; display: block; }
    .filter-category .filt-col { width: 110px; margin-right: 10px; margin-bottom: 10px; text-align: left; padding-right: 10px;}
    .filt-district { min-width: 0; }
    .filt-district .likeselect { width: 160px; }
    .en .filter-category .filt-col .input-wrap:first-of-type .input-range { padding-left: 48px; }

    /* .form-request, */.o-similar { display: none; }
    .form-request-wrap, .page-object .managers-wrap { display: inline-block; vertical-align: top; width: 46%; -moz-box-sizing: border-box; box-sizing: border-box; }
    .form-request-wrap { float: left; }
    .form-request-wrap .form-request { margin-top: 0; }
    .page-object .managers-wrap { float: right; }
    .sub_f form { text-align: center; }
    .sub_f form input[type='email'] { min-width: 520px; }
    #map { height: 380px; }
    .o-buttons { float: left; width: 40%; margin-right: 20px; }
    .btn-show-similar { display: block; float: right; }
    .btn-show-similar { display: inline-block; margin-top: 10px; color: #546173; border-bottom: 1px dashed; }
    .sidebar, .project-info { float: none; width: 100%; }
    .content-left, .page-project .content-left { clear: both; margin-right: 0; }
    .page-object .content-left {width: 100%; float: none;}
    .o-desc .td-title { width: 90px; }
    .o-desc > tbody > tr > td { display: block; }
    .o-desc .td-title { padding-bottom: 0; }
    .footer-contact { max-width: 250px; padding-right: 20px; }
    .footer-socials a { display: block; margin-bottom: 10px; }

    .object-gallery #bluimpgallery li { width: -webkit-calc(50% - 22.5px); width: calc(50% - 22.5px); }
    .object-gallery #bluimpgallery li:nth-child(3n) { margin-right: 15px; }
    .object-gallery #bluimpgallery li:nth-child(2n) { margin-right: 0; }

    .photo-list#bluimpgallery li:first-child .page-img { width: auto; }
    #bluimpgallery .page-img { height: auto; }

    .news-image { height: 130px; }

    .popup-box.is_metro { left: -webkit-calc(50% - 350px); left: calc(50% - 350px); -webkit-transform: scale(.77); transform: scale(.77); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
    .o-similar { clear: both; padding: 15px; background: #f3f3f3; }
    .o-similar ul { font-size: 0; }
    .o-similar li { font-size: 16px; display: inline-block; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; vertical-align: top; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.1); }
    .o-similar li:nth-child(even) { margin-right: 0; }
    .o-similar li .o-card_row { padding: 3px 15px 10px 15px; }
    .o-similar li a span + span { display: block; padding: 0 15px; }
    .form-request { clear: both; }
    .main-text iframe { max-width: 100%; }
    .give_me_more { width: 100%; }
    .btn-metro { margin-bottom: 0; }
    .bt_compare, .bt_wish { font-size: 0; }
    .bt_compare i, .bt_wish i { font-size: 16px; }
    .imosaic li span.cat5 a { font-size: 12px; }
    .team-list .page-img { width: 170px; }
    .team-list .page-name { max-width: 270px; }

    .o-main-info { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 55%; vertical-align: middle; }
    .o-price { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
    .rent-info { display: inline-block; width: 37%; margin-left: 2%; text-align: center; vertical-align: middle; }
    .col { display: block; width: 100%; margin-top: 20px; }
    .recent-objects .o-card { display: inline-block; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); max-width: -webkit-calc(50% - 20px); max-width: calc(50% - 20px); -webkit-flex-basis: -webkit-calc(50% - 20px); flex-basis: calc(50% - 20px); margin-right: 0; }
    .footer-table > div, footer .socials { padding-right: 20px; }
    .recent-objects .o-card:nth-child(odd) { margin-right: 40px; }
    /* .widget-news { width: auto; margin-bottom: 20px; padding-right: 0; }
    .widget-newsfeed, .widget-newsfeed > div { display: block; } */
    .partners-table td { display: block; }
    .mini-wrap h1 { width: auto; }
    .content-first, .sidebar-second { display: block; width: auto; float: none; }
    .sidebar-second { margin-top: 20px; }
    .news-more { font-size: 0; margin: 0 -10px; }
    .news-more li { font-size: 16px; display: inline-block; width: 33.33%; vertical-align: top; padding: 0 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
    .subscribe-analytics .btn-primary { margin-top: 10px; }
    .o_text_left { float: none; width: auto; }
    .sidebar_right { float: none; margin-top: 30px; }
    .widgets-row .widget-img-wrap { height: 100px; }
    .sidebar_right { width: 100%; }
    .managers-wrap, .sidebar-form-wrap { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
    .o-card, .cat-res .o-card { width: 100%; margin-bottom: 20px; max-width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
    .land-grid .o-card { -webkit-flex-basis: -webkit-calc(50% - 10px); flex-basis: calc(50% - 10px); }

    .table_form_menu td { display: block; width: 100%; padding: 0; }
    .table_form_menu .left_cmenu {padding-bottom: 30px;}
    .clients-list .grid-item { width: 50%; }
    .left_cmenu {font-size: 0;}
    .left_cmenu > * {font-size: 16px;}
    .widget-left {display: inline-block; width: 50%; vertical-align: top; padding-right: 15px; -moz-box-sizing: border-box; box-sizing: border-box;}
    .video-section-outer .widgets-wrap .widget-desc {
        padding: 0;
    }

    .table-item-photo {
        width: 210px;
    }
    .table-item-var span {
        /* display: block; */
    }
    .table-item-vars .btn-dotted-outer {-webkit-flex-basis: 100%;flex-basis: 100%;}
    .table-item-name {font-size: 22px;}

    .services-menu {margin-left: -15px; margin-right: -15px;}
    .services-menu-col {padding-left: 15px;}
    .services-menu-item {margin-left: -15px;}
    .services-submenu {width: -webkit-calc(100% + 15px);width: calc(100% + 15px);}
}

@media screen and (min-width: 1280px) {
    [data-box="full-filter"] { width: 1020px; left: -webkit-calc(50% - 510px); left: calc(50% - 510px); }
    [data-category] .wrap:not(.no-items) {
        width: 1260px;
    }
}

@media screen and (min-width: 1440px){
    [data-category] .wrap:not(.no-items) {
        width: 1360px;
    }
    .category-table {display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px;}
    .category-table [data-category-item] {width: calc(50% - 22px); -moz-box-sizing: border-box; box-sizing: border-box; margin:15px; }
    .table-item-vars li {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

@media screen and (min-width: 1600px){
    body, .more-articles span {font-size: 18px;}
    .header-searchable .logo{height: 47px;}
    .o-card .owl-carousel .owl-item { background-color: #fff; height: 278px; }
    .header-service-logo {height: 27px; margin-top: 7px;}
	
    [data-category] .wrap:not(.no-items) {
        width: 1400px;
    }
    .table-item-vars li {
        -webkit-flex-basis: 33.33%;
        flex-basis: 33.33%;
    }
    .current .location-list-link::before {top: 14px;}
}

@media screen and (min-width: 1900px){
    [data-category] .wrap:not(.no-items), .is-category header .wrap, .filter-category .wrap {
        width: 1600px;
    }
}

@media screen and (max-width: 767px), screen and (max-height: 700px){

    [data-side-promo] {width: 100%; top: auto; bottom: 0; -webkit-transform: none; transform: none; border-radius: 8px 8px 0 0; left: 0; bottom: -100%;}
    [data-side-promo].visible {left: auto; bottom: 0;}
    [data-hidden-form] {display: none;}
    [data-side-promo] .promo-image-bg p {font-size: 21px;}

    [data-side-promo] .promo-image-bg {min-height: 0;}
    [data-side-promo] .btn-primary[data-expand-form] {
        display: block;
        margin: 20px;
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
}