.support-features {
  padding-left: 18px;
  padding-bottom: 42px;
}
.support-features__title,
.support-features__description {
  padding-left: 46px;
}
.support-features__description {
  margin-bottom: 36px;
}
.nav__item:not(.nav__item--hover) .support-features a {
  background: none !important;
}
.sub-menu__item--tablet .support-features__image a {
  height: 100px;
}
.support-features__image a {
  display: block;
  height: 190px;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1600px) {
  .support-features {
    padding-left: 22px;
    padding-bottom: 48px;
  }
  .support-features__title,
  .support-features__description {
    padding-left: 38px;
  }
  .support-features__description {
    margin-bottom: 26px;
  }
  .support-features__image a {
    height: 157px;
  }
}
@media (max-width: 1366px) {
  .support-features {
    padding-bottom: 34px;
  }
  .support-features__title,
  .support-features__description {
    padding-left: 24px;
  }
  .support-features__description {
    letter-spacing: 0.8px;
    margin-bottom: 20px;
  }
  .support-features__image a {
    height: 110px;
  }
}
@media (max-width: 768px) {
  .support-features {
    padding: 0;
  }
  .support-features__title {
    padding-left: 0;
  }
  .support-features__title a {
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    padding: 22px 20px;
    line-height: 1;
    letter-spacing: 0.8px;
    color: #000;
  }
  .support-features__title a:hover {
    background-color: #f4f4f4;
  }
  .support-features__title a:active {
    background-color: #e6e6e6;
  }
  .nav__item:not(.nav__item--hover) .support-features a:hover {
    background-color: #f4f4f4 !important;
    color: #000;
  }
  .nav__item:not(.nav__item--hover) .support-features a:active {
    background-color: #e6e6e6 !important;
    color: #000;
  }
  .support-features__description {
    display: none;
  }
  .support-features__image {
    display: none;
  }
}
