@media only screen and (min-width: 1200px) {
  header .region.region-navigation {
    flex-shrink: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
  header .region.region-navigation {
    flex-shrink: 1;
  }
  .benefits-block .field--name-field-benefits-block,
  .view-tovary .view-content,
  .benefits2-block .field--name-field-benefits-block,
  .field--name-field-steps,
  .view-portfolio.view-display-id-page_1 .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .view-portfolio.view-display-id-block_1 .more-link {
    margin-top: 28px;
  }
  .completed-block
    .block-content--type-benefits-project
    .field--name-field-benefits-project {
    gap: 20px;
  }
  .view-articles .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .node--type-completed-projects.node--view-mode-full .parametrs-project {
    grid-template-columns: repeat(2, 1fr);
  }
  .field--name-field-about-project-info {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --bs-padding-region: 90px 0;
  }
  .front .h1,
  .front h1 {
    font-size: 2.5rem;
  }
  .h1,
  h1 {
    font-size: 2.375rem;
  }
  .h2,
  h2 {
    font-size: 2rem;
  }
  header .logo {
    max-width: 65px;
  }
  .node--type-about.node--view-mode-teaser {
    grid-template-columns: 1fr;
  }
  .field--name-field-img-teaser-about {
    height: 420px;
  }
  .completed-project-content {
    grid-template-columns: 1fr;
  }
  .completed-project-content-right {
    flex-direction: row;
  }
  .field--name-field-benefits-project-link {
    padding-left: 0;
  }
  .completed-block .block-content--type-benefits-project {
    flex-direction: column;
    gap: 26px;
  }
  .completed-block
    .block-content--type-benefits-project
    .field--name-field-benefits-project {
    width: 100%;
    justify-content: space-between;
  }
  .completed-block
    .block-content--type-benefits-project
    .field--name-field-benefits-project
    > .field__item:after {
    display: none;
  }
  .btn {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 14px;
  }
  .region-contacts {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
  #scrollToTop {
    right: 20px;
    bottom: 20px;
  }
  .mapContainer {
    height: 360px;
  }
  .node--type-completed-projects.node--view-mode-head-page-block
    .field--name-field-completed-projects-img
    .field__item {
    height: 320px;
  }
  .view-articles .view-content {
    grid-template-columns: 1fr 1fr;
  }
  div#block-vesta-theme-comparison-block
    .field--name-body
    .table
    > :not(caption)
    > *
    > * {
    padding: 19px 10px;
  }
  .completed-projects-content {
    display: grid;
    grid-template-columns: 100%;
    gap: 32px;
  }
  .node--type-completed-projects.node--view-mode-full .parametrs-project {
    grid-template-columns: repeat(4, 1fr);
  }
  .node--type-completed-projects.node--view-mode-full
    .field--name-field-completed-projects-img {
    height: 360px;
  }
  .node--type-completed-projects.node--view-mode-full
    .paragraph--type--photo-album-card,
  .node--type-completed-projects.node--view-mode-full
    .field--name-field-photo-album-cards {
    height: 420px;
  }
  .field--name-field-certificates .field__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-padding-region: 80px 0;
  }
  .front .h1,
  .front h1 {
    font-size: 2.25rem;
  }
  .h4,
  h4 {
    font-size: 1.125rem;
  }

  .node--type-slide .content .field--name-body,
  div#block-vesta-theme-step-block .field--name-body,
  .block-content--type-benefits-block .field--name-body,
  .field--name-field-engineering-short-body {
    font-size: 1rem;
  }
  .project-block .view-header .head-link {
    width: 100%;
  }
  .view-tovary .view-content,
  .node--type-engineering.node--view-mode-teaser,
  .benefits2-block .field--name-field-benefits-block,
  .node--type-geography.node--view-mode-teaser,
  .view-portfolio.view-display-id-page_1 .view-content {
    grid-template-columns: 100%;
    gap: 40px;
  }

  .node--type-engineering.node--view-mode-teaser.clearfix::after {
    display: none;
  }
  .field--name-field-img-teaser-about {
    height: 340px;
  }
  .plate2 {
    right: 24px;
  }
  .completed-project-content-right {
    flex-direction: column;
  }
  div#block-vesta-theme-vebforma .fieldset-wrapper,
  div#block-vesta-theme-vebforma-booking .fieldset-wrapper,
  div#block-vesta-theme-vebforma-2 .fieldset-wrapper {
    grid-template-columns: 1fr;
  }
  .field--name-field-link-map,
  .field--name-field-link-map a {
    width: 100%;
  }
  .mapContainer {
    height: 280px;
  }
  header .logo {
    max-width: 60px;
  }

  div#block-vesta-theme-vebforma,
  div#block-vesta-theme-vebforma-booking,
  div#block-vesta-theme-vebforma-2 {
    padding: 24px;
  }
  .node--type-completed-projects.node--view-mode-full
    .paragraph--type--photo-album-card,
  .node--type-completed-projects.node--view-mode-full
    .field--name-field-photo-album-cards {
    height: 320px;
  }
  .node--type-completed-projects.node--view-mode-full
    .field--name-field-completed-projects-img {
    height: 280px;
  }
  .node--type-completed-projects.node--view-mode-full .parametrs-project {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-project-content {
    grid-template-columns: 100%;
    gap: 40px;
  }
  .node--type-completed-projects.node--view-mode-full
    .completed-project-img-content {
    padding: 20px 16px 16px;
  }
  .paragraph--type-photo-album button.slick-prev.slick-arrow {
    left: 10px;
  }
  .paragraph--type-photo-album button.slick-next.slick-arrow {
    right: 10px;
  }
  .field--name-field-certificates .field__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .hero-title {
    font-size: 2rem;
  }
  .h1,
  h1 {
    font-size: 1.875rem;
  }
  .h2,
  h2 {
    font-size: 1.75rem;
  }
  .h3,
  h3 {
    font-size: 1.15rem;
  }
  header .tel-img {
    padding: 8px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.04);
  }
  header .contact-item span.tel-text {
    display: none;
  }
  .field--name-field-slide-link a {
    padding: 15px;
    font-size: 1rem;
  }
  .node--type-slide .field--name-field-benefits-list {
    gap: 24px;
  }
  .benefits-block .field--name-field-benefits-block {
    grid-template-columns: 1fr;
  }

  .project-teaser-bottom {
    flex-wrap: wrap;
  }
  .project-teaser-link {
    width: 100%;
  }
  .field--name-field-teg {
    font-size: 0.75rem;
    padding: 5px 12px;
  }
  .btn {
    --bs-btn-padding-x: 8px;
    --bs-btn-padding-y: 12px;
  }
  .plate1 {
    top: 14px;
    right: 14px;
    padding: 8px 14px;
  }
  .plate2 {
    right: 14px;
    max-width: none;
    padding: 14px 16px;
  }
  .field--name-field-plate2-img {
    width: 38px;
    height: 38px;
  }
  .field--name-field-benefits-block-about {
    grid-template-columns: 100%;
  }
  .node--type-about.node--view-mode-teaser .field--name-node-link,
  .node--type-about.node--view-mode-teaser .field--name-node-link a {
    width: 100%;
  }
  .field--name-field-about-link a {
    justify-content: center;
    width: 100%;
  }
  .field--name-field-about-link {
    width: 100%;
  }
  .field--name-field-steps {
    grid-template-columns: 100%;
  }
  .node--type-completed-projects.node--view-mode-head-page-block
    .field--name-field-completed-projects-img
    .field__item {
    height: 230px;
  }
  .node--type-completed-projects.node--view-mode-head-page-block
    .paragraph--type--photo-album-card
    .field--name-field-photo-album-img {
    height: 190px;
  }
  .completed-block
    .block-content--type-benefits-project
    .field--name-field-benefits-project {
    flex-direction: column;
    align-items: start;
  }
  .right-block-region {
    padding: 40px 20px;
  }
  .webform-button--submit {
    padding: 14px 12px;
    font-size: 0.85rem;
  }
  .field--name-field-kontakt .contact-item,
  div#block-vesta-theme-bloknastranicekontakty .contact-block .contact-item {
    font-size: 1rem;
  }
  .block-content--type-invitation {
    padding: 24px;
  }
  .region-map {
    padding: 20px;
  }
  .field--name-field-link-map a {
    padding: 10px 8px;
  }
  .footer-content {
    grid-template-columns: 100%;
  }
  .horizontal-tabs-panes {
    padding: 24px;
  }
  .field--name-field-tehnologiya .field--name-field-small-title {
    font-size: 0.75rem;
  }
  .technology-img-block {
    padding: 12px;
  }
  .field--name-field-technique-img-title {
    font-size: 0.75rem;
  }
  .technology-img-info {
    grid-template-columns: 100%;
  }
  .field--name-field-technology-body-2 blockquote {
    padding: 12px;
  }
  .view-articles .view-content {
    grid-template-columns: 100%;
  }
  div#block-vesta-theme-comparison-block
    .field--name-body
    .table
    > :not(caption)
    > *
    > * {
    padding: 14px 5px;
    font-size: 0.75rem;
  }
  div#block-vesta-theme-comparison-block .field--name-body {
    overflow-y: auto;
  }
  .field--name-field-banner-link a {
    width: 100%;
  }
  .field--name-field-banner-link a {
    padding: 10px 20px;
  }
  .node--type-completed-projects.node--view-mode-full .field--name-body {
    font-size: 1rem;
  }
  .node--type-completed-projects.node--view-mode-full .parametrs-project {
    grid-template-columns: 100%;
  }
  .paragraph--type-photo-album button.slick-arrow {
    width: 40px;
    height: 40px;
  }
  button.slick-arrow::before {
    width: 20px;
    height: 20px;
  }
  .field--name-field-about-project-img .field__item {
    height: auto;
  }
  .field--name-field-about-project-info {
    grid-template-columns: 100%;
  }
  .field--name-field-certificates .field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}