@media (max-width: 1560px) {

  .header .left-col {
    width: auto;
  }
  .header-nav {
    margin: 0 auto;
  }
  .header-nav li {
    margin-right: 12px;
  }
  .header-nav li:last-child {
    margin-right: 0;
  }
  .header-nav .sep {
    padding-left: 12px;
  }
  .header-mail {
    margin-right: 2px;
  }
  .header-mail a {
    position: relative;
    display: block;
    font-size: 0;
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
  .header-mail a:hover {
    background: rgba(253, 147, 58, 0.15);
  }
  .header-mail a:after {
    content: "\e903";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    color: var(--color-prime);
  }
  .messengers a + a {
    margin-left: 2px;
  }
  .header-tel {
    margin-left: 10px;
    padding-left: 10px;
  }
  .header-tel .item + .item {
    margin-left: 10px;
  }
  .header-menu {
    margin: 0 auto;
  }
  .header-menu > ul > li {
    margin-right: 18px;
  }
  .partner-list {
    margin: 0 -20px;
  }
  .partner-list li {
    margin: 50px 20px 0;
  }
  .slider-preview .item {
    height: 580px;
  }
  .card-content {
    padding-left: 30px;
  }
	.calculator__base-card__img {
		display: none;
	}
  .l-shaped-right {
    margin-left: 30px;
  }
  .performance-aside {
    width: 38%;
  }
  .performance-content {
    width: 59.5%;
  }
  .performance-list {
    margin-top: -40px;
  }
  .performance-card {
    margin-top: 40px;
  }
  .performance-card__val {
    font-size: 64px;
  }
  .performance-card p {
    margin-top: 5px;
    font-size: 21px;
  }
}


@media (max-width: 1500px) {
  .contacts-card__buttons .bt {
    min-width: 100%;
  }
  .service-aside__contact-item {
    font-size: 21px;
  }
  .service-aside .messengers {
    display: block;
  }
  .service-aside .messengers a {
    width: 100%;
  }
  .service-aside .messengers a + a {
    margin-top: 12px;
  }
  .terrace-cost__content {
    padding-right: 60px;
  }
  .terrace-cost__label {
    font-size: 14px;
  }
}


@media (max-width: 1420px) {

  .container {
    padding: 0 70px;
  }
  section {
    padding-top: 70px;
  }
  .header .left-col {
    width: 200px;
  }
  .header-logo img {
    width: 170px;
  }
  .header-menu {
    margin-left: 0;
  }
  .header-nav {
    margin-left: 0;
  }
  .header .left-col .heder-sep {
    display: none;
  }
  .header-showroom {
    display: none;
  }
  .header-menu > ul > li > a {
    height: 70px;
  }
  .preview,
  .page,
  .hero {
    padding-top: 112px;
  }
  .preview-bg  {
    height: auto;
    padding: 212px 0;
  }
  .preview-title {
    font-size: 28px;
  }
  .preview H1 {
    font-size: 60px;
  }
  .preview-buttons {
    margin-top: 50px;
  }
  .online-tools {
    padding-top: 70px;
  }
  .tools-head {
    position: relative;
    width: 100%;
    margin-top: 0;
    padding: 0 0 0 68px;
  }
  .tools-head H2 {
    margin: 0;
  }
  .tools-head img {
    position: absolute;
    left: 0;
    top: 10px;
  }
  .tools-content {
    width: 100%;
    padding-top: 20px;
  }
  .services {
    padding-top: 50px;
  }
  .service-card {
    height: 400px;
  }
  .service-card .title {
    font-size: 26px;
  }
  .catalog-card.rectangle-card .h3 {
    font-size: 26px;
  }
  .catalog-card:not(.rectangle-card) .link-more {
    font-size: 18px;
  }
  .promo-slider .item {
    padding: 0 0 0 75px;
  }
  .promo-slider .content {
    width: 70%;
  }
  .promo-slider .img {
    position: relative;
    width: 30%;
  }
  .project-card {
    height: 354px;
  }
  .project-card.card-2 {
    height: 318px;
  }
  .feedback-form {
    background: url(../i/part2-logo.svg) no-repeat;
    background-position: 100% -10px;
  }
  .stories-slider .slick-arrow {
    top: 42%;
  }
  .history-card .img {
    height: 480px;
  }
  .history-card .link-more {
    font-size: 18px;
  }
  .step-list .item {
    width: 33.333%;
  }
  .advantage {
    margin-top: 70px;
    padding: 80px 0;
  }
  .about-text {
    width: 67.8%;
    padding-right: 20px;
  }
  .about-media {
    width: 32.2%;
    margin-top: 15px;
  }
  .poster .modal-video {
    height: 192px;
  }
  .about-media .link-more {
    margin-top: 15px;
  }
  .icon-play {
    width: 80px;
    height: 80px;
    font-size: 32px;
  }
  .partnership-head {
    width: 75%;
  }
  .partnership-list .sep {
    display: none;
  }
  .partnership-card {
    width: 33.333%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
  }
  .partnership-card:not(:last-child) {
    padding-right: 20px;
    border-right: 1px solid var(--input-border);
  }
  .partnership-card:not(:first-child) {
    padding-left: 20px;
  }
  .partnership-card .link {
    margin-top: auto;
  }
  .partner-list {
    margin: 0;
    padding-top: 14px;
  }
  .partner-list li {
    margin: 36px 30px 0;
  }
  .partner {
    padding-bottom: 60px;
  }
  .partner .link-more {
    margin-top: 25px;
  }
  .footer-top {
    flex-wrap: wrap;
  }
  .footer-content {
    order: 2;
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid var(--input-border);
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .footer-contacts {
    padding-top: 0;
    max-width: 50%;
  }
  .footer-contacts .item:not(:last-child) {
    margin-right: auto;
  }
  .footer-contacts .bt-dark {
    padding: 0 66px;
  }
  .footer-subs {
    margin-top: 0;
    width: 49.3%;
  }
  .subs-form .form-item {
    width: 100%;
  }
  .pb-template {
    padding-bottom: 70px;
  }
  .cart-aside {
    top: 72px;
  }
  .sticky-bar.sticky-active {
    top: 70px;
  }
  .error-page {
    padding-top: 162px;
  }
}

@media (max-width: 1380px) {
  .fs-34 {
    font-size: 27px;
  }
  .header .left-col {
    width: 160px;
  }
  .header-bt {
    width: 42px;
    height: 42px;
  }
  .header-menu > ul > li:last-child {
    margin-right: 0;
  }
  .header-menu > ul > li > a {
    font-size: 17px;
  }
  .header-buttons .bt {
    margin-left: 10px;
  }
  .header-mid-center {
    margin-left: auto;
  }
  .header-menu {
    margin: 0 auto;
  }
  .header-search {
    margin-left: 22px;
  }
  .useful-slider {
    margin-left: -7px;
    margin-right: -7px;
  }
  .useful-slider .item {
    padding: 0 7px;
  }
  .collection-preview__content {
    width: 60%;
    padding-right: 14px;
  }
  .collection-preview__advanage {
    width: 40%;
    margin-top: 20px;
  }
  .collection-advanage__item {
    width: 50%;
  }
  
  .collection-box .collection-content {
    padding-left: 30px;
  }
  .collection-options {
    margin-top: 12px;
  }
  .collection-price {
    margin-top: 20px;
  }


  .catalog-grid {
    padding-top: 50px;
    margin: 0 -15px;
  }
  .catalog-grid .card {
    padding: 0 15px;
    margin-top: 30px;
  }


  .online-board {
    margin-top: 60px;
    padding: 30px 0;
  }
  .online-board .head {
    margin-top: 0;
    padding-right: 0;
    width: 100%;
    justify-content: center;
    font-size: 26px;
  }
  .online-board .head img {
    width: 64px;
    margin-right: 25px;
  }
  .online-board .content {
    width: 100%;
  }
  .online-board .tool-card:hover .link-more {
    font-size: 17px;
  }
  .online-board .tool-card .icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 9px;
    border-radius: 10px;
  }
  .faq-content {
    width: 68%;
  }
  .faq-content-secondary {
    padding-right: 0;
    width: calc(100% - 315px);
  }
  .faq-form-secondary {
    width: 315px;
  }
  .reading {
    padding-bottom: 70px;
  }
  .reading-content {
    width: 68%;
    padding-right: 20px;
  }
  .reading-aside {
    max-width: 100%;
    width: 32%;
  }
  .reading-card {
    width: 100%;
    margin-top: 20px;
  }
  .general-catalog + .general-catalog {
    margin-top: 70px;
  }
  .general-catalog__card .title {
    margin-top: 15px;
  }
  .general-catalog .list-items {
    margin-top: -35px;
  }
  .general-catalog .list-items .item {
    padding: 0 15px;
  }
  .general-catalog .list-items .item > * {
    margin-top: 40px;
  }
  .page + .footer {
    margin-top: 70px;
  }

  .card-gallery__center {
    padding-left: 0;
  }
  .slider-thumbnail {
    padding: 32px 0;
    width: 64px;
    min-width: 64px;
    display: flex;
  }
  .slider-thumbnail .list {
    position: static;
    margin: auto 0;
    width: 100%;
    overflow: hidden;
  }
  .slider-thumbnail .item {
    height: 64px;
  }
  .card-gallery__container {
    padding-left: 70px;
  }
  .slider-thumbnail .slick-arrow {
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-text-backing-2);
  }
  .slider-thumbnail .slick-arrow::after {
    font-size: 11px;
  }
  .slider-preview .item {
    height: 484px;
  }
  .side-switch {
    width: 120px;
    min-width: 120px;
  }
  .bt-side-switch .label {
    font-size: 15px;
  }
  .bt-side-switch .label {
    left: 6px;
    right: 6px;
    text-align: center;
    padding: 5px 2px;
  }
  .bt-side-switch .label.bottom.right {
    right: 6px;
    left: 6px;
  }
  .board-profile {
    font-size: 13px;
  }
  .card-price.collection-price,
  .card-options {
    margin-top: 14px;
    padding-top: 14px;
  }
  .card-gallery {
    width: 60%;
  }
  .card-content {
    width: 40%;
    padding-left: 55px;
  }
  .card-content H1 {
    font-size: 28px;
  }
  .card-target__item {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
  }
  .card-price.collection-price .new-price {
    font-size: 24px;
  }
  .card-price.collection-price .unit-price {
    font-size: 16px;
  }
  .card-action-bt {
    width: 33.333%;
    font-size: 13px;
    white-space: nowrap;
    justify-content: center;
    padding: 0;
  }
  .card-options .btn-toggle-colors {
    height: auto;
    padding: 3px;
  }
  .card-options .discount-badge {
    font-size: 13px;
  }
  .card-parameter {
    margin-top: 30px;
  }
  .info-board__content {
    width: 65%;
    padding-right: 50px;
  }
  .info-board__aside {
    width: 35%;
  }
  .bnr-box .title {
    font-size: 18px;
  }
  .project-slider .project-card {
    height: 270px;
  }
  .review-summary {
    order: 1;
    padding: 40px 30px;
  }
  .review-content {
    padding: 0 50px 0 0;
  }
  .accessories-slider {
    margin-left: -20px;
    margin-right: -20px;
  }
  .accessories-slider .item {
    padding: 0 20px;
  }
  .bg-wrapper {
    padding: 50px 0;
  }
  .catalog-item__img {
    height: 220px;
  }
  .cart-main {
    width: 73.7%;
  }
  .cart-aside {
    width: 26.3%;
    padding: 20px;
  }
  .cart-content {
    padding: 20px;
  }
  .favorites-list {
    margin: 0  -8px;
  }
  .favorites-list.list-items .item > * {
    margin-top: 16px;
  }
  .favorites-list.list-items .item {
    padding: 0 8px;
  }
  .favorite-card {
    padding: 16px;
  }
  .favorites-form__text {
    width: 100%;
    padding-right: 0;
  }
  .favorites-form__content {
    width: 100%;
    margin-top: 20px;
  }
  .comparison-bar, .comparison-slider, .parameter-slider {
    margin: 0 -14px;
  }
  .comparison-bar .card, .comparison-slider .card, .parameter-slider .parameter-card {
    padding: 0 15px;
  }
  .comparison-slider .slick-prev {
    left: 15px;
  }
  .comparison-slider .slick-next {
    right: 15px;
  }
  .parameter-step__head {
    font-size: 19px;
  }
  .parameter-step__head .icon {
    top: 18px;
  }
  .gallery-card {
    max-height: 366px;
  }
  .gallery-card:after {
    height: 160px;
  }
  .gallery-card .link-more {
    font-size: 24px;
  }
  .gallery-card .desc {
    font-size: 17px;
  }
  .gallery-card__form {
    padding: 24px;
  }
  .gallery-card__head-text__title {
    font-size: 25px;
  }
  .gallery-card__head-text__subtitle {
    font-size: 16px;
  }
  .gallery-card__head-logo {
    width: 80px;
    min-width: 80px;
  }
  .gallery-card__form .form-item {
    margin-top: 10px;
  }
  .gallery-card__form .bt {
    margin-top: 20px;
    width: 52%;
  }
  .gallery-card__form .agree {
    margin-top: 20px;
    width: 48%;
    font-size: 12px;
  }
  .page-nav li {
    margin-right: 20px;
    font-size: 16px;
  }
  .article-card__title {
    font-size: 19px;
  }
  .article-list {
    margin: 0 -15px;
  }
  .article-list .article-card {
    padding: 0 15px;
    margin-top: 30px;
  }
  .article-list .article-card__title {
    font-size: 22px;
  }
  .article-section {
    margin-top: 40px;
  }
  .article-list-md {
    margin: 0 -10px;
    padding-top: 10px;
  }
  .article-list-md .article-card {
    padding: 0 10px;
    margin-top: 30px;
  }
  .gallery-list {
    margin-top: 0;
  }
  .gallery-list .gallery-card {
    margin-top: 20px;
    width: calc(50% - 10px);
  }
  .color-selection__content {
    width: 51.7%;
  }
  .color-selection__aside {
    width: 48.3%;
  }
  .color-selection__content > p {
    font-size: 16px;
  }
  .card-board {
    flex: 0 1 calc((100% - 40px) / 5);
  }
  .product-card {
    padding: 20px;
  }
  .product-card__content {
    padding: 20px 0 0;
  }
  .product-card p {
    font-size: 16px;
  }
  .calculator-step__col-left {
    width: 59.6%;
    padding-right: 20px;
  }
  .calculator-step__col-right {
    width: 40.4%;
  }
  .terrace-calculator .calculator-step__col-left {
    width: calc(58.5% - 10px);
  }
  .terrace-calculator .calculator-step__col-right {
    width: calc(41.5% - 10px);
  }
  /* .calculator-form {
    order: 2;
  }
  .calculator-summary {
    margin: 0 0 20px;
  } */
  .calculator-config .calculator-config__righ {
    border-left: 0;
    width: 60%;
  }
  .calculator-step__nav {
    font-size: 22px;
  }
  .calculator-config__step + .calculator-config__step {
    margin-top: 20px;
  }
  .calculator-buttons {
    margin-top: 30px;
  }
  .calculator-summary {
    padding: 0;
  }
  .calculator-summary__section {
    padding: 30px;
  }
  .calculator-summary__section .h3 {
    font-size: 24px;
  }
  .calculator-summary__section .h4 {
    font-size: 21px;
  }
  .plan-card__img {
    height: 120px;
  }
  .material-card__img {
    height: 116px;
  }
  .calculator-form {
    padding: 30px;
  }
  .calculator-form .h3 {
    font-size: 24px;
  }
  .promotion-note__feedback {
    max-width: 344px;
  }
  .article-content,
  .modal-article .article-content {
    width: 67.8%;
    padding-right: 40px;
  }
  .article-aside, .modal-article .article-aside {
    width: 32.2%;
    top: 71px;
  }
  .article-container img {
    max-width: 56%;
  }
  .article-aside__box {
    padding: 30px;
  }
  .review-head {
    margin-top: 20px;
  }
  .review-head__text {
    padding-right: 30px;
  }
  .video-review__card > a::before {
    height: 95%;
  }
  .video-review__card .icon-play {
    width: 64px;
    height: 64px;
    padding-left: 3px;
    font-size: 24px;
  }
  .video-review__card-content {
    padding: 20px;
  }
  .video-review__card-autor {
    font-size: 15px;
  }
  .video-review__card > a {
    height: 352px;
  }
  .video-review__card-title {
    margin-top: 5px;
    font-size: 19px;
  }
  .project-preivew__content {
    height: 665px;
  }
  .project-preivew::before {
    height: 350px;
  }
  .project-catalog__header-text {
    padding-right: 20px;
    width: 60%;
    font-size: 18px;
  }
  .project-catalog__header-info {
    width: 40%;
    display: block;
    padding: 20px 10px 20px 55px;
  }
  .project-catalog__header-link {
    display: inline-block;
    margin-top: 10px;
  }
  .inspiration-list {
    margin: 0 -10px;
    padding-top: 20px;
  }
  .inspiration-list .item {
    padding: 0 10px;
    margin-top: 20px;
  }
  .inspiration-card p {
    font-size: 16px;
  }
  .useful-links {
    width: 100%;
    padding-top: 10px;
  }
  .useful-links > * {
    margin-top: 10px;
  }
  .useful-links .tab-link + .tab-link {
    margin-left: 0;
  }
  .useful-links > *:not(:last-child) {
    margin-right: 20px;
  }
  .tv-slider {
    margin: 0 -10px;
  }
  .tv-slider .useful-card {
    padding: 0 10px;
  }
  .tv-slider .useful-card .title {
    font-size: 19px;
  }
  .inspiration-card .title {
    font-size: 22px;
  }
  .useful-card .img {
    height: 240px;
  }
  .showroom-tour__content {
    width: calc(100% - 270px);
    padding-left: 20px;
  }
  .showroom-tour__virtual {
    width: 270px;
  }
  .showroom-tour__virtual img {
    height: 167px;
    object-fit: cover;
    object-position: center;
  }
  .company-history__step-content {
    padding-top: 20px;
    padding-left: 20px;
  }
  .company-history__nav {
    left: 50px;
  }
  .certificate-wrapper {
    padding: 0 50px;
  }
  .certificate-image {
    width: 70%;
  }
  .technology-wrapper {
    padding: 0 60px;
    height: 420px;
  }
  .about-preview__wrapper {
    height: 490px;
  }
  .about-company__text {
    max-width: 560px;
  }
  .about-preview__content {
    max-width: 460px;
  }
  .about-preview H1 {
    font-size: 28px;
  }
  .about-preview__content {
    max-width: 460px;
  }
  .about-preview H1 {
    font-size: 28px;
  }
  .about-company__text {
    max-width: 100%;
    width: 100%;
    font-size: 17px;
  }
  .about-advantage {
    width: 100%;
    max-width: 100%;
  }
  .about-advantage__list {
    margin: 0 -10px;
    padding-top: 10px;
  }
  .about-advantage__list-item {
    width: 25%;
    padding: 0 10px;
    margin-top: 20px;
  }
  .about-advantage__card-icon {
    height: 48px;
  }
  .about-advantage__card .title {
    font-size: 15px;
  }
  .detail-content__col {
    max-width: 300px;
  }
  .certificate-image {
    top: -15px;
    width: 59%;
  }
  .production-preview {
    padding: 70px;
    height: 530px;
  }
  .production-preview::after {
    height: 265px;
  }
  .production-preview H1 {
    font-size: 70px;
  }
  .production-preview__progress {
    margin: auto -20px 0;
  }
  .production-preview__progress-item {
    max-width: 380px;
    padding: 0 20px;
  }
  .production-preview__progress-item__val {
    font-size: 50px;
  }
  .production-preview__progress-item__label {
    font-size: 20px;
  }
  .production-advantage__desc {
    font-size: 17px;
  }
  .production-advantage__gallery:not(.slick-slider) .production-gallery__slider-item {
    width: 33.333%;
    min-width: 33.333%;
  }
  .production-advantage__desc,
  .production-article__row {
    gap: 40px;
  }
  .production-article__image {
    height: 400px;
  }
  .production-article__text {
    font-size: 17px;
  }
  .laboratory-wrapper {
    padding: 50px;
  }
  .laboratory-wrapper__row {
    gap: 40px;
  }
  .laboratory-content {
    flex: 0 0 59.5%;
    max-width: 59.5%;
    font-size: 17px;
  }
  .laboratory-image {
    flex: 0 0 40.5%;
    max-width: 40.5%;
  }
  .doc-card__title {
    font-size: 14px;
  }
  .contacts-feedback.card {
    padding: 25px 30px;
  }
  .contacts-content {
    padding-right: 20px;
  }
  .customer-review__card-text {
    width: 50%;
    font-size: 19px;
  }
  .customer-review__card-text .card {
    padding: 50px;
  }
  .customer-review__card-image {
    width: 50%;
  }
  .project-details__card-text {
    font-size: 16px;
  }
  .service-content {
    padding-right: 40px;
    width: calc(100% - 270px);
  }
  .service-aside {
    width: 270px;
  }
  .service-aside__contact-item {
    font-size: 19px;
  }
  .service-preview__text {
    font-size: 18px;
  }
  .service ul:not([class]) {
    font-size: 16px;
  }
  .price-list__item {
    padding: 12px 0;
    font-size: 16px;
  }
  .price-list__item small {
    font-size: 15px;
  }
  .service-stes {
    margin: -30px -10px 0;
  }
  .service-steps__card {
    margin: 60px 10px 0;
    width: calc(33.333% - 20px);
  }
  .service-steps__card::before {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
  }
  .service-steps__card::after {
    top: 21px;
  }
  .service-steps__card p {
    font-size: 16px;
  }
  .service-aside .card {
    padding: 25px;
  }
  .used-service-logos {
    margin: 10px -20px 0;
  }
  .used-service-logos__item {
    margin-top: 20px;
    width: 25%;
    padding: 0 20px;
  }
  .service-feedback.card {
    padding: 40px;
  }
  .service-feedback__content {
    max-width: 390px;
    width: 52%;
  }
  .service-feedback__form {
    max-width: 320px;
    width: 45%;
  }
  .service-template__content {
    max-width: 430px;
    width: 55%;
  }
  .warranty-includes__head {
    width: 48%;
  }
  .warranty-includes__content {
    width: 52%;
  }
  .warranty-feedback__card {
    width: calc(50% - 10px);
    padding: 30px;
  }
  .design-preview__slider-list:not(.slick-slider) .design-preview__slider-card {
    min-width: 33.333%;
  }
  .process-steps__item .title {
    font-size: 19px;
  }
  .process-steps__item p {
    font-size: 15px;
  }
  .service .feedback-form {
    padding: 30px;
    background: url(../i/part-logo_02.svg) 100% -5px no-repeat;
  }

  .service .feedback-form form {
    max-width: 482px;
  }
  .service .feedback-form .form-xl-group {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
  }
  .service .feedback-form .form-item {
    margin-right: 0;
    width: 50%;
    padding: 0 7px;
  }
  .service .feedback-form .agree {
    margin-top: 20px;
  }
  .service .feedback-form .bt {
    margin-top: 10px;
  }
  .project-showcase__list {
    margin: 0 -20px;
  }
  .design-preview__slider-card:nth-child(odd) {
    margin-top: 0;
  }
  .design-preview__slider-card:nth-child(even) {
    margin-top: 30px;
  }
  .service-pickup__info {
    width: 58%;
  }
  .service-pickup__map {
    width: 42%;
  }
  .video-section__text {
    width: 100%;
    padding-right: 0;
  }
  .video-section__services {
    width: 100%;
    margin-top: 20px;
  }
  .video-section__services .bt {
    width: auto;
  }
  .video-section__item {
    width: 33.333%;
  }
  .benefits {
    margin: 0 -15px;
  }
  .benefits-card {
    margin-top: 30px;
    padding: 0 15px;
  }
  .benefits-card .title {
    font-size: 21px;
  }
  .benefits-card p {
    margin-top: 14px;
  }
  .calc-image {
    top: 0;
    width: 65%;
  }
  .services-list__card p {
    font-size: 16px;
  }
  .hero-wrapper {
    height: 650px;
  }
  .hero-content {
    max-width: 555px;
  }
  .hero-content H1 {
    font-size: 46px;
  }
  .terrace-way__subtitle,
  .terrace-projects__subtitle,
  .terrace-map__subtitle {
    font-size: 20px;
  }
  .terrace-way__items {
    margin: 66px -30px 0;
  }
  .terrace-way__item {
    padding: 0 30px;
  }
  .terrace-way__item p {
    font-size: 17px;
  }
  .terrace-projects__content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .terrace-projects__card:after {
    padding-bottom: 87.5%;
  }
  .terrace-projects__note {
    margin-top: 40px;
  }
  .about-terrace__wrapper {
    padding: 70px 40px;
  }
  .about-terrace__video {
    width: 48%;
    margin-top: 30px;
  }
  .about-terrace__content {
    margin-top: 30px;
    width: 52%;
    padding-left: 30px;
    font-size: 17px;
  }
  .about-terrace__content > *:first-child + * {
    margin-top: 0;
  }
  .about-terrace__video-caption {
    font-size: 16px;
  }
  .terrace-benefits__slider-list {
    padding-right: 50px;
    margin-right: -50px;
  }
  .terrace-benefits__card {
    padding: 30px;
  }
  .terrace-benefits__card-head {
    display: flex;
    align-items: center;
  }
  .terrace-benefits__card-icon {
    width: 48px;
  }
  .terrace-benefits__card-icon img {
    height: 48px;
  }
  .terrace-benefits__card .title {
    margin: 0;
    width: calc(100% - 48px);
    padding-left: 20px;
    font-size: 20px;
  }
  .terrace-benefits__card-desc {
    width: 100%;
  }
  .terrace-cost__content {
    padding-right: 40px;
    font-size: 17px;
  }
  .terrace-cost__sidebar {
    padding: 30px;
  }
  .terrace-cost__sidebar-wrapper H3 {
    font-size: 25px;
  }
  .terrace-cost__summary {
    margin-top: 20px;
  }
  .terrace-cost__total-value {
    font-size: 28px;
  }
  .terrace-cost__summary .bt {
    margin-top: 20px;
  }
  .terrace-cost__bar {
    padding-left: 15px;
    font-size: 17px;
  }
  .terrace-compare__wrapper {
    padding: 40px;
  }
  .terrace-compare__content {
    padding-right: 30px;
    font-size: 17px;
  }
  .terrace-tools {
    padding: 50px 0;
  }
  .terrace-tools__title {
    width: 290px;
  }
  .terrace-tools__content {
    width: calc(100% - 290px);
  }
  .terrace-tools__item-inner {
    display: block;
  }
  .terrace-tools__item-content {
    width: 100%;
    padding: 24px 0 0;
  }
  .terrace-tools__item .title {
    font-size: 20px;
  }
  .terrace-reviews__slider {
    margin-top: 40px;
  }
  .terrace-reviews__list {
    margin: 0 -10px;
    overflow: visible;
  }
  .terrace-reviews__list:not(.slick-slider) .terrace-reviews__item {
    width: calc(33.333% - 20px);
    min-width: calc(33.333% - 20px);
  }
  .terrace-reviews__item {
    margin: 0 10px;
    padding: 30px;
  }
  .terrace-services__card {
    width: calc(50% - 10px);
    height: 380px;
  }
  .terrace-services__card-content {
    padding: 30px;
  }
  .terrace-services__card .title {
    font-size: 28px;
  }
  .terrace-services__card-links li {
    margin-top: 10px;
  }
  .terrace-services__card .link-more {
    font-size: 19px;
  }
  .construction-card .title {
    font-size: 24px;
  }
  .pro-card__title {
    align-items: center;
    height: 112px;
  }
  .pro-card p {
    margin: 0;
  }
  .pro-intro__content {
    padding-right: 30px;
    width: 67%;
    font-size: 18px;
  }
  .pro-intro__image {
    width: 33%;
  }
  .pro-benefits__item {
    width: 20%;
  }
  .pro-benefits__item-card {
    padding: 30px 20px;
  }
  .pro-projects__subtitle {
    font-size: 18px;
  }
  .pro-projects__list {
    margin: 0 -10px;
  }
  .pro-projects__item {
    margin-top: 30px;
    padding: 0 10px;
  }
  .pro-projects__item .title {
    font-size: 16px;
  }
  .marketing-list {
    padding-top: 10px;
  }
  .marketing-item {
    margin-top: 30px;
  }
  .project-description__text {
    width: 68%;
  }
  .project-description__author {
    width: 32%;
  }
  .pro-projects__gallery .bt-center {
    margin-top: 30px;
  }
  .pro-projects__gallery .bt-center .bt {
    max-width: 366px;
  }
  .instruction-list {
    margin: 0 -10px;
  }
  .instruction-card {
    width: 33.333%;
    padding: 0 10px;
    margin-top: 30px;
  }


}



