@media (min-width: 1224px) {
  .container {
    max-width: 1176px;
  }
}

@media (max-width: 1224px) {
  .d-xl-block {
    display: block !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .section--how-it-works .section__body .container {
    padding: 0;
  }

  .footer__logo {
    width: 100%;
  }

  .footer__logo p {
    max-width: none;
  }

  .footer__block {
    flex-grow: 1;
  }

  .footer__block__item {
    flex: 1;
    width: auto;
  }
}

@media (max-width: 992px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .header__content {
    padding: 16px 0;
  }

  .header__content__group {
    gap: 16px;
  }

  .header__content__group__item {
    gap: 8px;
  }

  .header__menu {
    position: fixed;
    display: flex;
    top: 0;
    left: 100%;
    bottom: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    transition: var(--ts-medium);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    background-image: url("../images/patterns/vector-2.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    background-color: var(--base-1);
  }

  .header__menu.show {
    left: 0;
    visibility: visible;
    opacity: 1;
  }

  .header__menu__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px 24px;
    color: var(--black-13);
    font-size: var(--fs-h6);
    font-weight: var(--fw-extra-bold);
    line-height: var(--lh-h6);
  }

  .header__menu__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-grow: 1;
    padding: 16px 24px;
  }

  .header__menu__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 24px;
  }

  .header__menu__list {
    flex-direction: column;
    gap: 12px;
  }

  .header__menu__list li {
    display: flex;
  }

  .header__menu__list li a {
    padding: 16px 24px;
    font-size: 18px;
    line-height: 1.2;
    border-radius: 16px;
    border-radius: 100px;
  }

  .header__menu__list li a.active {
    font-weight: var(--fw-bold);
    border: 1px solid var(--blue-500);
    background: var(--blue-50, #f2f4fc);
  }

  .section--welcome .section__content {
    flex-direction: column;
    gap: 48px;
  }

  .section--welcome .section__header {
    max-width: 608px;
    align-items: center;
    text-align: center;
  }

  .section--welcome .section__header__content {
    align-items: center;
  }

  .section--about .section__body {
    flex-direction: column-reverse;
    gap: 16px;
  }

  .section--contact .section__header {
    width: 100%;
  }

  .section--contact .section__content {
    align-items: stretch;
    flex-direction: column;
  }

  .mn-services__card {
    max-width: none;
    width: calc(50% - 8px);
  }

  .mn-pattern--1 {
    top: 168px;
  }

  .mn-pattern--2 {
    top: 0;
  }

  .mn-pattern--3 {
    top: auto;
    bottom: 0;
  }

  .mn-banner__content {
    padding: 48px;
  }

  .mn-banner__graphic {
    width: 360px;
  }
}

