@media (max-width: 1444px) {
   .employees__department-list {
      justify-content: center;
   }
   .types__card {
      max-width: 49%;
      width: 48%;
   }
}
@media (max-width: 1400px) {
   .container,
   .benefits,
   .useful {
      padding-left: 20px;
      padding-right: 20px;
   }
}
@media (max-width: 1375px) {
    .employees__department-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1299px) {

   .intro__navigation-list {
      column-gap: 20px;
      scrollbar-width: none;
      overflow-x: auto;
   }
   .news__slide-text {
      padding: 30px !important;
   }
   .card__button-box {
      flex-direction: column;
   }
   .intro__categories-card:not(.card--casco) .calculate-bnt {
      width: 100%;
      text-align: center;
   }
}
@media (max-width: 1199px) {
    .map__wrapper {
        padding: 0 0 40px 0;
    }
    .goals__cards {
        grid-template-columns: repeat(2, 1fr);
    }
   
   .tooltip .tooltiptext {
      left: -305px;
   }
   .employee-info__contacts {
      flex-direction: column;
      row-gap: 20px;
   }
  
   .footer__row {
      column-gap: 50px;
   }
  
   
   .footer__menu-wrapper {
    flex-wrap: wrap;
    row-gap: 30px;
   }
   .footer_col.footer__top-info {
    max-width: none;
    width: 100%;
    display: block;
   }
   .footer__col-list--semibold {
    width: 100%;
    max-width: none;
   }
    .footer__top-info .footer__col-list {
        margin-top: 0 !important;
    }
   .usefull__slide-main,
   .usefull__slide-small {
      height: max-content;
   }
   .faq__question {
      flex-basis: 48%;
   }
   .types__card-head h3 {
      font-size: 25px;
   }
}
@media (max-width: 1099px) {
    .training__steps {
        grid-template-columns: repeat(2, 1fr);
    }
   .default-block__description {
      font-size: 16px;
   }
   .default-block__title {
      font-size: 20px;
   }

   .partners__content {
        grid-template-columns: repeat(3, 1fr);
   }
}
@media (max-width: 992px) {
    .company-overview__items {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        
    }
    .employee-card__photo {
        width: 140px;
        height: 140px;
        min-width: 140px;
        min-height: 140px;
    }
    .employee-card__contacts{
        left: 180px;
    }

    .offices__addresses {
        grid-template-columns: repeat(2, 1fr);
    }
    .header__number {
        display: none;
     }
    .company-overview__item:nth-child(even) .company-overview__item-title,
    .company-overview__item:nth-child(even) .company-overview__item-descr {
        text-align: start;   
    }
    .company-overview__item-title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .company-overview__item-descr {
        font-size: 18px;
    }
    .company-overview {
        padding: 30px 0;
    }

    .company-overview__item:nth-child(even) {
        margin-top: 0;
    }
    .bonuses__cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .bonuses__card-img img {
        width: 100%;
    }

    .employee-reviews__list {
        grid-template-columns: repeat(2, 1fr)
    }
    .training__steps-item-button {
        margin-top: 50px;
    }
    .header__button,
    .header__main-menu {
        display: none;
     }
   .intro__categories {
      margin-top: 0;
   }
   .fast-form__header {
      flex-direction: column;
      gap: 40px;
   }
   .fast-form__header .title-tooltip {
      justify-content: space-between;
   }
   .fast-form__header h4 > br {
      display: none;
   }
   .error-404__row {
      flex-direction: column;
      justify-self: center;
   }
   .error-404__text-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }
   .error-404__text-box h4 {
      text-align: center;
      font-size: 30px;
      display: block;
   }
   .error-404__img-box span {
      font-size: 24px;
   }
   .to-home-btn {
      margin-top: 50px;
   }
    .article__text table > thead > tr{
      display: none;
    }
   .article__text table > tbody > tr {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      width: 100%;
   }
   .article__text table > tbody > tr > td {
      width: 100% !important;
   }
   .article__content {
      row-gap: 40px;
   }
   .article__text h3 {
      font-size: 20px;
   }

   .article__row {
      flex-direction: column;
      row-gap: 40px;
   }
   .article__row.row-reverse {
      flex-direction: column-reverse;
      align-items: center;
   }
   .article__img {
      max-height: none;
      min-height: 240px;
   }
   .intro__title-box--static h1 {
      font-size: 50px;
   }
   .section-title-box h2,
   .main-section__text h2 {
      font-size: 40px;
   }
   .main-section__text span {
      font-size: 25px;
   }
   .intro__navigation.hidden-mobile {
      display: none;
   }
   .goals__cards-row {
      flex-direction: column;
      row-gap: 20px;
   }
   .goals__cards-card {
      width: 100%;
      max-width: none !important;
   }
   .intro__navigation .intro__navigation-list > li > a {
      padding: 15px 20px;
   }

   .benefits__slide {
      height: auto;
   }
   .benefits__row {
      max-width: none;
   }

   .main-title {
      display: none;
   }
   .main-title--mobile {
      display: block;
      order: -1;
      position: relative;
   }
   .intro {
      background-size: 200%;
   }
   .intro__content {
      margin-top: 20px;
   }
   .intro__navigation {
      margin-top: 250px;
   }
   .types__card {
      padding: 30px;
   }
   .types__card-head img {
      width: 50px;
   }
   .types__card-head h3 {
      font-size: 20px;
   }
   .types__card-descr {
      font-size: 16px;
   }
   .carousel__inner {
      flex-direction: column;
      row-gap: 20px;
   }
   .carousel__info {
      max-width: none;
      font-size: 22px;
   }

   /* Форма */
   .select-list {
      flex-wrap: nowrap;
      overflow-x: scroll;
      scrollbar-width: none;
      width: 100%;
      column-gap: 20px;
      padding: 10px 0;
   }
   #brand-list,
   #model-list {
      flex-wrap: wrap;
      overflow-x: none;
   }

   .select-list li {
      min-width: max-content;
      padding: 10px 20px !important;
   }
   .calculator__progress-info {
      flex-basis: 20%;
   }
   .contact-form-img {
      display: none;
   }
   .contact-form__inner {
      justify-content: center;
   }
   .menuButton {
      display: flex;
   }
   .intro__navigation-dropdown {
      display: none;
   }
}
@media (max-width: 940px) {
    .employees__department-list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 899px) {
     .footer__row {
      flex-wrap: wrap;
      row-gap: 50px;

   }
   .footer__col--has-logo {
    display: flex;
    column-gap: 30px;
    align-items: start;
   }
   .footer__col-number {
         margin: 0 !important;
   }
    .footer__col-logo {
        margin-bottom: 0;
   }
  
    .infoblock__cards{
        grid-template-columns: 1fr
    }
    .infoblock__card-icon{
        max-height: 120px;
    }
    .intro--has-before::before,
    .intro__video {
       height: var(--intro-bg-height, 40%);
    }

   .intro__detail-info {
      top: 16%;
   }
   h3.article__text-title.article-title + .article__paragraph {
      font-size: 18px;
   }
   .employee-info__inner {
      flex-direction: column;
      row-gap: 20px;
   }
   .employee-info {
      padding: 60px 0;
   }
   .employee-info__left {
      min-width: 0;
      max-width: none;
      width: 100%;
      align-items: center;
   }
   .intro__title-box--static {
      flex-direction: column;
      row-gap: 20px;
      align-items: normal;
   }
   .goals__cards-card {
      padding: 40px 30px;
   }
   .bonuses__cards-card {
      width: 100%;
      max-width: none !important;
      height: auto;
   }
   .bonuses__card-img {
      width: 100%;
   }
   .bonuses__card-img img {
      width: 100%;
   }
   .default-block--mobile {
      max-width: none;
   }
   .benefits {
      height: auto;
   }
   .intro__categories {
      flex-direction: column;
      row-gap: 20px;
   }
   .intro__categories.ipoteka {
      flex-direction: column-reverse;
   }
   .intro__categories-card.ipoteka {
      order: 1;
   }
   .intro__categories-card,
   .card--casco {
      width: 100%;
      padding: 45px 20px;
      height: auto;
   }
   .card__button-box {
      flex-direction: row;
   }
   .calculate-bnt,
   .intro__categories-card:not(.card--casco) .calculate-bnt {
      width: max-content;
   }
   .header__navigation {
      display: none;
   }
   
   .menuButton {
      display: flex;
   }

   .intro__categories-card__head--m {
      display: flex;
      align-items: center;
      column-gap: 20px;
      margin-bottom: 20px;
   }
   .card__title--m {
      display: flex;
      row-gap: 10px;
      flex-direction: column;
   }
   .card__title--m * {
      margin: 0;
   }
   .card__title--d {
      display: none;
   }
   .intro__categories-card img {
      width: 90px;
      aspect-ratio: 1/1;
   }
   .intro__navigation-dropdown {
      display: none;
   }
   .intro__categories-card {
      background-position: right bottom !important;
      background-size: 60% !important;
   }
   .intro__categories-card:not(.hover),
   .intro__categories-card.hover {
      width: 100%;
   }
   .intro__categories-card::before {
      width: 100% !important;
      height: 100% !important;
   }
   .types__card {
      padding: 20px;
   }
   .types__card-head img {
      width: 40px;
   }
}
@media (max-width: 768px) {
    section:not(.static-intro),
    .sw-app {
        margin-bottom: 60px !important;
    }
    .offices__addresses {
        grid-template-columns: 1fr;
    }
    .partners-carousel__slide{
        width: 191.333px !important;
        height: 100px !important;
    }
    .company-overview__item-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .company-overview__item-descr {
        font-size: 16px;
    }
    .company-overview__item{
        padding: 20px;
    }
    .company-overview__img {
        opacity: 0.1;
    }
    .company-overview__item:nth-child(even) .company-overview__img {
        transform: translate(-30%, -50%);
        left: 0;
    }
    .partners-carousel__slide-img img {
        min-width: 150px;
    }
    .partners {
        padding: 40px 0;
    }
    .partners__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .header__logo span {
        display: none;
     }
   .footer__mobile-menu {
      display: block;
      padding-bottom: 30px;
   }
   #desktop-footer {
      display: none;
   }
   .footer__mobile-menu__bottom {
      margin-top: 40px;
   }
   .fast-form__header {
      gap: 20px;
   }
   .footer__mobile-socials {
      margin-top: 30px;
   }
   .fast-form__custom-fileloader {
      font-size: 16px;
      padding: 18px 30px;
      width: max-content;
   }
   .fast-form__file-name {
      font-size: 16px;
      font-weight: 400;
   }
   .fast-form__header h4 {
      font-size: 18px;
   }
   .actual-stocks-img {
      width: 100%;
   }
   .error-404__text-box {
      margin-top: 50px;
   }
   .error-404__text-box h4 {
      font-size: 26px;
   }
   .error-404__img-box span {
      font-size: 20px;
   }
   .add-p-margin {
      margin-bottom: 20px;
   }
   .article__text h3 {
      font-size: 18px;
   }
   .article__img {
      width: 100%;
   }
   .article__text table > tbody > tr > td:has(h3) {
      row-gap: 20px;
   }
   .article__text table {
      margin: 0;
   }
   .success-sent-modal__body h3 {
      font-size: 26px;
   }
   .success-sent-modal__body p {
      font-size: 20px;
   }
   .main-section {
      height: 500px;
   }
   .title-box--center {
      align-items: start;
   }
   .main-section__text * {
      text-align: center;
   }
   .employees__department {
      margin-bottom: 60px;
   }
   .main-section__btn {
      height: 60px;
      width: 60px;
   }
   .employees__department-list {
   }
   .bonuses,
   .goals {
      padding-bottom: 60px;
   }
   .intro__title-box--static {
      margin-bottom: 40px;
   }
   .adventages__slider {
      display: flex !important;
      flex-wrap: wrap;
      gap: 20px;
   }
   .adventages__slide {
      flex-basis: 48%;
   }
   .title-block:not(.title-block--collumn),
   .title-block--center {
      display: flex;
      justify-content: center;
   }
   .title-block:not(.title-block--collumn) h2,
   .title-block--center h2 {
      text-align: center;
   }
   .title-block--center {
      margin: 0  0 30px;
   }
   .adventages__slide img {
      filter: none;
   }
   .benefits,
   .useful {
      padding: 50px 0;
   }
   .faq__questions {
      flex-direction: column;
   }
   .benefits__row {
      flex-direction: column;
      row-gap: 20px;
   }
   .benefits__col {
      width: auto;
   }
   .benefits__benefit.accompaniment {
      padding-bottom: 40px;
   }
   .benefits__slide-gift img {
      display: none;
   }
   .benefits__slide {
      height: max-content !important;
   }
   .benefits__slider-buttons {
      top: 20px;
      width: max-content;
      right: 20px;
   }
   .benefits__slide.blue img {
      width: 200px !important;
   }
   .faq__question {
      padding: 20px;
      border-radius: 10px;
      max-width: none;
      width: 100%;
   }
   .news__mobile-buttons {
      display: block;
   }
   .article__text {
      flex-basis: 100%;
      width: 100%;
   }
   .news__head .stroke-btn {
      display: none;
   }
   .footer__row {
      flex-direction: column;
      row-gap: 20px;
   }
   .footer__top-info {
      max-width: none;
   }
   .intro__navigation .intro__navigation-list > li > a {
      padding: 15px 20px;
   }
   .usefull__head,
   .news__head {
      justify-content: center;
   }
   .agreement-modal-content {
      flex-direction: column;
      row-gap: 10px;
   }
   .agreement-modal-content button {
      width: 100%;
   }
   .benefits__slide {
      padding: 40px 20px;
   }
   .benefits__slider-buttons {
      top: 10px;
      left: 20px;
   }
   /* КАСКО */
   .carousel__main-slide img {
      /* left: -55px; */
   }
   .actual-m-img {
      display: block;
      width: 100%;
   }
   .actual-d-img {
      display: none;
   }
   .actual-stocks__inner {
      flex-direction: column;
      row-gap: 20px;
   }
   .types__cards {
      flex-direction: column;
      align-items: center;
      row-gap: 10px;
   }
   .types__card {
      max-width: none;
      width: 100%;
   }
   .types__card-head img {
      width: 70px;
   }
   .types__card-head h3 {
      font-size: 25px;
   }
   .types__card-head {
      margin-bottom: 20px;
   }
   .types .title-block {
      display: block !important;
      margin-bottom: 20px;
   }
   .types .title-block h2 {
      text-align: start;
   }
   .franchise__cards {
      flex-direction: column;
      row-gap: 20px;
      align-items: center;
      margin-top: 20px;
   }
   .franchise__card {
      max-width: none;
      padding: 0 20px 20px 20px;
      width: 100%;
   }
   .franchise__card-title {
      margin: 0 0 10px;
      font-size: 20px;
   }
   .franchise .title-block {
      display: block;
   }
   .franchise .title-block h2 {
      text-align: start;
      margin-bottom: 20px;
   }
   .carousel__info {
      font-size: 20px;
   }
   .carousel__main-slide::after {
      width: 30px;
      height: 30px;
      transform: translate(calc(-15px));
   }
   .carousel .title-block--center {
      justify-content: start;
   }
   .carousel .title-block--center h2 {
      text-align: start;
   }
   .tooltip {
      top: 0;
   }
   .tooltip .tooltiptext {
      left: -305px;
   }
   .calculator__step-number {
      width: 30px;
      height: 30px;
      font-size: 18px;
   }
   .calculator__option-row {
      flex-direction: column;
      row-gap: 20px;
   }
   .custom-input-field,
   .calculator__option-box:has(input[type="text"]) {
      width: 100% !important;
   }
   .calculator {
      row-gap: 45px;
   }
   .calculator__progress-bar-value {
      font-size: 24px;
   }
   .calculator__progress-info,
   .calculator__custom-radio-btn,
   .calculator__info-line {
      font-size: 16px;
   }
   .calculator__progress-bar-info {
      font-size: 14px;
   }
   .calculator__next-btn {
      padding: 18px 30px;
   }
   .calculator__price-slider {
      width: 100%;
   }
   .calculator__title,
   .label-title {
      font-size: 18px;
   }
   .calculator__default-radio-circle,
   .calculator__default-radio-circle--green,
   .calculator__custom-checkbox label {
      width: 22px;
      height: 22px;
      min-width: 22px;
      min-height: 22px;
   }
   .calculator {
      padding: 25px;
   }
   .calculator__step-result-delails span {
      font-size: 16px;
   }
   .calculator__custom-checkbox label::before {
      transform: scale(0.9);
   }
   .calculator__right-elements {
      left: 5%;
   }
   .calculator__stage {
      row-gap: 30px;
   }


   /* Адаптация модалки */
   .modal-title {
      font-size: 32px;
      margin-bottom: 30px;
   }
   .modal__toggles-title {
      font-size: 24px;
      margin-bottom: 20px;
   }
   .modal__toggles-btn {
      font-size: 16px;
   }
   .modal__default-option {
      padding: 10px 18px;
   }
   .modal__dynamical-date {
      font-size: 16px;
   }
   .modal__dynamical-weekday {
      font-size: 14px;
   }

   .modal__hour {
      padding: 10px 11.5px;
   }
   .modal__options-title {
      font-size: 15px;
   }
   .modal__submit-btn {
      font-size: 16px;
   }
   .modal__toggles {
      margin-bottom: 30px;
   }

   .title-box--employee {
      flex-direction: column-reverse;
      row-gap: 10px;
      align-items: start;
   }
   .offices__row {
      flex-direction: column;
      row-gap: 20px;
   }
   .offices__title {
      margin-bottom: 40px;
   }

   .offices__row-item {
      width: auto;
   }
   .offices__addresses {
      row-gap: 20px;
   }
   .offices__row-link {
      align-items: start;
   }
   .training__steps-item {
        padding: 40px 20px;
   }
   .training__steps,
   .bonuses__cards,
   .employee-reviews__list{
    grid-template-columns: 1fr;
   }
   .employees__department-wrapper {
    padding: 0;
   }
}
@media (max-width: 620px) {
    .login-form__inner {
        height: auto;
        padding: 50px 0;
    }
    #login-form {
        width: 100%;
    }

    .usefull__slider-wrapper--mobile .usefull__slide-main__img {
        min-height: max-content;
    }
     .usefull__slider-wrapper--mobile .usefull__slide-main__img img  {
        object-fit: contain;
        flex-grow: 0;
     }
    .goals__cards {
        grid-template-columns: 1fr;
    }
    .goals__cards-card.large-card {
        grid-column: auto;
    }
   .benefits__slide-inner img {
      width: 100%;
   }
   .error-404__img-box img {
      width: 300px;
   }
   .error-404__text-box {
      margin-top: 30px;
   }
   .to-home-btn {
      font-size: 16px;
   }
   .error-404__text-box h4 {
      font-size: 22px;
   }
   .article__text p,
   .article__text li {
      font-size: 16px;
   }
   h3.article__text-title.article-title + .article__paragraph {
      font-size: 16px;
   }
   .contact-form form {
      row-gap: 30px;
   }
   .usefull__slider-buttons {
      display: none;
   }
   .intro {
      background-size: 250%;
   }
   .news__slide {
      max-width: none;
   }
   .news__slide-img img {
      width: 100%;
      object-fit: cover;
   }
   .news__slider-button--horizontal {
      display: none;
   }
   #brand-list li,
   #model-list li {
      flex-grow: 1;
   }

   .news__mobile-buttons {
      display: block;
   }
   .news__slider-buttons {
      margin: 20px 0 30px;
   }
   .useful__slider-buttons--mobile {
      margin-top: 20px;
      display: flex;
   }
   /* .benefits,
   .faq,
   .useful,
   .news {
      padding: 30px 0;
   } */
   .news__slider-button,
   .news__slider-button:active {
      cursor: pointer;
   }
   .news__mobile-buttons a {
      display: block;
      text-align: center;
   }
   .usefull__slide-main,
   .usefull__small-slide {
      flex-basis: 100%;
   }
   .usefull__slide-small {
      display: none;
   }
   .usefull__slide-tags {
      top: 20px;
      left: 18px;
   }

   .types {
    padding-top: 50px;
   }
   .carousel__main-text span {
      font-size: 18px;
   }
   .calculator__input-box input,
   .custom-input-field,
   .calculator__input-box {
      width: 100% !important;
   }

   .calculator {
      row-gap: 30px;
   }
   .calculator__step-title {
      font-size: 14px;
   }
   .modal-content {
      padding: 25px;
   }

   .angle-modal__content {
      padding: 20px;
   }
   .angle-modal__dropdowns {
      row-gap: 20px;
   }
   .angle-modal__dropdown-item {
      font-size: 16px;
   }
   .usefull__slider-wrapper--desktop {
      display: none !important;
   }
   .usefull__slider-wrapper--mobile {
      display: flex !important;
   }
}
@media (max-width: 551px) {
    .intro__categories-card.hover .card-title{
        max-width: none;
    }
    .benefits__slide {
        min-height: 0 !important;
    }
    .training__steps-item-title {
        font-size: 24px;
    }
    .training__steps-item-descr {
        font-size: 16px;
    }
    .partners__content {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .partners-carousel__slide {
        width: 129px !important;
        height: 60px !important;
    }
    .partners-carousel__slide-img img {
        min-width: 100px;
        width: auto;
    }
    .partners-carousel__slide-img {
        padding: 20px 10px;
    }

    .partners__content-item-link,
    .partners__content-item-descr {
        font-size: 16px;
    }
    .partners__content-item-link {
        padding: 10.5px 72px;
    }
    .partners {
        padding-top: 0;
    }
   .fast-form__header h4 {
      font-size: 16px;
   }
   .fast-form__content,
   .fast-form__contacts {
      row-gap: 30px;
   }
   .intro__navigation-dropdown__default-block {
      width: 100%;
   }
   .employee-info {
      padding: 20px 0;
   }
   .modal-content {
      padding: 20px;
   }
   .intro {
      background-size: 300%;
   }
   .intro--casco {
      background-size: 350%;
   }
   .adventages__slide {
      flex-basis: 46%;
      padding: 30px 10px 0;
      height: 350px !important;
   }
   .adventages__slider-title {
      max-width: none;
   }
   h2 {
      font-size: 30px;
   }
   .main-title {
      font-size: 40px;
   }
   .usdefull__slide-title {
      font-size: 20px;
   }
   .usefull__slide-text {
      padding: 20px;
   }
   .benefits__slide h3 {
      font-size: 22px;
   }
   .benefits__slide-inner img:not(.slide-close-img) {
      /* width: 300px; */
      /* display: none; */
   }
   .benefits__slide-inner {
      flex-direction: column;
   }

   .types__card-head h3 {
      font-size: 20px;
   }
   .types__card-head {
      margin-bottom: 10px;
   }
   .carousel__main-text br {
      display: none;
   }
   .carousel__info {
      font-size: 16px;
   }
   .carousel__main-text span {
      font-size: 16px;
   }
   .calculator__step-number {
      width: 26px;
      height: 26px;
      font-size: 14px;
   }
   .calculator__tag {
      font-size: 14px;
   }

   .modal__option-box .calculator__custom-radio {
      padding: 5px 0;
   }
   .calculator__offices-box {
      flex-direction: column;
      row-gap: 20px;
   }
   .employee-card__photo {
      width: 120px;
      height: 120px;
      min-width: 120px;
      min-height: 120px;
   }
   .employee-card__contacts {
    left: 160px;
   }
   .main-section__text h2 {
      font-size: 26px;
   }
   .main-section__text span {
      font-size: 18px;
   }
   .angle-modal__content {
      padding: 10px;
   }
   .angle-modal__title {
      margin-bottom: 20px;
   }
   .angle-modal__dropdown-addition-title {
      font-size: 18px;
   }
   .angle-modal__dropdown-addition-contacts a {
      font-size: 14px;
   }
   .angle-modal__dropdown-addition {
      row-gap: 10px;
      margin-top: 20px;
   }

   .angle-modal__dropdown.open,
   .angle-modal__dropdown {
      padding: 20px;
   }
   .angle-modal__dropdown-item {
      padding: 15px 0;
   }
   .angle-modal__dropdown.open {
      row-gap: 20px !important;
   }
   .angle-modal__content .close-button {
      top: 14px;
      right: 14px;
   }
}

@media (max-width: 499px) {
    section:not(.static-intro),
    .sw-app {
        margin-bottom: 50px !important;
    }
    .login-form__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .login-form__bottom-actions button {
        font-size: 16px;
    }
    .infoblock__card {
        padding: 50px 20px 20px;
    }
    .infoblock .title-block h2 {
        margin-bottom: 20px;
    }
    .card-title {
        max-width: none;
    }
    .employee-card__photo {
      width: 100px;
      height: 100px;
      min-width: 100px;
      min-height: 100px;
   }
    .intro__detail-info {
        top: 20%;
     }
    #map {
        height: 400px !important;
    }
    .company-overview__items {
        grid-gap: 8px;
        
    }
    .company-overview__item-title{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .employee-reviews {
        padding: 30px 0;
    }
    .training__steps-item-title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .training__steps-item-descr {
        font-size: 14px;
    }
    .training__steps-item-button {
        margin-top: 10px;
        width: 100%;
        padding: 12px 0;
        font-size: 16px;
    }

    .training__steps-item {
        padding: 20px;
    }
    .static-subtitle {
        font-size: 14px;
    }
    .training__steps {
        grid-gap: 8px;
    }

   .adventages__slide img {
      width: 100%;
   }
   .fast-form__file-name {
      font-size: 14px;
   }
   .fast-form__file-upload {
      column-gap: 10px;
      align-items: start;
   }
   .success-sent-modal__body h3 {
      font-size: 24px;
   }
   .success-sent-modal__body p {
      font-size: 18px;
   }
   .success-sent-modal__body img {
      width: 280px;
   }
   #brand-list li {
      flex-grow: 1;
   }
   .article__paragraph {
      row-gap: 10px;
   }
   .article__text-title {
      font-size: 20px;
   }
   .article__text {
      row-gap: 20px;
   }
   .article__paragraph p {
      font-size: 18px;
   }

   .offices__title {
      margin-bottom: 30px;
      font-size: 18px;
   }
   .employee-info__name {
      font-size: 22px;
   }
   .employee-info__personal-info {
      row-gap: 10px;
   }
   .employee-info__position {
      font-size: 20px;
      color: #6a6b6d;
   }
   .employee-info__contacts {
      row-gap: 10px;
   }
   .employee-info__details {
      row-gap: 20px;
   }
   .ui-timepicker-container {
      max-width: none;
      max-height: 170px;
      padding: 0 !important;
      background: #ffffff;
      box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.07);
      border-radius: 10px;
      border: none !important;
      padding: 0 20px;
   }
   .ui-timepicker,
   .ui-timepicker-viewport,
   .ui-timepicker-standard .ui-menu-item {
      scrollbar-width: none;
      max-width: none !important;
      max-height: 170px;
      width: 100% !important;
   }
   .modal {
      padding: 20px 10px;
   }
   .modal__hour {
      min-width: 72px;
   }
   .calculator__checkbox-container {
      row-gap: 10px;
   }
   .calculator__label-info * {
      font-size: 14px;
   }
   .calculate__multiform-title {
      margin-bottom: 30px;
   }
   .menuButton {
      width: 38px;
      height: 38px;
   }
   input[type]:checked ~ span.top {
      width: 30px;
   }

   input[type]:checked ~ span.bot {
      width: 30px;
   }

   .benefits__slide-gift {
      padding: 15px;
   }
   .header__inner {
      padding: 18.7px 0;
   }
   .benefits__slider-buttons .b-slider-btn {
      width: 25px;
      height: 25px;
   }
   .carousel__main-values span {
      font-size: 14px;
   }
   .carousel__main-slide::after {
      width: 24px;
      height: 24px;
      transform: translate(calc(-12px));
   }

   .calculator {
      padding: 15px;
   }
   .calculator__step-title {
      font-size: 12px;
   }
   .calculator__steps-line {
      margin: 0 3px;
   }
   .calculator__step-result-edit span {
      font-size: 14px;
   }
   .calculator__step-results {
      row-gap: 30px;
   }
   .calculator__title,
   .label-title {
      font-size: 16px;
   }
   .calculator__progress-info {
      flex-basis: 40%;
   }
   .calculator__step-result {
      padding: 10px;
   }
   .calculator__agreement-box {
      column-gap: 10px;
   }
   .calculator__next-btn {
      font-size: 16px;
   }

   .select-list {
      column-gap: 10px;
   }
   .calculator__progress-bar {
      flex-basis: 100%;
   }
   .calculator__custom-radio {
      overflow-x: scroll;
      scrollbar-width: none;
   }
   .calculator__tags {
      flex-wrap: nowrap;
      overflow-x: scroll;
      scrollbar-width: none;
   }
   .calculator__step-result-info *,
   .calculator__step-result-info * {
      font-size: 14px !important;
   }
   .calculator__checkbox-container .calculator__custom-checkbox {
      width: 100%;
   }
   .calculator__checkbox-container {
      margin-top: 0;
   }

   .modal-title {
      font-size: 24px;
   }
   .modal__fields {
      row-gap: 20px;
   }
   .calculator__option-title,
   .modal__toggles-btn,
   .modal__dynamical-time {
      font-size: 14px;
   }
   .modal__toggles-title {
      font-size: 20px;
   }
   .modal__fields {
      margin-bottom: 30px;
   }


   .faq__navigation-item {
      min-width: max-content;
      padding: 0 10px 20px;
      display: flex;
      align-items: center;
   }
   .faq__navigation {
      column-gap: 0;
   }
   .carousel__slide-info {
      justify-content: start;
   }
   .carousel__slide-info span {
      font-size: 16px;
      text-align: start;
   }
   .gap-details-btn {
      width: 100%;
      font-size: 14px;
   }
   .carousel__info {
      row-gap: 20px;
   }
   .carousel__slide-info {
      margin-top: 10px;
   }
   .actual-stocks h2 {
      text-align: start;
   }
   .goals__cards-card,
   .bonuses__card-text {
      padding: 16px;
   }
   .section-title-box h2,
   .main-section__text h2 {
      font-size: 30px;
   }
   .employee-card__contacts {
      left: 20px;
      top: 40px;
   }
   .employees__department-list {
      row-gap: 120px;
   }
   .info {
      padding-bottom: 60px;
   }
   .bonuses__card-text p,
   .goals__card-description p {
      font-size: 16px;
   }
   .goals__card-title {
      font-size: 20px;
   }
   .main-section__text h2 {
      font-size: 24px;
   }
   .main-section__text span {
      font-size: 16px;
   }
   .main-section__text {
      row-gap: 10px;
   }
   .contact-form form {
      padding: 16px;
   }
   .contact-form form {
      row-gap: 20px;
   }
   .contact-form__fields,
   .contact-form__bottom-actions {
      row-gap: 20px;
   }
   .agreement-box {
      margin-top: 10px;
   }
   .container.map__container {
      max-width: none;
      padding: 0;
   }
   .article__tag {
      font-size: 16px !important;
   }
   .faq__question .dropdown__description {
      font-size: 14px;
   }
   .carousel__main-navigation::after {
      height: 1px;
   }
}
@media (max-width: 430px) {
    .employee-card__contacts{
        top: 30px;
        row-gap: 5px;
        left: 16px;
    }
   .angle-modal__dropdown-item .dropdown__head {
      padding: 15px !important;
   }
   .angle-modal__dropdown-content {
      row-gap: 20px;
   }
   .angle-modal__dropdown-content-contacts {
      row-gap: 10px;
   }
   .angle-modal__dropdown-content-note {
      font-size: 12px;
   }
   .error-404__img-box img {
      width: 250px;
   }
   .success-sent-modal__body h3 {
      font-size: 22px;
   }
   .success-sent-modal__body p {
      font-size: 16px;
   }
   .success-sent-modal__body img {
      width: 250px;
   }
   .contact-form__fields,
   .contact-form__bottom-actions {
      row-gap: 10px;
   }

   .carousel__main-navigation {
      width: 100%;
   }
   .carousel__main-navigation-btn {
      width: 100%;
   }
   .modal__fields {
      margin-bottom: 20px;
   }
   .modal__submit-btn {
      font-size: 14px;
   }
   .carousel__main-slide img {
      /* left: -40px; */
   }
   .carousel__info {
      font-size: 16px;
   }
   .intro__categories-card br {
      display: none;
   }
   .intro__categories {
      margin-top: 0;
   }
   .main-title {
      font-size: 38px;
   }
   .footer__row {
      row-gap: 10px;
   }
   .header__number a,
   .footer__col-number a,
   .header__number--mobile a,
   .footer__number--mobile a {
      font-size: 20px;
   }
   .header__number a,
   .footer__col-number a {
      font-size: 20px;
   }
   .header__number--mobile span,
   .footer__number--mobile span {
      font-size: 14px;
   }
   .footer__col-logo {
      margin-bottom: 20px;
   }
   .adventages__slide {
      height: 255px !important;
   }
   .benefits__slide-gift span {
      width: 100%;
   }
   .benefits__slide-gift__title {
      font-size: 18px;
   }
   .benefits__benefit {
      padding: 20px !important;
   }
   .benefits__benefit h3 {
      font-size: 20px;
   }
   .benefits {
      background: url(/wp-content/themes/landing_new/assets/img/backgrounds/adventages-mob.webp) bottom no-repeat;
      background-size: 100%;
      padding-bottom: 355px !important;
   }
   .faq__question {
      padding: 14px 20px;
   }
   .footer__offices {
      margin-top: 20px;
   }
   .intro__categories-card img {
      width: 70px;
   }
   .card-title {
      font-size: 25px;
   }
   .intro__navigation-list {
      column-gap: 10px;
   }
   .intro__categories-card,
   .card--casco {
      padding: 20px;
   }

   .intro__categories-card ul > li {
      margin-left: 22px;
   }

   .container {
      padding: 0 10px;
   }
   .adventages__slider {
      justify-content: space-between;
   }
   .intro__categories {
      row-gap: 10px;
   }
   .footer__list-title {
      font-size: 16px;
   }
   .footer__offices,
   .footer__col-list li > a,
   .news__slide-date {
      font-size: 14px;
   }
   .news__slide-title {
      font-size: 16px;
   }
   .news__slide-text {
      padding: 20px !important;
   }
   .usefull__head,
   .news__head {
      margin-bottom: 30px;
   }
   .faq__navigation {
      margin-top: 30px;
   }
   .faq__question-box {
      margin-top: 20px;
   }
   .benefits,
   .useful {
      padding: 30px 0;
   }
   .benefits__slide.blue img {
      width: 150px !important;
   }
   .faq__questions {
      row-gap: 10px;
   }
   .header__mobile-menu__list .default-block__img {
      width: max-content;
      height: 90px;
      bottom: 0;
   }
   .intro__categories-card:not(.card--casco) {
      background-size: 45% !important;
   }
   .calculator__step {
      column-gap: 4px;
   }
   .calculator__custom-radio {
      column-gap: 6px;
   }
   .calculator__title,
   .label-title {
      margin-bottom: 10px;
   }
   .calculator__step-number {
      width: 24px;
      height: 24px;
      font-size: 12px;
   }
   .calculator {
      padding: 10px;
   }
   .calculator__input-box {
      margin-bottom: 30px;
   }

   .calculate__multiform-title {
      font-size: 24px;
   }
   .default-block--mobile::before {
      width: 190px;
      height: 95px;
   }
   .main-section {
      height: 330px;
      padding-bottom: 20px;
   }
   .employee-card__photo {
      width: 80px;
      height: 80px;
      min-width: 80px;
      min-height: 80px;
   }
   .intro__title-box--static h1 {
      font-size: 30px;
   }
   .intro__title-box--static {
      row-gap: 10px;
      margin-bottom: 30px;
   }

   .section-title-box {
      margin-bottom: 30px;
   }
   .goals__card-title {
      margin-bottom: 10px;
   }
   .static-subtitle {
      font-size: 16px;
   }
   .bonuses__card-text h4 {
      font-size: 18px;
   }
   .bonuses__card-img {
      height: 290px;
      max-height: none;
   }
   .employees__department-title {
      text-align: start;
      padding: 0 10px;
   }
   .employee-card-inner {
      position: relative;
      top: calc(-100% + 20px)
   }
   .employee-card__name {
      font-size: 18px;
      margin: 0;
   }
   .employee-card__position {
      font-size: 14px;
   }
   .employees__employee-card {
      height: 125px;
   }

   .employee-card__contacts li {
      font-size: 14px;
   }
   .employees__department-list {
      padding-top: 80px;
      padding-bottom: 20px;
   }
   .employees__department {
      margin-bottom: 50px;
   }
   .info__title {
      margin-bottom: 20px;
   }
   .info__paragpaphs p {
      font-size: 16px;
   }
   .info__title {
      font-size: 18px;
   }
   .bonuses__card-text p,
   .goals__card-description p {
      font-size: 14px;
   }
   .goals__card-title {
      font-size: 18px;
   }
   .goals__card-description {
      row-gap: 10px;
   }
   .main-section__text h2 {
      font-size: 20px;
   }
   .main-section__text span {
      font-size: 14px;
   }
   .main-section__text br {
      display: block;
   }
   .employees__employee-card {
      border-radius: 16px;
      padding: 16px;
   }
   .employee-card-inner {
      column-gap: 10px;
   }
   .employees__department-list {
      row-gap: 90px;
   }
   .bonuses--employee {
      padding-top: 30px;
   }
   .employee-info__name {
      font-size: 18px;
   }
   .employee-info__position {
      font-size: 14px;
   }
   .employee-info__left {
      row-gap: 10px;
   }
   .static-intro {
      padding: 0;
   }
   ul.intro__breadcrumbs {
      margin: 8px 0;
   }
   .angle-modal__dropdown-item {
      padding: 0 !important;
      font-size: 14px;
   }
   .angle-modal__dropdown-content-contacts a {
      font-size: 14px;
   }
   .angle-modal__dropdown-content-contacts span {
      font-size: 16px;
   }
   .angle-modal__dropdown.open,
   .angle-modal__dropdown {
      padding: 15px;
   }
   .angle-modal__dropdown-addition {
      margin-top: 10px;
   }

   .useful-materials__content {
      row-gap: 10px;
   }
   .usefull__slide-publishing-date {
      font-size: 12px;
   }
   .useful-materials__card .usdefull__slide-title {
      font-size: 18px;
   }
   .useful-materials__card .usdefull__slide-text {
      padding: 20px 16px;
   }
   .useful-materials__card .usefull__slide-tags {
      font-size: 14px;
      top: 14px;
      column-gap: 15px;
      left: 14px;
   }
   .load-more-btn {
      padding: 15px 25px;
      font-size: 14px;
   }
   .article__text-title {
      font-size: 18px;
   }
   .article__paragraph p {
      font-size: 16px;
   }
   .article__date {
      font-size: 12px;
   }
   .article__tags {
      column-gap: 20px;
   }
 
}
@media (max-width: 399px) {
    
    .intro__detail-info {
        top: 22%;
     }
    .static-subtitle {
        font-size: 12px;
    }
   .error-404__img-box img {
      width: 200px;
   }

   .employee-card__name {
      font-size: 16px;
   }
   .static-subtitle {
      font-size: 14px;
   }
   .main-section__btn {
      height: 40px;
      width: 40px;
   }
   .calculate-bnt {
      padding-top: 18px;
      padding-bottom: 18px;
   }
   .card-description {
      font-size: 14px;
   }
   .card-title {
      font-size: 20px;
   }

   .menuButton {
      width: 32px;
      height: 32px;
   }
   .menuButton span {
      width: calc(24px - 6px);
      height: 1.5px;
   }
   input[type]:checked ~ span.top {
      transform: translateY(500%) rotate(45deg);
      width: 24px;
   }

   input[type]:checked ~ span.bot {
      transform: translateY(-400%) rotate(-45deg);
      width: 24px;
   }
   .tooltip .tooltiptext {
      width: 250px;
      left: -250px;
   }

   .modal-title {
      font-size: 22px;
   }

   .default-block__img {
      height: 35%;
   }
   .footer__mobile-menu .footer__col-logo {
      max-width: 210px;
   }
}
@media (max-width: 361px) {
    .employee-card__contacts {
        row-gap: 10px;
        top: 16px;
    }
     .employee-card__photo {
      width: 60px;
      height: 60px;
      min-width: 60px;
      min-height: 60px;
   }
    .intro__detail-info {
        top: 24%;
     }
    .static-subtitle {
        font-size: 12px;
    }
    .intro__title-box--static {
        margin-bottom: 10px;
    }
   .default-block__img {
      height: 30%;
   }
   .carousel__main-values span {
      font-size: 12px;
   }
   .calculator__step-title {
      display: none;
   }
   .calculator__progress-info {
      flex-basis: 90%;
   }

   .modal .calculator__agreement-text {
      font-size: 12px !important;
   }
   .close-button {
      top: 15px;
      right: 15px;
   }
   .modal__toggles {
      margin-bottom: 20px;
   }

   .default-block--mobile::before {
      width: 160px;
      height: 75px;
   }
   .header__number--mobile,
   .footer__number--mobile {
      flex-direction: column;
      row-gap: 10px;
      align-items: start;
   }
}