@media (min-width: 767.1px) and (max-width: 1350px) {
  .terrace-map__point {
    position: absolute;
    width: 2.2vw;
    height: 2.2vw;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 32px;
    max-height: 32px;
  }
  .terrace-map__point::before {
    content: '';
    display: block;
    background: #fff;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
  }
  .terrace-map__point-content {
    position: absolute;
    left: 100%;
    margin: 1.6vw 0 0 3.5vw;
    top: 100%;
    background: var(--color-white);
    border-radius: 1.5vw;
    font-family: var(--second-family);
    line-height: normal;
    white-space: nowrap;
  }
  .terrace-map__point-content a {
    padding: 1.6vw 1.4vw;
  }
  .terrace-map__point-content:before {
    content: '';
    display: block;
    position: absolute;
    left: -5.6vw;
    top: -0.9vw;
    transform: rotate(33deg);
    height: 0.2vw;
    width: 8vw;
    background: rgba(255, 255, 255, 0.9);
  }
  .terrace-map__point-content.top {
    top: auto;
    bottom: 100%;
    margin-bottom: 2vw;
  }
  .terrace-map__point-content.top:before {
    transform: rotate(-37deg);
    left: -5.5vw;
    top: 7.1vw;
    width: 7.8vw;
  }
  .terrace-map__point-content.right {
    right: 100%;
    margin-right: 1.4vw;
    left: auto;
  }
  .terrace-map__point-content.right:before {
    right: -3vw;
    left: auto;
    top: -0.9vw;
    transform: rotate(-50deg);
    width: 4vw;
  }
  .terrace-map__point-title {
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1vw;
    color: var(--color-black);
  }
  .terrace-map__point-content .link-more {
    margin-top: 0.7vw;
    font-size: 1.1vw;
  }
  .pro-projects__slider:not(.slick-slider) .pro-projects__slider-item {
    width: 33.333%;
    min-width: 33.333%;
  }

}



