@media (max-width: 480px) {
  /*стили преимущества*/

  .advantages {
    margin: 0 -15px 30px;
  }

  .advantages--margin-40 {
    margin: 0 -15px 30px;
  }

  /*стили программы*/

  .vertical {
    margin: 0 0 30px;
    width: 955px;
  }

  /*стили лагерь*/

  .camp {
    margin: 0 0 30px;
  }

  .list {
    margin: 0 -15px 20px;
  }

  .table-progress .table__cell {
    font-size: 12px;
    line-height: 14px;
  }

  .table-progress__name {
    width: 162px;
  }

  .table-progress .table__head .table-progress__sticky-helper {
    padding: 5px 15px 5px 160px;
  }

  .grid__top {
    padding: 5px;
  }

  .grid__heading {
    font-size: 20px;
    line-height: 24px;
  }

  .promo {
    height: 450px;
    padding: 0 15px;
    margin: -30px -15px 0;
  }

  .promo__title {
    font-size: 32px;
    line-height: 36px;
  }

  .task__text {
    font-size: 16px;
    line-height: 20px;
  }

  .interaction__video {
    height: 220px;
  }

  .slider--static .slider__img {
    height: 415px;
  }

  .task {
    margin: 0 -15px;
  }

  .open-day {
    margin: 0 -15px;
    width: calc(100% + 30px);
    height: 280px;
  }

  .collaboration {
    padding: 40px 15px;
    gap: 20px;
  }

  .collaboration__logo {
    padding: 0 5px;
  }

  .r-container {
    padding: 30px 15px;
  }

  .rept__content {
    text-align: start;
  }

  .group__block {
    gap: 15px;
  }

  .tasks {
    gap: 15px;
  }

  .multicolor__th:first-child .multicolor__thw {
    padding: 15px 5px 15px 10px;
  }

  .multicolor__td:first-child {
    padding: 5px 10px;
  }

  .multicolor--double .multicolor__td:nth-child(3):not(:last-child),
  .multicolor--double .multicolor__td:nth-child(5):not(:last-child),
  .multicolor--double .multicolor__td:nth-child(7):not(:last-child) {
    padding: 5px 10px 5px 5px;
  }

  .multicolor--double .multicolor__td:nth-child(4),
  .multicolor--double .multicolor__td:nth-child(6),
  .multicolor--double .multicolor__td:nth-child(8) {
    padding: 5px;
  }

  .multicolor--single .multicolor__td:not(:first-child) {
    padding: 5px 10px 5px 5px;
  }

  .multicolor--single .multicolor__td:nth-child(2) {
    padding: 5px 10px 5px 5px;
  }

  .multicolor--single .multicolor__td:last-child {
    padding: 5px;
  }

  .form__header {
    padding: 5px 15px;
  }

  .linker__content {
    padding: 15px;
  }

  .clue__text {
    width: 310px;
  }

  .settings__item--bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .settings__item--bottom .settings__link {
    display: flex;
    justify-content: center;
    padding: 20px;
  }

  .grid__buttons {
    gap: 10px;
    grid-template-columns: 1fr;
  }

  .olds__link {
    grid-template-columns: 115px auto;
  }

  .olds__content {
    padding: 20px 15px;
  }

  .collapses__link {
    gap: 15px;
    padding: 20px 0;
  }

  .participation__row {
    grid-template-columns: 1fr;
  }

  .bottom {
    padding: 20px 15px;
    gap: 25px;
  }

  .reports {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 400px) {
  .promo__subtitle {
    font-size: 14px;
    line-height: 18px;
  }

  .promo__title {
    font-size: 26px;
    line-height: 30px;
  }

  .promo__container {
    gap: 15px;
  }

  .promo {
    height: 420px;
  }

  .interaction__video {
    height: 175px;
  }

  .group__block {
    gap: 10px;
  }

  .clue__text {
    width: 230px;
  }

  .olds__content {
    padding: 20px 10px;
  }
}