@media(max-width: 768px) {
  .mn-translate-banner {
    display: block;
    padding: 20px;
  }

  .mn-translate-banner img {
    justify-self: center;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .d-md-block {
    display: block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .section:first-child .section__content {
    padding-top: 24px;
  }

  .section__content {
    gap: 32px;
    padding-top: 56px;
  }

  .section__content--row {
    flex-direction: column;
    justify-content: flex-start;
  }

  .section__header {
    gap: 24px;
  }

  .section__header__content {
    gap: 8px;
  }

  .section__header__title {
    font-size: var(--fs-h5);
    line-height: var(--lh-h5);
  }

  .section__header__title .mn-services__card__icon {
    display: none;
  }

  .section__header--row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .section--welcome .section__content {
    gap: 40px;
  }

  .section--welcome .section__header {
    max-width: none;
  }

  .section--welcome .section__header__title {
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
  }

  .section--welcome .section__header .mn-highlight {
    font-size: var(--fs-h6);
    transform: rotate(-4deg) translateY(-4px);
  }

  .section--qrCheck .section__body iframe {
    width: 100%;
    height: 500px;
  }

  .footer__body--secondary {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__block {
    flex-direction: column;
    gap: 32px;
  }

  .mn-btn--sm {
    padding: 8px 16px;
    height: 40px;
  }

  .mn-btn--lg {
    padding: 10px 16px;
    gap: 6px;
    height: 44px;
    font-size: var(--fs-b3);
    line-height: var(--lh-b3);
  }

  .mn-highlight {
    font-size: var(--fs-b3);
    transform: rotate(-3deg) translateY(1px);
  }

  .mn-highlight.start-animation {
    animation: none;
  }

  .mn-stats__body {
    flex-direction: column;
    gap: 8px;
  }

  .mn-banner {
    flex-direction: column-reverse;
    text-align: center;
    padding: 0;
  }

  .mn-banner__graphic {
    width: 344px;
  }

  .mn-banner__content {
    padding: 32px 24px;
    align-items: center;
    text-align: center;
  }

  .mn-banner .section__header {
    align-items: center;
  }

  .mn-banner .section__header__content {
    align-items: center;
  }

  .mn-download__platforms {
    gap: 4px;
  }

  .mn-download__platforms img {
    height: 52px;
    width: auto;
  }

  .mn-services__card {
    width: 100%;
  }

  .mn-services__card:last-child {
    margin-bottom: 0;
  }

  .mn-blogs {
    flex-direction: column;
    gap: 32px;
  }

  .mn-blogs--top>div {
    width: 100%;
  }

  .mn-blogs__wrapper {
    flex-direction: column;
  }

  .mn-blogs__item {
    width: 100%;
  }

  .mn-top-blogs__item {
    max-width: none;
  }

  .mn-tags {
    justify-content: flex-start;
  }

  .mn-tabs {
    justify-content: flex-start;
  }

  .mn-tabs__item {
    flex-grow: 1;
  }

    .main--calculator .calculator-sidebar {
    left: 14px !important;
    max-width: 300px !important;
    top: 190px !important
  }

  .main--calculator .calculator-info__description.close {
  /* background: red; */
  display: none;
}

  .calculator-sidebar.active {
       top: 260px !important;
  }

  .calculator-info__close-btn{
    display: block !important;
  }


  .calculator-sidebar.active .calculator-info__close-btn{
    transform: rotate(180deg);
  }

    .main--calculator .calculator-sidebar .calculator-form--fields--locations-search__input-wrapper .search-icon {
    width: 24px;
    height: 24px;
    transform: translateX(-25px);
  }
}

@media (max-width: 576px) {
  .d-sm-block {
    display: block !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .section__content--center {
    align-items: stretch;
  }

  .section__footer .mn-btn {
    flex-grow: 1;
  }

  .section--welcome .section__header {
    align-items: flex-start;
    text-align: left;
  }

  .section--welcome .section__header__content {
    align-items: flex-start;
  }

  .section--welcome .section__body {
    align-items: stretch;
  }

  .header__menu__footer {
    flex-direction: column;
  }

  .header__menu__footer .mn-btn {
    width: 100%;
  }

  .mn-stats__card {
    width: 100%;
  }

  .mn-form {
    gap: 24px;
    padding: 24px;
  }

  .mn-form__body {
    gap: 24px;
  }

  .mn-blog {
    gap: 32px;
  }

  .mn-blog__picture {
    height: 228px;
  }

  .mn-service {
    gap: 32px;
  }

  .mn-service__picture {
    height: 228px;
  }

  .mn-service__picture .mn-overlay svg {
    width: 100px;
    height: 100px;
  }

  .mn-snowflake:nth-child(1) {
    --size: 5.8vw;
    --left-ini: 7vw;
    --left-end: -9vw;
    left: 54vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -8s;
  }

  .mn-snowflake:nth-child(2) {
    --size: 3.8vw;
    --left-ini: 3vw;
    --left-end: -1vw;
    left: 41vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -5s;
  }

  .mn-snowflake:nth-child(3) {
    --size: 5.8vw;
    --left-ini: -8vw;
    --left-end: 0vw;
    left: 71vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -1s;
  }

  .mn-snowflake:nth-child(4) {
    --size: 2.6vw;
    --left-ini: 10vw;
    --left-end: 8vw;
    left: 75vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -9s;
  }

  .mn-snowflake:nth-child(5) {
    --size: 1.4vw;
    --left-ini: 10vw;
    --left-end: -5vw;
    left: 95vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -5s;
  }

  .mn-snowflake:nth-child(6) {
    --size: 4.8vw;
    --left-ini: -4vw;
    --left-end: 2vw;
    left: 67vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -1s;
  }

  .mn-snowflake:nth-child(7) {
    --size: 5vw;
    --left-ini: 6vw;
    --left-end: 0vw;
    left: 69vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s;
  }

  .mn-snowflake:nth-child(8) {
    --size: 1vw;
    --left-ini: -8vw;
    --left-end: 0vw;
    left: 41vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -8s;
  }

  .mn-snowflake:nth-child(9) {
    --size: 4.2vw;
    --left-ini: 4vw;
    --left-end: -3vw;
    left: 16vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(10) {
    --size: 4.6vw;
    --left-ini: 0vw;
    --left-end: 2vw;
    left: 82vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -7s;
  }

  .mn-snowflake:nth-child(11) {
    --size: 2.6vw;
    --left-ini: 8vw;
    --left-end: -9vw;
    left: 87vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(12) {
    --size: 1.8vw;
    --left-ini: -6vw;
    --left-end: 5vw;
    left: 16vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(13) {
    --size: 4.2vw;
    --left-ini: 7vw;
    --left-end: -1vw;
    left: 56vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(14) {
    --size: 5.8vw;
    --left-ini: 0vw;
    --left-end: 10vw;
    left: 37vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -7s;
  }

  .mn-snowflake:nth-child(15) {
    --size: 1.8vw;
    --left-ini: 6vw;
    --left-end: 5vw;
    left: 76vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -6s;
  }

  .mn-snowflake:nth-child(16) {
    --size: 0.6vw;
    --left-ini: 5vw;
    --left-end: 10vw;
    left: 9vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -7s;
  }

  .mn-snowflake:nth-child(17) {
    --size: 4.4vw;
    --left-ini: 1vw;
    --left-end: 0vw;
    left: 58vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -3s;
  }

  .mn-snowflake:nth-child(18) {
    --size: 3.2vw;
    --left-ini: 7vw;
    --left-end: -4vw;
    left: 51vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -4s;
  }

  .mn-snowflake:nth-child(19) {
    --size: 4.6vw;
    --left-ini: -8vw;
    --left-end: 8vw;
    left: 76vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(20) {
    --size: 0.8vw;
    --left-ini: 2vw;
    --left-end: -7vw;
    left: 74vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -5s;
  }

  .mn-snowflake:nth-child(21) {
    --size: 2.8vw;
    --left-ini: -8vw;
    --left-end: 9vw;
    left: 61vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(22) {
    --size: 2.8vw;
    --left-ini: -5vw;
    --left-end: 2vw;
    left: 32vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(23) {
    --size: 5.4vw;
    --left-ini: 5vw;
    --left-end: -2vw;
    left: 98vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -8s;
  }

  .mn-snowflake:nth-child(24) {
    --size: 4.8vw;
    --left-ini: -1vw;
    --left-end: 5vw;
    left: 13vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(25) {
    --size: 1.4vw;
    --left-ini: 10vw;
    --left-end: -6vw;
    left: 82vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(26) {
    --size: 2vw;
    --left-ini: 1vw;
    --left-end: 6vw;
    left: 72vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -4s;
  }

  .mn-snowflake:nth-child(27) {
    --size: 1.4vw;
    --left-ini: -3vw;
    --left-end: 2vw;
    left: 62vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -6s;
  }

  .mn-snowflake:nth-child(28) {
    --size: 3.2vw;
    --left-ini: -5vw;
    --left-end: -6vw;
    left: 76vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(29) {
    --size: 3vw;
    --left-ini: 2vw;
    --left-end: 4vw;
    left: 71vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -3s;
  }

  .mn-snowflake:nth-child(30) {
    --size: 3vw;
    --left-ini: 3vw;
    --left-end: 2vw;
    left: 88vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(31) {
    --size: 3.6vw;
    --left-ini: 7vw;
    --left-end: 5vw;
    left: 73vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s;
  }

  .mn-snowflake:nth-child(32) {
    --size: 4.8vw;
    --left-ini: 9vw;
    --left-end: -8vw;
    left: 75vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -9s;
  }

  .mn-snowflake:nth-child(33) {
    --size: 0.2vw;
    --left-ini: 0vw;
    --left-end: 0vw;
    left: 24vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -5s;
  }

  .mn-snowflake:nth-child(34) {
    --size: 4.8vw;
    --left-ini: 7vw;
    --left-end: 9vw;
    left: 1vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(35) {
    --size: 6vw;
    --left-ini: 4vw;
    --left-end: 1vw;
    left: 45vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -5s;
  }

  .mn-snowflake:nth-child(36) {
    --size: 5.8vw;
    --left-ini: -1vw;
    --left-end: 4vw;
    left: 39vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -9s;
  }

  .mn-snowflake:nth-child(37) {
    --size: 1.2vw;
    --left-ini: 7vw;
    --left-end: 2vw;
    left: 9vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(38) {
    --size: 3.4vw;
    --left-ini: 8vw;
    --left-end: -6vw;
    left: 52vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -10s;
  }

  .mn-snowflake:nth-child(39) {
    --size: 5.4vw;
    --left-ini: -2vw;
    --left-end: -1vw;
    left: 4vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -9s;
  }

  .mn-snowflake:nth-child(40) {
    --size: 3.6vw;
    --left-ini: -2vw;
    --left-end: 10vw;
    left: 49vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -4s;
  }

  .mn-snowflake:nth-child(41) {
    --size: 3vw;
    --left-ini: -3vw;
    --left-end: 3vw;
    left: 57vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -1s;
  }

  .mn-snowflake:nth-child(42) {
    --size: 5vw;
    --left-ini: -6vw;
    --left-end: 6vw;
    left: 6vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -3s;
  }

  .mn-snowflake:nth-child(43) {
    --size: 1.2vw;
    --left-ini: 6vw;
    --left-end: 6vw;
    left: 7vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -1s;
  }

  .mn-snowflake:nth-child(44) {
    --size: 3.4vw;
    --left-ini: 1vw;
    --left-end: -7vw;
    left: 97vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -4s;
  }

  .mn-snowflake:nth-child(45) {
    --size: 2vw;
    --left-ini: 9vw;
    --left-end: 3vw;
    left: 69vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(46) {
    --size: 5.8vw;
    --left-ini: 8vw;
    --left-end: 4vw;
    left: 9vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s;
  }

  .mn-snowflake:nth-child(47) {
    --size: 5.6vw;
    --left-ini: 1vw;
    --left-end: -3vw;
    left: 93vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -1s;
  }

  .mn-snowflake:nth-child(48) {
    --size: 2.8vw;
    --left-ini: 0vw;
    --left-end: -9vw;
    left: 6vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -4s;
  }

  .mn-snowflake:nth-child(49) {
    --size: 4.6vw;
    --left-ini: 0vw;
    --left-end: -1vw;
    left: 14vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -3s;
  }

  .mn-snowflake:nth-child(50) {
    --size: 3.8vw;
    --left-ini: 8vw;
    --left-end: -6vw;
    left: 86vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -4s;
  }



}

/*# sourceMappingURL=responsive.css.map */