@media (max-width: 1270px) {
  .container {
    padding: 0 20px;
  }
  .header .left-col {
    width: 130px;
  }
  .header-mid-center {
    flex-grow: 1;
    padding-left: 30px;
    max-width: 70%;
  }
  .breadcrumbs {
    margin-right: -20px;
  }
  .collection-box .collection-gallery {
    width: 49%;
  }
  .collection-box .collection-content {
    width: 51%;
  }

  .page .breadcrumbs {
    margin-top: 20px;
  }
  .collection-card .collection-content {
    padding-top: 15px;
  }
  .collection-card .collection-price .new-price {
    font-size: 24px;
  }
  .collection-card .collection-buttons .bt-outline-secondary {
    display: none;
  }
  .card-gallery__container {
    display: block;
    padding-left: 76px;
  }
  .card-gallery__center {
    padding-right: 0;
  }
  .side-switch {
    width: 100%;
    padding: 8px 0 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .bt-side-switch {
    width: 33%;
    height: 96px;
    flex-grow: 0;
  }
  .bt-side-switch .label {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 10px;
    transform: translateX(-50%);
    padding: 10px;
    white-space: nowrap;
  }
  .bt-side-switch .label.bottom.right {
    left: 50%;
    right: auto;
  }
  .board-profile {
    padding: 0 5px;
    width: 30%;
    font-size: 13px;
  }
  .card-gallery {
    width: 56.5%;
  }
  .card-content {
    width: 43.5%;
    padding-left: 30px;
  }
  .slider-preview .item {
    height: 365px;
  }
  .switch-wrapper {
    display: none;
  }
  .slider-thumbnail .slick-prev {
    top: 0;
  }
  .slider-thumbnail {
    padding-bottom: 42px;
  }
  .card-price.collection-price {
    padding-top: 15px;
  }
  .card-content .collection-size {
    margin-top: 20px;
  }
  .card-product H4, .card-product .h4, .info-board H4, .info-board .h4 {
    font-size: 19px;
  }
  .info-board__content {
    width: 60%;
    padding-right: 20px;
  }
  .info-board__aside {
    width: 40%;
  }
  .product-benefit__item {
    width: 50%;
  }
  .product-benefit__item-title {
    font-size: 17px;
  }
  .review-content {
    width: 74.5%;
    padding-right: 20px;
  }
  .review-summary {
    width: 25.5%;
    padding: 30px;
  }
  .review-summary .rating-value {
    font-size: 30px;
  }
  .review-summary .review-count {
    margin-bottom: 6px;
  }
  .average-rating__item {
    margin: 10px 0 0;
    width: 100%;
    flex: revert;
  }
  .average-rating__item .val {
    display: inline;
    font-size: 20px;
    margin-right: 4px;
  }
  .average-rating__item .label {
    display: inline;
  }
  .review-summary .bt {
    margin-top: 16px;
  }
  .catalog .list-items {
    padding-top: 10px;
  }
  .collection-item__title {
    font-size: 16px;
  }
  .catalog-item__img {
    height: 220px;
  }
  .collection-item .discount-badge {
    font-size: 12px;
  }
  .collection-item .bt-color {
    width: 35px;
    height: 35px;
    margin: 3px 3px 0 0;
  }
  .collection-item .new-price {
    font-size: 17px;
  }
  .modal-samples .h3 {
    font-size: 22px;
  }
  .modal-samples .h4 {
    font-size: 19px;
  }
  .page H1 {
    font-size: 30px;
  }
  .cart-main {
    width: 100%;
    padding-right: 0;
  }
  .cart-aside {
    position: static;
    width: 100%;
    padding: 20px;
    margin-top: 20px;
  }
  .comparison-text,
  .parameter-card small {
    font-size: 15px;
  }
  .parameter-card {
    font-size: 16px;
  }
  .archive-section H3 {
    font-size: 22px;
  }
  .archive-section .promotion-item__image {
    border-radius: 10px;
  }
  .archive-section .promotion-item__title {
    font-size: 15px;
  }
  .promotion-item.disabled .promotion-item__alert {
    font-size: 14px;
  }
  .page-text__preview {
    font-size: 16px;
  }
  .search-result {
    padding-bottom: 10px;
  }
  .search-result H4 {
    font-size: 22px;
  }
  .color-selection__content > p {
    font-size: 15px;
  }
  .color-selection__result {
    font-size: 16px;
  }
  .product-card {
    padding: 16px;
  }
  .product-card__content {
    padding-top: 16px;
  }
  .color-selection__content .h4 {
    font-size: 19px;
  }
  .product-card .link-more {
    font-size: 19px;
  }
  .product-card__label {
    font-size: 16px;
  }
  .product-card .collection-target {
    padding-top: 0;
  }
  .product-card .collection-target__item {
    border-radius: 10px;
  }
  .product-card .collection-target__item-icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .product-card p {
    font-size: 15px;
  }
  .product-card__price {
    margin-top: 16px;
  }
  .product-card__price .new-price {
    font-size: 22px;
  }
  .product-card__price .new-price .val {
    font-size: 26px;
  }
  .product-card__price .old-price {
    font-size: 18px;
  }
  .product-card__price .discount-badge {
    font-size: 14px;
  }
  .product-card__buttons {
    margin-top: 18px;
  }
  .board-variant__img {
    width: 132px;
    min-width: 132px;
  }
  .board-variant__content {
    width: calc(100% - 132px);
  }
  .board-variant .title {
    font-size: 16px;
  }
  .calculator-summary__section {
    padding: 20px;
  }
  .calculator-summary__section .h3 {
    font-size: 19px;
  }
  .board-variant__option-row {
    font-size: 14px;
  }
  .board-variant__total {
    font-size: 16px;
  }
  .calculator-summary__option {
    padding-top: 14px;
  }
  .calculator-summary__option .h4 {
    margin: 14px 0;
    font-size: 19px;
  }
  .calculator-summary__option-row {
    font-size: 14px;
  }
  .calculator-summary__section .h4 + .calculator-summary__option-row {
    margin-top: 0;
  }
  .calculator-summary__option-row__value.total {
    font-size: 16px;
  }
  .calculator-summary__plan-list {
    padding-top: 5px;
  }
  .plan-card__title {
    font-size: 14px;
  }
  .material-card {
    margin-top: 16px;
  }
  .material-card__title {
    font-size: 13px;
  }
  .calculator-form .bt::after {
    display: none;
  }
  .promotion-note__text {
    width: 55%;
  }
  .promotion-note__text .h4 {
    font-size: 19px;
  }
  .promotion-note__feedback {
    width: 40%;
  }
  .article {
    margin-top: 20px;
    font-size: 16px;
  }
  .article H3 {
    margin-top: 20px;
    font-size: 22px;
  }
  .article p {
    margin-top: 20px;
  }
  .article-content img {
    margin-top: 20px;
  }
  .article-info {
    margin-top: 6px;
    font-size: 14px;
  }
  .aritcle-date {
    font-size: inherit;
  }
  .article-gallery {
    margin-top: 6px;
  }
  .article-aside__box {
    padding: 25px;
  }
  .article-aside .h4 {
    font-size: 25px;
  }
  .useful-nav {
    padding-top: 7px;
  }
  .useful-nav li {
    margin-top: 8px;
  }
  .useful-nav li a {
    font-size: 16px;
    line-height: 20px;
  }
  .article-nav {
    padding-top: 5px;
  }
  .article-nav li {
    margin-top: 10px;
  }
  .article-nav li .title {
    font-size: 16px;
  }
  .article-nav li .date {
    margin-top: 10px;
    font-size: 13px;
  }
	.calculator {
		margin-top: 20px;
	}
	.calculator-step__nav {
		font-size: 18px;
	}
	.calculator__base-card .title {
		font-size: 18px;
	}
	.calculator__base-card p {
		font-size: 14px;
	}
	.calculator-config .h5 {
		font-size: 16px;
	}
  .calculator-config__step .h5 + p,
	.terrace-dimensions input {
		font-size: 14px;
	}
  .terrace-dimensions {
    margin-top: 10px;
  }
	.config__radio-box {
		max-width: 126px;
	}
	.config__radio-box__img {
		width: 100%;
		min-width: 100%;
	}
	.config__radio-box__text {
		display: none;
	}
	.calculator-config__left {
		width: 40%;
	}
	.calculator-config__step .radio-item:not(:last-child) {
		margin-right: 0;
		width: 100%;
	}
  .plan-gallery .h4 {
    font-size: 19px;
  }
  .thumb-plan__slider {
    max-width: 328px;
  }
  .thumb-plan__slider-item {
    height: 74px;
  }
  .review-head__text {
    font-size: 16px;
  }
  .rating-box {
    min-width: 200px;
    margin-right: 0;
    padding: 12px;
    display: flex;
    align-items: center;
  }
  .rating-box + .rating-box {
    margin-top: 5px;
  }
  .rating-box .icon-star {
    margin-right: 4px;
    font-size: 14px;
  }
  .rating-box .rating {
    margin-top: 0;
  }
  .rating-box .icon-star:not(:first-child) {
    display: none;
  }
  .rating-box .logo {
    order: 2;
  }
  .rating-box .logo img {
    height: 16px;
  }
  .rating-box .rating-value {
    order: 2;
    margin: 0;
    font-size: 17px;
  }
  .review-head__feedback {
    margin: auto 0 0 15px;
  }
  .video-reviews {
    margin-top: 30px;
  }
  .video-review__slider {
    margin: 0 -20px 0 -5px;
    padding-right: 160px;
  }
  .video-review__slider:not(.slick-slider) .video-review__card {
    min-width: 270px;
  }
  .video-review__card {
    padding: 0 5px;
  }
  .review-item {
    padding: 20px;
    font-size: 15px;
  }
  .review-item__title {
    font-size: 19px;
  }
  .review-item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .to-project-section {
    padding: 25px;
  }
  .to-project-section p {
    font-size: 16px;
  }
  .project-preivew__content {
    padding-top: 20px;
    height: 532px;
  }
  .project-preivew::before {
    height: 280px;
  }
  .project-preivew .project-preivew__title {
    font-size: 40px;
  }
  .project-preivew__category {
    font-size: 19px;
  }
  .project-catalog {
    margin-top: 30px;
  }
  .project-catalog__header-text {
    font-size: 16px;
  }
  .project-catalog__header-info {
    padding: 20px;
    text-align: center;
    font-size: 16px;
  }
  .project-catalog__list {
    padding-top: 10px;
  }
  .inspiration-card .link-more {
    font-size: 27px;
  }
  .inspiration-card p {
    font-size: 15px;
  }
  .color-palette__preview H2 {
    font-size: 22px;
  }
  .color-palette__preview-subtitle {
    font-size: 18px;
  }
  .tv-block H2 {
    font-size: 27px;
  }
  .tv-block__preview {
    width: 335px;
  }
  .tv-block__content {
    width: calc(100% - 335px);
  }
  .steps-head H2,
  .useful H2,
  .advantage-content H2 {
    font-size: 30px;
  }
  .about-preview__wrapper {
    height: 410px;
  }
  .about-preview__content {
    max-width: 400px;
  }
  .about-preview__content img {
    width: 100%;
    max-width: 383px;
  }
  .about-preview H1 {
    margin-top: 45px;
    font-size: 22px;
  }
  .technology-wrapper {
    height: 360px;
    padding: 0 50px;
  }
  .technology-content p {
    margin: 30px 0;
    font-size: 18px;
  }
  .performance-aside {
    width: 32%;
  }
  .performance-content {
    width: 52.5%;
  }
  .performance-card__val {
    font-size: 48px;
  }
  .performance-card p {
    font-size: 19px;
  }
  .performance-card {
    width: 50%;
    max-width: 100%;
  }
  .production-content {
    width: 100%;
    order: 2;
    padding: 40px;
    font-size: 17px;
  }
  .production-content .bt {
    height: 48px;
  }
  .production-video {
    width: 100%;
    overflow: hidden;
  }
  .production-video:after {
    content: "";
    display: block;
    padding-bottom: 56.5%;
    box-sizing: content-box;
  }
  .production-video img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
  }
  .company-news__head .link-more {
    font-size: 16px;
    font-weight: 400;
  }
  .company-news__card .title {
    font-size: 16px;
    font-weight: 400;
  }
  .client {
    padding: 50px 0;
  }
  .client-list {
    margin: 0 -35px;
    padding-top: 6px;
  }
  .client-list__item {
    padding: 0 35px;
  }
  .showroom-content {
    width: 57%;
    padding-right: 30px;
  }
  .showroom-content p {
    margin: 20px 0;
    font-size: 17px;
  }
  .showroom-video {
    width: 43%;
  }
  .showroom-tour__adds {
    margin-top: 8px;
    font-size: 17px;
  }
  .company-history__content {
    margin-top: 20px;
  }
  .company-history__step-content {
    padding-top: 0;
    padding-left: 0;
  }
  .company-history__step-content H4 {
    font-size: 22px;
  }
  .company-history__step-content p {
    margin-top: 20px;
    font-size: 17px;
  }
  .detail-card {
    font-size: 15px;
  }
  .detail-content H4 {
    font-size: 19px;
  }
  .detail-gallery__list {
    margin: 0 -10px;
  }
  .detail-gallery__list-item {
    padding: 0 10px;
  }
  .certificate-wrapper {
    height: 286px;
    padding: 0 40px;
  }
  .certificate-image {
    width: 66%;
  }
  .production-preview {
    padding: 60px;
    height: 480px;
  }
  .production-preview H1 {
    font-size: 60px;
  }
  .production-preview__progress {
    margin: auto -30px 0;
  }
  .production-preview__progress-item {
    max-width: 340px;
    padding: 0 30px;
  }
  .production-preview__progress-item:nth-child(2) {
    max-width: 280px;
  }
  .production-preview__progress-item__val {
    font-size: 36px;
  }
  .production-preview__progress-item__label {
    font-size: 18px;
  }
  .production-article__text {
    font-size: 17px;
  }
  .production-article__image {
    height: 350px;
  }
  .contacts-content {
    width: 64%;
  }
  .contacts-aside {
    width: 36%;
  }
  .contacts-card {
    min-width: 100%;
    flex: 0 0 100%;
  }
  .contacts-card H4 {
    font-size: 19px;
  }
  .contact-item {
    font-size: 16px;
  }
  .contact-item__phone {
    font-size: 22px;
  }
  .contacts-map {
    margin-top: 20px;
    height: 380px;
  }
  .contacts-section H4 {
    font-size: 19px;
  }
  .contacts-section .showroom-video {
    margin: 20px 0;
  }
  .contacts-section .showroom-tour__content {
    padding-left: 90px;
    padding-right: 20px;
  }
  .contacts-section .showroom-tour__content .icon-geo {
    left: 25px;
  }
  .contacts-feedback .messengers a {
    width: 170px;
  }
  .channel-list {
    gap: 5px;
  }
  .channel-bt {
    padding: 10px 5px;
    flex: 0 0 calc(25% - 5px);
    font-size: 13px;
  }
  .contact-tab {
    font-size: 20px;
  }
  .contacts-card__buttons .bt {
    min-width: 0%;
  }
  .customer-history {
    padding-right: 170px;
  }
  .customer-history:nth-child(2n) {
    padding: 0 0 0 170px;
  }
  .customer-history__image {
    height: 440px;
  }
  .customer-history__content {
    padding: 30px;
    width: 360px;
  }
  .customer-history .title {
    font-size: 22px;
  }
  .project-preview__image img {
    height: 200px;
    object-fit: cover;
    object-position: center;
  }
  .history-project H1 {
    font-size: 38px;
  }
  .project-info .card {
    padding: 30px;
  }
  .project-info__item .title {
    font-size: 20px;
  }
  .project-info__item  {
    font-size: 16px;
  }
  .project-gallery__slider {
    padding: 0 76px;
  }
  .customer-review__card-text {
    width: 100%;
    padding-right: 0;
  }
  .customer-review__card-image {
    width: 100%;
    margin-top: 20px;
  }
  .service H2 {
    font-size: 22px;
  }
  .service H4 {
    font-size: 19px;
  }
  .service-preview__text {
    font-size: 16px;
  }
  .service-steps__card p {
    font-size: 15px;
  }
  .service-template__content p {
    font-size: 15px;
  }
  .service-template__image {
    width: 41%;
  }
  .warranty-card {
    padding: 10px 20px;
  }
  .warranty-card__logo {
    height: 60px;
    padding: 0 20px;
  }
  .warranty-card p {
    margin-top: 10px;
    font-size: 15px;
  }
  .warranty-card .link-dashed {
    font-size: 14px;
    margin-top: 10px;
  }
  .service H3 {
    font-size: 19px;
  }
  .warranty-includes {
    padding: 30px;
  }
  .warranty-includes__head {
    width: 37%;
  }
  .warranty-includes__content {
    width: 63%;
  }
  .warranty-includes__head::after {
    font-size: 45px;
  }
  .warranty-feedback__card .messengers {
    margin: 0 -10px;
  }
  .warranty-feedback__card .bt-msg {
    width: calc(50% - 20px);
    margin: 30px 10px 0;
    font-size: 17px;
  }
  .file-upload__button {
    min-width: 132px;
  }
  .warranty-feedback__card .agree {
    margin-top: 20px;
  }
  .warranty-feedback__card .service-feedback__item {
    margin-top: 20px;
    font-size: 24px;
  }
  .warranty-feedback__card .service-feedback__item-email {
    font-size: 20px;
  }
  .service-content > img {
    margin-top: 20px;
  }
  .service .feedback-form {
    background: url(../i/part4-logo.svg);
    background-position: top right;
    background-repeat: no-repeat;
  }
  .service .feedback-form form {
    max-width: 410px;
  }
  .service .feedback-form .form-item {
    width: 100%;
  }
  .service .feedback-form .bt {
    height: 48px;
  }
  .project-showcase.card {
    padding: 40px;
  }
  .design-preview__subtitle {
    font-size: 18px;
  }
  .design-preview__info {
    font-size: 16px;
  }
  .video-section__text {
    font-size: 15px;
  }
  .video-section__services {
    margin-top: 10px;
  }
  .video-section__item-title {
    font-size: 16px;
  }
  .benefits {
    margin: 0;
    padding-top: 20px;
  }
  .benefits-card {
    margin-top: 10px;
    padding: 0;
    width: 100%;
  }
  .benefits-card__wrapper {
    padding: 10px 20px;
    display: flex;
    align-items: center;
  }
  .benefits-card__icon {
    width: 80px;
    height: 80px;
  }
  .benefits-card__content {
    width: calc(100% - 80px);
    padding-left: 24px;
  }
  .benefits-card .title {
    margin: 0;
    font-size: 19px;
    line-height: 120%;
  }
  .benefits-card p {
    margin-top: 8px;
    font-size: 16px;
    line-height: 140%;
  }
  .service-prices__info .title {
    font-size: 16px;
  }
  .service-prices__info p {
    font-size: 15px;
  }
  .calc-wrapper {
    padding: 40px;
  }
  .calc-content H4 {
    font-size: 21px;
  }
  .service-options-item {
    padding: 30px;
    font-size: 16px;
  }
  .service-content > p, .service section > p {
    font-size: 16px;
  }
  .services-video__item .title,
  .services-list__card .title,
  .resolution-card .title,
  .warranty-includes__head .title,
  .collection-card .title,
  .promotion-item__title,
  .service-steps__card .title {
    font-size: 19px;
  }
  .hero-wrapper {
    height: auto;
    padding: 65px 0;
  }
  .hero-content {
    max-width: 450px;
    padding: 30px;
    border-radius: 20px;
  }
  .hero-content H1 {
    font-size: 38px;
  }
  .hero-content p {
    font-size: 17px;
  }
  .hero-content .bt {
    margin-top: 30px;
    height: 48px;
    font-size: 16px;
  }
  .terrace-way__subtitle,
  .terrace-projects__subtitle,
  .terrace-map__subtitle {
    max-width: 820px;
    margin: 20px auto 0;
    font-size: 18px;
  }
  .terrace-way__items {
    margin-top: 46px;
  }
  .terrace-way__item .title {
    margin-top: 20px;
    font-size: 19px;
  }
  .terrace-way__item p {
    margin-top: 20px;
    font-size: 15px;
  }
  .terrace-projects__content {
    margin-top: 50px;
  }
  .terrace-projects__card-content {
    padding: 20px;
  }
  .terrace-projects__card .link-more {
    font-size: 24px;
  }
  .terrace-projects__card-desc {
    font-size: 17px;
  }
  .terrace-projects__note {
    margin-top: 30px;
    font-size: 17px;
  }
  .about-terrace__wrapper {
    padding: 60px 40px;
  }
  .terrace-services__list {
    padding: 20px;
  }
  .terrace-services__info {
    max-width: 62%;
  }
  .terrace-services__price {
    font-size: 16px;
  }
  .terrace-cost__sidebar-wrapper H3 {
    font-size: 21px;
  }
  .terrace-cost__total-label {
    font-size: 16px;
  }
  .terrace-cost__total-value {
    font-size: 24px;
  }
  .terrace-cost__summary .bt {
    height: 48px;
    font-size: 16px;
  }
  .terrace-services__head {
    font-size: 19px;
  }
  .terrace-services__info .title {
    font-size: 16px;
  }
  .terrace-services__info p {
    font-size: 15px;
  }
  .terrace-compare__subtitle {
    font-size: 18px;
  }
  .terrace-compare__content {
    width: 46.5%;
    padding-right: 10px;
    font-size: 16px;
  }
  .terrace-compare__image {
    width: 53.5%;
  }
  .terrace-tools__item .title {
    font-size: 17px;
  }
  .terrace-tools__item p {
    font-size: 16px;
  }
  .terrace-faq__intro {
    width: 350px;
  }
  .terrace-faq__intro H2 {
    font-size: 30px;
  }
  .terrace-faq__intro-text {
    margin-top: 30px;
  }
  .terrace-faq__content {
    width: calc(100% - 350px);
  }
  .terrace-faq .service-faq__question {
    padding: 16px 20px;
    font-size: 16px;
  }
  .terrace-faq .service-faq__answer {
    padding: 0 20px 16px;
    font-size: 16px;
  }
  .terrace-reviews__item p {
    font-size: 16px;
  }
  .terrace-services__card {
    height: 328px;
  }
  .terrace-services__card .title {
    font-size: 24px;
  }
  .terrace-services__card-links li {
    margin-top: 6px;
  }
  .terrace-services__card .link-more {
    font-size: 17px;
  }
  .terrace-calculator .calculator-step__col-left {
    padding: 20px;
  }
  .construction-list {
    margin-top: 0;
  }
  .construction-card {
    margin-top: 40px;
    width: calc(50% - 15px);
  }
  .pro-section__text {
    margin-top: 20px;
    font-size: 18px;
  }
  .pro-cards {
    padding-top: 20px;
  }
  .pro-card {
    height: 360px;
    padding: 40px 20px 0;
  }
  .pro-card__icon {
    width: 78px;
    height: 78px;
    padding: 10px;
  }
  .pro-card__icon img {
    max-height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .pro-card__title {
    height: 104px;
    font-size: 24px;
  }
  .pro-card p {
    font-size: 15px;
  }
  .pro-cards__item > .link-more {
    margin-top: 15px;
    font-size: 15px;
  }
  .pro-intro__content {
    width: 65%;
    font-size: 16px;
  }
  .pro-intro__image {
    width: 35%;
  }
  .pro-intro .bt {
    height: 48px;
    font-size: 16px;
  }
  .pro-intro H1 {
    font-size: 34px;
  }
  .pro-benefits__item {
    width: 33.333%;
  }
  .pro-projects__subtitle {
    font-size: 16px;
  }
  .pro-projects__list {
    margin-top: -20px;
  }
  .pro-projects__item {
    width: 50%;
    margin-top: 50px;
  }
  .pro-projects__image:after {
    padding-bottom: 49%;
  }
  .pro-projects__footer .bt {
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
  }
  .marketing-item .title {
    margin-top: 20px;
    font-size: 18px;
  }
  .contest-header {
    font-size: 19px;
  }
  .project-description__text {
    padding-right: 40px;
    font-size: 18px;
  }
  .project-description__author {
    padding: 30px;
    font-size: 16px;
  }
  .project-description__author-label {
    font-size: 19px;
  }
  .subcatalog-list {
    margin: -10px -20px 0;
  }
  .subcatalog-card {
    padding: 0 20px;
    margin-top: 40px;
  }
  .subcatalog-card__image:after {
    padding-bottom: 66.5%;
  }
  .subcatalog-card .title {
    margin-top: 20px;
    font-size: 18px;
  }
  .subcatalog-card p {
    font-size: 16px;
  }
  .error-page__message {
    font-size: 22px;
  }
  .error-page__code {
    font-size: 120px;
  }
  section.instruction-section {
    padding-top: 30px;
  }
  section.instruction-section + section.instruction-section {
    padding-top: 50px;
  }
  section.instruction-section H2 {
    font-size: 27px;
  }
  .instruction-card .title {
    font-size: 17px;
  }
  .modal-article {
    padding: 30px;
  }
  .modal-article__video {
    font-size: 16px;
  }
  .modal-article__video H3 {
    margin-top: 20px;
    font-size: 22px;
  }
}

@media (max-width: 1024px) {
  section {
    padding-top: 60px;
  }
  
  .preview-bg {
    padding: 150px 0;
  }
  .preview-title {
    font-size: 26px;
  }
  .preview H1 {
    font-size: 50px;
  }
  .online-tools {
    padding-top: 60px;
  }
  .tools-head H2 {
    font-size: 34px;
  }
  .tools-head .subtitle {
    font-size: 20px;
  }
  .tools-content {
    width: 100%;
    padding-top: 20px;
  }
  .services {
    padding-top: 40px;
  }
  .service-card {
    height: 344px;
  }
  .catalog-card.rectangle-card .content {
    padding: 30px;
  }
  .catalog-card:not(.rectangle-card) {
    height: auto;
    display: block;
  }
  .catalog-card:not(.rectangle-card) .img {
    position: static;
  }
  .catalog-card:not(.rectangle-card) .content {
    padding-top: 24px;
    margin-top: auto;
  }
  .promo-slider .content {
    width: 63%;
  }
  .promo-slider .img {
    width: 37%;
  }
  .tab-list {
    margin: 0 -10px;
  }
  .tab-list .tab-bt {
    padding: 10px 12px;
    font-size: 17px;
  }
  .project-card {
    height: 304px;
  }
  .project-card.card-2 {
    height: 273px;
  }
  .feedback-form H3 {
    font-size: 30px;
  }
  .feedback-form .form-item {
    width: 250px;
  }
  .feedback-form .bt {
    width: 100%;
    max-width: 430px;
  }
  .history-card .img {
    height: 412px;
  }
  .stories-slider {
    margin-top: 40px;
  }
  .advantage {
    margin-top: 60px;
    padding: 72px 0;
  }
  .advantage-content {
    padding: 50px 40px;
  }
  .advantage-slider {
    margin: 30px -40px 0;
    padding: 0 80px 25px;
  }
  .advantage-slider .slick-prev {
    left: 17px;
  }
  .advantage-slider .slick-next {
    right: 17px;
  }
  .poster .modal-video {
    height: 165px;
  }
  .partnership-wrapper {
    padding: 50px;
  }
  .partnership-wrapper H2 {
    font-size: 27px;
  }
  .partner H3 {
    font-size: 22px;
  }
  .footer-title {
    font-size: 20px;
  }
  .footer-top {
    padding: 40px 0;
  }
  .collection-catalog {
    padding-top: 30px;
  }
  .collection-catalog H1 {
    font-size: 38px;
  }
  .collection-preview H2 {
    font-size: 27px;
  }
  .collection-preview p {
    font-size: 17px;
  }
  .collection-preview H2 {
    margin-top: 34px;
  }
  .collection-preview__content {
    width: 57%;
  }
  .collection-preview__advanage {
    width: 43%;
    max-width: 236px;
  }
  .collection-advanage {
    margin: 0;
    padding: 6px 15px 15px;
  }
  .collection-advanage__item {
    width: 100%;
    margin-top: 9px;
    padding: 0;
  }
  .collection-advanage__item-icon {
    width: 22px;
    min-width: 22px;
    height: 22px;
    background: 0;
    font-size: 22px;
  }
  .collection-advanage__item-text {
    font-size: 13px;
    font-weight: 400;
  }
  .collection-label {
    font-size: 16px;
  }
  .collection-title {
    font-size: 36px;
  }
  .collection-target__item {
    border-radius: 5px;
    padding: 4px 10px;
  }
  .collection-text {
    margin-top: 15px;
    font-size: 16px;
  }

  .collection-box .collection-content {
    padding-left: 20px;
  }
  .collection-options {
    margin-top: 15px;
  }
  .btn-toggle-colors {
    width: 50px;
    height: 50px;
    padding: 2px;
  }
  .btn-toggle-colors .discount-badge {
    padding: 0 4px;
    top: 0;
    right: 0;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
  }
  .collection-price {
    margin-top: 15px;
  }
  .collection-buttons .bt, .collection-buttons .header-bt {
    margin-right: 8px;
  }
  .online-board {
    margin-top: 70px;
  }
  .faq-content {
    width: 58%;
  }
  .faq-item .head {
    font-size: 17px;
  }
  .faq-item .content {
    font-size: 16px;
  }
  .faq-form {
    width: 32%;
  }
  .faq-content-secondary {
    width: calc(100% - 386px);
  }
  .faq-form-secondary {
    width: 366px;
  }
  .reading-wrapper {
    margin-top: 30px;
  }
  .reading-card H4 {
    font-size: 19px;
  }
  .reading-aside {
    padding: 20px;
  }
  .reading-aside H4 {
    font-size: 19px;
  }
  .news-item .title {
    padding-left: 10px;
  }
  .page .card-content H1 {
    font-size: 30px;
  }
  .general-catalog {
    margin-top: 40px;
  }
  .general-catalog + .general-catalog {
    margin-top: 60px;
  }
  .general-catalog__aside {
    width: 100%;
    padding: 0 0 20px;
  }
  .general-catalog H3 {
    font-size: 27px;
  }
  .general-catalog__content {
    width: 100%;
  }
  .general-catalog__content .link-more .icon-chevron-right {
    font-size: 55%;
  }
  .page + .footer {
    margin-top: 60px;
  }
  .pb-template {
    padding-bottom: 60px;
  }
  .product-acces__content .h4 {
    font-size: 19px;
  }
  .cart-item {
    padding: 10px 0 30px;
  }
  .cart-item:first-child {
    padding-top: 0;
  }
  .cart-item__image {
    padding-top: 35px;
  }
  .cart-item__tools {
    flex-wrap: wrap;
  }
  .cart-buttons {
    order: -1;
    width: 100%;
    justify-content: flex-end;
  }
  .cart-item__content-head {
    align-items: flex-end;
  }
  .cart-price {
    width: auto;
    margin: 20px 0 0 20px;
  }
  .cart-item .quantity-form__wrapper {
    margin: 20px 0 0;
  }
  .favorites-section {
    margin: 20px 0 30px;
  }
  .favorites-section H4 {
    font-size: 19px;
  }
  .article-card__title {
    font-size: 17px;
  }
  .article-card .tags {
    margin-top: 14px;
    font-size: 14px;
  }
  .article-list .article-card__title {
    font-size: 22px;
  }
  .article-section {
    margin-top: 40px;
  }
  .article-list-md {
    margin: 0 -10px;
    padding-top: 10px;
  }
  .article-list-md .article-card {
    padding: 0 10px;
    margin-top: 30px;
  }
  .laboratory-wrapper {
    padding: 40px;
  }
  .laboratory-wrapper__row {
    display: block;
  }
  .laboratory-content {
    max-width: 100%;
  }
  .laboratory-image {
    max-width: 100%;
    margin-top: 0;
  }
  .laboratory-image:after {
    content: "";
    display: block;
    padding-bottom: 56.5%;
    box-sizing: content-box;
  }
  .laboratory-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
  }
  .production-advantage__desc H4 {
    font-size: 19px;
  }
  .service-steps {
    margin: -10px -10px 0;
  }
  .service-steps__card {
    width: calc(50% - 20px);
    margin-top: 40px;
  }
  .service-desc {
    font-size: 18px;
  }
  .pay-card {
    width: 50%;
  }
  .service-delivery__action-image {
    width: 43%;
  }
  .service-delivery__action-button {
    width: 57%;
  }
  .service-pickup__subtitle {
    font-size: 18px;
  }
  .service-pickup__info {
    width: 52%;
  }
  .service-pickup__map {
    width: 48%;
  }
  .service-pickup__info-item {
    font-size: 16px;
  }
  .calc-content {
    max-width: 310px;
  }
  .calc-content .bt {
    margin-top: 30px;
    max-width: 280px;
    height: 48px;
    font-size: 16px;
  }
  .service-gallery__slider:not(.slick-slider) .service-gallery-item {
    min-width: 50%;
  }
  .services-list {
    margin-top: -20px;
  }
  .services-list__card {
    width: 50%;
  }

}



