@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) {
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 80px 0;
  }
  .help-content-right {
    padding-right: 0;
  }
  .field--name-field-about-img {
    margin-right: calc(20px - (50vw - 50%));
  }
  .field--name-field-hepl-img {
    margin-left: calc(20px - (50vw - 50%));
  }
  .block-content--type-about {
    align-items: center;
  }
  div#block-vesta-theme-contact {
    padding-right: 70px;
  }
}

@media only screen and (max-width: 1200px) {
  :root {
    --bs-h1: 46px;
    --bs-h2: 36px;
  }
  header .region-search {
    top: 45px;
    right: 0;
  }
  .not-front header .region-search .search-form__submit {
    filter: invert(0);
  }
  .btn {
    --bs-btn-padding-y: 13.5px;
  }
  .field--name-field-slide-link .btn {
    width: 300px;
  }
  .services-content {
    padding: 30px 20px 25px 30px;
  }
  .more-link a,
  .field--name-field-about-link a {
    padding: 13.5px;
    width: 300px;
  }
  .help-block .field--name-field-benefit-text {
    font-size: 18px;
  }
  .about-left {
    flex: 1 1 77%;
    margin-right: 30px;
  }
  .about-content .field--name-body {
    padding-right: 10px;
  }
  div#block-vesta-theme-contact {
    padding-right: 0;
  }
  .region-form {
    gap: 60px;
  }
  .webform-submission-form .form-control {
    padding: 12.5px 24px;
  }
  footer .col-nav {
    width: 185px;
  }
  .col-services {
    width: 250px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --bs-h1: 40px;
    --bs-h2: 32px;
  }
  header .col-logo {
    width: 220px;
  }
  header .col-contacts {
    width: max-content;
  }
  .view-services .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .services-content {
    padding: 30px 30px 25px 30px;
  }
  .field--name-field-benefits {
    grid-template-columns: 1fr 1fr;
  }
  .help-content {
    flex-wrap: wrap;
    gap: 25px;
  }
  .help-content-right {
    min-width: 100%;
    min-width: 100%;
  }
  .field--name-field-hepl-img {
    margin-left: auto;
  }
  .view-fotogalereya .view-content,
  .view-gallery-page .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .view-fotogalereya .view-content img,
  .view-gallery-page .view-content img {
    width: 100%;
  }
  .block-content--type-about {
    flex-wrap: wrap;
    gap: 25px;
  }
  .field--name-field-about-img {
    margin-right: auto;
  }
  .about-left {
    flex: 1 1 100%;
    margin-right: 0;
    max-width: 100%;
  }
  div#block-vesta-theme-vebforma {
    width: 46%;
  }
  footer .col-contacts {
    width: 50%;
  }
  .col-services,
  footer .col-nav {
    width: 48%;
  }
  #scrollToTop {
    width: 59px;
    height: 59px;
    right: 5px;
  }
  header .col-contacts {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .logo {
    width: 200px;
  }
  div#vpa-short-wrapper {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-h1: 36px;
    --bs-h2: 24px;
    --bs-h3: 18px;
  }
  .services-content {
    padding: 30px 20px 25px 20px;
    height: calc(100% - 200px);
  }
  .field--name-field-slide-link .btn {
    width: 260px;
  }
  .btn {
    --bs-btn-padding-y: 11.5px;
    --bs-btn-padding-x: 10px;
  }
  .node--type-services.node--view-mode-teaser
    .field--name-field-services-link
    .btn {
    width: 100%;
  }
  .node--type-services.node--view-mode-teaser img.image-style-usluga {
    height: 200px;
  }
  .more-link a,
  .field--name-field-about-link a {
    padding: 11.5px;
    width: 260px;
  }
  .region-form {
    flex-wrap: wrap;
    gap: 15px;
  }
  div#block-vesta-theme-contact {
    padding-right: 80px;
  }
  div#block-vesta-theme-vebforma {
    width: 100%;
  }
  .webform-submission-form .form-control {
    padding: 10.5px 24px;
  }
  .col-logo {
    width: 48%;
  }
  header .col-logo {
    width: 180px;
  }
  .btn-callback,
  header .contact-item {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  :root {
    --bs-h1: 26px;
    --bs-h2: 20px;
  }
  header .col-logo {
    width: 160px;
  }
  .header-mob-contacts {
    padding: 12px;
    font-size: 14px;
  }
  .header-mob-contacts .contact-item:before {
    width: 22px;
    width: 22px;
  }
}
@media only screen and (max-width: 480px) {
  :root {
    --bs-h1: 21px;
    --bs-h2: 19px;
    --bs-h3: 18px;
    --bs-padding-block: 50px 0;
  }
  .node--type-slide .field--name-field-slider-benefits {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .view-services .view-content {
    grid-template-columns: 1fr;
  }
  .node--type-services.node--view-mode-teaser img.image-style-usluga {
    height: 200px;
    width: 100%;
  }
  .field--name-field-benefits > .field__item {
    padding: 10px;
  }
  .help-block .field--name-field-benefit-img img {
    width: 50px;
    height: 50px;
  }
  .help-block .field--name-field-benefit-text {
    font-size: 14px;
  }
  .node--type-slide .field--name-field-benefit-img {
    width: 27px;
    height: 27px;
  }
  .about-content {
    flex-wrap: wrap;
  }
  .about-content .field--name-body {
    min-width: 100%;
  }
  .about-content .field--name-body:after {
    display: none;
  }
  div#block-vesta-theme-contact {
    padding-right: 0;
  }
  .form-block .js-form-item-privacy {
    padding-right: 0;
  }
  .col-logo {
    width: 100%;
  }
  footer .col-logo img {
    width: 152px;
  }
  footer .col-contacts {
    width: 100%;
  }
  .col-services,
  footer .col-nav {
    width: 100%;
  }
}