@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
    padding: 0;
  }
}
@media only screen and (max-width: 1400px) {
  .field--name-field-features-img-teaser img,
  .field--name-field-features-img img {
    width: 48px;
    height: 48px;
  }
}

@media only screen and (max-width: 1200px) {
  :root {
    --bs-slide-front-h1: 52px;
    --bs-front-h2: 46px;
    --bs-articles-full-title: 50px;
    --bs-features-teaser-title: 20px;
    --bs-title-not-front-h1: 50px;
    --bs-slyder-body: 18px;
    --bs-features-full-header: 42px;
    --bs-features-full-header-number: 54px;
  }
  .block-content--type-upravlenie-finansami .left {
    padding-right: 0;
  }
  .field--name-field-link-app a,
  .field--name-field-link-to-app a {
    font-size: 14px;
  }
  .view-id-features.view-display-id-page_1 .view-header span {
    width: 150px;
    height: 150px;
    padding: 49px 0;
  }
  .slider-title {
    width: 530px;
  }
  div#block-vesta-theme-ostalisvoprosy {
    width: 55%;
  }
  .paragraph--type-features {
    padding: 33px 17px 72px 17px;
  }
  .features-header {
    height: 3rem;
  }
}
@media only screen and (max-width: 992px) {
  :root {
    --bs-slide-front-h1: 46px;
    --bs-front-h2: 38px;
    --bs-articles-full-title: 48px;
    --bs-block-body: 16px;
    --bs-info-title: 36px;
    --bs-info-text: 20px;
    --bs-logo-name: 24px;
    --bs-slide-front-body: 18px;
    --bs-title-not-front-h1: 38px;
    --bs-features-full-header: 30px;
    --bs-features-full-header-number: 46px;
    --bs-padding-about-block: 0 0 100px;
  }
  #header-mob {
    top: 0;
    width: 100%;
    background: #fff;
  }
  .view-slayder.view-display-id-block_1 .field--name-field-image {
    right: -297px;
    height: auto;
    width: 580px;
  }
  .field--name-field-info-img {
    width: 44px;
    height: 44px;
  }
  .field--name-field-qr-kod img {
    width: 124px;
    height: 124px;
  }
  .slide_description {
    width: 420px;
  }
  .field--name-field-link-app a,
  .field--name-field-link-to-app a {
    gap: 5px;
  }
  .field--name-field-link-to-app .field--name-body {
    gap: 10px;
  }
  .field--name-field-description {
    margin: 21px 0 10px;
  }
  #block-vesta-theme-nachniteupravlyatfinansamiuzhesegodnya
    .block-content--type-upravlenie-finansami
    .left
    > .field--name-body,
  #featuresModal
    .modal-content
    #featuresModal
    .block-content--type-upravlenie-finansami
    .left
    > .field--name-body {
    margin: 18px 0 30px;
  }
  #block-vesta-theme-nachniteupravlyatfinansamiuzhesegodnya {
    padding: 53px 45px 0;
  }

  .social a,
  #scrollToTop {
    width: 42px;
    height: 42px;
  }
  #block-vesta-theme-vebvesta {
    margin-top: 50px;
  }
  .social,
  #scrollToTop {
    right: 13px;
  }
  .node--type-reviews.node--view-mode-teaser .field--name-body {
    margin-top: 42px;
  }
  .offcanvas {
    --bs-offcanvas-bg: #fff;
  }
  .offcanvas,
  .offcanvas .nav-link {
    color: #000;
  }
  .offcanvas .nav-link {
    padding-left: 0;
  }
  .offcanvas .contact-item {
    margin: 8px 0;
  }
  a.col-logo_name {
    font-weight: 600;
  }
  div#block-vesta-theme-vozmozhnostiprilozheniyacoiniq .right,
  #block-vesta-theme-block-support .right {
    padding-left: 10px;
  }
  .view-id-features.view-display-id-page_1 .view-header span {
    width: 130px;
    height: 130px;
  }
  .view-id-features.view-display-id-page_1 .view-header {
    margin-bottom: 30px;
  }
  .view-id-features.view-display-id-page_1 .view-content .views-row .right {
    order: -2;
  }
  #block-vesta-theme-slyder-articles .right {
    padding-right: 0;
  }
  .slider-title {
    width: 460px;
  }
  .field--name-field-block-articles-sidebar,
  .article-right .field--name-field-link-app {
    display: none;
  }
  .article-left {
    padding-right: 12px;
  }
  .field--name-field-more-link,
  .view-questions .more-link {
    top: 14px;
  }
  ul.links {
    margin: 0 0 16px 0;
  }
  .offcanvas .region-social {
    margin-top: 20px;
  }
  .social-group,
  header .social-group {
    gap: 25px;
  }
  main#main {
    padding-top: 0;
  }
  .field--name-field-kartinka img {
    height: 350px;
  }
  .field--name-field-features {
    grid-template-columns: 48% 48%;
  }
  .view-slayder.view-display-id-block_1 .field--name-field-image img {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --bs-slide-front-h1: 38px;
    --bs-front-h2: 27px;
    --bs-articles-full-title: 40px;
    --bs-slide-front-body: inherit;
    --bs-info-title: 28px;
    --bs-info-text: 13px;
    --bs-slyder-body: inherit;
    --bs-features-full-header: 26px;
    --bs-title-not-front-h1: 36px;
    --bs-padding-features-item: 44px 0 60px;
  }
  .field--name-field-link-app a,
  .field--name-field-link-to-app a {
    width: 214px;
  }
  .slide_description {
    width: 224px;
    font-size: 12px;
  }
  .field--name-field-qr-kod img {
    width: 90px;
    height: 90px;
  }
  .view-slayder.view-display-id-block_1 .slide_description > .field--name-body {
    margin: 30px 0 24px;
  }
  .view-slayder.view-display-id-block_1 .field--name-field-image {
    right: -241px;
    width: 525px;
  }
  .field--name-field-info-img {
    width: 37px;
    height: 37px;
  }
  .node--type-reviews.node--view-mode-teaser {
    padding: 29px 21px 38px 33px;
  }
  .front .view-header {
    margin-bottom: 30px;
  }
  .field--name-field-slyder-icon img {
    width: 45px;
    height: 45px;
  }
  .field--name-field-slyder-img img {
    width: 200px;
  }
  .view-id-features.view-display-id-page_1 .view-header {
    gap: 14px;
  }
  .body-view--articles .view-header {
    margin-bottom: 30px;
  }
  .slider-title {
    width: 380px;
  }
  .region-form {
    flex-wrap: wrap;
  }
  div#block-vesta-theme-ostalisvoprosy,
  div#block-vesta-theme-vebforma {
    width: 100%;
  }
  .field--name-field-more-link,
  .view-questions .more-link {
    top: 6px;
  }
  .ui-accordion .ui-accordion-header {
    font-size: 22px;
  }
  footer#footer {
    padding-top: 70px;
  }
  .btn-close {
    width: 1rem;
    height: 1rem;
  }
  .field--name-field-features {
    grid-template-columns: 100%;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: max-content;
  }
}
@media only screen and (max-width: 576px) {
  :root {
    --bs-slide-front-h1: 32px;
    --bs-logo-name: 22px;
    --bs-front-h2: 23px;
    --bs-articles-full-title: 25px;
    --bs-block-body: inherit;
    --bs-slide-front-body: 12px;
    --bs-padding-slide-front-content: 10px 0 62px;
    --bs-padding-features: 37px 0 48px;
    --bs-padding-video: 42px 0 0;
    --bs-padding-reviews: 38px 0 43px;
    --bs-title-not-front-h1: 29px;
    --bs-slyder-body: 14px;
    --bs-features-full-header: 22px;
    --bs-features-full-header-number: 30px;
    --bs-padding-about-block: 0 0 76px;
  }
  .social,
  #scrollToTop {
    display: none;
  }
  .col-logo img {
    width: 40px;
    height: 40px;
  }
  .view-block-info .view-content {
    flex-direction: column;
    gap: 17px;
  }
  .field--name-field-info-img {
    width: 33px;
    height: 33px;
  }
  .front .view-header {
    margin-bottom: 29px;
  }
  .paragraph--type-features {
    padding: 31px 30px 31px 31px;
  }
  .paragraph--type-features .field--name-field-features-description {
    font-size: 14px;
  }
  .features-header {
    margin-bottom: 15.5px;
  }
  .field--name-field-features > .field__item:nth-child(5),
  .field--name-field-features > .field__item:last-child {
    display: none;
  }
  .field--name-field-features-img-teaser img {
    width: 49px;
    height: 49px;
  }
  .field--name-field-features {
    row-gap: 8px;
  }
  .front .more-link a {
    margin-top: 30px;
  }
  .block-content--type-video .field--name-body {
    margin-bottom: 30px;
    width: 100%;
  }
  #block-vesta-theme-nachniteupravlyatfinansamiuzhesegodnya {
    padding: 32px 27px 0 18px;
  }
  .block-content--type-upravlenie-finansami .left {
    padding-right: 12px;
  }
  .field--name-field-link-app a,
  .field--name-field-link-to-app a {
    gap: 2px;
    padding: 7.5px 5px;
    font-size: 10px;
  }
  .field--name-field-link-app a {
    width: 144px;
  }
  .field--name-field-link-app a:before,
  .field--name-field-link-to-app a:before {
    height: 14px;
    width: 16px;
  }
  .field--name-field-description {
    font-size: 13px;
  }
  #block-vesta-theme-nachniteupravlyatfinansamiuzhesegodnya
    .block-content--type-upravlenie-finansami
    .left
    > .field--name-body {
    margin: 15px 0 28px;
  }
  .field--name-field-qr-kod img {
    width: 83px;
    height: 83px;
  }
  .field--name-field-qr-code {
    padding: 11.3px;
  }
  .slide_description {
    width: calc(100% - 200px);
  }
  .view-slayder.view-display-id-block_1 .field--name-node-title {
    width: 100%;
  }
  .view-slayder.view-display-id-block_1 .slide_description > .field--name-body {
    margin: 20px 0 34px;
  }
  .slide_links {
    width: 144px;
  }
  .field--name-field-highlighted-word {
    padding: 0 10px;
    border-radius: 8px;
  }
  .view-slayder.view-display-id-block_1 .field--name-field-image {
    right: -149px;
    width: 381px;
  }
  .features-block:after {
    height: 48px;
  }
  footer .social-group {
    justify-content: start;
  }
  .field--name-field-author-initials {
    width: 47px;
    height: 47px;
    padding: 11px;
  }
  div#block-vesta-theme-kopirayt,
  div#block-vesta-theme-socseti-footer {
    width: 100%;
  }
  div#block-vesta-theme-socseti-footer {
    order: -1;
    margin-bottom: 46px;
  }
  div#block-vesta-theme-kopirayt {
    margin-bottom: 29px;
  }
  div#description-block {
    padding-bottom: 52px;
  }
  .field--name-field-screen-img .slick-track {
    gap: 6px;
  }
  .slick-list.draggable {
    width: 100%;
    margin: auto;
  }

  .field--name-field-features-scrin .field__item:nth-child(2) {
    display: none;
  }
  .view-id-features.view-display-id-page_1 .view-header span {
    width: 100px;
    height: 100px;
    padding: 37px 0;
  }
  .field--name-field-slyder-icon {
    gap: 5px;
  }
  .field--name-field-slyder-icon img {
    width: 36px;
    height: 36px;
  }
  .col-links {
    width: max-content;
  }
  .node--type-article.node--view-mode-teaser .field--name-field-articles-date {
    margin: 17px 0;
  }
  .view-articles.view-display-id-page_1 .view-content {
    row-gap: 40px;
  }
  .region-links-app-footer {
    gap: 13px;
  }
  .node--type-slide h1 b {
    padding: 0 8px;
  }
  .slider-title {
    width: 90%;
  }
  .region-navigation-footer {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  .field--name-field-authors-avatar img {
    width: 46px;
    height: 46px;
  }
  .region-questions,
  .region-about {
    padding-bottom: 46px;
  }
  .field--name-field-more-link,
  .view-questions .more-link {
    top: auto;
    bottom: 0;
  }
  .ui-accordion .ui-accordion-header {
    font-size: 20px;
  }
  .not-front .wr_content {
    padding-bottom: 50px;
  }
  .field--name-field-step-title {
    font-size: 1.3rem;
  }
  .node--type-article.node--view-mode-full .article-left .field--name-body {
    font-size: inherit;
  }
  .node--type-article.node--view-mode-full .field--name-node-title {
    margin-bottom: 30px;
  }
  .breadcrumb {
    font-size: 14px;
  }
  footer#footer {
    padding-top: 73px;
  }
  .field--name-field-related-articles {
    margin-top: 20px;
  }
  .node--type-slide h1 b {
    border-radius: 8px;
  }
  .slider-block,
  .features-block:after,
  div#description-block:after,
  .slyder-block {
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
  }
  .node--type-info {
    gap: 0;
  }
  .field--name-field-info-numbers {
    line-height: 100%;
  }
  .paragraph--type-experts-recommendation {
    padding: 15px 18px 25px 16px;
  }
  .field--name-field-kartinka img {
    height: 300px;
  }

  #featuresModal .modal-content {
    padding: 32px 10px 0 16px;
  }
  .modal-header .btn-close {
    top: 20px;
    right: 25px;
  }
  .modal {
    --bs-modal-header-padding: 8px;
  }
  .btn-close {
    background: #fff var(--bs-btn-close-bg) center / 0.7em auto no-repeat;
    width: 0.7rem;
    height: 0.7rem;
  }
  #block-vesta-theme-kopirayt {
    width: 100%;
  }
  .modal-block .field--name-block-title {
    width: 94%;
  }
}
@media only screen and (max-width: 359px) {
  :root {
    --bs-features-teaser-title: 17px;
    --bs-slide-front-h1: 28px;
  }
  .slide_description {
    width: calc(100% - 122px);
  }
  .view-slayder.view-display-id-block_1 .field--name-field-image {
    width: 333px;
  }
  .front .more-link a {
    width: 90%;
  }
  .field--name-field-link-to-app .field--name-body {
    gap: 2px;
  }
  .field--name-field-link-app a,
  .field--name-field-link-to-app a {
    gap: 1px;
    padding: 7.5px 1px;
  }
}