@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1194px;
  }
}
@media only screen and (max-width: 1400px) {
  header .nav-link {
    padding: 19px 16px;
  }
  .header-content {
    gap: 3px 9px;
  }
  .block-contacts {
    gap: 10px;
  }
}

@media only screen and (max-width: 1200px) {
  :root {
    --bs-h1: 40px;
    --bs-h2: 36px;
  }
  header .nav-link {
    font-size: 16px;
    padding: 17px 12px;
  }
  a.logo-title {
    font-size: 18px;
  }
  .header-content {
    grid-template-columns: 245px auto;
  }
  .block-contacts {
    height: 64px;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .taxonomy-term--type-catalog .field--name-taxonomy-term-link a,
  .gallery-info .field--name-node-link a {
    width: 50px;
    height: 50px;
  }
  .taxonomy-term--type-catalog {
    min-height: 346.5px;
  }
  .node--type-about.node--view-mode-teaser {
    grid-template-columns: 600px auto;
  }
  div#form-block .content-form {
    gap: 20px;
  }
  .contact-map {
    grid-template-columns: 530px auto;
  }
  .gallery-info {
    display: block;
    z-index: 1;
    padding: 20px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }
  .node--type-photogallery.node--view-mode-teaser
    .field--name-field-gallery:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(169deg, #2b412d00 46%, #2b412d);
  }
  #scrollToTop {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --bs-h1: 36px;
    --bs-h2: 30px;
    --bs-h3: 22px;
    --bs-small-block-title: 23px;
    --bs-title-form: 34px;
  }
  header .logo {
    max-width: 260px;
  }
  .view-catalog .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .node--type-about.node--view-mode-teaser {
    grid-template-columns: 100%;
  }
  .node--type-about.node--view-mode-teaser .content h2 {
    margin-bottom: 0;
  }
  .field--name-field-about-img {
    flex-direction: row;
    gap: 15px;
  }
  .field--name-field-about-img .field__item:last-child {
    height: 180px;
    width: 100%;
  }
  .field--name-field-about-img .field__item:first-child {
    width: 40%;
    flex-shrink: 0;
  }
  .view-fotogalereya .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .view-fotogalereya.view-display-id-block_1
    .view-content
    .views-row:last-child,
  .view-id-videogallery.view-display-id-block_1
    .view-content
    .views-row:last-child {
    display: none;
  }
  .view-id-videogallery .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .contact-map {
    grid-template-columns: 340px auto;
  }
  .footer-content {
    flex-wrap: wrap;
    gap: 30px 15px;
  }
  .region-nav {
    gap: 90px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 48px 40px 60px;
  }
  .node--type-slide {
    padding: 54px 0 100px;
  }
  .slider-block ul.slick-dots {
    bottom: 65px;
  }
  .offcanvas .logo {
    max-width: 240px;
  }
  .block-contacts {
    height: auto;
  }
  .offcanvas .col-social {
    margin: 20px 0;
  }
  .offcanvas-header {
    align-items: start;
  }
  header#header-mob .block-contacts {
    display: flex;
    align-items: center;
  }
  .view-tovary .view-content,
  .field--name-field-video,
  .view-gallery-page .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .modal {
    --bs-modal-header-padding: 32px 0 0;
    --bs-modal-width: 675px;
    --bs-modal-padding: 0 87px;
  }
  .modal-footer .webform-button--submit {
    max-width: 490px;
  }
  .product-teaser .product-teaser-image {
    max-width: 360px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-h1: 30px;
    --bs-h2: 26px;
    --bs-h3: 20px;
    --bs-product-title-teaser: 22px;
    --bs-modal-padding: 0 50px;
    --bs-title-form: 28px;
  }
  .h3,
  h3 {
    font-size: calc(1rem + 0.6vw);
  }
  .field--name-field-benefits {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .node--type-slide {
    padding: 54px 10px 100px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 38px 32px 50px;
  }
  .taxonomy-term--type-catalog {
    min-height: 265px;
  }
  div#form-block .content-form {
    grid-template-columns: 1fr 1fr;
  }
  div#form-block .content-form .form-actions {
    grid-column: span 2;
  }
  .view-fotogalereya .view-content .views-row,
  .view-gallery-page .view-content .views-row {
    height: 290px;
  }
  .node--type-videogallery.node--view-mode-teaser {
    min-height: 290px;
  }
  .more-link a,
  .node--type-about.node--view-mode-teaser .content .field--name-node-link a {
    font-size: 16px;
    padding: 10px 8px;
    min-width: 234px;
  }
  .btn {
    --bs-btn-font-size: 16px;
    --bs-btn-padding-y: 10px;
  }
  .contact-map {
    grid-template-columns: 100%;
  }
  div#block-vesta-theme-yandekskarta-2,
  div#block-vesta-theme-yandekskarta-2 div {
    height: 300px;
  }
  .region-nav {
    gap: 30px;
  }
  .taxonomy-term--type-catalog .field--name-taxonomy-term-link a,
  .gallery-info .field--name-node-link a {
    width: 45px;
    height: 45px;
  }
  .modal {
    --bs-modal-padding: 0 50px;
  }
  .ui-dialog .ui-dialog-titlebar {
    padding: 0;
  }
  .product-teaser {
    flex-wrap: wrap;
  }
  .product-teaser .product-teaser-image {
    max-width: 100%;
  }
  .product-teaser .product-teaser-info {
    gap: 25px;
  }
  .product-teaser
    .product-teaser-image
    .field.field--name-field-variation-image.field--type-image
    .elements
    .current-slide.slick-initialized.slick-slider
    .slick-list.draggable
    .slick-track
    .element.slick-slide
    img {
    max-width: 100%;
    min-width: 100%;
  }
  span.btn-minus,
  span.btn-plus {
    padding: 11px 13px;
  }
  .field--name-quantity .form-type-number {
    height: 46px;
  }
}
@media only screen and (max-width: 576px) {
  :root {
    --bs-h1: 26px;
    --bs-h2: 24px;
    --bs-padding-fos: 70px 0;
    --bs-product-title-teaser: 20px;
    --bs-padding-not-front: 45px 0 80px;
    --bs-title-form: 24px;
  }
  a.logo-title {
    font-size: 16px;
  }
  header .logo {
    max-width: 253px;
  }
  header#header-mob .col-cart {
    display: none;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 24px 17px 38px;
  }
  .node--type-slide .field--name-body {
    font-size: inherit;
    padding: 0;
  }
  .paragraph--type-benefits {
    font-size: inherit;
  }
  .field--name-field-short-body {
    font-size: inherit;
  }
  div#form-block .content-form {
    grid-template-columns: 100%;
  }
  div#form-block .content-form .form-actions {
    grid-column: span 1;
  }
  .node--type-about.node--view-mode-teaser .content,
  .region-contac {
    padding: 35px 16px;
  }
  .contacts {
    font-size: inherit;
    gap: 15px;
  }
  #scrollToTop {
    width: 50px;
    height: 50px;
    bottom: 10px;
  }
  li.page-item.pager__item--previous,
  li.page-item.pager__item--next {
    display: none;
  }
  .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  li.page-item.pager__item--first,
  li.page-item.pager__item--last {
    width: 100%;
  }
  .page-item:first-child .page-link,
  .page-item:last-child .page-link {
    border-radius: 20px;
  }
  .not-front .block-page-title-block {
    margin-bottom: 25px;
  }
  .modal-footer .webform-button--submit {
    max-width: 80%;
  }
  .modal-content .form-description {
    font-size: inherit;
  }
  .modal-header:before,
  .ui-widget-header:before {
    content: "";
    width: 70px;
    height: 25px;
  }
}
@media only screen and (max-width: 480px) {
  :root {
    --bs-small-block-title: 20px;
  }
  header#header-mob .block-contacts {
    display: none;
  }

  .view-catalog .view-content,
  .view-fotogalereya .view-content,
  .view-id-videogallery .view-content,
  .view-tovary .view-content,
  .field--name-field-video,
  .view-gallery-page .view-content {
    grid-template-columns: 100%;
  }
  .taxonomy-term--type-catalog {
    height: 229px;
  }
  .logo-img img {
    width: 40px;
  }
  .modal {
    --bs-modal-padding: 0 10px;
  }
  div#vpa-short-wrapper {
    margin: 0 auto;
  }
}