@media only screen and (min-width: 1025px) {
    .compensate-for-scrollbar .headline {
        padding-right: 17px;
    }

    .modal-open .headline {
        padding-right: 17px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    .sidebar {
        margin-right: 20px;
    }

    .headline__contacts .column-contacts:not(:last-child) {
        margin-right: 15px;
    }

    .headline__request {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .catalog-item__buttons .btn span {
        font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .article-row:not(.slick-initialized) {
        display: block;
    }

    .adv-item__top {
        flex-wrap: wrap;
        gap: 25px;
    }

    .article-img {
        width: 460px;
   
        margin: 0 0 16px;
    }

    .sidebar {
        margin-right: 20px;
    }

    .headline__contacts .column-contacts:not(:last-child) {
        margin-right: 15px;
    }

    .sidebar-nav .column-nav {
        width: 100%;
    }

    .sidebar-nav .column-nav:nth-child(2) {
        /* width: 25%; */
        width: 100%;
        grid-row-start: 2;
        grid-column-start: 1;
        position: relative;
        top: -20px;
    }
    .sidebar-nav .flex-nav {
        display: grid;
        grid-template-columns: 1fr 220px 180px;
        grid-row-gap: 35px;
        margin: 0 15px;
        padding: 40px 0 40px;
    }

    .ways-tabs .tab-pane {
        padding: 40px 20px 46px;
    }

    .clients-col {
        width: 33.333333%;
    }

    .events-col {
        width: 50%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .clients-col {
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .article-img {
        flex-shrink: 0;
        width: 460px;
        float: left;     
    }

    .article-content {
       width: calc(100% - 460px);
    }

    .sidebar-nav .column-nav:nth-child(1) {
        /*width: 50%;*/
        width: 100%;
    }

    .sidebar-nav .column-nav:nth-child(2) {
        /*width: 25%;*/
        width: 100%;
        grid-row-start: 2;
        grid-column-start: 1;
        position: relative;
        top: -20px;
    }

    .sidebar-nav .column-nav:nth-child(3) {
        /*width: 25%;*/
        width: 100%;
    }

    .ways-tabs .tab-pane {
        padding: 60px 60px 66px;
    }

    .ways-article .img-article {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ways-article .cnt-article {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 50px 0 0;
    }

    .clients-col {
        width: 25%;
    }

    .events-col {
        width: 33.333333%;
    }
}


/* Десктоп (по умолчанию) */
.scroll-table {
  border-collapse: collapse;
  width: 100%;
}

/* Границы ячеек для десктопа */
.scroll-table td,
.scroll-table th {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

/* Мобильные устройства до 767px */
@media (max-width: 767px) {
  .scroll-table {
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    white-space: nowrap;
    border: none !important;         /* Убираем рамку */
    margin: 0;
    padding: 0;
  }

  .scroll-table td,
  .scroll-table th {
    border: 1px solid #ccc;          /* Сохраняем внутренние границы */
    padding: 8px;
  }
}






@media only screen and (min-width: 1100px) {
    .production-col:not(.full) {
        width: 25%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
    .production-col:not(.full) {
        width: 33.333333%;
    }
}

@media only screen and (max-width: 1023px) {
    .ways-article .img-article {
        margin: 0 0 30px;
    }

    .ways-article {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .headline__request {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .balloon-title {
        font-size: 16px;
    }

    .balloon-content {
        font-size: 14px;
    }

    .projects-tabs__title {
        display: none;
    }

    .footer-list__link {
        font-weight: 700;
    }

    .sidebar-list__link {
        font-weight: 700;
    }

    .sidebar-request {
        display: none;
    }

    .headline__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .certificates-column, .letters-column {
        padding-left: 12px;
        padding-right: 12px;
    }

    .catalog-list[data-view="line"] .catalog-item__buttons {
        margin-top: 12px;
    }

    .catalog-item__count {
        margin-top: 12px;
    }

    .catalog-item__content ul li:not(:last-child) {
        margin-bottom: 4px;
    }

    .catalog-list[data-view="line"] .catalog-item__content {
        margin-top: 3px;
    }

    .catalog-list[data-view="line"] .catalog-item__content {
        width: calc(100% - 404px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .catalog-list[data-view="line"] .catalog-item__bottom {
        width: 204px;
    }

    .tooltip-wrap::before,
    .tooltip-wrap::after {
        top: 50%;
        margin-top: -12px;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

    .tooltip-wrap::before {
        left: 2px;
        border-right: 12px solid #d5d5d5;
    }

    .tooltip-wrap::after {
        left: 3px;
        border-right: 12px solid #ffffff;
    }

    .tooltip-inner p {
        font-size: 14px;
    }

    .tooltip-wrap {
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 257px;
        padding-left: 14px;
    }

    .catalog-info__scroll {
        max-height: 230px;
    }

    .form-success p {
        font-size: 24px;
        margin-left: 20px;
    }

    .request_small .request-form .btn {
        width: 100%;
    }

    .request_small .request-form .form-group:not(.full):not(:first-child) {
        width: 23%;
    }

    .request_small .request-form .form-group:first-child {
        width: 31%;
    }

    .request_small h4 {
        font-size: 22px;
    }

    .card-tabs .nav-tabs::before {
        content: "";
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 10px;
        height: 1px;
        background-color: #DCDCDC;
    }

    .card-tabs .nav-tabs .nav-link {
        font-size: 20px;
    }

    .card-doc {
        max-width: 360px;
        border: 1px solid #DCDCDC;
    }


    .card-doc ul {

        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }


    .card-doc ul li {
        margin: 0 0 10px 0;
    }

    .card-doc ul li:last-child {
        margin: 0;
    }

    .pagination ul li span,
    .pagination ul li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

   .pagination ul li .current {padding:10px; background:#FF4C01; color:#fff; }
   
   
    .pagination ul li:not(:last-child) {
        margin-right: 12px;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #FF4C01;
        border-radius: 50%;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow:hover {
        background-color: #FF4C01;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow:hover svg path {
        stroke: #ffffff;
        fill: #ffffff;
    }

    .services-item {
        display: block;
    }

    .scroll-bottom__mouse::after {
        margin-left: -2px;
        top: 6px;
        width: 4px;
        height: 8px;
        border: 1px solid #ffffff;
        border-radius: 2px;
        -webkit-animation: mouse .5s ease-in-out infinite alternate;
        animation: mouse .5s ease-in-out infinite alternate;
    }

    .scroll-bottom__mouse {
        width: 20px;
        height: 34px;
        border: 2px solid #ffffff;
        border-radius: 10px;
    }

    .scroll-bottom__title {
        font-size: 15px;
        margin-left: 16px;
    }

    .footer-copyright p:not(:last-child) {
        border-bottom: 1px solid #7d7f88;
        padding-bottom: 20px;
    }

    h5 {
        font-size: 18px;
    }

    .inp-checkbox:not(.empty) .checkbox__box {
        top: -1px;
    }

    .catalog-list[data-view="column"] .catalog-item__bottom {
        margin-top: 10px;
    }

    .catalog-list[data-view="column"] .catalog-item__label {
        right: -1px;
        top: -1px;
    }

    .catalog-list[data-view="line"] .catalog-item__label {
        left: -1px;
        top: -1px;
    }

    .catalog-item__price {
        font-size: 18px;
    }

    .catalog-item__img {
        max-width: 200px;
        height: 200px;
    }

    .catalog-sort {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .catalog-list[data-view="column"] .catalog-column {
        width: 33.333333%;
    }

    .catalog-list[data-view="line"] .catalog-column {
        width: 100%;
    }

    .card-price {
        font-size: 30px;
    }

    .card__label {
        position: relative;
        top: -1px;
    }

    .card-big__item {
        height: 396px;
    }

    .card-big {
        height: 396px;
    }

    .card-left {
        width: 362px;
        flex-shrink: 0;
    }

    .card-center {
        width: calc(100% - 362px - 264px);
    }

    .card-center__inner {
        padding: 0 50px;
    }

    .card-right {
        width: 264px;
        flex-shrink: 0;
    }

    .basket-icon {
        right: 80px;
        top: 110px;
        width: 62px;
        height: 62px;
    }

    .adv-col {
        width: 33.333333%;
    }

    .steps-row {
        margin-top: -76px;
    }

    .steps-col {
        width: 25%;
        margin: 76px 0 0;
    }

    .docs-col {
        width: 50%;
    }

    .contacts-info li span:nth-child(1) {
        width: 288px;
        padding-right: 24px;
    }

    .contacts-info li span:nth-child(2) {
        width: calc(100% - 288px);
    }

    .contacts-bottom {
        margin-top: 60px;
    }

    .contacts-top {
        margin-bottom: 60px;
    }

    .contacts-list li {
        font-size: 18px;
    }

    .contacts-top__left {
        width: 30%;
    }

    .contacts-top__right {
        width: 70%;
    }

    .priorities-item p {
        font-size: 20px;
    }

    .priorities-row {
        margin-top: -25px;
    }

    .priorities-column {
        width: 50%;
        margin: 25px 0 0;
    }

    .advantages .priorities-column {
        width: 100%;
        margin: 25px 0 0;
    }

    .points-items li {
        font-size: 20px;
    }

    .points-content__inner {
        padding-top: 4px;
    }

    .points-list {
        width: 30%;
    }

    .points-content {
        width: 70%;
    }

    .sidebar-sublist li {
        font-size: 18px;
    }

    .sidebar-sublist {
        margin-top: 20px;
    }

    .sidebar-list__link {
        font-size: 20px;
    }

    .sidebar-burger__title {
        display: inline-block;
    }

    .footer-list__link {
        font-size: 18px;
    }

    .footer-sublist {
        margin-top: 20px;
    }

    .footer-contacts__item .list-contacts li a {
        font-size: 18px;
    }

    .brand-title {
        font-size: 30px;
    }

    .footer-copyright p {
        font-size: 13px;
    }

    .footer-copyright__meta {
        font-size: 13px;
    }

    .footer-column:nth-child(1) {
        width: 60%;
    }

    .footer-column:nth-child(2) {
        width: 40%;
    }

    .footer-list:first-child {
        margin-top: 10px;
    }

    .nav-tabs .nav-link {
        font-size: 18px;
    }

    .projects-map {
        height: 437px;
    }

    .reviews-content__inner p {
        font-size: 24px;
    }

    .reviews-info {
        width: 264px;
    }

    .certificates-item__img, .letters-item__img {
        height: auto;
    }

    .certificates-column, .letters-column {
        width: 25%;
    }

    .clients-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 2px;
    }

    .clients-column {
        width: 16.666667%;
        margin-top: -1px;
    }

    .advantages-row {
        margin-top: -40px;
    }

    .advantages-column {
        width: 33.333333%;
        margin-top: 40px;
    }

    .services-item {
        padding: 30px 30px 60px;
    }

    .services-item__content p {
        font-size: 20px;
    }

    .services-row {
        margin-top: -60px;
        padding-bottom: 30px;
    }

    .services-column {
        width: 33.333333%;
        margin-top: 60px;
    }

    h1, h2, h3 {
        margin-bottom: 50px;
    }

    .section {
        padding: 80px 0 80px;
    }

    .boss {
        padding-top: 40px;
    }

    .boss:only-child {
        padding-bottom: 120px;
    }

    .request_small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .scroll-bottom__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hello-inner p {
        font-size: 40px;
    }

    .hello {
        min-height: 590px;
        padding: 110px 0 110px;
    }

    .phone-label {
        font-size: 18px;
        padding: 19px 22px 19px;
    }

    .phone-label::before {
        padding: 19px 22px 19px;
    }

    .brand-title {
        display: block;
    }

    .sidebar-nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background-color: #ffffff;
        border-top: 1px solid #F0F0F0;
        -webkit-transition: 0.45s ease-in-out;
        transition: 0.45s ease-in-out;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    html.is-sidebar .sidebar-nav::before,
    html.is-sidebar .sidebar-nav::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background-color: #ffffff;
    }

    html.is-sidebar .sidebar-nav::before {
        height: 25px;
        bottom: -25px;
        -webkit-box-shadow: 0 0 25px 0 rgba(160, 160, 160, 0.3);
        box-shadow: 0 0 25px 0 rgba(160, 160, 160, 0.3);
    }

    html.is-sidebar .sidebar-nav::after {
        height: 50px;
        bottom: -10px;
    }

    html:not(.is-sidebar) .sidebar-nav {
        z-index: -1;
        opacity: 0;
        height: 0;
        overflow: hidden;
    }

    .sidebar-nav .column-nav {
        padding: 0 24px;
    }

    body {
        font-size: 16px;
    }

    h1 {
        font-size: 34px;
    }

    .chief__typical.h1 {
        margin-bottom: 50px;
    }

    .btn {
        padding: 15px 25px 15px;
        font-size: 16px;
    }

    h2 {
        font-size: 34px;
    }

    .chief__typical.h2 {
        margin-bottom: 50px;
    }

    .production-items {
        margin-top: 10px;
    }

    .production-item {
        padding: 20px 20px 30px;
    }

    .production-item .img-item {
        margin: 0 -20px;
    }

    .production-item .icon {
        right: 20px;
        top: 20px;
    }

    .icon-production {
        width: 30px;
        height: 30px;
    }

    .production-item .title-item {
        min-height: 46px;
    }

    .production-item .hover-item {
        font-size: 16px;
        padding: 20px 20px 20px;
    }

    .production-info {
        padding: 30px 30px 38px;
    }

    h3 {
        font-size: 30px;
    }

    .chief__typical.h3:not(:last-child) {
        margin-bottom: 30px;
    }

    .production-info p {
        font-size: 20px;
    }

    h4 {
        font-size: 19px;
    }

    .ways-tabs .nav-link {
        font-size: 24px;
    }

    .article p {
        font-size: 16px;
    }

    .events-item .img-item {
        height: 250px;
    }

    .events-item .hover-item {
        font-size: 16px;
    }

    .events-item .hover-item .title {
        max-width: 200px;
    }

    .request-form .form-group:not(.full) {
        width: 33.333333%;
    }

    .request-form .form-group.full {
        width: 100%;
    }

    .request-form {
        margin-top: 50px;
    }

    .form-control {
        padding: 15px 26px 15px;
        font-size: 16px;
    }

    .form-group:not(:last-child) {
        margin-bottom: 30px;
    }

    .inp-checkbox label {
        font-size: 14px;
    }

    .inp-checkbox .checkbox__box {
        width: 30px;
        height: 30px;
    }

    .inp-checkbox .checkbox__box::after {
        left: 6px;
        top: 8px;
    }

    .inp-checkbox {
        min-height: 30px;
        padding: 5px 0 0 40px;
    }

    .inp-checkbox.empty {
        min-height: 30px;
        padding-left: 30px;
    }

    .for-mobile {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .catalog-filter__open,
    .catalog-filter__btn,
    .catalog-filter__head {
        display: none;
    }

    .catalog-filter__item {
        background-color: #F9F9F9;
        border-radius: 5px;
    }

    .catalog-left {
        width: 294px;
        margin-top: 46px;
    }

    .catalog-right {
        width: calc(100% - 294px);
    }
}

@media only screen and (max-width: 1199px) {
    html.is-filter-lock {
        overflow: hidden;
    }

    .catalog-left,
    .catalog-right {
        width: 100%;
    }

    .catalog-filter__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        background-color: #F0F0F0;
        padding: 9px 15px 11px;
    }

    .catalog-filter__reset:not([class*="_mob"]) {
        display: none;
    }

    .catalog-filter__reset_mob {
        position: absolute;
        left: 15px;
        top: 10px;
        z-index: 1;
    }

    .catalog-filter__scroll {
        height: 100%;
        overflow-y: auto;
        padding: 60px 0 100px;
    }

    .catalog-filter__scroll::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background-color: transparent;
    }

    .catalog-filter__scroll::-webkit-scrollbar-thumb,
    .catalog-filter__scroll::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .catalog-filter {
        position: fixed;
        left: 100%;
        top: 0;
        z-index: 101;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        -webkit-transition: 0.45s ease-in-out;
        transition: 0.45s ease-in-out;
    }

    html.is-filter .catalog-filter {
        left: 0;
    }

    .catalog-filter__item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .catalog-filter__item:first-child {
        padding-top: 0;
        padding-bottom: 0;
    }

    .catalog-filter__item:not(:first-child) {
        background-color: #F9F9F9;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    body.post-type-archive-product .main,
    body.post-type-archive-product .main-wrapper {
        overflow: visible;
    }

    .catalog-left {
        position: sticky;
        top: var(--catalog-sticky-top, 0px);
        z-index: 99;
        align-self: flex-start;
        margin-bottom: 20px;
    }

    html.is-filter .catalog-left {
        z-index: 102;
    }
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
    .catalog-list[data-view="column"] .catalog-column {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .priorities-row.number_section {
        column-count: 1;
    }
    .mobile-ex-slider {
        margin-right: -15px;
        margin-left: -10px;
    }

    .example-slider-arrows.slick-arrows {
        display: block;
    }


    .mobile-ex-slider .slick-slide {
        margin: 0 10px;
    }

    .mobile-ex-slider .slick-slide img {
        max-width: 100%;
        border-radius: 10px;
    }

    .docs-row {
        margin-top: -20px;
    }

    .balloon-title {
        font-size: 14px;
    }

    .balloon-content {
        font-size: 12px;
    }

    .projects-tabs .tab-content {
        margin-top: 20px;
    }

    .projects-tabs__title {
        position: relative;
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        padding-right: 23px;
    }

    .projects-tabs .nav-wrap:not(:hover) .nav-tabs {
        display: none;
    }

    .projects-tabs .nav-wrap:hover .projects-tabs__title::after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .projects-tabs__title::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -4px;
        width: 13px;
        height: 8px;
        background-image: url("../img/icons/projects-arrow.svg");
        background-size: 100% 100%;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

    .projects-tabs .nav-link {
        font-weight: 400;
        font-size: 14px;
        padding: 0;
    }

    .projects-tabs .nav-link:not(.active) {
        color: #2F3441;
    }

    .projects-tabs .nav-link::after {
        display: none;
    }

    .projects-tabs .nav-tabs {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 15px;
        -webkit-box-shadow: 0 0 20px 0 rgba(175, 175, 175, 0.25);
        box-shadow: 0 0 20px 0 rgba(175, 175, 175, 0.25);
        margin-top: 10px;
    }

    .projects-tabs .nav-item {
        top: 0;
    }

    .projects-tabs .nav-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 7px;
    }

    .projects-tabs .nav-tabs::after {
        display: none;
    }

    .projects-tabs .nav-wrap {
        position: relative;
        z-index: 1;
        overflow: visible;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .projects-tabs .nav-item:first-child {
        display: none;
    }

    .footer-list {
        margin-top: -1px;
    }

    .footer-list__link {
        position: relative;
        display: block;
        border: solid #ffffff;
        border-width: 1px 0 1px;
        cursor: pointer;
        padding: 15px 0;
        font-size: 14px;
    }

    .footer-list.is-open .footer-list__link::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .footer-list__link::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background-color: #ffffff;
        border-radius: 50%;
        background-image: url("../img/icons/sidebar-arrow.svg");
        background-size: 100% 100%;
        -webkit-transition: 0.45s ease-in-out;
        transition: 0.45s ease-in-out;
    }

    .footer-contacts__item .list-contacts li {
        display: inline-block;
    }

    .footer-contacts__item .list-contacts li:not(:last-child) {
        margin-right: 10px;
    }

    .sidebar-list.is-open .sidebar-list__link::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .sidebar-list__link {
        position: relative;
        display: block;
        text-transform: uppercase;
        border: solid #DCDCDC;
        border-width: 1px 0 1px;
        cursor: pointer;
        padding: 15px 20px;
    }

    .sidebar-list__link::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background-image: url("../img/icons/sidebar-arrow.svg");
        background-size: 100% 100%;
        -webkit-transition: 0.45s ease-in-out;
        transition: 0.45s ease-in-out;
    }

    .sidebar-nav .column-nav:not(:first-child) {
        margin-top: -1px;
    }

    .sidebar-request {
        position: absolute;
        left: 0;
        bottom: 35px;
        right: 0;
        z-index: 1;
        background-color: #ffffff;
        padding: 5px 15px;
    }

    .sidebar-request .btn {
        width: 100%;
    }

    .headline__contacts {
        display: none;
    }

    .slick-arrows {
        display: none;
    }

    .certificates-row .slick-slide, .letters-row .slick-slide {
        width: 230px;
    }

    .advantages-row .slick-slide {
        width: 100vw;
    }

    .catalog-list[data-view="line"] .catalog-item__bottom {
        display: contents;
        margin-top: 0;
    }

    .catalog-list[data-view="line"] .catalog-item__price {
        position: static;
        grid-area: price;
        min-width: 0;
    }

    .catalog-list[data-view="line"] .catalog-item__content h6 {
        position: static;
        grid-area: title;
        min-width: 0;
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

    .catalog-item__content ul {
        grid-area: details;
        min-width: 0;
        font-size: 11px;
    }

    .catalog-item__content ul li:not(:last-child) {
        margin-bottom: 3px;
    }

    .catalog-list[data-view="line"] .catalog-item__content {
        display: contents;
        margin-top: 0;
    }

    .catalog-list[data-view="line"] .catalog-item {
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        grid-template-areas:
            "image title"
            "image price"
            "details details"
            "count buttons";
        align-items: start;
        column-gap: 12px;
        row-gap: 10px;
        position: relative;
    }

    .catalog-list[data-view="line"] .catalog-item__img {
        grid-area: image;
        width: 80px;
        height: 80px;
        max-width: 80px;
        align-self: start;
    }

    .catalog-list[data-view="line"] .catalog-item__count {
        grid-area: count;
        min-width: 0;
        margin-top: 0;
    }

    .catalog-list[data-view="line"] .catalog-item__buttons {
        grid-area: buttons;
        min-width: 0;
        margin-top: 0;
    }

    .tooltip-wrap::before,
    .tooltip-wrap::after {
        left: 50%;
        margin-left: -12px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
    }

    .tooltip-wrap::before {
        bottom: 2px;
        border-top: 12px solid #d5d5d5;
    }

    .tooltip-wrap::after {
        bottom: 3px;
        border-top: 12px solid #ffffff;
    }

    .tooltip-inner p {
        font-size: 12px;
    }

    .tooltip-wrap {
        left: 50%;
        bottom: 100%;
        width: 244px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-bottom: 14px;
    }

    .catalog-info__scroll {
        max-height: 173px;
    }

    .form-success {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 292px;
        text-align: center;
        margin: 0 auto;
        padding-top: 20px;
    }

    .sidebar-nav .flex-nav {
        display: block;
        padding: 0;
        margin: 0;
    }

    .steps-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .request_small .request-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .request_small .request-form .form-group:nth-child(4) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .card-tabs .nav-wrap {
        position: relative;
    }

    .card-tabs {
        position: relative;
    }

    .card-tabs::before {
        content: "";
        position: absolute;
        left: 15px;
        right: -15px;
        top: 43px;
        height: 1px;
        background-color: #DCDCDC;
    }

    .card-char {
        border-top: 1px solid #DCDCDC;
        padding-top: 30px;
        margin-top: 30px;
    }

    .card-info {
        border-top: 1px solid #DCDCDC;
        padding-top: 30px;
        margin-top: 30px;
    }

    .card-doc {
        background-color: #F9F9F9;
    }

    .card-btn .btn {
        width: 100%;
    }

    nav[aria-label="breadcrumb"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        margin-top: -10px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .breadcrumb {
        position: relative;
        top: 10px;
        overflow: hidden;
        overflow-x: scroll;
        padding: 10px 0 0 15px;
    }

    .breadcrumb::after {
        content: "";
        position: relative;
        top: -10px;
        width: 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .breadcrumb::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background-color: transparent;
    }

    .breadcrumb::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    .breadcrumb::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .breadcrumb-item {
        position: relative;
        top: -10px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .pagination {
        margin-top: 50px;
    }

    .pagination ul li span,
    .pagination ul li a {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
    }

      .pagination ul li .current {padding:10px; background:#FF4C01; color:#fff; }
      
    .pagination ul li:not(:last-child) {
        margin-right: 10px;
    }

    .catalog-filter__wrap {
        position: fixed;
        left: 0;
        top: 54px;
        z-index: 101;
        width: 100%;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow {
        display: inline-block;
        text-align: center;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow::before {
        content: attr(data-mob-text);
        font-size: 15px;
        font-weight: 700;
        color: #FF4C01;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow svg {
        display: none;
    }

    .services-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .scroll-bottom__mouse::after {
        margin-left: -5px;
        top: 7px;
        width: 10px;
        height: 12px;
        background-image: url("../img/icons/scroll-bottom.svg");
        background-size: 100% 100%;
        -webkit-animation: mouseMob .5s ease-in-out infinite alternate;
        animation: mouseMob .5s ease-in-out infinite alternate;
    }

    .scroll-bottom__mouse {
        width: 26px;
        height: 26px;
    }

    .scroll-bottom__title {
        font-size: 0;
        margin-left: 6px;
    }

    .scroll-bottom__title::before {
        content: attr(data-mob-text);
        font-size: 12px;
        text-transform: uppercase;
    }

    .catalog-info__content p {
        font-size: 14px;
    }

    .catalog-info__content a {
        font-size: 14px;
    }

    h5 {
        font-size: 16px;
    }

    .inp-checkbox {
        min-height: 25px;
    }

    .inp-checkbox:not(.empty) .checkbox__box {
        top: 0;
    }

    .inp-checkbox:not(:last-child) {
        margin-bottom: 12px;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons-arrow {
        margin-top: 10px;
    }

    .catalog-list[data-view="line"] .catalog-item__buttons-arrow {
        margin-left: 7px;
    }

    .catalog-list[data-view="column"] .catalog-item__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .catalog-list[data-view="column"] .catalog-item__bottom {
        margin-top: 5px;
    }

    .catalog-item__content h6 {
        font-size: 13px;
    }

    .catalog-list[data-view="column"] .catalog-item__label {
        left: -1px;
        top: -1px;
    }

    .catalog-list[data-view="line"] .catalog-item__label {
        left: -1px;
        top: -1px;
    }

    .catalog-item__price {
        font-size: 14px;
    }

    .catalog-item {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 20px;
    }

    .catalog-list[data-view="column"] .catalog-item__img {
        height: 120px;
    }

    .catalog-list[data-view="line"] .catalog-item__img {
        height: 80px;
        max-width: 80px;
    }

    .catalog-sort {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .catalog-list[data-view="column"] .catalog-column {
        width: 50%;
    }

    .catalog-list[data-view="line"] .catalog-column {
        width: 100%;
    }

    .card-tabs .tab-content p {
        font-size: 14px;
    }

    .card-tabs .tab-content ul {
        font-size: 14px;
    }

    .card-tabs {
        margin-top: 40px;
    }

    .card-doc a {
        font-size: 14px;
    }

    .card-info p {
        font-size: 14px;
    }

    .card-price {
        font-size: 24px;
    }

    .card__label {
        left: -1px;
        top: -1px;
    }

    .card-big__item {
        height: 322px;
    }

    .card-big {
        height: 322px;
    }

    .card-left {
        width: 100%;
    }

    .card-center {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .card-right {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 40px;
    }

    .basket-icon {
        right: 12px;
        top: 118px;
        width: 48px;
        height: 48px;
    }

    .adv-item__content p {
        font-size: 14px;
    }

    .adv-col {
        width: 100%;
        margin-top: 30px;
    }

    .adv-row {
        margin-top: -30px;
    }

    .steps-item__arrow {
        display: none;
    }

    .steps-item__top::before {
        display: none;
    }

    .steps-item__content {
        margin-top: 0;
        margin-left: 12px;
    }

    .steps-item__content h4 {
        font-weight: 400;
    }

    .steps-item__top {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .steps-row {
        margin-top: -20px;
    }

    .steps-col {
        width: 100%;
        margin: 20px 0 0;
    }

    .docs-col {
        width: 100%;
        margin: 20px 0 0;
    }

    .article p {
        font-size: 14px;
    }

    .article ul {
        font-size: 14px;
    }

    .article-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .article-img {
        width: 100%;
    }

    .article-content {
        width: 100%;
        margin-top: 20px;
    }

    .contacts-info li span {
        width: 100%;
    }

    .contacts-info li span:nth-child(1) {
        color: #78828E;
    }

    .contacts-info li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
    }

    .contacts-bottom {
        margin-top: 30px;
    }

    .contacts-map {
        margin-left: -15px;
        margin-right: -15px;
    }

    .contacts-top {
        margin-bottom: 50px;
    }

    .contacts-list li {
        font-size: 14px;
    }

    .contacts-top__left {
        width: 100%;
    }

    .contacts-top__right {
        width: 100%;
        margin-top: 30px;
    }

    .priorities-item p {
        font-size: 14px;
    }

    .priorities-row {
        margin-top: -20px;
    }

    .priorities-column {
        width: 100%;
        margin: 20px 0 0;
    }

    .breadcrumb-item {
        font-size: 14px;
    }

    .points-content__inner p {
        font-size: 14px;
    }

    .points-list {
        width: 100%;
        margin-bottom: 30px;
    }

    .points-content {
        width: 100%;
    }

    .sidebar-sublist li {
        font-size: 14px;
    }

    .sidebar-sublist {
        display: none;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: 20px;
    }

    .sidebar-burger__title {
        display: none;
    }

    .footer-sublist li {
        font-size: 12px;
    }

    .footer-sublist {
        display: none;
        overflow: hidden;
        padding-top: 24px;
        padding-bottom: 40px;
    }

    .footer-list:not(:last-child) {
        margin-bottom: 0;
    }

    .footer-contacts {
        margin-bottom: 30px;
    }

    .brand-title {
        font-size: 20px;
    }

    .footer-info {
        padding: 40px 0 70px;
    }

    .footer-copyright p {
        font-size: 10px;
    }

    .footer-copyright {
        background-color: #ffffff;
        color: #2F3441;
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px;
        padding: 30px 15px 30px;
    }

    .footer-copyright__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        font-size: 10px;
    }

    .footer-copyright__meta a {
        border-left: 0;
        padding-left: 0;
        overflow-wrap: anywhere;
    }


    .footer-copyright a.cookie {
    color: #2F3441;
    }



    .footer {
        padding-top: 0;
        padding-bottom: 0;
    }

    .footer-column {
        width: 100%;
    }

    .request-tabs p {
        font-size: 14px;
    }

    .form-success p {
        font-size: 18px;
        margin-top: 25px;
    }

    .projects-cite__content p {
        font-size: 14px;
    }

    .projects-cite {
        margin-top: 30px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .projects-map {
        height: 330px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .reviews-content__bottom span {
        font-size: 14px;
    }

    .reviews-content__bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 17px;
    }

    .reviews-content__inner {
        padding-left: 0;
        padding-top: 27px;
    }

    .reviews-content {
        padding-left: 0;
    }

    .reviews-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .certificates-item__link, .letters-item__link {
        font-size: 14px;
    }

    .reviews-info__content h4 {
        display: none;
    }

    .reviews-info__img {
        display: none;
    }

    .reviews-info {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .certificates-item__link, .letters-item__link {
        font-size: 14px;
    }

    .certificates-item__img, .letters-item__img {
        height: 280px;
    }

    .certificates-row, .letters-row {
        margin-top: -40px;
    }

    .certificates-column, .letters-column {
        width: 100%;
        margin-top: 40px;
    }

    .clients-row {
        margin-top: -20px;
    }

    .clients-row.no-gutters {
        margin-left: -15px;
        margin-right: -15px;
    }

    .clients-row .slick-slide {
        width: 85vw;
    }

    .clients-column {
        width: 100%;
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .advantages-item p {
        font-size: 14px;
    }

    .advantages-row {
        margin-top: -40px;
    }

    .advantages-column {
        width: 100%;
        margin-top: 40px;
    }

    .services-item__content {
        margin-top: 0;
        margin-right: 10px;
    }

    .services-item__icon {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 40px;
    }

    .services-item {
        padding: 20px 20px 46px;
    }

    .services-row {
        margin-top: -40px;
        padding-bottom: 30px;
    }

    .services-column {
        width: 100%;
        margin-top: 40px;
    }

    h1, h2, h3 {
        margin-bottom: 30px;
    }

    .section {
        padding: 40px 0 40px;
    }

    .boss {
        padding-top: 30px;
    }

    .catalog {
        padding-top: 60px;
    }

    .scroll-bottom__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .hello-inner p {
        font-size: 20px;
    }

    .hello-inner {
        padding-left: 0;
    }

    .hello {
        padding: 80px 0 100px;
    }

    .phone-label {
        font-size: 16px;
        padding: 15px 17px 15px;
    }

    .phone-label::before {
        padding: 15px 17px 15px;
    }

    .events-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .events-wrap {
        margin: 0 -5px;
    }

    .inp-checkbox {
        padding: 6px 0 0 37px;
    }

    .inp-checkbox.empty {
        min-height: 25px;
        padding-left: 25px;
    }

    .inp-checkbox .checkbox__box::after {
        left: 4px;
        top: 6px;
    }

    .inp-checkbox .checkbox__box {
        width: 25px;
        height: 25px;
    }

    .inp-checkbox label {
        font-size: 12px;
    }

    .form-group:not(:last-child) {
        margin-bottom: 20px;
    }

    .form-control {
        padding: 13px 15px 13px;
        font-size: 16px;
    }

    .request-form {
        margin-top: 20px;
    }

    .request-tabs .tab-content {
        padding-top: 24px;
    }

    .request {
        padding-top: 30px;
        padding-bottom: 42px;
    }

    .request-form .form-group {
        width: 100%;
    }

    .events-item .hover-item img {
        max-width: 40px;
        height: auto;
    }

    .events-item .hover-item .title {
        max-width: 150px;
        margin-top: 10px;
    }

    .events-item .img-item {
        height: 200px;
    }

    .events-col {
        width: 100%;
    }

    .nav-tabs .nav-item:not(:last-child) {
        margin-right: 25px;
    }

    .ways-tabs .nav-link {
        font-size: 16px;
    }

    .ways-tabs .tab-content {
        margin: 0 -15px;
    }

    .ways-article .img-article {
        display: none;
    }

    .ways-tabs {
        margin-top: 30px;
    }

    .ways-tabs .tab-pane {
        padding: 20px 15px 40px;
    }

    h4 {
        font-size: 16px;
    }

    .more-btn.m-t {
        margin-top: 30px;
    }

    .chief__typical.h3:not(:last-child) {
        margin-bottom: 20px;
    }

    h3 {
        font-size: 18px;
    }

    .btn .hide {
        display: none;
    }

    .production-info {
        padding: 20px 20px 32px;
    }

    .production-item .hover-item .title {
        margin-top: 10px;
    }

    .production-item .hover-item img {
        max-width: 30px;
        height: auto;
    }

    .production-item .hover-item {
        padding: 15px 15px 15px;
    }

    .production-item .title-item {
        font-size: 10px;
        text-transform: uppercase;
    }

    .icon-production {
        width: 18px;
        height: 18px;
    }

    .production-item .icon {
        right: 10px;
        top: 10px;
    }

    .production-item .img-item {
        margin: 0 -10px;
    }

    .production-item {
        padding: 10px 10px 30px;
    }

    .production-items {
        margin-top: -20px;
    }

    .production-desc {
        display: none;
    }

    h2 {
        font-size: 20px;
    }

    .chief__typical.h2 {
        margin-bottom: 30px;
    }

    .production-col:not(.full) {
        width: 50%;
    }

    .btn {
        padding: 14px 24px 14px;
        font-size: 15px;
    }

    .chief__typical.h1 {
        margin-bottom: 30px;
    }

    h1 {
        font-size: 20px;
    }

    .main {
        padding-top: 54px;
    }

    .headline__contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 2px solid #F2F2F2;
        margin: 28px 0 0 0;
        padding: 28px 0 0 0;
    }

    body {
        font-size: 16px;
    }

    .sidebar-nav {
        margin: 0 -15px;
    }

    .brand-img {
        max-width: 174px;
    }

    .sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        background-color: #ffffff;
        overflow: hidden;
        -webkit-transition: 0.45s ease-in-out;
        transition: 0.45s ease-in-out;
        padding: 54px 0 0 0;
        margin-right: 0;
    }

    .sidebar-scroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 70px 15px 130px;
    }

    .sidebar-scroll::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background-color: transparent;
    }

    .sidebar-scroll::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    .sidebar-scroll::-webkit-scrollbar-track {
        background-color: transparent;
    }

    html:not(.is-sidebar) .sidebar {
        left: 100%;
    }

    html.is-sidebar .sidebar {
        left: 0;
    }

    html.is-open .header {
        z-index: 102;
    }

    .headline__contacts .column-contacts:not(:last-child) {
        margin-right: 0;
        margin-top: 15px;
    }

    .headline__contacts .list-contacts li {
        font-size: 16px;
    }

    .headline__contacts .column-contacts:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .headline__contacts .list-contacts a {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .headline__contacts .list-contacts li:not(:last-child) {
        margin-bottom: 10px;
    }

    .is-sidebar-lock {
        overflow: hidden;
    }

    .catalog-item .card-labels {
        flex-direction: column;
        align-items: start;
    }

    .label.card__label.card__life-time {
        display: none;
    }

    .card-big .label.card__label.card__life-time {
        display: block;
    }

    .card-big .label {
        position: relative;
    }

    .slick-arrows {
        max-width: 100px;
    }

    .for-mobile {
        display: block;
    }

    .chief__typical.flex {
        flex-wrap: nowrap;
    }

    .attendant-prod-arrows.slick-arrows, .same-prod-arrows.slick-arrows,
    .prod-1-arrows.slick-arrows, .prod-2-arrows.slick-arrows,
    .prod-3-arrows.slick-arrows, .certificates-arrows.slick-arrows, .letters-arrows.slick-arrows {
        display: block;
        flex: 0 0 90px;
    }

    .slick-prev, .slick-next {
        max-width: 40px;
        max-height: 40px;
        margin-top: 5px;
    }

    .transport-type .row.jc-sb {
        justify-content: center;
    }

    .section.advantages .priorities-item {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 20px;
    }

    .section.advantages .priorities-item:before {
        position: relative;
    }

    .transport__item {
        flex: 0 0 100%;
        border: 1px solid #f0f0f0;
        padding: 16px 20px;
        border-radius: 20px;
    }

    .transport__item .btn.btn-orange {
        width: 100%;
    }

    .transport-type .row.jc-sb {
        padding-left: 15px;
        padding-right: 15px;
        gap: 14px;
    }

    .catalog-list[data-view="line"] .catalog-column .card-labels .show-label {
        display: none !important;
    }

    .catalog-list[data-view="line"] .catalog-column .card-labels .card__label {
        display: block;
    }

    .catalog-list[data-view="line"] .catalog-column .card-labels {
        flex-direction: row;
    }

    .catalog-description {
        padding-top: 40px;
    }

    .logo-img {
        width: 100%;
        max-width: 108px;
    }

    .content-header {
        flex-wrap: wrap;
    }

    .solution-img {
        width: 400px;
        display: block;
        max-width: 100%;
    }
    .adv-row.custom-adv {
        row-gap: 0px;
    }

    .solution__item-wrap img {
        max-height: 180px;
    }
}

@media only screen and (min-width: 481px) {

}

@media only screen and (max-width: 480px) {
    .clients-col {
        width: 100%;
    }

    .solution__item {
        max-height: 180px;
        overflow: hidden;
    }

    .solution__arrow {
        width: 70px;
        height: 70px;
        bottom: 0;
    }

    .solution__item-wrap {
        flex: auto;
    }

}

@media only screen and (max-width: 350px) {
    .catalog-list[data-view="column"] .catalog-item__buttons .btn {
        width: 100%;
        padding-left: 7px;
        padding-right: 7px;
    }

    .catalog-list[data-view="line"] .catalog-item__buttons .btn {
        padding-left: 13px;
        padding-right: 13px;
    }
}

/* Legacy scroll indicator, styled to match the landing-builder HERO. */
@media (min-width: 1101px) {
    .scroll-bottom {
        font: 400 15px/1.3 "Open Sans", Arial, sans-serif;
    }

    .scroll-bottom__title {
        margin-left: 16px;
        font-size: 15px;
        text-transform: none;
    }

    .scroll-bottom__mouse {
        display: inline-flex;
        width: 20px;
        height: 38.6px;
        align-items: flex-start;
        justify-content: center;
        padding-top: 4px;
        border: 2px solid #ffffff;
        border-radius: 10px;
    }

    .scroll-bottom__mouse::after {
        top: 4px;
        left: 50%;
        width: 4px;
        height: 8px;
        margin-left: -2px;
        border: 1px solid #ffffff;
        border-radius: 2px;
        background: none;
        -webkit-animation: mgp-scroll-indicator-wheel .5s ease-in-out infinite alternate;
        animation: mgp-scroll-indicator-wheel .5s ease-in-out infinite alternate;
    }
}

@media (max-width: 1100px) {
    .scroll-bottom {
        font-size: 13px;
    }

    .scroll-bottom__mouse {
        display: inline-flex;
        width: 26px;
        height: 26px;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    .scroll-bottom__mouse::after {
        top: 50%;
        left: 50%;
        width: 10px;
        height: 12px;
        margin: -6px 0 0 -5px;
        border: 0;
        border-radius: 0;
        background: url("../img/icons/scroll-bottom.svg") center / contain no-repeat;
        -webkit-animation: mgp-scroll-indicator-arrow .5s ease-in-out infinite alternate;
        animation: mgp-scroll-indicator-arrow .5s ease-in-out infinite alternate;
    }

    .scroll-bottom__title {
        margin-left: 6px;
        font-size: 0;
        text-transform: uppercase;
    }

    .scroll-bottom__title::before {
        content: attr(data-mob-text);
        font-size: 13px;
        line-height: 1.3;
        text-transform: uppercase;
    }
}

@media (max-width: 767px) {
    .scroll-bottom {
        font-size: 12px;
    }

    .scroll-bottom__title::before {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scroll-bottom__mouse::after {
        -webkit-animation: none;
        animation: none;
    }
}

@media only screen and (max-width: 767px) {
    .section.section_white.hello .scroll-bottom__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .section.section_white.hello .more-btn.m-t {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .section.section_white.hello .more-btn.m-t > .btn,
    .section.section_white.hello .more-btn.m-t > a {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
    }

    .section.section_white.hello .more-btn.m-t > a > .btn {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
    }
}