@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1194px;
  }
}
@media only screen and (max-width: 1920px) {
  .field--name-field-portfolio-img .field__item:nth-child(2) {
    left: 44px;
  }
  .field--name-field-portfolio-img .field__item:nth-child(3) {
    right: -16%;
  }
  .field--name-field-portfolio-img .field__item:last-child {
    bottom: -149px;
    right: 9%;
  }
}
@media only screen and (max-width: 1400px) {
  header .col-social {
    margin: 0;
  }
  .contacts-region:before {
    height: 43px;
  }

  .field--name-field-portfolio-img .field__item:nth-child(3) {
    right: -30px;
    bottom: 91%;
  }
  .field--name-field-portfolio-img .field__item:last-child {
    right: 27%;
  }
  .field--name-field-portfolio-img .field__item:nth-child(2),
  .field--name-field-portfolio-img .field__item:nth-child(3) img,
  .field--name-field-portfolio-img .field__item:last-child img {
    width: 280px;
    height: 174px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 20px 455px 20px 0;
  }
}
@media only screen and (max-width: 1200px) {
  :root {
    --bs-h1: 38px;
    --bs-h2: 36px;
    --bs-h3: 34px;
    --bs-padding-benefits: 80px 0;
    --bs-padding-about: 80px 0 90px;
    --bs-padding-gallery: 100px 0 220px;
  }
  .header-content {
    gap: 25px;
  }
  .region-fos {
    padding: 117px 26px 110px;
  }
  .region-about {
    gap: 50px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding-right: 330px;
  }
  .paragraph--type-benefit {
    padding: 36px 20px 40px;
  }
  .services-content {
    padding: 55px 70px 54px 70px;
  }
  .view-services .view-content .views-row:nth-child(2n) .services-content {
    padding: 55px 70px 54px 70px;
  }
  #scrollToTop {
    bottom: 30px;
    right: 20px;
  }
  .block-content--type-portfolio {
    flex-wrap: wrap;
  }
  .portfolio-content {
    max-width: 100%;
    gap: 15px;
  }
  .field--name-field-portfolio-img {
    position: relative;
  }
  .block-content--type-portfolio {
    gap: 110px;
  }
  .field--name-field-portfolio-img .field__item:nth-child(2) {
    bottom: auto;
    top: -90px;
    left: 20%;
  }
  .field--name-field-portfolio-img .field__item:nth-child(3) {
    top: 210px;
    right: -25%;
  }
  .field--name-field-portfolio-img .field__item:last-child {
    bottom: -100px;
    right: auto;
    left: 27px;
  }
  div#vpa-short-wrapper {
    margin: 0 auto;
  }
  .vpa-wrapper.vpa-visible {
    bottom: 20px;
  }
  .field--name-field-slide-link a {
    padding: 10.5px 50px;
  }
  .field--name-field-portfolio-img {
    width: 75%;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --bs-h1: 36px;
    --bs-h2: 34px;
    --bs-h3: 32px;
    --bs-padding-about: 50px 0 80px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding-right: 115px;
  }
  .node--type-slide {
    padding: 124px 0 84px;
  }
  .field--name-field-benefits-list {
    grid-template-columns: 1fr 1fr;
  }
  .field--name-field-benefits-list .field__item:last-child {
    grid-column: span 2;
  }
  .services-content,
  .view-services .view-content .views-row:nth-child(2n) .services-content {
    padding: 50px 20px;
  }
  .services-block .block-title {
    margin-bottom: 40px;
  }
  .services-content .field--name-node-link a {
    padding: 11.5px 48px;
  }
  .region-about {
    flex-direction: column;
    gap: 30px;
  }
  div#block-vesta-theme-block-about-img .field--name-body {
    height: 300px;
  }
  div#block-vesta-theme-block-about-img .field--name-body img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .contacts-region:before {
    height: 28px;
    margin-bottom: 50px;
  }
  .region-fos {
    padding: 70px 26px 57px;
  }

  .block-slogan {
    font-size: 16px;
  }
  div#block-vesta-theme-osnovnayanavigaciya-menu,
  #block-vesta-theme-contacts-footer .block-title {
    font-size: 16px;
  }
  footer .logo {
    width: 173px;
  }
  .block-copiryght {
    column-gap: 50px;
  }
  .offcanvas .region-navigation {
    margin: 20px 0;
  }
  .view-fotogalereya .view-content,
  .view-gallery-page .view-content {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }

  .field--name-field-portfolio-img .field__item:nth-child(3) {
    right: -4%;
    top: 76%;
  }

  .product-teaser {
    flex-direction: column;
  }
  .product-teaser .product-teaser-image {
    align-self: center;
  }
  .product-teaser .product-teaser-info {
    max-width: 100%;
  }
  .view-id-tovary .view-content {
    grid-template-columns: 1fr 1fr;
  }
  .field--name-field-slide-link a {
    padding: 10.5px 42px;
  }
  .logo {
    width: max-content;
  }
  .field--name-field-portfolio-img {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-h1: 32px;
    --bs-h2: 29px;
    --bs-h3: 27px;
    --bs-btn-fsz: 18px;
    --bs-slider-body-fsz: 18px;
    --bs-body-form: 18px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding-right: 30px;
  }
  .node--type-slide .field--name-body {
    padding-right: 0;
  }
  .field--name-field-benefits-list .field__item {
    grid-column: span 2;
  }
  .paragraph--type-benefit {
    padding: 27px 18px;
  }
  .field--name-field-benefit-img {
    width: 85px;
    height: 85px;
  }
  .field--name-field-benefit-title {
    font-size: 16px;
  }
  .node--type-services.node--view-mode-teaser {
    grid-template-columns: 1fr;
  }
  .view-services
    .view-content
    .views-row:nth-child(2n)
    .field--name-field-services-img {
    order: 0;
  }
  .contacts-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .footer-content {
    flex-wrap: wrap;
  }
  .block-copiryght {
    column-gap: 15px;
    row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .view-fotogalereya .view-content,
  .view-gallery-page .view-content {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .view-fotogalereya .field--name-node-title {
    font-size: 18px;
  }
  .field--name-field-portfolio-img .field__item:nth-child(2),
  .field--name-field-portfolio-img .field__item:nth-child(3) img,
  .field--name-field-portfolio-img .field__item:last-child img {
    width: 228px;
    height: 141px;
  }
  .field--name-field-portfolio-img .field__item:last-child {
    bottom: -70px;
  }
  .field--name-field-portfolio-img .field__item:nth-child(3) {
    right: -25px;
  }

  .vpa-wrapper.vpa-visible {
    bottom: 0;
  }
  .product-teaser
    .product-teaser-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: 90px;
  }
  .region-benefits .field--name-body {
    font-size: 24px;
  }
  .field--name-field-slide-link a {
    padding: 10.5px 29px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 576px) {
  :root {
    --bs-h1: 28px;
    --bs-h2: 25px;
    --bs-h3: 22px;
    --bs-btn-fsz: 16px;
    --bs-slider-body-fsz: 16px;
    --bs-body-form: 16px;
    --bs-padding-about: 30px 0 60px;
    --bs-padding-gallery: 70px 0 195px;
  }
  .nav {
    --bs-nav-link-font-size: 18px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 15px;
    gap: 15px;
  }
  .field--name-field-slide-link {
    margin-top: 0;
  }
  .node--type-slide {
    padding: 90px 0;
  }
  .col-logo {
    width: 100px;
  }
  .services-block .block-title {
    margin-bottom: 30px;
  }
  div#block-vesta-theme-block-about-img {
    width: 100%;
  }
  #scrollToTop {
    width: 132px;
    height: 28px;
  }
  .contacts-region:before {
    margin-bottom: 40px;
  }
  #block-vesta-theme-contacts .contact-item,
  .gallery-block .field--name-body,
  .node--type-about.node--view-mode-teaser .field--name-field-about-body-short {
    font-size: 16px;
  }
  .contacts {
    gap: 16px;
  }
  .region-fos {
    padding: 55px 23px 48px;
  }
  .form-control {
    padding: 8px 20px;
  }
  footer .logo {
    width: 50%;
  }
  .block-nav {
    width: 47%;
  }
  .block-nav .nav .nav-link,
  .offcanvas .nav-link {
    padding: 0 0 7px 0;
  }
  div#block-vesta-theme-osnovnayanavigaciya-menu,
  #block-vesta-theme-contacts-footer .block-title {
    margin-bottom: 10px;
  }
  .view-fotogalereya .field--name-node-title {
    font-size: 16px;
  }
  .field--name-field-portfolio-img .field__item:first-child img {
    width: 100%;
    height: 450px;
    object-fit: cover;
  }
  .field--name-field-portfolio-img .field__item:nth-child(2),
  .field--name-field-portfolio-img .field__item:nth-child(3) img,
  .field--name-field-portfolio-img .field__item:last-child img {
    width: 200px;
    height: 124px;
  }
  .field--name-field-portfolio-img .field__item:nth-child(3) {
    right: -5px;
  }
  .field--name-field-portfolio-img .field__item:nth-child(2) {
    right: auto;
    left: 30px;
  }
  .product-view-full button.slick-next.slick-arrow {
    right: 5px;
  }
  .product-view-full button.slick-prev.slick-arrow {
    left: 5px;
  }
  .view-id-tovary .view-content {
    grid-template-columns: 1fr;
  }
  .product-teaser {
    gap: 40px;
  }
  .region-benefits .field--name-body {
    font-size: 22px;
  }
  .field--name-field-slide-link a {
    font-size: 18px;
  }
  .services-block {
    background-position:
      center top,
      right 90%;
  }
}
@media only screen and (max-width: 420px) {
  .logo {
    width: 110px;
    font-size: 18px;
  }
  .content h1 p:not(:first-child) {
    font-size: 18px;
    line-height: 110%;
  }
  .content h1 p strong {
    color: var(--bs-color-yellow);
    border: 2px solid var(--bs-color-yellow);
    border-radius: 25px;
    padding: 5px 15px;
    display: block;
    width: max-content;
    margin-top: 7px;
  }
  .node--type-slide {
    padding: 75px 0;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content {
    padding: 15px;
  }
  div#slider-block
    .view.view-slayder.view-id-slayder
    .view-content
    .node--type-slide
    .content:before {
    content: "";
    width: 60px;
    height: 2px;
    background-color: var(--bs-color-yellow);
    margin-bottom: 20px;
  }
}