.news__title {
    display: block;
    color: #0a0a0a;
}

.news__img {
    display: block;
}

:root {
    --sidebar-width: 80px;
    --content-h-padding: 26px;
    --bx-panel-height: 0px;
}

.fly-form {
    margin-left: calc(var(--sidebar-width) + var(--content-h-padding));
    width: calc(100% - var(--sidebar-width) - var(--content-h-padding) * 2);
    top: 50%;
    left: initial;
    right: 100%;
    bottom: 0;
    transform: translate(0, -50%) !important;
    padding: 0 20vw;
}

.fly-form.opened {
    transform: translate(calc(100% + var(--sidebar-width) + var(--content-h-padding)), -50%) !important;
}

#panel {
    left: 0;
    z-index: 1000;
    max-width: 100vw;
    overflow: hidden;
}
.shadow {
    margin-top: var(--bx-panel-height);
}
.sidebar {
    top: var(--bx-panel-height);
}

@media screen and (max-width: 991px) {
    .shadow > .content {
        padding-top: 70px;
    }
    div[class^="col-"] {
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;

        float: initial;
        margin: 0 !important;
        padding: 0 !important;
        width: initial !important;
        margin-bottom: 20px !important;
    }
    .object-photo .object-photo__frame {
        min-height: 400px !important;
    }
    .object-photo.object-detail__photo {
        padding-top: 0;
    }
    .news-detail .text-right {
        margin-top: 30px;
        display: block;
    }
    .news-detail .share-buttons {
        margin-top: 20px;
        display: block;
        text-align: left;
    }
    .news-detail .share-buttons + span {
        font-size: 14px;
        display: block;
        text-align: left;
    }
    .news__title + div {
        margin-bottom: 20px;
    }
    .ajax-page {
        padding: 0;
        padding-left: calc(var(--sidebar-width) + var(--content-h-padding));
        padding-right: var(--content-h-padding);
        padding-top: 70px;
    }
    .ajax-page .one__title,
    .block-for-input label {
        font-size: 14px;
    }
    .calc-step {
        padding-left: 0 !important;
    }
    .roof-switcher {
        padding-left: 0 !important;
    }
    .build-size {
        padding-left: 0 !important;
    }
    .block-for-input {
        margin-bottom: 20px;
    }
    .catalog-menu__subsections {
        height: auto !important;
    }
    .br-5 {
        height: auto;
    }
    .section-description {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .footer__menu {
        margin: 30px 0;
    }

    div[class^="col-"]:last-child {
        margin-bottom: 0 !important;
    }
    .pull-right {
        float: initial !important;
    }
    .news__text-block {
        padding: 20px;
        height: auto;
        margin-right: 0;
    }
    .news__text-block .link-2 {
        position: relative;
        bottom: 0;
        left: 0;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .news__text-block .link-1 {
        position: relative;
        bottom: 0;
        right: 0;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .objects-list__item.row {
        margin-bottom: 60px !important;
    }
    .new-pagen {
        margin: 0 !important;
        display: block !important;
        margin-bottom: 20px !important;
    }
    .space-55 {
        height: auto;
    }
    .fly-form {
        padding: 0 10vw;
    }
    .scroll-banner {
        margin-bottom: 60px;
    }
    .row {
        float: initial;
        margin: 0 !important;
        padding: 0 !important;
        width: initial !important;
        margin-bottom: 20px !important;
    }
    .row:last-child {
        margin-bottom: 0 !important;
    }

    .pad-top {
        padding-top: initial !important;
    }
    .pad-bottom {
        padding-bottom: initial !important;
    }
    .pad-left {
        padding-left: initial !important;
    }
    .pad-right {
        padding-right: initial !important;
    }
    #left-pad {
        width: initial !important;
        left: initial;
        right: initial;
    }
    #right-pad {
        width: initial !important;
        left: initial;
        right: initial;
    }
    #top-pad {
        width: initial !important;
        top: initial;
    }
    #bottom-pad {
        width: initial !important;
        bottom: initial;
    }

    .grecaptcha-badge {
        z-index: 22;
    }
    .main-title.fade-out {
        opacity: 1 !important;
    }
    .content p {
        margin-bottom: 1.2em;
        line-height: 1.5;
    }
    h1,
    .h1 {
        font-size: 32px;
        margin: 0 !important;
        margin-bottom: 1.2em !important;
    }
    h2,
    .h2,
    .h2_l-s {
        font-size: 24px !important;
        margin: 0 !important;
        margin-bottom: 1.2em !important;
    }

    .t2 {
        font-size: 24px !important;
        margin: 0 !important;
    }

    h3,
    .h3 {
        font-size: 18px;
        margin: 0 !important;
        margin-bottom: 0.9em !important;
    }
    #servises-list div[id^="bx_"] {
        margin-bottom: 60px;
    }
    #servises-list div[id^="bx_"]:last-child {
        margin-bottom: 0;
    }
    .objects-list__item {
        display: flex;
        flex-direction: column;
        margin: 0;
        margin-bottom: 20px;
    }
    .objects-list__item > div {
        width: auto;
        margin-bottom: 20px;
        padding: 0;
    }

    .dir-company .benefits p {
        margin: 0;
        padding: 0;
        margin-bottom: 30px !important;
        display: block;
    }

    .dir-company .vacancy-photo {
        height: auto;
        display: flex;
        gap: 20px;
        margin: 0;
    }
    .dir-company .vacancy-photo__photo-left,
    .dir-company .vacancy-photo__photo-right {
        aspect-ratio: 3/4;
        height: initial;
        width: initial;
        flex: 1 1 50%;
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        top: initial;
    }
    .dir-company .benefits p::before {
        top: 0;
        left: -14px;
    }
    .dir-company .benefits {
        padding: 0;
    }

    .dir-company .benefits > .row > div:last-child {
        display: none;
    }

    .dir-company .photo-grid {
        margin: 0;
    }
    .dir-company .contact-us {
        padding: 0;
        margin: 0;
        margin-top: 60px;
    }

    .dir-company .feedback-form {
        padding: 0;
        margin: 0;
    }
    .reviews-list {
        display: block;
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 60px !important;
    }
    .reviews-list .reviews-slider__item {
        float: initial;
        width: auto;
        height: auto;
        padding: 0;
        margin-bottom: 40px !important;
    }
    .reviews-list .reviews-slider__item:last-child {
        margin-bottom: 0 !important;
    }
    .dir-reviews .grey-block-2::before {
        background: none;
    }
    .news-list {
        margin: 0;
        display: block;
    }
    .news-list__item {
        width: auto;
        padding: 0;
        float: initial;
        margin-bottom: 40px;
    }
    .news__date {
        position: relative;
        top: 0;
        left: 0;
    }
    .news__img {
        margin-bottom: 0;
        margin-left: 0;
        width: auto;
        height: 220px;
    }
    #search .search-page {
        width: 100%;
        padding-left: var(--sidebar-width);
    }
    .scroll-banner__logo {
        display: none !important;
    }
    .pad-right {
        padding-right: 0;
    }
    .search-window form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #search input[name="q"] {
        width: 100% !important;
    }
    #search input[type="submit"] {
        width: 100% !important;
    }
    .search-window {
        padding-left: 0 !important  ;
        padding-right: 0 !important  ;
    }
    .portfolio-slider__title {
        font-size: 18px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 10px;
        max-height: 100px;
    }

    .portfolio-slider .owl-nav {
        display: none;
    }
    .portfolio-slider__image {
        height: 300px !important;
    }
    .front-products__item-title {
        font-size: 22px;
    }
    .shadow > .content {
        /* padding-top: 60px; */
        padding-top: 0 !important;
    }
    .scroll-banner__content {
        position: initial;
        width: calc(100% - 20px);
    }
    .scroll-banner__contacts {
        display: none !important;
    }
    .main-title {
        float: initial;
        margin: 0 !important;
        margin-top: 40px !important;
        width: auto;
        max-width: 400px;
        padding-top: 40px;
    }
    .main-title {
        font-size: 16px;
    }
    .main-title h1 {
        position: initial !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin-bottom: 30px;
        font-size: 24px !important;
    }
    body .contacts-block {
        position: initial;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: auto;
    }
    .scroll-banner__menu {
        position: initial;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    #scroll-banner {
        height: auto;
        padding-top: 60px;
        padding-left: calc(var(--sidebar-width) + var(--content-h-padding));
        padding-bottom: 50px;
    }
    .scroll-banner__left {
        position: initial;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: initial;
    }
    .scroll-banner__logo {
        /* display: none !important; */
        transform: scale(0.7);
    }
    .sidebar {
        z-index: 999;
    }
    .page__block {
        margin-bottom: 80px;
    }
    .content > .br-5:first-child {
    }
    .main-menu {
        display: flex;
        width: auto;
        margin-top: 40px;
    }
    .main-menu__left {
        float: initial;
    }
    .main-menu__right {
        float: initial;
        margin-left: 0 !important;
    }
    html {
        min-width: initial;
    }
    .content {
        padding-left: 0;
        padding-left: calc(var(--sidebar-width) + var(--content-h-padding));
        padding-right: var(--content-h-padding);
        width: 100vw;
    }
    .page__head {
        padding-left: calc(var(--sidebar-width) + var(--content-h-padding));
        height: auto !important;
        margin: 70px 0 30px;
    }
    .page__breadcrumb {
        float: initial;
        margin-top: 0;
    }

    .page__block#portfolio .owl-prev {
        left: -34px;
    }
    .page__block#portfolio .owl-next {
        right: -34px;
    }
    .block__description {
        width: auto;
    }
    .front-products__item {
        height: auto;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .front-products__item > a {
        display: block;
    }
    #products .pad-right {
        padding: 0;
    }

    .front-products__item-back {
        height: 100%;
        width: calc(100% - 150px);
        right: 0;
        left: initial;
    }
    .front-products__item-submenu {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .front-products__item .front-products__item-title {
        top: 0;
        position: relative;
        margin-top: 20px;
        display: inline-block;
    }
    .front-products__item .front-products__item-title span {
        text-shadow: 0 1px 0px #dbdbdb80;
        /* color: white */
    }
    .front-products__item .front-products__item-title span span {
        /* display: inline-block !important;
        position: absolute;
        top:0;
        left:0;
        color: #060c27;
        max-width: 150px;
        overflow: hidden;
        white-space: nowrap; */
    }
    .front-products__item-submenu a {
        line-height: 1.4;
    }

    #video .gray-merge {
        display: none;
    }

    #video .grey-block {
    }
    #video .green-back.pad-bottom {
        padding-bottom: 0;
        padding: 40px 0;
    }

    #reviews .pad-right {
        padding-right: var(--content-h-padding);
    }

    #support .block__description p:last-child {
        margin-top: 40px;
    }
    .reviews-block__title {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .reviews-block__slider {
        margin-left: 0;
        margin-top: 40px;
    }
    .reviews-block__slider .owl-item {
        padding: 0;
    }
    .reviews-block__slider .owl-dots {
        padding: 0;
        z-index: 1;
        padding-top: 0px;
        top: 0;
    }
    .reviews-slider__item {
        padding: 0;
        padding-right: 20px;
    }

    #partners .block__title {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    #partners .grey-block-2 {
        display: flex;
        flex-direction: column;
    }
    #partners .pad-right {
        padding-right: var(--content-h-padding);
    }

    .parnters-block {
        margin-left: 0 !important;
        margin-top: 20px;
    }
    .parnters-block__item {
        height: 120px !important;
        background-size: 70% !important;
    }

    .dir-catalog .content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 60px;
    }

    .dir-catalog .two-collumn {
        column-count: 1;
        line-height: 1.4;
    }

    .catalog-menu__h1 {
        position: initial;
        top: 0;
    }
    .catalog-menu tr {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .catalog-section {
        margin-bottom: 40px;
    }
    .catalog-section:last-child {
        margin-bottom: 0px;
    }

    .catalog-section__row {
        margin: 0;
    }

    .catalog-section__item {
        float: initial;
        width: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .catalog-section__item.catalog-section__item_small {
        float: initial;
        width: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .catalog-menu__sections {
        padding-top: 0 !important;
    }
    .catalog-section .section-item {
        height: auto !important;
    }
    .section-item_empty h3 {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .section-item__name {
        position: relative;
        padding: 60px 0 !important;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --content-h-padding: 16px;
    }
    .content p {
        font-size: 15px;
    }
    .scroll-banner {
        margin-bottom: 40px;
    }
    .fly-form {
        padding: 0;
    }
    .portfolio-slider__image {
        height: 200px !important;
    }
    .recall-form .input-group {
        width: 100%;
    }
    .recall-form input#name,
    .recall-form input#phone {
        width: 100%;
    }

    .recall-form_inner .input-group {
        width: 100%;
    }
    .recall-form_inner input#name,
    .recall-form_inner input#phone {
        width: 100%;
    }

    .dir-catalog .content {
        margin-bottom: 40px;
    }

    .sidebar__menu {
        margin-left: 40px;
    }
    .sidebar__menu a {
        font-size: 16px;
        padding: 10px 0;
    }
    .btn-1 {
        margin-bottom: 10px;
    }
    .styled-list li {
        font-size: 14px !important;
        padding: 6px 0 6px 20px !important;
        line-height: 1.3;
    }
    h1 {
        font-size: 28px;
    }
    h2,
    .h2,
    .h2_l-s {
        font-size: 22px !important;
    }
    .calc__title {
        font-size: 22px !important;
    }
    .calc-step__title {
        font-size: 16px !important;
    }
    .ajax-page .one__title,
    .block-for-input label {
        font-size: 12.99px;
    }
    .t2 {
        font-size: 22px !important;
        margin: 0 !important;
    }

    h3 {
        font-size: 17px;
    }
    .portfolio-slider__title {
        font-size: 17px !important;
    }
    .front-products__item-title {
        font-size: 20px;
    }
    .content {
        font-size: 14px;
    }
    .title.underline span,
    h2.underline span {
        font-size: 26px;
    }
    .contacts-block__phone {
        font-size: 21px !important;
    }
    .contacts-block__call-button {
        font-size: 16px !important;
    }
    .main-title {
        font-size: 15px;
    }
    .main-title h1 {
        font-size: 20px !important;
    }
    .main-menu__link {
        font-size: 16px !important;
    }
    .scroll-banner__logo {
        transform: scale(0.5);
    }
    .page__block {
        margin-bottom: 70px;
    }
    :root {
        --sidebar-width: 50px;
    }
    .sidebar {
        left: -350px;
    }
    .sidebar__toggle {
        width: 50px;
        padding: 0;
        background-position: 12px 26px;
    }
    .search-toggle {
        width: 50px !important;
        height: 50px;
        top: 70px;
    }
    .sidebar__contacts {
        right: 8px !important;
    }
    .sidebar .btn-icon {
        right: 5px;
    }
    .footer {
        display: flex;
        flex-direction: column;
    }
    .footer__left {
        width: auto;
        position: relative;
    }
    .footer__map-new {
        width: auto;
        position: relative;
        margin: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --content-h-padding: 14px;
    }
    .content p {
        font-size: 15px;
    }
    .sidebar .btn-icon {
        right: 5px;
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 26px;
        padding-right: 1px;
    }

    .dir-catalog .content {
        margin-bottom: 30px;
    }

    .dir-catalog .shadow > .content {
        /* padding-top: 20px !important; */
    }

    .sidebar {
        width: 320px;
        left: -268px;
    }
    :root {
        --sidebar-width: 40px;
    }
    .sidebar {
        left: -278px;
    }
    .sidebar__toggle {
        width: 40px;
        background-size: 55%;
        background-position: 9px 26px;
    }
    .search-toggle {
        width: 40px !important;
        font-size: 22px;
        height: 40px;
        top: 60px;
    }
    .social-icon {
        padding: 5px !important;
        width: 30px !important;
        height: 30px !important;
    }
    .sidebar__contacts {
        right: 6px !important;
    }
    h1 {
        font-size: 24px;
    }
    h2,
    .h2,
    .h2_l-s {
        font-size: 20px !important;
    }

    .t2 {
        font-size: 20px !important;
        margin: 0 !important;
    }

    h3 {
        font-size: 16px;
    }
    #portfolio .row::before {
        display: none;
    }
    .portfolio-slider__title {
        font-size: 14px !important;
        max-height: 100px;
    }
    .portfolio-slider__item {
        gap: 7px !important;
    }
    .title.underline span,
    h2.underline span {
        font-size: 22px;
    }
    .front-products__item-title {
        font-size: 18px;
    }
    .content {
        font-size: 12.99px;
    }
    .contacts-block__phone {
        font-size: 18px !important;
    }
    .contacts-block__call-button {
        font-size: 15px !important;
    }
    .main-title {
        font-size: 14px;
    }
    .main-title h1 {
        font-size: 18px !important;
    }
    .main-menu__link {
        font-size: 15px !important;
    }
    .scroll-banner__logo {
        transform: scale(0.3);
    }
    .shadow > .content {
        /* padding-top: 40px !important; */
    }
    .page__block {
        margin-bottom: 50px;
    }
}

.main-title{
    margin-top: calc(57vh - 150px);
}

@media screen and (min-width: 992px) and (max-height: 863px){
    .main-title {
        background: none;
        padding-top: 10px;
        margin-top: calc(67vh - 150px);
    }
    .scroll-banner__menu {
        bottom: 80px !important;
    }
}

@media screen and (min-width: 992px) and (max-height: 788px){
    .contacts-block {
       top: 58px !important;
    }
    .main-title {
        font-size: 16px !important;
        margin-top: calc(62vh - 150px);
    }
    .main-title h1{
        font-size: 20px !important;
    }
}