@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
  }
}
@media only screen and (max-width: 1400px) {
  .view-id-fotogalereya.view-display-id-page_1
    .field--name-field-gallery
    .field__item {
    width: 22%;
  }
  img.image-style-fotogalereya {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  :root {
    --bs-front-h1: 26px;
    --bs-block-title: 26px;
  }
  .search-api-page-block-form-search .form-control {
    width: 140px;
  }
  header .nav-link {
    font-size: 15px;
  }
  .node--type-slide .field--name-body {
    margin: 4px 0 10px auto;
  }
  .node--type-benefits .field--name-node-title {
    font-size: 17px;
    top: 53%;
  }
  .block-content--type-my-predlagaem .field--name-body p {
    font-size: 22px;
  }
  .view-action.view-display-id-block_1 .action-content .field--name-node-title {
    font-size: 27px;
    margin-bottom: 0px;
  }
  div#block-vesta-theme-vebforma
    .webform-submission-callback-form
    .js-form-item.js-form-item-name,
  div#block-vesta-theme-vebforma
    .webform-submission-callback-form
    .js-form-item.js-form-item-email {
    width: 46%;
  }
  #block-vesta-theme-ostavtezayavkuiobyazatelnovamperezvonim .block-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 992px) {
  :root {
    --bs-front-h1: 23px;
    --bs-block-title: 22px;
  }
  header .col-logo {
    width: 100px;
  }
  header .col-logo img {
    width: 100%;
  }

  main#main {
    margin-top: 130px;
  }
  #header-mob {
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25);
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding-right: 30px;
  }
  .field--name-field-kriteriy .field__item {
    font-size: 15px;
    padding: 16px 14px;
  }
  .btn-form {
    padding: 7px;
  }
  .field--name-field-img-offer {
    float: none;
    margin: 0 0 20px;
    text-align: center;
  }
  .block-content--type-my-predlagaem .field--name-body p {
    font-size: 20px;
  }
  .block-content--type-my-predlagaem .field--name-body ul {
    margin-top: 10px;
  }
  .btn-zakaz {
    padding: 15px;
  }
  .view-action.view-display-id-block_1 .action-content .field--name-node-title {
    width: 50%;
    font-size: 22px;
  }
  .view-action.view-display-id-block_1 .action-content .field--name-node-link {
    font-size: 18px;
  }
  .block-views-blockfotogalereya-block-1 .field--name-field-gallery {
    gap: 20px;
  }
  div#block-vesta-theme-vebforma
    .webform-submission-callback-form
    .js-form-item.js-form-item-name,
  div#block-vesta-theme-vebforma
    .webform-submission-callback-form
    .js-form-item.js-form-item-email {
    width: 100%;
  }
  div#block-vesta-theme-vebforma input.form-text,
  div#block-vesta-theme-vebforma input.form-email {
    height: 55px;
  }
  div#block-vesta-theme-vebforma .webform-submission-callback-form {
    gap: 17px;
  }
  .webform-button--submit {
    padding: 8px;
    font-size: 20px;
  }
  .region-form {
    gap: 50px;
  }
  #block-vesta-theme-ostavtezayavkuiobyazatelnovamperezvonim .block-title {
    font-size: 20px;
  }
  .offcanvas {
    --bs-offcanvas-bg: #fff;
  }
  .view-id-fotogalereya.view-display-id-page_1
    .field--name-field-gallery
    .field__item {
    width: 31%;
  }
  .view-id-catalog > .view-content,
  .view-tovary.view-display-id-page_2 .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .product-teaser .product-teaser-image {
    max-width: 380px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-front-h1: 21px;
    --bs-block-title: 20px;
    --bs-padding-slider: 55px 0 80px;
    --bs-padding-offer: 80px 0 80px;
    --bs-padding-gallery: 80px 0 80px;
    --bs-padding-form: 0 0 80px;
  }
  .node--type-slide .field--name-node-title {
    width: 56%;
  }
  .node--type-slide .field--name-body {
    width: 159px;
  }
  .field--name-field-img-offer img {
    width: 100%;
    height: auto;
  }
  .block-title {
    margin-bottom: 30px;
  }
  .block-views-blockfotogalereya-block-1 .field--name-field-gallery {
    gap: 10px;
  }
  #block-vesta-theme-ostavtezayavkuiobyazatelnovamperezvonim .block-title {
    font-size: 18px;
  }
  div#block-vesta-theme-vebforma input.form-text,
  div#block-vesta-theme-vebforma input.form-email {
    height: 45px;
  }
  .webform-button--submit {
    padding: 5px;
    font-size: inherit;
  }
  .block-content--type-my-predlagaem .field--name-body p {
    font-size: 18px;
  }
  .btn-zakaz {
    padding: 10px;
    width: 165px;
  }
  .view-action.view-display-id-block_1 .action-content .field--name-node-link {
    font-size: inherit;
    margin-top: 20px;
  }
  .view-action.view-display-id-block_1 .action-content .field--name-node-title {
    font-size: 20px;
  }
  .more-link {
    margin-top: 30px;
  }
  .view-id-fotogalereya.view-display-id-page_1
    .field--name-field-gallery
    .field__item {
    width: 30%;
  }
  .col-contact {
    width: 225px;
  }
  #scrollToTop {
    right: 5px;
  }
  .view-id-catalog > .view-content .field--name-field-catalog-image img,
  .view-tovary.view-display-id-page_2 .view-content img {
    height: 240px;
  }
  .product-teaser {
    flex-wrap: wrap;
    gap: 30px;
  }
  .product-teaser .product-teaser-image {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  :root {
    --bs-padding-slider: 30px 0 70px;
    --bs-padding-offer: 70px 0 70px;
    --bs-padding-gallery: 70px 0 70px;
    --bs-padding-form: 0 0 70px;
  }
  .node--type-slide .field--name-node-title {
    width: 63%;
  }
  .field--name-field-kriteriy .field__item {
    padding: 10px 4px;
  }
  .node--type-slide .field--name-body {
    margin: 0 10px;
  }
  .block-content.block-content--type-my-predlagaem {
    padding-bottom: 60px;
  }
  .btn-zakaz {
    left: 0;
    margin: 0 auto;
  }
  .view-action.view-display-id-block_1 .action-content .field--name-node-title {
    width: 73%;
    font-size: 17px;
  }
  .region-form {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding-right: 10px;
  }
  .view-id-fotogalereya.view-display-id-page_1
    .field--name-field-gallery
    .field__item {
    width: 46%;
  }
  .col-contact {
    width: 100%;
  }
  .view-id-catalog > .view-content,
  .view-tovary.view-display-id-page_2 .view-content {
    display: grid;
    grid-template-columns: 1fr;
  }
  main#main {
    margin-top: 100px;
  }
}