@media (max-width: 1023px) {
  .header-mobile {
    display: block;
  }
  .fixed-header {
    transform: translateY(0);
  }
  .header-mobile .wrapper {
    height: 70px;
  }
  .header-mobile .logo {
    width: 180px;
  }
  .header-mobile .buttons {
    margin-left: auto;
  }
  .header-mobile .bt-call {
    margin-right: 30px;
    height: 36px;
    padding: 0 16px;
    font-size: 14px;
  }
  .header-mobile .header-bt {
    margin-left: 2px;
  }
  .bt-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    background: 0;
    margin-right: 20px;
    font-size: 23px;
  }
  .header-content {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 85%;
    transform: translateX(-100%);
    transition: all 200ms ease;
    overflow: auto;
  }
  .open-menu {
    height: 100vh;
    overflow: hidden;
  }
  .open-menu .header-content {
    transform: translateX(0%);
  }
  .mobile-overlay {
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    transform: translateX(100%);
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    transition: all 200ms ease;
  }
  .open-menu .mobile-overlay {
    transform: translateX(0%);
  }

  .header-content .container {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .header-logo {
    display: none;
  }
  .header-nav,
  .header-buttons {
    display: none;
  }
  .header-mid {
    flex-direction: column;
    border: 0;
    order: -1;
    padding-top: 68px;
  }
  .header-mid .location {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
  }
  .header-mid-center {
    position: static;
    padding-left: 0;
    max-width: 100%;
    width: 100%;
  }
  .header-search .search-form {
    margin-right: 46px;
    width: auto;
  }
  .search-container .content {
    height: auto;
  }
  .search-container .wrapper {
    position: relative;
    width: 100%;
  }
  .search-container {
    display: block !important;
    right: auto;
    left: 0;
  }
  .header-top {
    height: auto;
    border-bottom: 0;
  }
  .header-top .left-col {
    display: none;
  }
  .header-menu {
    width: 100%;
  }
  .header-menu > ul {
    flex-direction: column;
    border-bottom: 1px solid var(--color-text-backing);
  }
  .header-menu > ul > li {
    margin-right: 0;
    border-top: 1px solid var(--color-text-backing);
  }
  .header-menu > ul > li > a {
    padding: 12px 24px 12px 0;
    height: auto;
    font-size: 19px;
  }
  .header-buttons {
    display: block;
    width: 100%;
  }
  .header-buttons .header-bt {
    display: none;
  }
  .header-buttons .bt {
    display: flex;
    margin: 20px 0 0;
    width: 100%;
  }
  .header-search {
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    margin: 0;
    padding-right: 46px;
    z-index: 20;
  }
  .search-dropdown {
    left: 0;
    width: 100%;
    transform: translateX(0%);
    box-shadow: none;
    border-radius: 0;
    padding: 10px 0 0;
    height: 100vh;
    display: none;
  }
  .header-overlay {
    display: none !important;
  }
  .header-search .bt-toggle-search {
    display: none;
  }
  .badge-list .badge {
    font-size: 14px;
  }
  .search-history__card {
    border-bottom: 1px solid var(--input-border);
    border-radius: 0;
  }
  .search-history__card .title {
    font-size: 15px;
  }
  .search-history__card .new-price {
    margin-right: 0;
    width: 100%;
  }

  .header-contacts {
    align-items: flex-start;
    margin-top: 15px;
    width: 100%;
  }
  .header-tel {
    margin: 0 auto 0 0;
    padding: 3px 0 0;
    display: block;
    border: 0;
    order: -1;
  }
  .header-tel::after {
    display: none;
  }
  .header-tel .item + .item {
    margin: 0;
    display: flex;
    align-items: center;
    height: 32px;
  }
  .header-tel .item:before {
    margin-right: 6px;
    content: "\e918";
    display: inline-flex;
    align-items: center;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-prime);
  }
  .header .header-mail a {
    margin-right: 12px;
  }
  .header .header-mail a:after {
    font-size: 28px;
  }
  .header .messengers a + a {
    margin-left: 12px;
  }
  .header .messengers a:after {
    font-size: 28px;
  }
  .header-content .for-mobile {
    display: block;
    width: 100%;
  }
  .header-services {
    margin-top: 0;
    background: 0;
    border-radius: 0;
    padding: 7px  0 0;
    display: block;
  }
  .header-services li {
    margin: 3px 0 0;
    width: 100%;
  }
  .header-services li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    background: var(--color-text-backing);
    border-radius: 10px;
    padding: 0px 15px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
  }
  .header-services li a .icon {
    margin: 0;
  }
  .header-services li a .icon img {
    width: 28px;
  }
  .header-promotion {
    margin: 0;
    padding-bottom: 10px;
  }
  .header-promotion .promotion-card {
    margin-top: 10px;
    padding: 0;
    width: 100%;
  }
  .header-promotion .promotion-card .img {
    width: 83px;
    height: auto;
  }
  .header-promotion .promotion-card .content {
    width: calc(100% - 83px);
    padding-left: 16px;
  }
  .header-promotion .link-more {
    margin-top: 10px;
    font-size: 16px;
  }
  .header-content .close {
    background: var(--color-text-backing);
    border-radius: 99px;
    padding: 12px;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 90;
  }
  .header-content .close:before {
    content: "\e917";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    color: var(--color-black);
  }
  .dropdow-menu {
    top: 0;
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    overflow: hidden;
    padding: 10px 20px;
    overflow: auto;
    background: var(--color-white);
    z-index: 40;
  }
  .dropdow-menu .dropdown-container {
    padding: 0;
    overflow: hidden;
  }
  .dropdow-menu .dropdown-container::before {
    left: 340px;
  }
  .dropdown-container {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
  .dropdow-menu .header-services,
  .dropdow-menu .header-promotion {
    display: none;
  }
  .catalog-nav .list {
    display: block;
  }
  .catalog-nav .list > li {
    padding: 12px 0;
    border-top: 1px solid var(--color-text-backing);
  }
  .catalog-nav .list > li:not(:last-child) {
    padding-left: 0;
    border-right: 0;
  }
  .catalog-nav .list > li:not(:first-child) {
    padding-left: 0;
  }
  .dropdow-menu .mobile-head {
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-content .mobile-head  .close {
    position: relative;
    top: 0;
    right: 0;
  }
  .link-back {
    display: inline-flex;
    align-items: center;
    font-family: var(--second-family);
    font-size: 16px;
    line-height: 120%;
    color: var(--color-text-200);
  }
  .link-back .icon-chevron-right {
    transform: rotate(180deg);
    margin-right: 7px;
    font-size: 60%;
    order: -1;
  }
  .dropdown-submenu {
    position: static;
    padding: 5px 0 15px 10px;
  }
  .preview,
  .page,
  .hero {
    padding-top: 70px;
  }
  .favorites-list.list-items .item {
    width: 33.333%;
  }
  .gallery-grid {
    gap: 10px;
    grid-template-columns: repeat(10, 1fr);
  }
  .gallery-card {
    max-height: 316px;
  }
  .gallery-card:after {
    height: 150px;
  }
  .gallery-grid .gallery-card:nth-child(8n + 1),
  .gallery-grid .gallery-card:nth-child(8n + 4),
  .gallery-grid .gallery-card:nth-child(8n + 5),
  .gallery-grid .gallery-card:nth-child(8n + 8) {
    grid-column: span 6;
  }

  .gallery-grid .gallery-card:nth-child(8n + 2),
  .gallery-grid .gallery-card:nth-child(8n + 3),
  .gallery-grid .gallery-card:nth-child(8n + 6),
  .gallery-grid .gallery-card:nth-child(8n + 7) {
    grid-column: span 4;
  }
  .gallery-card__content {
    padding: 30px;
  }
  .gallery-card .link-more {
    font-size: 20px;
  }
  .gallery-card .desc {
    font-size: 15px;
  }
  .gallery-card__head-text__title {
    font-size: 22px;
  }
  .gallery-card__head-text__subtitle,
  .gallery-card__head-logo {
    display: none;
  }
  .gallery-card__form .form-item {
    margin-top: 10px;
  }
  .gallery-card__form .bt {
    margin-top: 20px;
    width: 52%;
  }
  .gallery-card__form .agree {
    margin-top: 20px;
    width: 48%;
    font-size: 12px;
  }
  .faq-content-secondary {
    width: calc(100% - 335px);
  }
  .faq-form-secondary {
    width: 315px;
  }
  .construction-card .title {
    font-size: 20px;
  }
  .error-page {
    padding-top: 100px;
  }

}

@media (max-width: 992px) {
  .useful-head {
    display: block;
    text-align: center;
  }
  .useful-head .tab-group {
    margin-top: 20px;
  }
  .partnership-wrapper {
    padding: 40px;
  }
  .partnership-head {
    width: 66%;
  }
  .footer-top {
    margin: 0 -15px;
  }
  .footer-col {
    width: 25%;
    padding: 0 15px;
  }
  .footer-content {
    margin-left: 15px;
    margin-right: 15px;
  }
  .footer-contacts .item {
    width: 100%;
    margin: 13px 0 0;
  }
  .footer-contacts .item:not(:last-child) {
    margin-right: 0;
  }
  .footer-buttons {
    margin-top: 10px;
  }
  .footer-contacts .bt-dark {
    padding: 0 25px;
  }
  .footer-subs {
    width: 48.2%;
  }
  .footer-bot {
    padding: 20px 0;
  }
  .footer-info {
    display: block;
    text-align: right;
  }
  .footer-info .item:not(:last-child) {
    margin-right: 0;
  }
  .collection-box {
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--input-border);
    display: block;
  }
  .collection-box .collection-gallery {
    width: 100%;
  }
  .collection-box .collection-slider .item {
    height: 338px;
  }
  .collection-box .collection-content {
    width: 100%;
    padding: 15px 0 0;
    display: flex;
    flex-direction: column;
  }
  .collection-box .collection-options {
    order: -1;
    margin: 0 0 15px;
  }
  .collection-box .collection-price {
    margin: 20px auto 0 0;
    padding-right: 10px;
  }
  .collection-box .collection-buttons {
    padding-top: 0;
  }
  .catalog-grid .card {
    width: 50%;
  }
  .online-board {
    margin-top: 30px;
  }
  .online-board .tool-card {
    display: block;
    text-align: center;
  }
  .online-board .tool-card .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    padding: 11px;
  }
  .online-board .tool-card .icon img {
    max-width: 100%;
  }
  .online-board .tool-card .title {
    margin-top: 15px;
    font-size: 16px;
  }
  .reading-content {
    width: 100%;
    padding-right: 0;
  }
  .reading-aside {
    width: 100%;
    margin-top: 32px;
  }
  .news-list {
    display: flex;
    flex-wrap: wrap;
    margin: -7.5px;
  }
  .news-item {
    width: 50%;
    padding: 0 7.5px;
  }
  .general-catalog {
    margin-top: 30px;
  }
  .general-catalog + .general-catalog {
    margin-top: 50px;
  }
  .general-catalog H3 {
    font-size: 27px;
  }
  .page + .footer {
    margin-top: 50px;
  }
  .slider-thumbnail {
    display: none;
  }
  .card-product {
    margin-top: 12px;
  }
  .card-gallery {
    width: 100%;
    position: static;
  }
  .card-gallery__container {
    padding-left: 0;
    display: flex;
  }
  .slider-preview .list {
    padding-bottom: 21px;
  }
  .slider-preview .item {
    height: 390px;
  }
  .side-switch {
    flex-direction: column;
    padding: 0 0 21px 10px;
    width: 153px;
    min-width: 153px;
  }
  .bt-side-switch {
    width: 100%;
    flex-grow: 1;
  }
  .board-profile {
    width: 100%;
  }
  .card-content {
    padding: 10px 0 0;
    width: 100%;
  }
  .card-content__head {
    order: -3;
  }
  .card-options {
    padding: 0;
    border: 0;
    order: -2;
  }
  .card-content .collection-size {
    margin-top: 14px;
    order: -1;
  }
  .card-md-row {
    display: flex;
    align-items: flex-end;
    border-top: 1px solid #f0f0f0;
    margin-top: 14px;
    padding-top: 14px;
  }
  .card-price.collection-price .new-price {
    width: 100%;
  }
  .card-price.collection-price .new-price + .unit-price {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
  }
  .card-price.collection-price .unit-price {
    padding-left: 8px;
    margin: 6px 0 0 8px;
  }
  .card-price.collection-price .unit-price {
    font-size: 14px;
  }
  .card-price.collection-price {
    margin: 0;
    padding: 0;
    border: 0;
    width: 172px;
    min-width: 172px;
  }
  .card-buttons {
    margin: 0;
    width: 100%;
    padding-left: 10px;
  }
  .page .card-content H1 {
    font-size: 28px;
  }
  .card-action-bt {
    border: 1px solid var(--input-border);
    border-radius: 8px;
    flex-grow: 1;
    margin: 14px 5px 0;
    justify-content: center;
  }
  .card-additionally {
    margin-top: 14px;
  }
  .info-board__content {
    width: 100%;
    padding-right: 0;
  }
  .info-board__aside {
    width: 100%;
    position: static;
  }
  .accordion-item__head {
    padding: 14px 0;
  }
  .accordion-item__head .icon-chevron-right {
    width: 32px;
    min-width: 32px;
    font-size: 10px;
  }
  .bnr-box .title {
    font-size: 17px;
  }
  .bnr-box__text {
    width: 100%;
  }
  .bnr-box__img {
    width: 108px;
    min-width: 108px;
  }
  .project-slider .slick-list {
    margin-right: -14px;
    overflow: hidden;
    padding-right: 170px;
  }
  .accessories-slider {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 26px;
  }
  .accessories-slider .item {
    padding: 0 15px;
  }
  .accessories-slider .catalog-item__img {
    height: 194px;
  }
  .accessories-slider .old-price .value {
    font-size: 14px;
  }
  .accessories-slider .discount-badge {
    font-size: 13px;
  }
  .accessories-slider .catalog-item__price .new-price {
    font-size: 17px;
  }
  .review-content {
    width: 100%;
    padding-right: 0;
  }
  .review-summary {
    margin-top: 20px;
    order: -1;
    width: 100%;
    position: static;
    display: flex;
    align-items: flex-start;
  }
  .average-rating {
    margin: -10px 20px 0;
  }
  .review-summary .bt {
    margin: 0 0 0 auto;
    height: 42px;
    max-width: 245px;
  }
  .review > .h2 {
    display: block;
  }
  .review-content H2 {
    display: none;
  }
  .review-content .bt-outline-secondary {
    margin-top: 20px;
  }
  .discounted-slider {
    margin-top: 20px;
    padding: 0 0 22px;
  }
  .discounted-slider .old-price .value {
    font-size: 13px;
  }
  .discounted-slider .discount-badge {
    font-size: 12px;
  }
  .discounted-slider .catalog-item {
    padding: 16px;
  }
  .catalog-item__img {
    height: 204px;
  }
  .collection-item .old-price {
    font-size: 14px;
  }
  .catalog .list-items {
    padding: 20px 0 41px;
    overflow: hidden;
  }
  .slider-other__collections .item > * {
    margin: 0;
  }
  .collection-item .bt-color {
    width: 28px;
    height: 28px;
  }
  .modal-gallery {
    padding: 0;
  }
  .modal-gallery__content {
    padding-left: 0;
    height: 100vh;
    display: flex;
    align-items: center;
  }
  .modal-gallery__thumbnail {
    display: none;
  }
  .modal-gallery__preview {
    border-radius: 0;
  }
  .modal-gallery__preview .item {
    height: auto;
  }
  .modal-gallery__preview .item img {
    border-radius: 0;
  }
  .modal-gallery .mfp-close {
    top: 5px;
    right: 5px;
    border: 0;
  }
  .modal-gallery__preview .slick-dots {
    padding: 1px 7px;
    bottom: 8px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.15);
  }
  .modal-gallery__preview .slick-dots li {
    margin: 3px;
    width: 14px;
    height: 6px;
  }
  .modal-gallery__preview .slick-dots li::before {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 99px;
    width: 100%;
    height: 6px;
  }
  .modal-gallery__preview .slick-dots li.slick-active {
    width: 24px;
  }
  .modal-gallery__preview .slick-dots li.slick-active::before {
    width: 100%;
    height: 6px;
  }
  .modal-project .mfp-close {
    top: 10px;
  }
  .modal-project {
    max-width: 600px;
  }
  .modal-project__wrapper {
    display: block;
  }
  .modal-project__wrapper .h3 {
    padding: 15px 30px 15px;
  }
  .modal-project .d-md-none {
    display: none;
  }
  .modal-project .d-md-block {
    display: block;
  }
  .modal-project__content {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: 30px;
  }
  .modal-project__content .subtitle {
    margin: 0 0 20px;
  }
  .modal-project__content .bt {
    width: 100%;
  }
  .cart-item__title {
    font-size: 17px;
  }
  .cart-item__content .help-wrap {
    margin-top: 50px;
  }
  .pagination {
    margin-top: 20px;
  }
  .color-selection__content {
    width: 100%;
    padding-right: 0;
  }
  .color-selection__aside {
    width: 100%;
  }
  .color-selection__content > p {
    font-size: 14px;
  }
  .board-filter {
    display: block;
  }
  .color-selection__result {
    padding: 16px 0 0;
    text-align: left;
  }
  .mobile-board__tab-buttons {
    display: flex;
    flex-wrap: wrap;
    padding-top: 6px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    color: var(--color-text-330);
  }
  .mobile-board__tab-buttons a {
    margin: 10px 20px 0 0;
    border-bottom: 2px solid transparent;
    color: inherit;
  }
  .mobile-board__tab-buttons a:last-child {
    margin-right: 0;
  }
  .mobile-board__tab-buttons .active {
    border-color: var(--color-prime);
    color: var(--color-prime);
  }
  .card-board__section .h4,
  .mobile-hidden {
    display: none;
  }
  .card-board__list {
    gap: 0;
    flex-wrap: nowrap;
    overflow: auto;
    margin: 20px -20px 0 0;
    padding: 0;
  }
  .card-board {
    flex: 0 0 auto;
    width: 64px;
    min-width: 64px;
    height: 64px;
    margin: 0 10px 0 0;
  }
  .color-selection__list {
    max-height: 100%;
    overflow: hidden;
    padding: 0 40px 22px 0;
    margin: 10px -30px 0 -10px;
  }
  .color-selection__list:not(.slick-slider) {
    display: flex;
    overflow: auto;
  }
  .color-selection__list:not(.slick-slider) .product-card {
    min-width: 75%;
  }
  .product-card {
    margin: 0 10px;
  }
  .product-card + .product-card {
    margin-top: 0;
  }
  .product-card .link-more {
    font-size: 17px;
  }
  .product-card__label {
    margin-top: 2px;
    font-size: 15px;
  }
  .product-card .collection-target {
    padding-top: 6px;
  }
  .product-card .collection-target__item {
    border-radius: 5px;
    margin: 3px 3px 0 0;
    display: block;
    text-align: center;
  }
  .product-card .collection-target__item-icon {
    display: none;
  }
  .product-card .collection-target__item-text {
    padding: 0;
    font-size: 12px;
  }
  .product-card p {
    margin-top: 8px;
    font-size: 14px;
  }
  .product-card__price {
    margin-top: 12px;
  }
  .product-card__price .new-price .val {
    font-size: 22px;
  }
  .product-card__buttons {
    margin-top: 18px;
  }
  .sticky-mobile {
    position: sticky;
    left: 0;
    top: 99px;
  }
  .promotion-info {
    font-size: 15px;
  }
  .promotion-info__image {
    margin-top: 20px;
  }
  .promotion__product-card {
    width: 50%;
  }
  .promotion__product-card__title {
    margin-top: 5px;
    font-size: 19px;
  }
  .promotion__product-card__option {
    margin-top: 7px;
  }
  .promotion__product-card__price .new-price {
    font-size: 22px;
  }
  .promotion-note {
    margin: 40px 0;
    display: block;
  }
  .promotion-note__text {
    width: 100%;
  }
  .promotion-note__feedback {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .article-content,
  .modal-article .article-content {
    width: 68.5%;
    padding-right: 20px;
  }
  .article-aside, .modal-article .article-aside {
    width: 31.5%;
  }
  .article-aside .h4 {
    font-size: 19px;
  }
  .article-aside__box {
    padding: 20px;
  }
  .article-container img {
    max-width: 49%;
  }
  .article-container p {
    padding-left: 30px;
  }
  .calculator-step__nav {
    font-size: 16px;
  }
  .calculator__base-card__content {
    padding: 15px;
  }
  .calculator__base-card .title {
    font-size: 16px;
  }
  .calculator__base-card p {
    margin-top: 10px;
  }
  .calculator__base-card {
    width: 100%;
    margin-top: 10px;
  }
  .calculator__base-card .radio-item:not(:last-child) {
    margin-right: 10px;
  }
  .calculator-buttons {
    margin-top: 20px;
  }
  .calculator-config__left {
    width: 100%;
  }
  .calculator-config__right {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--input-border);
  }
  .calculator-config {
    margin-top: 20px;
  }
  .config__radio-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .config__radio-list .config__radio-box {
    width: calc(33.333% - 5px);
    max-width: 100%;
  }
  .calculator-config__step .radio-item:not(:last-child) {
    margin-right: 10px;
    width: auto;
  }
  .calculator-config__right .text-center {
    text-align: left;
  }
  .laying-plan p {
    font-size: 13px;
  }
  .calculator-form {
    padding: 20px;
  }
  .calculator-form .h3 {
    font-size: 19px;
  }
  .calculator-form p {
    font-size: 14px;
  }
  .plan-card {
    width: 100%;
    margin-top: 15px;
  }
  .plan-card__title {
    margin-top: 5px;
  }
  .material-card {
    width: 50%;
  }
  .calculator-summary__description .h5 {
    margin-top: 15px;
    font-size: 15px;
  }
  .calculator-summary__description p {
    font-size: 13px;
  }
  .calculator-form .checkbox-item {
    font-size: 14px;
  }
  .board-variant__option-row {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .board-variant .title {
    margin-bottom: 5px;
  }
  .board-variant__option-row .cell-2 {
    width: auto;
    min-width: 0;
  }
  .board-variant__option-row .cell-3 {
    width: auto;
    min-width: 0;
  }
  .review-head {
    display: block;
    margin-top: 10px;
  }
  .review-head__text {
    padding-right: 0;
  }
  .review-head__info {
    margin-top: 20px;
  }
  .rating-cards-list {
    display: flex;
    align-items: flex-end;
  }
  .rating-box {
    height: 48px;
    min-width: 0;
  }
  .rating-box + .rating-box {
    margin: 0 0 0 5px;
  }
  .review-head__feedback {
    margin-left: auto;
  }
  .video-reviews {
    margin-top: 20px;
  }
  .video-review__slider {
    margin: 0 -20px 0 -2.5px;
    padding-right: 110px;
  }
  .video-review__slider:not(.slick-slider) .video-review__card {
    min-width: 210px;
  }
  .video-review__card {
    padding: 0 2.5px;
  }
  .video-review__card-autor {
    font-size: 13px;
  }
  .video-review__card-title {
    font-size: 15px;
  }
  .video-review__card > a {
    height: 274px;
  }
  .video-review__nav {
    margin-top: 10px;
  }
  .to-project-section {
    padding: 20px;
  }
  .project-preivew__content {
    height: 400px;
  }
  .project-preivew::before {
    height: 200px;
  }
  .project-catalog__header-location {
    align-items: flex-start;
    text-align: left;
  }
  .project-catalog__list {
    padding-top: 20px;
  }
  .project-catalog__list-item {
    margin-top: 10px;
    width: calc(50% - 5px);
  }
  .inspiration-list {
    padding-top: 0;
  }
  .inspiration-card__content {
    padding: 30px;
  }
  .inspiration-card .link-more {
    font-size: 22px;
  }
  .color-palette__container {
    padding: 30px;
  }
  .color-palette__preview-subtitle {
    font-size: 17px;
  }
  .color-palette .bt {
    height: 48px;
    font-size: 16px;
  }
  .color-palette__preview {
    width: 44%;
    max-width: 234px;
  }
  .color-palette__content {
    width: 56%;
    max-width: 372px;
  }
  .tv-block__preview {
    width: 250px;
  }
  .tv-block__content {
    width: calc(100% - 250px);
  }
  .tv-block__preview p {
    font-size: 16px;
  }
  .tv-block__preview-logo {
    padding-top: 0;
  }
  .tv-block__preview-logo img {
    max-width: 145px;
  }
  .tv-slider {
    padding-bottom: 26px;
  }
  .tv-slider .tags {
    margin-top: 10px;
    font-size: 14px;
  }
  .tv-slider .useful-card .title {
    font-size: 17px;
  }
  .steps-head {
    display: block;
    text-align: center;
  }
  .steps-head .tab-group {
    margin-top: 20px;
  }
  .about-preview__wrapper {
    height: 300px;
  }
  .about-preview__content {
    max-width: 292px;
  }
  .about-preview__content img {
    max-width: 258px;
  }
  .about-preview H1 {
    margin-top: 30px;
    font-size: 18px;
  }
  .about-company__text {
    font-size: 15px;
  }
  .about-advantage__card {
    padding: 20px 15px;
  }
  .about-advantage__card .title {
    font-size: 14px;
  }
  .technology-wrapper {
    height: 300px;
    padding: 0 40px;
  }
  .technology-content p {
    margin: 20px 0;
    font-size: 18px;
  }
  .technology-content .bt {
    height: 48px;
  }
  .performance-aside {
    width: 30%;
  }
  .performance-list {
    margin-top: -30px;
  }
  .performance-card {
    margin-top: 30px;
  }
  .performance-card__val {
    font-size: 36px;
  }
  .performance-card p {
    font-size: 17px;
  }
  .company-news__head {
    padding-bottom: 20px;
  }
  .company-news__list {
    margin-top: -10px;
  }
  .company-news__card {
    width: 50%;
  }
  .company-news__card:nth-child(2n) {
    border-right: 0;
  }
  .company-news__card .date {
    font-size: 14px;
  }
  .client {
    padding: 40px 0;
  }
  .client-list {
    margin: 0 -20px;
    padding-top: 0;
  }
  .client-list__item {
    margin-top: 30px;
    padding: 0 20px;
  }
  .showroom-content {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .showroom-tour__content {
    padding-left: 30px;
    max-width: 384px;
  }
  .showroom-video {
    width: 100%;
    margin-top: 20px;
  }
  .company-history__tab-bt {
    padding: 13px 10px;
    font-size: 14px;
  }
  .company-history__step {
    padding-bottom: 108px;
  }
  .company-history__step-content {
    width: calc(100% - 305px);
    padding: 0 20px 0 0;
  }
  .company-history__step-image {
    width: 305px;
  }
  .company-history__nav {
    left: 50%;
    transform: translateX(-50%);
  }
  .detail-content {
    width: 100%;
  }
  .detail-gallery {
    width: 100%;
  }
  .detail-gallery__list-item {
    width: 25%;
  }
  .certificate-wrapper {
    padding: 40px;
    height: 100%;
  }
  .certificate-wrapper H2 {
    font-size: 22px;
  }
  .certificate-content p {
    margin: 20px 0;
    font-size: 17px;
  }
  .certificate-image {
    width: 62%;
    top: auto;
    bottom: 0;
  }
  .production-preview {
    padding: 40px;
    height: 420px;
  }
  .production-preview H1 {
    font-size: 50px;
  }
  .production-preview__progress {
    margin: auto -20px 0;
  }
  .production-preview__progress-item {
    max-width: 250px;
    padding: 0 20px;
  }
  .production-preview__progress-item:nth-child(2) {
    max-width: 230px;
  }
  .production-preview__progress-item__val {
    font-size: 32px;
  }
  .production-preview__progress-item__label {
    font-size: 16px;
  }
  .production-advantage__head {
    width: 100%;
    padding-right: 0;
  }
  .production-advantage__text {
    width: 100%;
    margin-top: 0;
    font-size: 16px;
    display: block;
  }
  .production-gallery__slider {
    margin: 0 -5px;
  }
  .production-gallery__slider-item {
    padding: 0 5px;
  }
  .production-article__text {
    font-size: 16px;
  }
  .production-article__image {
    height: 270px;
  }
  .production-article__text {
    font-size: 16px;
  }
  .laboratory-content {
    margin-top: 20px;
    font-size: 16px;
  }
  .laboratory-content p {
    margin-bottom: 20px;
  }
  .doc-group {
    margin: 20px 0;
  }
  .production-advantage__desc {
    font-size: 16px;
  }
  .production-advantage__desc p {
    margin-top: 16px;
  }
  .contacts-content {
    width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }
  .contacts-section .showroom-tour__content {
    padding-left: 77px;
  }
  .contacts-section .showroom-tour__content .icon-geo {
    font-size: 42px;
  }
  .contacts-section .showroom-tour__adds {
    font-size: 15px;
  }
  .contacts-aside {
    width: 100%;
    margin-top: 60px;
    position: static;
  }
  .form-lg-group {
    display: flex;
    margin: 0 -8px;
  }
  .form-lg-group .form-item {
    width: 50%;
    padding: 0 8px;
  }
  .contacts-aside .radio-item:not(:last-child) {
    margin-right: 0;
    width: 100%;
  }
  .contacts-aside .agree {
    margin-top: 20px;
  }
  .contacts-aside .bt {
    height: 48px;
  }
  .channel-list {
    gap: 20px;
  }
  .channel-bt {
    flex: 0 0 calc(25% - 15px);
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .customer-history {
    margin-top: 40px;
    padding-right: 125px;
  }
  .customer-history:nth-child(2n) {
    padding: 0 0 0 125px;
  }
  .customer-history__image {
    height: 370px;
  }
  .customer-history__content {
    padding: 30px;
    width: 360px;
  }
  .customer-history .title {
    font-size: 22px;
  }
  .project-preview__image img {
    height: 140px;
  }
  .history-project__location,
  .history-project__text {
    font-size: 18px;
  }
  .project-info__item {
    width: 100%;
  }
  .project-info__item + .project-info__item {
    margin-top: 30px;
  }
  .project-info__item .title {
    padding-bottom: 0;
  }
  .project-details__card-text {
    font-size: 15px;
  }
  .project-about__text {
    padding-top: 10px;
    font-size: 16px;
  }
  .project-about__note {
    font-size: 17px;
  }
  .project-gallery__slider {
    padding: 0 46px;
  }
  .work-process {
    overflow: hidden;
  }
  .work-process__slider {
    overflow: visible;
    padding-right: 30px;
    padding-bottom: 30px;
    margin: 30px -30px 0 0;
  }
  .work-process__card {
    padding: 0;
  }
  .work-process__slider .slick-list {
    overflow: visible;
  }
  .work-process__slider .slick-slide {
    margin-right: 20px;
  }
  .family-story__content {
    padding: 30px 0;
    font-size: 18px;
  }
  .customer-review__card-text {
    font-size: 17px;
  }
  .customer-review__card-text .card {
    padding: 30px;
  }
  .service-content {
    margin-top: 20px;
    padding-right: 20px;
    width: calc(100% - 230px);
  }
  .service-aside {
    margin-top: 20px;
    width: 230px;
  }
  .service-aside__contact-item {
    font-size: 17px;
  }
  .service-aside .h4 {
    font-size: 19px;
  }
  .service-preview__text {
    width: 100%;
    padding: 0;
  }
  .service-preview__image {
    width: 100%;
    margin-top: 20px;
  }
  .price-list__item {
    font-size: 15px;
  }
  .price-list__item small {
    font-size: 14px;
  }
  .used-service-logos__item {
    width: 33.333%;
  }
  .service-feedback.card {
    padding: 30px;
  }
  .service-feedback__content {
    max-width: 100%;
    width: 100%;
  }
  .service-feedback__item {
    font-size: 20px;
  }
  .service-feedback__form {
    max-width: 100%;
    width: 100%;
  }
  .service-template__content {
    padding-left: 0;
  }
  .service-desc {
    padding: 30px;
    font-size: 15px;
  }
  .warranty-list {
    margin: 0 0 30px;
    padding-top: 20px;
  }
  .warranty-card {
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 20px;
    text-align: left;
    display: flex;
  }
  .warranty-card__logo {
    padding: 0;
    width: 160px;
    min-width: 160px;
    height: 45px;
  }
  .warranty-card__content {
    width: calc(100% - 160px);
    padding-left: 30px;
  }
  .warranty-card p {
    margin-top: 0;
  }
  .warranty-card__val {
    font-size: 18px;
  }
  .warranty-includes {
    padding: 20px;
  }
  .warranty-includes__head {
    width: 100%;
  }
  .warranty-includes__head::after {
    font-size: 32px;
  }
  .warranty-includes__content {
    width: 100%;
    padding-top: 30px;
  }
  .warranty-feedback__card {
    width: 100%;
    margin-top: 20px;
  }
  .warranty-feedback__card-subtitle {
    margin-top: 20px;
    font-size: 16px;
  }
  .warranty-feedback__card .bt-msg {
    margin-top: 20px;
  }
  .service-content > img {
    margin-top: 15px;
  }
  .service .feedback-form {
    padding: 30px;
    background: 0;
  }
  .service .feedback-form form {
    max-width: 100%;
  }
  .project-showcase.card {
    padding: 30px;
  }
  .project-showcase__list {
    margin: 0 -10px;
  }
  .project-showcase__card {
    margin-top: 20px;
    padding: 0 10px;
    font-size: 15px;
  }
  .design-preview__subtitle {
    margin-top: 20px;
  }
  .pay-list {
    padding-top: 10px;
  }
  .pay-card {
    width: 100%;
    margin-top: 10px;
  }
  .pay-card__wrapper {
    padding: 20px;
    display: flex;
    align-items: flex-start;
  }
  .pay-card__logo {
    width: 150px;
  }
  .pay-card__logo:after {
    display: none;
  }
  .pay-card__logo img {
    position: static;
    left: 0;
    top: 0;
    transform: translate(0%,0%);
  }
  .pay-card__content {
    width: calc(100% - 150px);
    padding-left: 20px;
    font-size: 15px;
  }
  .pay-card .title {
    margin: 0;
    font-size: 19px;
  }
  .service-delivery__region {
    padding-left: 20px;
    padding-right: 20px;
    justify-content: space-between;
    font-size: 15px;
  }
  .service-delivery__region-name {
    width: 54%;
    padding-right: 5px;
  }
  .service-delivery__region-time {
    min-width: 90px;
  }
  .service-delivery__action-image {
    width: 100%;
    max-width: 287px;
    margin: 0 auto;
  }
  .service-delivery__action-button {
    width: 100%;
    padding: 30px 30px 16px;
  }
  .service-delivery__action-button .bt {
    padding: 0;
    width: 100%;
  }
  .service-pickup__subtitle {
    font-size: 16px;
  }
  .service-pickup__info {
    padding: 10px 10px 0;
    width: 100%;
  }
  .service-pickup__map {
    width: 100%;
    margin-top: 20px;
  }
  .service-pickup__info-title {
    margin-bottom: 20px;
  }
  .service-pickup__info .bt {
    margin-top: 20px;
    max-width: 100%;
  }
  .service-faq__list {
    padding: 10px 0;
  }
  .service-faq__question {
    padding: 18px 24px;
    font-size: 17px;
  }
  .service-faq__answer {
    display: none;
    padding: 0 24px 10px;
    font-size: 16px;
  }
  .video-section__text {
    font-size: 14px;
  }
  .benefits-card__icon {
    width: 64px;
    height: 64px;
  }
  .benefits-card__content {
    width: calc(100% - 64px);
  }
  .service-prices__info {
    max-width: 380px;
  }
  .service-prices__info .title {
    font-size: 15px;
  }
  .service-prices__info p {
    font-size: 14px;
  }
  .service-prices__value {
    font-size: 15px;
  }
  .calc-wrapper {
    padding: 30px;
  }
  .calc-content {
    max-width: 220px;
  }
  .calc-content H4 {
    font-size: 17px;
  }
  .calc-content .bt {
    margin-top: 20px;
    max-width: 100%;
    height: 42px;
  }
  .calc-image {
    top: auto;
    bottom: 0;
    width: 60%;
  }
  .service ul:not([class]) {
    font-size: 15px;
  }
  .service-options-item {
    width: 100%;
    font-size: 15px;
  }
  .service-gallery__slider {
    margin: 20px -5px 0;
  }
  .service-gallery-item {
    padding: 0 5px;
  }
  .service-content > H4 {
    margin-top: 20px;
  }
  .service-content > p, .service section > p {
    font-size: 15px;
  }
  .resolution-card {
    padding: 30px;
  }
  .resolution-card__image {
    width: 167px;
  }
  .resolution-card__content {
    width: calc(100% - 167px);
    padding-left: 30px;
  }
  .hero-content {
    max-width: 360px;
    padding: 30px;
  }
  .hero-content H1 {
    font-size: 26px;
  }
  .hero-content p {
    margin-top: 10px;
    font-size: 16px;
  }
  .hero-content .bt {
    margin-top: 20px;
  }
  .terrace-way__subtitle,
  .terrace-projects__subtitle,
  .terrace-map__subtitle {
    font-size: 17px;
  }
  .terrace-way__items {
    margin-top: 20px;
  }
  .terrace-way__items::before {
    top: 29px;
  }
  .terrace-way__item-number {
    border: 10px solid #fff;
    border-radius: 20px;
    width: 58px;
    height: 58px;
    font-size: 22px;
  }
  .terrace-projects__note {
    font-size: 16px;
  }
  .terrace-projects__nav,
  .terrace-benefits__slider-nav,
  .terrace-reviews__nav {
    display: none;
  }
  .about-terrace__wrapper {
    padding: 50px 30px;
  }
  .about-terrace__video {
    width: 100%;
  }
  .about-terrace__content {
    width: 100%;
    padding-left: 0;
    font-size: 16px;
  }
  .terrace-benefits__slider {
    margin-top: 30px;
    padding-bottom: 0;
  }
  .terrace-projects__slider:not(.slick-slider) .terrace-projects__card,
  .terrace-benefits__slider-list:not(.slick-slider) .terrace-benefits__card {
    min-width: calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .terrace-benefits__card .title {
    font-size: 18px;
  }
  .terrace-benefits__card-desc {
    font-size: 15px;
  }
  .terrace-cost__content {
    width: 100%;
    padding-right: 0;
    font-size: 16px;
  }
  .terrace-cost__content H2 {
    margin-bottom: 20px;
  }
  .terrace-services {
    margin-top: 30px;
  }
  .terrace-cost__sidebar {
    position: static;
    width: 100%;
    margin-top: 30px;
    padding: 30px;
  }
  .terrace-cost__sidebar-wrapper {
    max-width: 100%;
  }
  .terrace-cost__breakdown {
    display: flex;
    margin: 20px -5px 0;
  }
  .terrace-cost__breakdown-item {
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 30px 14px 14px;
  }
  .terrace-cost__breakdown-item__label {
    margin: 0;
    order: -1;
    font-size: 15px;
    line-height: 130%;
  }
  .terrace-cost__breakdown-item__value {
    margin-top: 10px;
    font-size: 18px;
  }
  .terrace-compare__wrapper {
    padding: 30px;
  }
  .terrace-compare__subtitle {
    margin-bottom: 10px;
  }
  .terrace-compare__content {
    width: 100%;
    padding-right: 0;
  }
  .terrace-compare__image {
    margin-top: 30px;
    width: 100%;
    max-width: 485px;
  }
  .terrace-tools__title {
    width: 100%;
    padding: 0 0 20px;
    text-align: center;
  }
  .terrace-tools__content {
    width: 100%;
  }
  .terrace-tools__list {
    margin: 0 -6px;
  }
  .terrace-tools__item {
    padding: 0 6px;
  }
  .terrace-faq__intro {
    width: 100%;
    text-align: center;
  }
  .terrace-faq__intro-text {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .terrace-faq__intro-note {
    margin: 8px 8px 0;
  }
  .terrace-faq__intro .bt {
    margin-top: 8px;
    height: 36px;
    border-radius: 8px;
    padding: 0 16px;
    font-size: 14px;
  }
  .terrace-faq__content {
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
  }
  .terrace-reviews__item p {
    margin: 16px 0;
  }
  .terrace-reviews__item .bt {
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
  }
  .terrace-reviews__list:not(.slick-slider) {
    padding-right: 30%;
  }
  .terrace-reviews__list:not(.slick-slider) .terrace-reviews__item {
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
  }
  .terrace-services__card {
    height: 274px;
  }
  .terrace-services__card .title {
    font-size: 20px;
  }
  .terrace-services__card .link-more {
    font-size: 15px;
  }
  .modal-reviews__item p {
    font-size: 16px;
  }
  .construction-card {
    margin-top: 30px;
    width: calc(50% - 10px);
  }
  .construction-card .title {
    margin-top: 15px;
  }
  .calculator-step__nav-item:not(:first-child)::before {
    margin: 0 10px;
  }
  .pro-section {
    text-align: left;
  }
  .pro-section .breadcrumbs {
    justify-content: flex-start;
  }
  .pro-section__text {
    font-size: 16px;
  }
  .pro-cards {
    padding-top: 10px;
  }
  .pro-cards__item {
    width: 100%;
    margin-top: 16px;
  }
  .pro-card {
    display: flex;
    align-items: flex-start;
    height: auto;
    text-align: left;
    padding: 20px;
  }
  .pro-card__icon {
    margin: 0;
  }
  .pro-card__content {
    width: calc(100% - 78px);
    padding-left: 20px;
  }
  .pro-card__link {
    display: block;
    font-size: 15px;
  }
  .pro-cards__item > .link-more {
    display: none;
  }
  .pro-card__title {
    height: auto;
    font-size: 20px;
    justify-content: flex-start;
  }
  .pro-card p {
    margin: 15px 0;
  }
  .pro-projects__slider:not(.slick-slider) .pro-projects__slider-item {
    width: 50%;
    min-width: 50%;
  }
  .pro-guides p {
    font-size: 16px;
  }
  .pro-guides__content {
    padding: 40px 0 40px 40px;
    width: calc(100% - 360px);
  }
  .pro-guides__image {
    width: 360px;
    min-height: 300px;
  }
  .pro-guides__image img {
    max-width: 444px;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .marketing-list {
    padding-top: 0;
  }
  .marketing-item {
    width: 50%;
  }
  .project-description {
    margin-top: 20px;
  }
  .project-description__text {
    font-size: 16px;
  }
  .project-description__author {
    font-size: 15px;
  }
  .project-description__author-label {
    font-size: 19px;
  }
  .pro-projects__gallery {
    padding-top: 0;
  }
  .pro-projects__gallery-item {
    width: 50%;
  }
  .pro-projects__gallery .bt-center {
    margin-top: 30px;
  }
  .pro-projects__gallery .bt-center .bt {
    max-width: 100%;
  }
  .subcatalog-list {
    margin: -20px -10px 0;
  }
  .subcatalog-card {
    padding: 0 10px;
  }
  .subcatalog-card__image:after {
    padding-bottom: 66.5%;
  }
  .subcatalog-card .title {
    margin-top: 16px;
    font-size: 17px;
  }
  .subcatalog-card p {
    font-size: 15px;
  }
  .error-page__message {
    font-size: 18px;
  }
  .error-page__code {
    font-size: 100px;
  }
  .instruction-card {
    width: 50%;
  }
  .modal-article {
    padding: 20px;
  }

}

@media (max-width: 768px) {
  section {
    padding-top: 50px;
  }
  .preview-bg {
    padding: 132px 0;
  }
  .preview-title {
    font-size: 20px;
  }
  .preview H1 {
    font-size: 50px;
  }
  .online-tools {
    padding-top: 50px;
  }
  .tools-head {
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
  }
  .tools-head img {
    position: static;
  }
  .tools-head H2 {
    order: -1;
    margin-right: 9px;
  }
  .tools-head .subtitle {
    width: 100%;
  }
  .tools-content {
    padding-top: 10px;
  }
  .tool-card {
    padding: 20px 18px;
  }
  .tool-card .icon {
    width: 60px;
    height: 60px;
  }
  .tool-card .icon img {
    max-width: 55%;
  }
  .tool-card .title a {
    font-size: 18px;
  }
  .tool-card p {
    font-size: 16px;
  }
  .services {
    padding-top: 30px;
  }
  .service-card {
    height: 253px;
  }
  .service-card .content {
    padding: 20px;
  }
  .service-card .title {
    font-size: 24px;
  }
  .service-card .link-more {
    font-size: 16px;
  }
  .catalog-card.rectangle-card .h3 {
    font-size: 24px;
  }
  .catalog-card:not(.rectangle-card) .price {
    font-size: 15px;
  }
  .promo-slider H3 {
    font-size: 22px;
  }
  .promo-slider p {
    font-size: 16px;
  }
  .promo-slider .bt {
    height: 42px;
  }
  .projects-grid .item {
    width: 50%;
  }
  .project-card {
    height: 360px;
  }
  .project-card.card-2 {
    height: 306px;
  }
  .feedback-form {
    background: url(../i/part3-logo.svg) 100% 0 no-repeat;
  }
  .feedback-form form {
    max-width: 430px;
  }
  .feedback-form .form-item {
    width: 100%;
    margin-right: 0;
  }
  .feedback-form .form-step {
    padding-top: 10px;
  }
  .stories-slider {
    margin-top: 30px;
  }
  .stories-slider .slick-arrow {
    top: 38%;
  }
  .history-card .img {
    height: 300px;
  }
  .step-list {
    margin-top: 20px;
  }
  .step-list .item {
    width: 50%;
  }
  .step-card {
    padding: 20px;
  }
  .useful-slider .slick-arrow {
    margin: 0 10px;
    top: 70px;
  }
  .useful-card .img {
    height: 177px;
    border-radius: 10px;
  }
  .useful-card .title {
    font-size: 17px;
  }
  .advantage {
    margin-top: 50px;
    padding: 87px 0;
    background: url(../i/lap-advantage-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
  }
  .advantage-content {
    padding: 40px 30px;
  }
  .advantage-content H2 {
    text-align: center;
  }
  .advantage-slider {
    margin: 30px 0 0;
    padding-left: 0;
    padding-right: 0;
  }
  .advantage-info {
    width: 100%;
  }
  .advantage-bt {
    margin-top: 10px;
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .about-text {
    width: 100%;
  }
  .about-media {
    width: 100%;
    max-width: 604px;
    margin: 30px auto 0;
  }
  .poster .modal-video {
    height: 316px;
  }
  .partnership-list {
    padding-top: 20px;
  }
  .partnership-card {
    width: 100%;
    margin-top: 20px;
  }
  .partnership-card:not(:last-child) {
    padding-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--input-border);
    border-right: 0;
  }
  .partnership-card:not(:first-child) {
    padding-left: 0;
  }
  .partnership-card .h4 {
    font-size: 20px;
  }
  .partnership-card p,
  .partnership-card .link-more {
    margin-top: 10px;
  }
  .partner {
    padding-bottom: 50px;
  }
  .partner-list li {
    margin: 36px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding: 0 10px;
  }
  .modal-location {
    padding: 14px;
  }
  .city-list ul {
    column-count: 2;
  }
  .collection-preview p {
    font-size: 16px;
  }
  .collection-preview__content {
    width: 50%;
  }
  .collection-preview__advanage {
    width: 46%;
  }
  .collection-title {
    font-size: 24px;
  }
  .faq-content {
    width: 56%;
  }
  .faq-form {
    width: 40%;
  }
  .reading {
    padding-bottom: 50px;
  }
  .collection-box .bt-outline-secondary {
    display: none;
  }
  .pb-template {
    padding-bottom: 50px;
  }
  .product-acces__gallery {
    width: 100%;
    margin-top: 20px;
  }
  .product-acces__content {
    width: 100%;
    padding: 0;
  }
  .product-acces__content p {
    margin-top: 20px;
  }
  .product-acces__gallery-slider .item {
    height: 238px;
  }
  .product-acces__content .parameter-list {
    padding-top: 10px;
  }
  .product-acces__bar {
    padding: 20px 0;
  }
  .article-card__title {
    font-size: 16px;
  }
  .article-card .date {
    font-size: 14px;
  }
  .calculator__base-list {
    padding-top: 0;
  }
  .calculator-filter {
    display: none;
  }
  .bt-toggle__filter-calculator {
    display: flex !important;
    width: 100%;
    margin: 20px 0;
  }

  .bt-toggle__filter-project::after {
    order: -1;
    margin-right: 12px;
    font-size: 20px;
  }
  .mobile__calculator-filter {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateX(-100%);
    transition: all 200ms ease;
    height: 100vh;
    overflow: auto;
    z-index: 200;
    background: var(--color-text-backing);
    padding: 10px 12px;
    display: block;
  }
  .open__filter-calculator .mobile__calculator-filter {
    transform: translateX(0%);
  }
  .calculator-filter__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mobile__calculator-filter .bt {
    width: 100%;
    margin-top: 10px;
  }
  .mobile__calculator-filter .bt-reset {
    margin: 10px 0 0;
    width: 100%;
    background: var(--color-text-backing-2);
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .open__filter-project .calculator-filter {
    transform: translateX(0);
  }  
  .calculator-filter__title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    color: var(--color-black);
  }
  .calculator-filter__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    cursor: pointer;
    font-size: 22px;
  }
  .service-template__image {
    max-width: 100%;
    width: 100%;
  }
  .service-template__content {
    max-width: 100%;
    width: 100%;
    padding: 20px 0 0;
    order: 2;
  }
  .video-section__item {
    width: 50%;
  }
  .service section > H2:not(:first-child) {
    margin-top: 40px;
  }
  .services-list {
    margin-top: 10px;
  }
  .services-list__card {
    width: 100%;
    margin-top: 10px;
  }
  .services-list__card-wrapper {
    padding: 20px;
    flex-direction: row;
    align-items: flex-start;
  }
  .services-list__card-image {
    width: 44.5%;
  }
  .services-list__card-image:after {
    padding-bottom: 69%;
  }
  .services-list__card-content {
    padding: 0 0 0 30px;
    width: 55.5%;
  }
  .services-list__card p {
    margin-top: 15px;
  }
  .services-list__card .bt {
    position: static;
    margin-top: 15px;
  }
  .faq-content-secondary,
  .faq-form-secondary {
    width: 100%;
  }
  .faq-form-secondary {
    max-width: 100%;
    margin-top: 40px;
  }
  .pro-intro {
    margin-top: 6px;
  }
  .pro-intro__content {
    width: 100%;
    padding-right: 0;
    margin-top: 0;
    order: 2;
  }
  .pro-intro__content img {
    margin-top: 12px;
  }
  .pro-projects__subtitle {
    margin-top: 20px;
  }
  .pro-intro .mobile-title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 27px;
    line-height: 120%;
    color: var(--color-second-dark-2);
  }
  .pro-intro__image {
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
  }
}


@media (max-width: 767px) {
  .favorites-list.list-items .item {
    width: 50%;
  }
  .gallery-grid .gallery-card:nth-child(8n + 1),
  .gallery-grid .gallery-card:nth-child(8n + 4),
  .gallery-grid .gallery-card:nth-child(8n + 5),
  .gallery-grid .gallery-card:nth-child(8n + 8) {
    grid-column: span 10;
  }

  .gallery-grid .gallery-card:nth-child(8n + 2),
  .gallery-grid .gallery-card:nth-child(8n + 3),
  .gallery-grid .gallery-card:nth-child(8n + 6),
  .gallery-grid .gallery-card:nth-child(8n + 7) {
    grid-column: span 10;
  }
  .page-text__preview {
    margin-top: 10px;
    font-size: 14px;
  }
  .gallery-filter {
    display: none;
  }
  .bt-toggle__filter-project {
    display: flex !important;
    width: 100%;
    margin: 20px 0;
  }
  .bt-toggle__filter-project::after {
    order: -1;
    margin-right: 12px;
    font-size: 20px;
  }
  .mobile__gallery-filter {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateX(-100%);
    transition: all 200ms ease;
    height: 100vh;
    overflow: auto;
    z-index: 200;
    background: var(--color-text-backing);
    padding: 10px 12px;
    display: block;
  }
  .open__filter-project .mobile__gallery-filter {
    transform: translateX(0%);
  }
  .gallery-filter__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mobile__gallery-filter .bt {
    width: 100%;
    margin-top: 10px;
  }
  .mobile__gallery-filter .bt-reset {
    margin: 10px 0 0;
    width: 100%;
    background: var(--color-text-backing-2);
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .open__filter-project .gallery-filter {
    transform: translateX(0);
  }  
  .gallery-filter__title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    color: var(--color-black);
  }
  .gallery-filter__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    cursor: pointer;
    font-size: 22px;
  }
  .gallery-list {
    padding-top: 10px;
  }
  .gallery-list .gallery-card {
    margin-top: 10px;
    width: 100%;
  }
  .service-content {
    width: 100%;
    padding-right: 0;
  }
  .service-aside {
    width: 100%;
  }
  .service H2 {
    font-size: 19px;
  }
  .price-list {
    margin-top: 20px;
  }
  .price-list__item {
    padding: 10px 0;
    font-size: 14px;
    line-height: 150%;
  }
  .price-list__item small {
    font-size: 13px;
  }
  .service-steps__card .title {
    font-size: 18px;
  }
  .service-steps__card p {
    font-size: 14px;
  }
  .service-steps__card {
    margin-top: 30px;
  }
  .service-content > img {
    margin-top: 10px;
  }
  .process-steps__item {
    margin-top: 24px;
  }
  .process-steps__item .title {
    font-size: 18px;
  }
  .process-steps__item p {
    font-size: 14px;
  }
  .service .feedback-form {
    padding: 24px;
    text-align: left;
  }
  .service .feedback-form H2 {
    padding-bottom: 6px;
    font-size: 22px;
    text-align: center;
  }
  .service .feedback-form .form-item {
    margin-top: 14px;
  }
  .design-preview__subtitle {
    font-size: 16px;
  }
  .design-preview__info {
    font-size: 15px;
  }
  .service-prices__info {
    width: 70%;
  }
  .service-prices__value {
    min-width: 0;
  }
  .services-video {
    margin-top: 20px;
  }
  .services-video__item .title {
    font-size: 18px;
  }
  .terrace-map__point-content {
    display: none;
  }
  .terrace-map__point.active {
    z-index: 2;
  }
  .terrace-map__point.active .terrace-map__point-content {
    display: block;
  }
.terrace-map__wrapper {
  margin-top: 20px;
}
.terrace-map__point {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.terrace-map__point::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
.terrace-map__point-content {
  margin: 15px 0 0 10px;
  border-radius: 10px;
  line-height: normal;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  display: none;
}
.terrace-map__point-content a {
  padding: 12px 10px;
}
.terrace-map__point-content:before {
  left: -24px;
  top: -9px;
  height: 2px;
  width: 38px;
  transform: rotate(48deg);
}
.terrace-map__point-content.top {
  margin: 0 0 22px 15px;
}
.terrace-map__point-content.top:before {
  left: -30px;
  top: 65.5px;
  width: 50px;
  transform: rotate(-50deg);
}
.terrace-map__point-content.right {
  margin-right: 20px;
  margin-left: 0;
}
.terrace-map__point-content.right:before {
  right: -31.5px;
  left: auto;
  top: -8.5px;
  width: 40px;
  transform: rotate(-42deg);
}
.terrace-map__point-title {
  font-size: 13px;
}
.terrace-map__point-content .link-more {
  margin-top: 0;
  font-size: 10px;
}



}


@media (max-width: 760px) {
  .cart-item__content-head {
    display: block;
  }
  .cart-item__info {
    max-width: 100%;
  }
  .cart-price {
    margin: 10px 10px 0 0;
    order: -2;
  }
  .cart-item .quantity-form__wrapper {
    margin: 10px 0 0;
  }
  .cart-buttons {
    margin: 10px 0 0 auto;
    order: 2;
    width: auto;
  }
  .promotion-item__title {
    font-size: 18px;
  }
  .archive-section H3 {
    font-size: 19px;
  }
  .archive-section .promotion-item__title {
    font-size: 14px;
  }
  .promotion-item.disabled .promotion-item__alert {
    font-size: 13px;
  }
  .archive-section .date {
    font-size: 12px;
  }
  .archive-section .bt-outline-secondary {
    width: 100%;
  }
  .article-content,
  .modal-article .article-content {
    width: 100%;
    padding-right: 0;
  }
  .article-aside, .modal-article .article-aside {
    margin-top: 40px;
    width: 100%;
    position: static;
  }
  .article H3 {
    font-size: 19px;
  }
  .calculator {
    margin-top: 10px;
  }
  .calculator-step__nav {
    padding-bottom: 10px;
    font-size: 15px;
  }
  .calculator-step__nav-item:not(:first-child)::before {
    width: auto;
    height: 20px;
    margin: 0 5px;
  }
  .calculator-step {
    position: relative;
    padding-bottom: 68px;
  }
  .calculator-buttons {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .calculator-step:first-child .bt,
  .calculator-step:last-child .bt {
    flex-grow: 1;
  }
  .calculator-step__col-left {
    width: 100%;
    padding-right: 0;
  }
  .calculator-step__col-right {
    width: 100%;
    margin-top: 10px;
  }
  .terrace-calculator .calculator-step__col-left,
  .terrace-calculator .calculator-step__col-right {
    width: 100%;
  }
  .calculator__base-image {
    height: 274px;
  }
  .board-variant-list {
    display: flex;
    margin-right: -20px;
    overflow: auto;
  }
  .board-variant {
    margin: 0 10px 0 0;
    padding-top: 5px;
    min-width: 300px;
    width: 300px;
  }
  .board-variant__img {
    width: 96px;
    min-width: 96px;
    height: 100%;
  }
  .board-variant__content {
    width: calc(100% - 96px);
    padding: 15px 20px 15px 15px; 
  }
  .material-card {
    width: 33.333%;
  }
  .material-card__img {
    height: 91px;
    border-radius: 10px;
  }
  .to-project-section .bt {
    max-width: 100%;
  }
  .review-image {
    padding: 0 20px;
    text-align: center;
  }
  .popup-image {
    max-width: 100%;
  }
  .project-preivew__content {
    height: 300px;
  }
  .project-preivew .link-back {
    font-size: 13px;
  }
  .project-preivew .project-preivew__title {
    font-size: 28px;
  }
  .project-preivew__category {
    font-size: 14px;
  }
  .project-preivew__action {
    bottom: 20px;
  }
  .project-preivew__action .header-bt {
    width: 32px;
    height: 32px;
    font-size: 100%;
    border-radius: 6px;
  }
  .project-catalog {
    margin-top: 20px;
  }
  .project-catalog__header-text {
    width: 100%;
    padding-right: 0;
  }
  .project-catalog__header-info {
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
  }
  .project-catalog__list {
    padding-top: 6px;
  }
  .project-catalog__list-item {
    margin-top: 4px;
    width: calc(50% - 2px);
    border-radius: 5px;
  }
  .about-advantage__list {
    margin: 0 -5px;
  }
  .about-advantage__list-item {
    padding: 0 5px;
    margin-top: 10px;
  }
  .about-advantage__card {
    border-radius: 10px;
    padding: 15px;
  }
  .about-advantage__card .title {
    font-size: 13px;
  }
  .performance-aside {
    width: 100%;
  }
  .performance-content {
    width: 100%;
  }
  .performance-list {
    margin: 0 -10px;
  }
  .performance-card {
    margin-top: 20px;
    padding: 0 10px;
  }
  .performance-card__val {
    font-size: 28px;
  }
  .performance-card p {
    font-size: 14px;
  }
  .pro-benefits__item {
    width: 50%;
  }
  .contest-section {
    margin-top: 30px;
    border-radius: 10px;
    padding: 20px;
  }
  .contest-content {
    font-size: 14px;
  }
  .contest-content H4 {
    font-size: 16px;
  }
  .terrace-way__items {
    margin: 0;
  }
  .terrace-way__items::before {
    display: none;
  }
  .terrace-way__item {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 6px 0 14px 42px;
    text-align: left;
  }
  .terrace-way__item:not(:last-child)::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    background: var(--color-text-backing-2);
    left: 16px;
    top: 42px;
    bottom: 0;
  }
  .terrace-way__item-number {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 18px;
  }
  .terrace-way__item .title {
    margin: 0;
    min-height: 0;
    font-size: 17px;
  }
  .terrace-way__item p {
    margin-top: 10px;
    font-size: 15px;
  }
  .terrace-way__item .bt {
    margin-top: 10px;
    max-width: 100%;
    height: 42px;
  }

}

@media (max-width: 690px) {
  .fs-34 {
    font-size: 22px;
  }
  .header-content {
    width: 100%;
  }
  .header-mobile .wrapper {
    height: 56px;
  }
  .header-mobile .logo {
    width: 48px;
    overflow: hidden;
  }
  .header-mobile .logo img {
    max-width: 1000%;
    height: 27px;
  }
  .header-mobile .bt-call {
    margin: 0;
    width: 48px;
    height: 48px;
    border-radius: 0;
    background: 0;
    padding: 0;
    font-size: 0;
  }
  .header-mobile .bt-call:before {
    content: "\e918";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 26px;
    color: var(--color-black);
  }

  section {
    padding-top: 40px;
  }
  .preview, .page, .hero {
    padding-top: 56px;
  }
  .preview-bg {
    padding: 40px 0;
  }
  .preview H1 {
    font-size: 33px;
  }
  .preview-buttons {
    margin-top: 0;
    padding-top: 84px;
  }
  .preview-buttons .bt {
    margin: 16px 0 0;
    width: 100%;
  }
  .tools-head H2 {
    margin: 2px 0 0;
    width: 100%;
    font-size: 27px;
    order: 0;
  }
  .tools-head .subtitle {
    font-size: 18px;
  }
  .online-tools {
    padding-top: 40px;
  }
  .online-tools .list-items .item > * {
    margin-top: 10px;
  }
  .tool-card {
    display: flex;
    align-items: center;
  }
  .tool-card .icon {
    min-width: 60px;
    margin: 0 15px 0 0;
  }
  .tool-card p {
    display: none;
  }
  .services {
    padding-top: 20px;
  }
  .service-card {
    height: 280px;
  }
  .catalog-card.rectangle-card {
    flex-direction: column;
  }
  .catalog-card.rectangle-card .img {
    width: 100%;
    padding: 20px 60px 0;
    text-align: center;
  }
  .catalog-card.rectangle-card .content {
    width: 100%;
    padding: 20px 30px 24px;
    order: 2;
  }
  .catalog-card li a {
    font-size: 16px;
  }
  .catalog-card:not(.rectangle-card) .link-more {
    font-size: 17px;
  }
  .promo-slider {
    padding-bottom: 25px;
  }
  .promo-slider .item {
    flex-direction: column;
    padding: 0 25px 20px;
  }
  .promo-slider .content {
    order: 1;
    padding: 12px 0 0;
    width: 100%;
  }
  .promo-slider .img {
    width: 100%;
    text-align: center;
  }
  .project-card {
    height: 306px;
  }
  .dropdown-tooltip {
    left: 50%;
    transform: translateX(-50%);
  }
  .feedback-form {
    padding: 30px 15px;
    background: 0;
    text-align: center;
  }
  .feedback-form H3 {
    padding-bottom: 10px;
    font-size: 24px;
  }
  .feedback-form .form-item {
    margin-top: 10px;
  }
  .history-card .link-more {
    font-size: 16px;
  }
  .step-list .item {
    width: 100%;
    display: block;
  }
  .step-card::before {
    font-size: 30px;
    line-height: 30px;
  }
  .step-card .title {
    font-size: 19px;
  }
  .step-card p {
    margin-top: 10px;
  }
  .step-card .button {
    padding-top: 10px;
    height: auto;
  }
  .step-card .link-more {
    margin-top: 6px;
  }
  .partnership-wrapper {
    padding: 20px 25px 45px;
  }
  .partnership-head {
    margin-top: 16px;
    width: 100%;
  }
  .partnership-logo {
    order: -1;
    width: 100%;
    text-align: center;
  }
  .partnership-wrapper H2 {
    font-size: 22px;
  }
  .partnership-card .h4 {
    font-size: 18px;
  }
  .footer-top {
    padding: 20px 0;
  }
  .footer-col {
    width: 50%;
    margin-top: 20px;
  }
  .footer-contacts {
    max-width: 100%;
  }
  .footer-subs {
    width: 100%;
    margin-top: 40px;
  }
  .footer-bot {
    flex-direction: column;
    text-align: center;
  }
  .footer-info {
    margin-bottom: 20px;
    order: -1;
    text-align: inherit;
  }
  .modal-callback {
    max-width: 336px;
    padding: 30px;
  }
  .modal-callback .h3 {
    font-size: 22px;
  }
  .modal-callback .h5 {
   display: none;
  }
  .modal-callback .form-group {
    padding-bottom: 9px;
    flex-direction: column;
  }
  .modal-callback .form-item {
    width: 100%;
  }
  .modal-callback .radio-item {
    width: 100%;
    margin: 8px 0 0;
  }
  .modal-callback .bt {
    margin-top: 25px;
  }
  .modal-callback .agree {
    margin-top: 20px;
    text-align: center;
  }
  .collection-preview H2 {
    margin-top: 12px;
  }
  .collection-preview__content {
    width: 100%;
    padding: 0;
  }
  .collection-preview__advanage {
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
  }
  .collection-preview__advanage {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    padding: 10px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-white);
    text-align: center;
  }
  .collection-preview__advanage-text {
    padding-bottom: 8px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
  }
  .collection-advanage__item {
    color: inherit;
    text-align: center;
    display: block;
    width: auto;
    margin: 0 9px 0 0;
  }
  .collection-advanage__item-text {
    padding: 13px 0 0;
    font-size: 13px;
    display: none;
  }
  .collection-preview__advanage .link-more {
    display: inline-flex;
    align-items: center;
    font-family: var(--second-family);
    font-size: 16px;
    line-height: 120%;
    color: var(--color-white);
  }
  .collection-preview__advanage .link-more::after {
    margin-left: 6px;
    transform: rotate(90deg);
    font-size: 75%;
  }
  .collection-preview__advanage.opened {
    display: block;
  }
  .collection-preview__advanage.opened .collection-preview__advanage-text {
    display: block;
  }
  .collection-preview__advanage.opened .collection-preview__advanage-list {
    margin-bottom: 18px;
  }
  .collection-preview__advanage.opened .collection-advanage__item{
    width: 33.333%;
    margin: 12px 0 0;
    padding: 0 3px;
  }
  .collection-preview__advanage.opened .collection-advanage__item-icon {
    font-size: 30px;
  }
  .collection-preview__advanage.opened .collection-advanage__item-text {
    display: block;
  }

  .collection-catalog {
    padding-top: 16px;
  }
  .collection-catalog H1 {
    font-size: 30px;
  }
  .filter .list {
    display: none;
    padding: 0;
  }
  .bt-toggle-filter {
    position: static;
  }
  .filter-sorting .nice-select .current {
    width: 48px;
    height: 48px;
    position: relative;
    font-size: 0;
    background: 0;
  }
  .filter-sorting .nice-select .current:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: "\e928";
    font-size: 26px;
    font-family: 'icomoon';
  }
  .filter-sorting .nice-select .list {
    right: 0;
    left: auto;
  }
  .bt-display:not(.active) {
    display: none;
  }
  .catalog-tools {
    padding-bottom: 16px;
  }
  .catalog-tools + .collection-box {
    margin-top: 16px;
  }
  .collection-box {
    margin-top: 30px;
    padding-bottom: 7px;
    border-bottom: 0;
  }
  .collection-box .collection-gallery {
    margin: 0 -20px;
    width: calc(100% + 40px);
    display: block;
  }
  .collection-box .collection-slider,
  .collection-box .collection-slider .item {
    border-radius: 0;
  }
  .collection-box .collection-content {
    width: 100%;
    padding: 15px 0 0;
    display: flex;
    flex-direction: column;
  }
  .collection-box .collection-price {
    padding: 10px 0 0;
    margin: 0;
  }
  .collection-price .old-price {
    font-size: 17px;
  }
  .collection-price .new-price {
    font-size: 22px;
    font-weight: 400;
  }
  .collection-price .new-price span {
    font-weight: 600;
  }
  .collection-price .unit-price {
    font-size: 18px;
  }
  .collection-target {
    padding-top: 6px;
  }
  .collection-target__item {
    margin: 2px 2px 0 0;
  }
  .collection-target__item-icon {
    display: none;
  }
  .collection-target__item-text {
    padding-left: 0;
    font-size: 13px;
  }
  .collection-box .collection-buttons {
    width: 100%;
  }
  .collection-buttons .bt-outline-secondary {
    display: none;
  }
  .catalog-grid {
    padding-top: 0;
    margin: 0 -5px;
  }
  .catalog-grid .card {
    padding: 0 5px;
    margin-top: 30px;
  }
  .collection-card .collection-slider .item {
    height: 150px;
  }
  .collection-card .title {
    font-size: 14px;
  }
  .collection-card .title::after {
    display: none;
  }
  .collection-card .rating-stars .icon-star:not(:first-child) {
    display: none;
  }
  .collection-card .rating-value {
    font-size: 13px;
  }
  .collection-card .collection-text {
    font-size: 14px;
  }
  .collection-card .collection-options {
    display: none;
  }
  .collection-card .collection-price {
    margin-top: 13px;
  }
  .collection-card .collection-price .old-price {
    font-size: 13px;
  }
  .collection-card .discount-badge {
    border-radius: 5px;
    padding: 1px 3px;
    font-size: 11px;
  }
  .collection-card .collection-price .new-price {
    font-size: 17px;
  }
  .collection-card .collection-price .unit-price {
    font-size: 13px;
  }
  .collection-card .collection-buttons {
    padding: 0;
  }
  .collection-card .collection-buttons .bt,
  .collection-card .collection-buttons .icon-cart {
    display: none;
  }
  .collection-card .top-top__buttons .header-bt {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 16px;
  }
  .collection-card .header-bt .value {
    padding: 1px 4px 0px 4px;
    min-width: 12px;
    height: 12px;
    font-size: 8px;
  }

  .online-board {
    margin-top: 30px;
    padding: 20px 0;
  }
  .online-board .head {
    justify-content: space-between;
    font-size: 22px;
  }
  .online-board .head img {
    width: 51px;
    margin: 0;
    order: 1;
  }
  .online-board .content {
    width: 100%;
  }
  .online-board .tool-card {
    display: flex;
    padding: 10px;
  }
  .online-board .tool-card .icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 7px;
    margin: 0;
  }
  .online-board .list-items .item > * {
    margin-top: 5px;
  }
  .online-board .tool-card .title {
    margin: 0 0 0 15px;
    font-size: 14px;
  }
  .faq-content {
    width: 100%;
  }
  .faq-form {
    width: 100%;
    max-width: 100%;
    margin-top: 34px;
    padding: 20px;
  }
  .faq-form H4 {
    font-size: 18px;
  }
  .reading {
    padding-bottom: 40px;
  }
  .news-item {
    width: 100%;
  }
  .catalog-card:not(.rectangle-card) {
    display: flex;
    flex-direction: column;
  }
  .page .card-content H1 {
    font-size: 30px;
  }
  .general-catalog {
    margin-top: 20px;
  }
  .general-catalog + .general-catalog {
    margin-top: 40px;
  }
  .general-catalog H3 {
    font-size: 22px;
  }
  .general-catalog .list-items {
    margin: -40px -10px 0;
  }
  .general-catalog .list-items .item {
    padding: 0 10px;
  }
  .general-catalog__card .title {
    font-size: 16px;
  }
  .general-catalog__card-links li {
    margin-top: 8px;
    font-size: 14px;
  }
  .page + .footer {
    margin-top: 40px;
  }
  .pb-template {
    padding-bottom: 40px;
  }
  .accessories-slider {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 21px;
  }
  .accessories-slider .item {
    padding: 0 10px;
  }
  .card-gallery__container {
    margin: 0 -20px;
    display: block;
  }
  .slider-preview .item {
    border-radius: 0;
    height: 280px;
  }
  .slider-preview .list {
    padding-bottom: 0;
  }
  .slider-preview .slick-dots {
    padding: 1px 7px;
    bottom: 8px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.15);
  }
  .slider-preview .slick-dots li {
    margin: 3px;
    width: 14px;
    height: 6px;
  }
  .slider-preview .slick-dots li::before {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 99px;
    width: 100%;
    height: 6px;
  }
  .slider-preview .slick-dots li.slick-active {
    width: 24px;
  }
  .slider-preview .slick-dots li.slick-active::before {
    width: 100%;
    height: 6px;
  }
  .side-switch {
    width: 100%;
    padding: 10px 20px 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .bt-side-switch .label {
    padding: 1px 10px;
    font-size: 11px;
  }
  .bt-side-switch {
    width: 30%;
    height: 55px;
    flex-grow: 0;
  }
  .board-profile {
    padding: 0 5px;
    width: 33%;
    font-size: 13px;
  }
  .page .card-content H1 {
    font-size: 22px;
  }
  .card-content {
    display: flex;
    flex-direction: column;
  }
  .card-price.collection-price .old-price {
    font-size: 15px;
  }
  .card-price .discount-badge {
    font-size: 12px;
  }
  .card-price.collection-price {
    width: 100%;
  }
  .card-price.collection-price .new-price {
    margin-top: 2px;
    font-size: 20px;
    width: auto;
  }
  .card-price.collection-price .new-price + .unit-price {
    padding-left: 8px;
    margin: 6px 0 0 8px;
    border-left: 1px solid var(--input-border);
  }
  .card-buttons {
    margin: 0;
    padding-left: 0;
  }
  .card-buttons > * {
    flex-basis: 100%;
    margin: 10px 0 0;
  }
  .card-buttons .bt-secondary {
    display: none;
  }
  .card-md-row {
    margin: 16px 0 0;
    padding: 0;
    border: 0;
    display: block;
  }
  .card-actions {
    flex-wrap: nowrap;
    margin-top: 10px;
  }
  .card-actions .bt-outline-secondary {
    display: flex;
    width: 100%;
    height: 42px;
  }
  .card-action-bt {
    position: relative;
    font-size: 0;
    padding: 0;
    width: 42px;
    min-width: 42px;
    height: 42px;
  }
  .card-action-bt::after {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .card-action-bt.icon-click {
    display: none;
  }
  .card-action-bt:not(:last-child) {
    margin: 0 0 0 5px;
  }

  .project H2 {
    padding-right: 0;
    line-height: 120%;
  }
  .project-slider {
    padding: 20px 0;
  }
  .project-slider .slick-list {
    padding-right: 30px;
  }
  .review-summary {
    flex-wrap: wrap;
  }
  .review-summary > .d-flex {
    display: block;
  }
  .average-rating {
    margin: -4px 0 0 25px;
  }
  .average-rating__item {
    margin-top: 4px;
  }
  .review-summary .bt {
    margin: 14px 0 0;
    max-width: 100%;
  }
  .review-card {
    display: block;
    padding: 20px 0;
  }
  .review-card__aside {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .review-card__content {
    padding: 15px 0 0;
  }
  .review-buttons {
    margin-right: -20px;
  }
  .review-card__date {
    margin-bottom: 0;
  }
  .review-card__rating {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .review-card__rating-item {
    margin: 0 10px 0 0;
  }
  .review-card__rating-item + .review-card__rating-item {
    margin-top: 0;
  }
  .review-card .rating-stars i:last-child {
    margin-right: 0;
  }
  .review-content .bt-outline-secondary {
    max-width: 100%;
  }
  .bg-wrapper {
    padding: 40px 0;
  }
  .card__review-info {
    font-size: 13px;
  }
  .card__review-info .rating-stars i {
    font-size: 11px;
  }
  .card__review-info .rating-value {
    font-size: 12px;
  }
  .card-target__list {
    flex-wrap: nowrap;
    margin-right: -20px;
    white-space: nowrap;
    overflow: auto;
  }
  .modal {
    padding: 20px;
  }
  .modal .h3 {
    font-size: 19px;
  }
  .form-review .form-item .label {
    font-size: 18px;
  }
  .rating-list__card {
    width: 100%;
  }
  .rating-card .title {
    font-size: 16px;
  }
  .modal-review .bt,
  .modal-quick .bt {
    margin-top: 20px;
  }
  .modal__product-acces .mfp-close {
    top: 18px;
  }
  .product-acces__gallery {
    margin-top: 15px;
  }
  .product-acces__gallery-slider .item {
    height: 170px;
  }
  .product-acces__content p {
    margin-top: 15px;
  }
  .product-acces__content .parameter-list {
    padding-top: 5px;
  }
  .product-acces__bar {
    padding: 15px 0;
  }
  .product-acces__bar .bt {
    width: 100%;
    margin-top: 10px;
  }
  .modal__product-success .h4 {
    font-size: 19px;
  }
  .cart-product__item {
    margin-top: 20px;
  }
  .cart-product__item-content .title {
    font-size: 15px;
  }
  .modal__product-success__buttons {
    padding-top: 10px;
    margin: 0;
    display: block;
  }
  .modal__product-success__buttons .bt {
    margin: 10px 0 0;
    width: 100%;
  }
  .modal-samples .h3 {
    font-size: 19px;
  }
  .modal-samples .h4 {
    margin-top: 14px;
    font-size: 18px;
  }
  .modal-samples .form-group .form-item {
    width: 100%;
  }
  .selected-list {
    display: block;
  }
  .samples-selected__col {
    width: 100%;
  }
  .samples-selected__col + .samples-selected__col {
    padding-top: 0;
  }
  .cart-content {
    margin: 0 -20px;
  }
  .cart-item {
    position: relative;
    padding: 15px 0;
    display: block;
  }
  .cart-item__content {
    padding-left: 0;
  }
  .cart-item__content-head {
    padding-left: 110px;
  }
  .cart-item__image {
    padding: 0;
    position: absolute;
    left: 0;
    top: 15px;
  }
  .cart-item:first-child .cart-item__image {
    top: 0;
  }
  .bt-toggle-collapse {
    margin: 10px 0 0 110px;
  }
  .cart-item__title {
    font-size: 16px;
  }
  .cart-item .quantity-form__wrapper {
    width: 116px;
    margin: 13px 0 0;
  }
  .cart-item .quantity-form__wrapper .value {
    height: 36px;
  }
  .cart-buttons {
    order: 2;
    margin: 13px 0 0 auto;
    width: auto;
  }
  .cart-buttons .bt-action {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
  .cart-price {
    width: 100%;
  }
  .cart-aside {
    width: auto;
    margin: 20px -20px 0;
  }
  .consultation {
    padding: 20px;
  }
  .consultation H5 {
    font-size: 17px;
  }
  .consultation p {
    font-size: 15px;
  }
  .consultation .icon {
    display: none;
  }
  .page H1 {
    font-size: 24px;
  }
  .cart {
    margin-top: 10px;
  }
  .favorite-card {
    padding: 0;
    border: 0;
  }
  .favorite-card .header-bt.icon-favorits {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 99px;
    width: 32px;
    height: 32px;
    background: #fff;
    font-size: 17px;
  }
  .favorites-section {
    margin-top: 10px;
  }
  .favorites-section H4 {
    font-size: 17px;
  }
  .favorite-card__title {
    font-size: 14px;
  }
  .favorites-form {
    padding: 30px;
  }
  .favorites-form__text p {
    font-size: 16px;
  }
  .favorites-form .bt {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }
  .favorites-form .agree {
    width: 100%;
    padding-left: 0;
  }
  .modal-project .mfp-close {
    top: 5px;
  }
  .modal-project__wrapper .h3 {
    padding: 15px 20px 15px;
  }
  .modal-project__content {
    padding: 20px;
  }
  .comparison-card .bt {
    width: 100%;
  }
  .sticky-bar.sticky-active {
    top: 56px;
  }
  .tab-links {
    font-size: 14px;
  }
  .comparison-tools * {
    font-size: 14px;
  }
  .comparison-tools .form-switch .indicator {
    margin-right: 5px;
  }
  .comparison-tools > *:not(:last-child) {
    margin-right: 20px;
  }
  .comparison-bar {
    padding-top: 10px;
    height: 100px;
  }
  .comparison-bar .card {
    display: block;
    text-align: center;
  }
  .comparison-bar .select {
    text-align: left;
  }
  .comparison-bar .nice-select .current,
  .comparison-bar .nice-select .option {
    font-size: 14px;
  }
  .comparison-bar .bt-delete {
    margin: 5px 0 0;
    width: auto;
    height: 28px;
    font-size: 14px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text-600);
  }
  .comparison-bar .bt-delete::after {
    margin-right: 12px;
    content: "\e927";
    order: -1;
    font-size: 18px;
  }
  .comparison-bar .bt-delete::before {
    content: 'Удалить';
  }
  .comparison-bar .slick-arrow {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  .comparison-bar .slick-prev {
    left: 15px;
  }
  .comparison-bar .slick-next {
    right: 15px;
  }
  .comparison-bar .slick-dots {
    bottom: 21px;
  }
  .sticky-active .comparison-bar {
    height: 135px;
  }
  .comparison-bar, .comparison-slider, .parameter-slider {
    margin: 0 -9px;
  }
  .comparison-bar .card, .comparison-slider .card, .parameter-slider .parameter-card {
    padding: 0 10px;
  }
  .comparison-slider .collection-slider .item {
    min-height: 150px;
  }
  .comparison-card .btn-toggle-colors {
    width: 25%;
  }
  .collection-options__title {
    font-size: 13px;
  }
  .comparison-price {
    margin-top: 15px;
  }
  .comparison-card .discount-badge {
    font-size: 12px;
  }
  .comparison-price .old-price {
    margin-right: 10px;
    font-size: 13px;
  }
  .comparison-price .new-price {
    margin: 5px 0 0;
    order: 2;
    font-size: 18px;
  }
  .comparison-card .bt-primary .icon-cart {
    display: none;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
  }
  .comparison-buttons {
    align-items: center;
  }
  .comparison-buttons .bt-action {
    min-width: 32px;
    width: 32px;
    height: 32px;
    font-size: 17px;
  }
  .comparison-text {
    font-size: 12px;
  }
  .parameter-step__head {
    padding: 20px 0 10px 53px;
    font-size: 17px;
  }
  .parameter-step__head .icon {
    top: 5px;
  }
  .parameter-card {
    font-size: 14px;
  }
  .parameter-card small {
    font-size: 13px;
  }
  .pagination .bt {
    height: 36px;
    min-width: 36px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
  }
  .article-list .article-card {
    width: 100%;
  }
  .article-card p {
    font-size: 14px;
  }
  .article-list-md {
    padding-top: 0;
    margin-top: -10px;
  }
  .article-card__title {
    font-size: 14px;
  }
  .article-card .date {
    font-size: 13px;
  }
  .search-result H4 {
    font-size: 19px;
  }
  .card-board__section {
    margin-top: 10px;
    padding-bottom: 0;
  }
  .card-board__list {
    margin-top: 0;
  }
  .color-selection__list {
    margin: 10px -23px 0 -3px;
  }
  .product-card {
    padding: 10px;
    margin: 0 3px;
  }
  .product-card__content {
    padding-top: 12px;
  }
  .product-card__buttons {
    margin-top: 12px;
  }
  .product-card__buttons .icon-chevron-right {
    display: none;
  }
  .color-selection__result {
    font-size: 12px;
  }
  .card-board {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 3px;
  }
  .card-board input:checked + .card-board__image {
    padding: 3px;
  }
  .promotion__product-card__title {
    font-size: 17px;
  }
  .promotion__product-card__option {
    font-size: 13px;
  }
  .promotion__product-card__price .old-price {
    margin-right: 5px;
    font-size: 13px;
  }
  .promotion__product-card__price .discount-badge {
    font-size: 11px;
  }
  .promotion__product-card__price .new-price {
    margin: 3px 5px 0 0;
    font-size: 17px;
  }
  .promotion__product-card__price .unit-price {
    font-size: 13px;
    margin-top: 3px;
    padding-left: 5px;
  }
  .rating-box {
    flex-grow: 1;
    justify-content: center;
  }
  .review-head__info {
    display: block;
  }
  .review-head__feedback .h5 {
    display: none;
  }
  .review-head__feedback .bt {
    margin-top: 5px;
    background: var(--color-text-backing-2);
    font-size: 16px;
    color: var(--color-text-330);
    font-weight: 500;
  }
  .review-list-items {
    gap: 30px;
  }
  .review-item {
    padding: 0;
    flex: 1 1 calc(100%);
    border: 0;
  }
  .review-item__rating {
    margin-top: 5px;
  }
  .review-item__rating .icon-star {
    font-size: 14px;
  }
  .review-item__rating .logo img {
    height: 14px;
  }
  .review-item p {
    margin-top: 6px;
  }
  .review-item__bt {
    padding-top: 6px;
    display: flex;
    flex-direction: column;
  }
  .modal-review__text {
    margin: 6px 0 20px;
    font-size: 14px;
  }
  .modal-review .agree {
    margin: 20px 0 0;
  }
  .modal-review .agree + .bt {
    margin-top: 10px;
  }
  .video-review__card > a {
    border-radius: 10px;
  }
  .bt-more .bt {
    max-width: 100%;
  }
  .bt-more .bt-outline-secondary {
    background: var(--color-text-backing-2);
    border-color: var(--color-text-backing-2);
    color: var(--color-text-330);
  }
  .color-palette__preview {
    width: 100%;
    max-width: 100%;
  }
  .color-palette__preview H2 {
    font-size: 19px;
  }
  .color-palette__preview-subtitle {
    font-size: 16px;
  }
  .color-palette__content {
    width: 100%;
    max-width: 100%;
    padding: 20px 0 68px;
  }
  .color-palette .bt {
    position: absolute;
    margin: 0;
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
  }
  .tv-block__preview {
    width: 100%;
    padding-right: 0;
  }
  .tv-block__preview-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
  }
  .tv-block__preview-logo img {
    margin: 20px 10px 0;
  }
  .tv-block__content {
    width: 100%;
    margin-top: 20px;
  }
  .tv-slider .useful-card {
    display: block;
  }
  .tv-slider .useful-card .img {
    position: relative;
    width: 100%;
    min-width: 100%;
    height: auto;
  }
  .tv-slider .useful-card .img:after {
    content: "";
    display: block;
    padding-bottom: 56.5%;
    box-sizing: content-box;
  }
  .tv-slider .useful-card .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
  }

  .tv-slider .useful-card .content {
    padding: 10px 0 0;
  }
  .useful-card .tags {
    display: none;
  }
  .tv-slider .useful-card .title {
    margin: 0;
    font-size: 14px;
  }
  .steps-head H2,
  .useful H2,
  .advantage-content H2 {
    font-size: 24px;
  }
  .advantage-content {
    padding: 25px 30px;
  }
  .advantage-slider {
    margin-top: 18px;
  }
  .advantage-info {
    margin: 15px 0;
    font-size: 16px;
  }
  .advantage-bt {
    margin-top: 0;
  }
  .about-preview__wrapper {
    height: 100%;
    padding: 10px 0 25px;
    text-align: center;
  }
  .about-preview__content {
    order: 2;
    max-width: 100%;
    width: 100%;
    padding: 35px 10px 10px;
  }
  .about-preview__content img {
    max-width: 190px;
  }
  .about-preview H1 {
    margin-top: 10px;
    font-size: 15px;
  }
  .about-preview__video {
    width: 100%;
    max-width: 312px;
    margin: 12px auto 0;
  }
  .about-preview .breadcrumbs {
    position: static;
    margin: 0;
    justify-content: center;
    width: 100%;
  }
  .about-advantage__list-item {
    width: 50%;
  }
  .technology-wrapper {
    height: 100%;
    padding: 25px;
  }
  .technology-content p {
    font-size: 16px;
  }
  .technology-content .bt {
    width: 100%;
  }
  .client {
    padding: 30px 0;
  }
  .client-list {
    margin: 0 -15px;
  }
  .client-list__item {
    margin-top: 20px;
    padding: 0 15px;
  }
  .client-list__item.w-sm-50 {
    max-width: 50%;
  }
  .showroom-tour__virtual {
    width: 100%;
  }
  .showroom-tour__content {
    padding: 20px 0 0;
    max-width: 100%;
    width: 100%;
  }
  .showroom-tour .title {
    font-size: 18px;
  }
  .showroom-tour__adds {
    font-size: 15px;
  }
  .showroom-video {
    margin-top: 20px;
  }
  .showroom-video video {
    border-radius: 10px;
  }
  .company-history__tab {
    margin-top: 10px;
    overflow: auto;
  }
  .company-history__step {
    border-radius: 10px;
    padding: 20px 20px 88px;
    display: block;
  }
  .company-history__step-content {
    width: 100%;
    padding: 0;
  }
  .company-history__step-content H4 {
    font-size: 19px;
  }
  .company-history__step-content p {
    margin-top: 15px;
    font-size: 15px;
  }
  .company-history__step-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
  }
  .company-history__step-image:after {
    content: "";
    display: block;
    padding-bottom: 56.5%;
    box-sizing: content-box;
  }
  .company-history__step-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
  }
  .company-history__nav {
    bottom: 20px;
  }
  .certificate-wrapper {
    padding: 20px;
  }
  .certificate-content {
    width: 70%;
  }
  .certificate-wrapper H2 {
    font-size: 19px;
  }
  .certificate-content p {
    margin: 10px 0;
    font-size: 15px;
  }
  .certificate-image {
    width: 54%;
  }
  .laboratory-wrapper {
    padding: 20px;
  }
  .laboratory-content {
    font-size: 15px;
  }
  .laboratory-wrapper .bt {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    font-size: 14px;
  }
  .production-preview {
    padding: 20px;
    height: auto;
  }
  .production-preview H1 {
    font-size: 30px;
  }
  .production-preview__progress {
    margin: 0;
    padding-top: 60px;
  }
  .production-preview__progress-item {
    max-width: 100%;
    padding: 20px 0 0;
  }
  .production-preview__progress-item:nth-child(2) {
    max-width: 100%;
  }
  .production-preview__progress-item__val {
    font-size: 24px;
  }
  .production-preview__progress-item__label {
    margin: 0;
  }
  .production-advantage__text {
    font-size: 15px;
  }
  .production-gallery__slider {
    padding: 0 120px 20px 0;
    margin-right: -20px;
  }
  .production-advantage__desc {
    display: block;
    font-size: 15px;
  }
  .production-advantage__desc H4 {
    margin-top: 20px;
  }
  .production-article__row {
    flex-wrap: wrap;
    gap: 0;
  }
  .production-article__text {
    font-size: 15px;
  }
  .production-article__image {
    height: auto;
    order: 2;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
  }
  .production-article__image:after {
    content: "";
    display: block;
    padding-bottom: 56.5%;
    box-sizing: content-box;
  }
  .production-article__image img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .production-article__text p {
    margin-top: 10px;
  }
  .contact-tab__link {
    margin-right: 10px;
    border-bottom-width: 1px;
  }
  .contact-tab__selected span {
    border-bottom-width: 1px;
  }
  .contact-tab {
    margin-top: 20px;
    padding-left: 0;
  }
  .contact-tab {
    font-size: 15px;
  }
  .contact-tab .icon-geo {
    display: none;
  }
  .contact-tab__options {
    right: 0;
    left: auto;
  }
  .contact-tab__group,
  .contact-tab__option {
    font-size: 17px;
  }
  .contacts-card H4 {
    font-size: 17px;
  }
  .contact-item__phone {
    font-size: 19px;
  }
  .contact-item {
    margin-top: 12px;
    font-size: 15px;
  }
  .contacts-card__buttons .bt {
    min-width: 100%;
  }
  .contacts-card__buttons {
    margin-top: 12px;
  }
  .contacts-feedback.card {
    padding: 20px;
  }
  .contacts-feedback .h5 {
    font-size: 19px;
  }
  .contacts-feedback .messengers {
    display: block;
    gap: 0;
    width: 100%;
    padding-top: 12px;
  }
  .contacts-feedback .messengers a {
    width: 100%;
    margin-top: 8px;
    height: 48px;
  }
  .contacts-section {
    margin-top: 50px;
  }
  .contacts-section > p {
    font-size: 15px;
  }
  .contacts-section .showroom-tour__virtual {
    width: 100%;
    order: 2;
    margin-top: 20px;
  }
  .contacts-section .showroom-tour__content {
    width: 100%;
    height: 170px;
  }
  .contacts-aside {
    margin-top: 50px;
  }
  .form-lg-group {
    display: block;
  }
  .form-lg-group .form-item {
    width: 100%;
  }
  .channel-list {
    gap: 5px;
  }
  .channel-bt {
    flex: 0 0 calc(25% - 5px);
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .customer-history__content {
    padding: 20px;
    width: 270px;
  }
  .customer-history .title {
    font-size: 17px;
  }
  .project-preview__image img {
    height: 100px;
  }
  .history-project H1 {
    font-size: 30px;
  }
  .history-project__location {
    font-size: 15px;
  }
  .history-project__text {
    margin-top: 20px;
    font-size: 16px;
  }
  .history-project__text::before {
    margin-bottom: 20px;
  }
  .project-info__item .title {
    font-size: 18px;
  }
  .project-info__item {
    font-size: 15px;
  }
  .project-details__grid {
    margin: 0;
  }
  .project-details__card {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
  }
  .project-details__card-text {
    padding: 10px 0 0;
    font-size: 14px;
  }
  .project-about__text {
    padding-top: 0;
    font-size: 15px;
  }
  .project-about__note {
    font-size: 16px;
  }
  .project-gallery__slider {
    padding: 0 96px;
  }
  .project-gallery__slider:not(.slick-slider) .project-gallery__slider-item {
    min-width: 100%;
    width: 100%;
  }
  .family-story__content {
    padding: 20px 0;
    font-size: 16px;
  }
  .customer-review__card-text {
    font-size: 15px;
  }
  .service-feedback.card {
    padding: 25px;
  }
  .warranty-feedback__card {
    padding: 20px;
  }
  .modal-info p {
    font-size: 15px;
  }
  .project-showcase__card {
    width: 100%;
  }
  .service .fs-sm-17 {
    font-size: 17px;
  }
  .video-nav li {
    font-size: 14px;
  }
  .video-section__intro {
    margin-top: 10px;
  }
  .video-section__text {
    font-size: 13px;
  }
  .video-section__services .bt {
    width: 100%;
    height: 36px;
    font-size: 14px;
  }
  .benefits {
    padding-top: 10px;
  }
  .benefits-card .title {
    font-size: 18px;
  }
  .benefits-card p {
    font-size: 15px;
  }
  .calc-wrapper {
    padding: 0;
  }
  .calc-content {
    max-width: 100%;
    padding: 30px 30px 0;
    text-align: center;
  }
  .calc-image {
    position: static;
    width: 100%;
  }
  .service-prices__info .title {
    font-size: 14px;
  }
  .service-prices__value {
    font-size: 14px;
  }
  .service-prices__info p {
    font-size: 13px;
    line-height: 150%;
  }
  .service-prices__toggle {
    font-size: 14px;
  }
  .service-prices__item-hint {
    margin-top: 10px;
    font-size: 13px;
  }
  .services-list {
    margin-top: 0;
  }
  .services-list__card-wrapper {
    display: block;
  }
  .services-list__card-image {
    width: 100%;
  }
  .services-list__card-image:after {
    padding-bottom: 51%;
  }
  .services-list__card-content {
    padding: 15px 0 0;
    width: 100%;
  }
  .services-list__card p {
    margin-top: 10px;
    font-size: 14px
  }
  .services-list__card .bt {
    margin-top: 10px;
    width: 100%;
    height: 36px;
    font-size: 14px;
  }
  .faq-form-secondary {
    margin-top: 20px;
  }
  .resolution-card {
    display: block;
  }
  .resolution-card__image {
    width: 128px;
    margin: 0 auto;
  }
  .resolution-card__content {
    width: 100%;
    padding: 30px 0 0;
  }
  .resolution-card .title {
    text-align: center;
  }
  .hero-wrapper {
    background: transparent !important;;
    padding: 0;
  }
  .hero-content {
    max-width: 100%;
    background: transparent;
    padding: 25px 0 0;
    text-align: center;
  }
  .hero-image__mob {
    position: relative;
    margin-top: 25px;
  }
  .hero-image__mob::before {
    content: '';
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
    height: 177px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .terrace-way__subtitle,
  .terrace-projects__subtitle,
  .terrace-map__subtitle,
  .terrace-reviews__subtitle {
    margin-top: 15px;
    font-size: 16px;
  }
  .terrace-projects__content {
    margin-top: 25px;
  }
  .terrace-projects__card .link-more {
    font-size: 21px;
  }
  .terrace-projects__card-desc {
    font-size: 15px;
  }
  .terrace-projects__note {
    font-size: 15px;
  }
  .terrace-projects .terrace-projects__bt {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }
  .about-terrace__wrapper {
    margin: 0 -20px;
    padding: 40px 20px;
    border-radius: 0 0 20px 20px;
  }
  .about-terrace .video-wrapper {
    border-radius: 10px;
  }
  .terrace-services__info .title,
  .terrace-services__price {
    font-size: 14px;
  }
  .terrace-services__info p {
    font-size: 13px;
  }
  .terrace-cost__sidebar {
    padding: 0;
    background: transparent;
  }
  .terrace-cost__sidebar-wrapper {
    max-width: 1000%;
    margin: 0 -20px;
    background: var(--color-text-backing);
    border-radius: 20px;
    padding: 30px;
  }
  .terrace-cost__breakdown {
    display: block;
  }
  .terrace-cost__breakdown-item {
    margin: 10px 0 0;
    padding: 12px;
  }
  .terrace-cost__breakdown-item__value {
    margin-top: 0;
  }
  .terrace-cost__breakdown-item__label {
    margin-top: 4px;
    font-size: 15px;
  }
  .terrace-compare__wrapper {
    margin: 0 -20px;
  }
  .terrace-compare__subtitle {
    font-size: 16px;
  }
  .terrace-compare__image {
    margin-top: 20px;
  }
  .terrace-tools__item {
    width: 100%;
    margin-top: 12px;
    text-align: center;
  }
  .terrace-tools__item-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  .terrace-tools__item-icon img {
    width: 36px;
  }
  .terrace-faq__intro H2 {
    font-size: 24px;
  }

  .terrace-cost__structure {
    margin-bottom: 30px;
    flex-direction: column;
  }
  .terrace-cost__structure-item {
    min-width: 100%;
    display: flex;
    align-items: center;
  }
  .terrace-cost__bar {
    min-height: 0;
    max-height: 100%;
    padding: 0;
    justify-content: center;
    font-size: 14px;
    width: 47px;
  }
  .terrace-cost__structure-item:first-child .terrace-cost__bar {
    border-radius: 10px 10px 0 0;
  }
  .terrace-cost__structure-item:last-child .terrace-cost__bar {
    border-radius: 0 0 10px 10px;
  }
  .terrace-cost__label {
    margin-top: 0;
    max-width: calc(100% - 47px);
    width: calc(100% - 47px);
    padding: 0 0 0 20px;
    font-size: 16px;
  }
  .terrace-reviews__slider {
    margin-top: 30px;
  }
  .terrace-reviews__item {
    padding: 20px;
  }
  .terrace-reviews__item .bt {
    width: 100%;
  }
  .modal-reviews {
    border-radius: 20px;
    padding: 22px 10px 10px;
    max-width: 96%;
  }
  .modal-reviews__slider-nav {
    margin: 10px 0;
  }
  .modal-reviews__item .title {
    font-size: 17px;
  }
  .modal-reviews__item-position {
    margin: 4px 0 0;
  }
  .modal-reviews__item p {
    margin: 10px 0 20px 0;
    font-size: 15px;
  }
  .modal-reviews__item-text p:last-child {
    margin-bottom: 0;
  }
  .modal-reviews__doc {
    margin-top: 10px;
  }
  .pro-intro H1 {
    font-size: 27px;
  }
  .pro-intro__content img {
    border-radius: 10px;
    min-height: 200px;
    object-fit: cover;
    object-position: center;
  }
  .pro-intro .bt {
    width: 100%;
  }
  .pro-benefits__item-card {
    padding: 20px 12px;
  }
  .pro-benefits__icon img {
    height: 64px;
  }
  .pro-benefits__item .title {
    padding-top: 20px;
    font-size: 14px;
  }
  .pro-projects__subtitle {
    font-size: 14px;
  }
  .pro-projects__list {
    margin-top: 0;
  }
  .pro-projects__item {
    margin-top: 20px;
  }
  .pro-projects__image {
    border-radius: 10px;
  }
  .pro-projects__image:after {
    padding-bottom: 86%;
  }
  .pro-projects__item .title {
    font-size: 14px;
  }
  .pro-projects__author {
    font-size: 15px;
  }
  .pro-projects__footer {
    display: flex;
    flex-direction: column;
  }
  .pro-guides__content {
    padding: 20px;
    width: 100%;
  }
  .pro-guides p {
    margin: 16px 0;
    font-size: 14px;
  }
  .pro-guides .bt {
    width: 100%;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
  }
  .pro-guides__image {
    width: 100%;
    min-height: 0;
    text-align: center;
  }
  .pro-guides__image img {
    max-width: 100%;
    right: auto;
    position: static;
    left: 0;
    top: 0;
    transform: translate(0%,0%);
  }
  .project-description__text {
    width: 100%;
    padding-right: 0;
    font-size: 14px;
    line-height: 160%;
  }
  .project-description__author {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    font-size: 14px;
  }
  .project-description__author-label {
    font-size: 18px;
  }
  .pro-projects__gallery {
    padding-top: 15px;
    margin: 0 -2.5px;
  }
  .pro-projects__gallery-item {
    padding: 0 2.5px;
    margin-top: 5px;
  }
  .pro-projects__gallery .bt-center .bt {
    height: 42px;
    font-size: 16px;
  }
  .subcatalog-card {
    width: 50%;
  }
  .error-page {
    background-size: 200% auto;
    padding-top: 82px;
    min-height: 100vh;
  }
  .error-page__actions {
    padding-top: 4px;
  }
  .error-page__actions .bt {
    margin: 16px 0 0;
    width: 100%;
  }

  section.instruction-section {
    padding-top: 20px;
  }
  section.instruction-section H2 {
    font-size: 22px;
  }
  .instruction-card {
    margin-top: 20px;
  }
  .instruction-card .title {
    font-size: 14px;
  }
  .modal-article__wrapper {
    display: flex;
    flex-direction: column;
  }
  .modal-article .article-section {
    padding-bottom: 20px;
  }
  .modal-article {
    padding: 20px 0;
    /* max-height: 100vh;
    overflow: auto; */
  }
  .modal-article__video {
    padding: 20px 20px 10px;
  }
  .article-aside {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-article .article-content,
  .modal-article .article-section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-close__bar {
    top: auto;
    bottom: 0;
    width: 100%;
    order: 3;
    height: auto;
    padding: 10px 20px;
    background: #fff;
  }
  .modal-close__bar .modal-close {
    position: static;
    background: var(--color-second-dark-2);
    width: 100%;
    height: 36px;
    border-radius: 8px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    color: var(--color-white);
  }
  .modal-close__bar .modal-close::after {
    display: none;
  }
  .modal-article__video H3 {
    font-size: 19px;
  }
}

@media (max-width: 520px) {
  .project-card {
    display: block;
    height: auto !important;
  }
  .projects-grid .item {
    width: 100%;
  }
  .discounted-slider .slick-list {
    padding-right: 110px;
    margin-right: -20px;
  }
  .catalog .list-items {
    margin: 0 -5px;
  }
  .list-items .item {
    padding: 0 5px;
  }
  .gallery-card {
    height: 186px;
  }
  .gallery-card:after {
    height: 120px;
  }
  .gallery-card__content {
    padding: 20px;
  }
  .gallery-card .link-more {
    font-size: 19px;
  }
  .gallery-card .desc {
    font-size: 13px;
  }
  .gallery-form {
    height: auto;
    max-height: 100%;
  }
  .gallery-form img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .gallery-card__form {
    padding: 30px 20px;
    position: relative;
  }
  .gallery-card__head-text__title {
    font-size: 18px;
  }
  .gallery-card__form .form-item {
    width: 100%;
  }
  .gallery-card__form .bt {
    width: 100%;
  }
  .gallery-card__form .agree {
    margin-top: 10px;
    width: 100%;
    padding: 0;
  }
  .promotion__product-card {
    margin-top: 20px;
    width: 100%;
  }
  .promotion__product-card__action .header-bt {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
  .promotion-note {
    padding: 20px;
  }
  .promotion-note__text .h4 {
    font-size: 17px;
  }
  .promotion-note__text ul {
    margin-top: 20px;
    font-size: 15px;
  }
  .promotion-note__feedback {
    margin-top: 20px;
    padding: 20px;
  }
  .promotion-note__feedback .h5 {
    font-size: 18px;
  }
  .article-tags {
    width: 100%;
  }
  .aritcle-date {
    margin-right: auto;
  }
  .article-container {
    display: block;
  }
  .article-container img {
    max-width: 100%;
    width: 100%;
  }
  .article-container p {
    padding: 15px 0 0;
  }
  .board-variant__wrapper {
    align-items: flex-end;
    display: flex;
    height: 100%;
  }
 .board-variant__img {height:100%;}
 .board-variant__img img {
    height: 100%;
    object-fit: cover;
  }
  .board-variant__option-row {
    font-size: 13px;
  }
  .board-variant__option-row .cell-1 {
    padding: 0 0 5px;
  }
  .board-variant__total {
    font-size: 15px;
  }
  .calculator-summary__option p {
    font-size: 13px;
  }
  .review-head__text {
    font-size: 14px;
  }
  .video-review__slider {
    padding-right: 140px;
  }
  .inspiration-card__content {
    padding: 20px;
  }
  .production-content {
    padding: 20px;
    font-size: 15px;
  }
  .production-content .bt {
    width: 100%;
    margin-top: 10px;
  }
  .company-news__head H2 {
    width: 100%;
    padding-bottom: 10px;
  }
  .company-news__list {
    margin-top: 0;
  }
  .company-news__card {
    width: 100%;
    border: 0;
    margin-top: 20px;
  }
  .company-news__card:not(:nth-child(4n)) {
    border: 0;
  }
  .detail-content {
    padding-top: 0;
  }
  .detail-content__col {
    max-width: 100%;
    width: 100%;
  }
  .detail-card {
    font-size: 14px;
  }
  .detail-content H4 {
    margin-top: 20px;
  }
  .detail-gallery__list-item {
    width: 50%;
  }
  .customer-history {
    display: flex;
    flex-wrap: wrap;
  }
  .customer-history,
  .customer-history:nth-child(2n) {
    padding: 0;
  }
  .customer-history:first-child {
    margin-top: 20px;
  }
  .customer-history__content {
    position: static;
    transform: translateY(0);
    margin: -70px 20px 0 auto;
  }
  .customer-history:nth-child(2n) .customer-history__content {
    margin-right: auto;
    margin-left: 20px;
  }
  .customer-history__image {
    height: 280px;
  }
  .work-process__card-title {
    margin: 10px 10px 0;
    font-size: 15px;
  }
  .used-service-logos__item {
    width: 50%;
  }
  .service-template__content p {
    font-size: 14px;
  }
  .service-template__content .bt {
    max-width: 100%;
  }
  .service section {
    padding-top: 30px;
  }
  .service section > H2:not(:first-child) {
    margin-top: 30px;
  }
  .service-desc {
    padding: 20px;
  }
  .warranty-list {
    padding-top: 10px;
    margin-bottom: 20px;
  }
  .warranty-card {
    display: block;
    padding: 10px 20px;
  }
  .warranty-card__logo {
    margin: 0 auto;
  }
  .warranty-card__content {
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
  }
  .pay-card__wrapper {
    display: block;
  }
  .pay-card__logo {
    width: 100%;
    text-align: center;
  }
  .pay-card__content {
    width: 100%;
    padding: 20px 0 0;
    font-size: 14px;
  }
  .pay-card .title {
    font-size: 18px;
  }
  .service-delivery__region-name {
    width: auto;
  }
  .service-delivery__region-info {
    width: auto;
  }
  .service-delivery__region-time {
    min-width: 72px;
  }
  .service-delivery__region-price {
    white-space: nowrap;
  }
  .service-delivery__region-info .link-more {
    white-space: normal;
    text-align: right;
  }
  .service-faq__question {
    padding: 10px 24px;
  }
  .service-faq__question [class^="icon-"] {
    font-size: 10px;
  }
  .video-section__catalog {
    margin-top: 0;
  }
  .video-section__item {
    margin-top: 20px;
  }
  .video-section__item-image {
    border-radius: 10px;
  }
  .video-section__item-image .icon-play {
    width: 50px;
    height: 50px;
    font-size: 120%;
  }
  .video-section__item-title {
    margin-top: 8px;
    font-size: 15px;
  }
  .video-section__more {
    margin-top: 10px;
  }
  .video-section__more .bt {
    height: 42px;
    font-size: 16px;
  }
  .service-gallery__slider {
    padding: 0 40px 21px 0;
    margin-right: -30px;
  }
  .terrace-services__card {
    width: 100%;
  }
  .terrace-services__card + .terrace-services__card {
    margin-top: 20px;
  }
  .construction-card .title {
    font-size: 19px;
  }
  .construction-card {
    width: 100%;
  }
  .construction-card p {
    font-size: 15px;
  }
  .terrace-calculator .calculator-step__nav {
    font-size: 14px;
  }
  .pro-projects__slider {
    margin: 20px -20px 0 0;
    padding-bottom: 28px;
  }
  .pro-projects__slider .slick-list {
    overflow: hidden;
    margin-right: -20px;
  }
  .marketing-list {
    padding-top: 6px;
  }
  .marketing-item {
    width: 100%;
    margin-top: 24px;
  }
  .marketing-item .title {
    margin-top: 16px;
    font-size: 16px;
  }
  .subcatalog-list {
    margin: 0 -10px;
  }
  .subcatalog-card {
    margin-top: 20px;
  }
  .subcatalog-card__image {
    border-radius: 10px;
  }
  .subcatalog-card .title {
    margin-top: 12px;
    font-size: 16px;
  }
  .subcatalog-card p {
    font-size: 13px;
  }
  .article-list-md .w-sm-50 .article-card__img {
    border-radius: 10px;
  }
  .modal-article .modal-project__slider .slick-arrow {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    z-index: -111;
  }
  .teg-bestsellers {
    margin-left: 5px;
    padding: 4px 12px 4px 12px;
  }

}

@media (max-width: 479px) {
  .stories-slider {
    margin-top: 20px;
    margin-right: -20px;
    padding-bottom: 35px;
  }
  .stories-slider .slick-list {
    padding-right: 126px;
  }
  .stories-slider .slick-dots {
    padding-right: 10px;
  }
  .useful-slider:not(.slick-slider) {
    display: block;
    padding: 12px 0 0;
  }
  .useful-slider:not(.slick-slider) .item {
    width: 100%;
  }
  .useful-slider {
    margin-top: 0;
    padding-top: 12px;
  }
  .useful-slider .item {
    margin-top: 18px;
  }
  .useful-card {
    display: flex;
    align-items: flex-start;
  }
  .useful-card .img {
    width: 130px;
    min-width: 130px;
    height: 100px;
  }
  .useful-card .content {
    width: 100%;
    padding-left: 15px;
  }
  .useful-card .tags {
    margin: 0;
    font-size: 14px;
  }
  .useful-card .tags span:not(:last-child) {
    margin-right: 6px;
  }
  .useful-card .title {
    font-size: 16px;
  }
  .advantage {
    margin-top: 40px;
    padding: 50px 0;
  }
  .advantage-content {
    padding: 25px;
  }
  .advantage-info {
    margin-top: 18px;
    font-size: 16px;
  }
  .advantage-bt .bt {
    width: 100%;
  }
  .about-media {
    margin-top: 20px;
  }
  .poster .modal-video {
    height: 176px;
  }
  .icon-play {
    width: 64px;
    height: 64px;
    font-size: 25px;
  }
  .partner {
    padding-bottom: 40px;
  }
  .partner H3 {
    font-size: 19px;
  }
  .partner-list {
    padding-top: 10px;
  }
  .partner-list li {
    width: 50%;
    padding: 0 5px;
    margin-top: 10px;
  }
  .city-list ul {
    column-count: 1;
  }
  .collection-box .collection-slider .item {
    height: 260px;
  }
  .comparison-tools {
    justify-content: space-between;
  }
  .terrace-dimensions .rectangular,
  .terrace-dimensions .l-shaped-left {
    margin-right: 40px;
  }
  .terrace-dimensions .l-shaped-right {
    margin-left: 40px;
  }
  .terrace-dimensions .input-right,
  .terrace-dimensions .input-left {
    width: 70px;
  }
  .design-preview__slider {
    padding-bottom: 20px;
  }
  .design-preview__slider {
    margin-left: -20px;
    margin-right: -20px;
  }
  .design-preview__slider-list {
    padding-bottom: 31px;
  }
  .design-preview__slider-card:nth-child(even) {
    margin-top: 0;
  }
  .pro-cards {
    padding-top: 4px;
  }
  .pro-card {
    display: block;
  }
  .pro-card__content {
    width: 100%;
    padding: 20px 0 0;
  }

}