@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 .form-search.form-control {
    width: 330px;
  }
  span.btn-plus,
  span.btn-minus {
    padding: 8px 11px;
  }
  .contact-block .block-phone,
  .body-node--800 .block-phone {
    flex-direction: column;
  }
  .contact-block .block-phone .contact-item.tel:last-child:before,
  .offcanvas .block-phone .contact-item.tel:last-child:before,
  .body-node--800 .block-phone .contact-item.tel:last-child:before {
    background-image: url(/sites/all/themes/vesta_theme/image/phone.svg);
  }
  .block-phone .contact-item.tel:last-child:before {
    display: block;
  }
  .block-phone .contact-item.tel:first-child {
    border: none;
  }
}
@media only screen and (max-width: 1200px) {
  :root {
    --bs-h1: 52px;
    --bs-h2: 46px;
    --bs-catalog-teaser: 22px;
    --bs-benefits-title: 18px;
  }
  header .form-search.form-control {
    width: 169px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 160px 300px 160px 0;
  }
  .view-id-tovary.view-display-id-page_2 .view-content,
  .view-products-favorites.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .field--name-field-benefits .paragraph--type-benefit {
    padding: 22px 15px;
  }
  #scrollToTop {
    bottom: 70px;
  }
  .contact-block .contact-item.adress {
    max-width: 470px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --bs-h1: 38px;
    --bs-h2: 34px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 120px 200px 120px 0;
  }
  .view-catalog .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .about-left {
    padding-right: 0;
  }
  .field--name-field-benefits {
    grid-template-columns: 1fr 1fr;
  }

  .block-phone .contact-item.tel:last-child {
    padding-left: 0;
  }
  .offcanvas .region-navigation {
    margin: 20px 0;
  }
  .footer-content {
    flex-wrap: wrap;
  }
  #scrollToTop {
    right: 15px;
    bottom: 50px;
  }
  .field--name-field-benefit-img {
    height: 125px;
  }
  .view-id-tovary.view-display-id-page_2 .view-content,
  .view-products-favorites.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .product-full
    .product-full-image
    .field.field--name-field-variation-image.field--type-image
    .elements
    .nav-slide.slick-initialized.slick-slider
    .slick-list.draggable
    .slick-track
    .element.slick-slide {
    height: 76px;
  }

  .view-id-certificate .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .node--type-opt.node--view-mode-full {
    gap: 20px;
  }
  .contact-block .contacts,
  .body-node--800 .contacts {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .nav-menu {
    max-width: 220px;
  }
  .contact-block .contacts .block-phone,
  .body-node--800 .contacts .block-phone {
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-catalog-teaser: 20px;
    --bs-padding-block: 70px 0;
  }
  h1.front-h1 {
    text-align: center;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 120px 50px 120px 0;
  }
  .field--name-field-catalog-image img {
    width: 156px;
    height: 171px;
  }
  .view-catalog .view-content,
  .node--type-about.node--view-mode-teaser,
  .field--name-field-benefits {
    gap: 15px;
  }
  .block-content--type-opt {
    gap: 20px;
  }

  .region-map {
    grid-template-columns: 1fr;
  }
  .mapContainer {
    height: 300px;
  }
  .contact-block .block-title,
  .benefits-block .block-title {
    margin-bottom: 30px;
  }
  .node--type-about.node--view-mode-teaser {
    grid-template-columns: 1fr;
  }
  .product-full {
    flex-direction: column;
    gap: 36px;
  }
  .product-full .product-full-image {
    width: 100%;
  }
  .product-view-full .flag-zakladki {
    top: 12px;
    right: 12px;
  }
  .contact-block {
    margin-top: 60px;
  }
  .contact-block {
    margin-top: 70px;
  }
  .product-full
    .product-full-image
    .field.field--name-field-variation-image.field--type-image
    .elements
    .nav-slide.slick-initialized.slick-slider
    .slick-list.draggable
    .slick-track
    .element.slick-slide {
    height: 100px;
  }
  .delete-order-item.button {
    color: transparent;
    width: 30px;
    height: 40px;
    background-image: url(/sites/all/themes/vesta_theme/image/catalog-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    display: block;
    border-radius: 50%;
  }
  .node--type-sertifikaty.node--type-sertifikaty .field--name-node-title {
    font-size: 18px;
  }
  .view-id-tovary.view-display-id-page_2 .view-content,
  .view-products-favorites.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 576px) {
  :root {
    --bs-h1: 28px;
    --bs-h2: 26px;
    --bs-catalog-teaser: 18px;
    --bs-block-body-fsz: 18px;
    --bs-padding-block: 60px 0;
    --bs-body-font-size: 18px;
    --bs-btn-fsz: 16px;
  }
  .btn {
    --bs-btn-font-size: 16px;
    --bs-btn-padding-y: 12px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 120px 15px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 120px 158px 120px 15px;
  }
  .field--name-field-slide-link a {
    margin-top: 0;
  }
  .slider-block .view-footer {
    bottom: 30px;
  }
  .field--name-field-slide-link a {
    padding: 13px 20px;
  }
  .field--name-field-opt-link a {
    padding: 13px 20.75px;
  }
  .product-view-full .product-attributes {
    width: 280px;
  }
  .elements {
    width: 100%;
  }
  .contact-block {
    margin-top: 60px;
  }
  .product-full
    .product-full-image
    .field.field--name-field-variation-image.field--type-image
    .elements
    .nav-slide.slick-initialized.slick-slider
    .slick-list.draggable
    .slick-track
    .element.slick-slide {
    height: 70px;
  }
  .view-id-certificate .view-content {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .node--type-sertifikaty.node--type-sertifikaty .field--name-node-title {
    font-size: inherit;
  }
}
@media only screen and (max-width: 520px) {
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 100px 100px 135px 15px;
  }
  .nav-catalog {
    max-width: calc(60% - 16px);
  }
  .nav-menu {
    max-width: 40%;
  }
}
@media only screen and (max-width: 480px) {
  :root {
    --bs-price-fsz: 22px;
  }
  .field--name-field-benefits {
    grid-template-columns: 1fr;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 100px 15px 135px;
  }
  .view-catalog .view-content {
    grid-template-columns: 1fr;
  }
  .webform-submission-form .js-form-item-phone,
  .webform-submission-form .js-form-item-email {
    grid-column: span 2;
  }

  a.profile-user,
  .cart-block--summary__icon {
    width: 20px;
    height: 20px;
  }
  a.favorite-counter__link {
    width: 18px;
    height: 17px;
  }
  .favorite-counter__count,
  .cart-block--summary .cart-block--summary__count {
    font-weight: 400;
  }
  .view-id-tovary.view-display-id-page_2 .view-content,
  .view-products-favorites.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr;
  }
  span.btn-plus,
  span.btn-minus {
    padding: 7px 13px;
  }
  footer#footer {
    margin-top: 50px;
  }
}