

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

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

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

  .grid__content {
    padding: 20px 20px 0;
  }

  .grid--main .grid__content {
    padding: 20px;
  }

  .grid__wrapper {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
  }

  .grid__section {
    display: none;
  }

  .grid__section:nth-child(1),
  .grid__section:nth-child(2) {
    display: block;
  }

  .grid__wrapper.open .grid__section {
    display: block;
  }

  .grid__resizes {
    display: block;
    margin: auto 0 0;
    padding: 20px 10px;
  }

  .grid__resizes:hover .grid__resize {
    color: var(--red);
    transition: 0.3s;
  }

  .grid__resizes:hover .grid__resize {
    color: var(--red);
    transition: 0.3s;
  }

  .grid__resize {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--light-black);
    justify-content: center;
  }

  .grid__resizes .grid__resize--hide,
  .grid__resizes.open .grid__resize--more {
    display: none;
  }

  .grid__resizes.open .grid__resize--hide {
    display: flex;
  }

  .grid__arrow {
    margin: 0 0 0 5px;
    stroke: var(--light-black);
  }

  .grid__resizes:hover .grid__arrow {
    stroke: var(--red);
    transition: 0.3s;
  }

  .grid__resize--hide .grid__arrow {
    transform: rotate(180deg);
  }

  .grid__variable {
    display: none;
    margin: 20px 0 0;
  }

  .grid__variable.open {
    display: block;
  }

  .grid__cover {
    margin: 0;
  }

  .grid--main .grid__cover {
    margin: 0 0 auto;
  }

  .grid--button .grid__includes {
    padding: 0;
  }

  .vertical {
    margin: 0 0 35px;
  }

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

  .camp {
    margin: 0 0 35px;
  }

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

  .promo {
    padding: 0 85px;
    margin: -30px -20px 0;
  }

  .interaction__text {
    padding: 20px 25px;
  }

  .footer--solncevo .footer__top {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .footer--solncevo .footer__logo-block {
    width: 100%;
  }

  .footer--solncevo .socials--sidebar {
    grid-template-columns: repeat(3, 1fr);
  }

  .collaboration {
    padding: 40px 25px;
    gap: 25px;
  }

  .r-container {
    padding: 40px 25px;
  }

  .group__block {
    gap: 25px;
  }

  .tasks {
    gap: 25px;
  }

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

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

  .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 15px 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 5px 5px 10px;
  }

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

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

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

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

  .olds__content {
    padding: 25px 35px;
  }

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

@media (max-width: 775px) {
  .settings--show-tablet {
    display: flex;
  }

  .settings {
    gap: 20px;
  }

  .grid__buttons {
    gap: 15px;
  }

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

  .olds__content {
    padding: 20px 30px;
  }

  .bottom {
    padding: 30px 20px;
    gap: 30px;
  }
}

@media (max-width: 680px) {
  /*стили программы*/

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

  .promo {
    height: 520px;
    padding: 0 45px;
  }

  .task__item {
    display: flex;
    flex-direction: column;
  }

  .task__item:nth-child(even) {
    flex-direction: column-reverse;
  }

  .task__content {
    justify-content: flex-start;
  }

  .interaction__video {
    height: 320px;
  }

  .interaction__text {
    background-color: var(--light-black);
    position: static;
    max-width: 100%;
    padding: 20px 15px;
    border-radius: 0 0 5px 5px;
  }

  .interaction__video {
    border-radius: 5px 5px 0 0;
  }

  .collaboration {
    padding: 40px 20px;
  }

  .r-container {
    padding: 35px 20px;
  }

  .group__block {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .tasks {
    gap: 20px;
  }

  .clue__text {
    width: 480px;
  }

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

  .olds__content {
    padding: 20px 25px;
  }

  .participation {
    flex-direction: column;
  }

  .participation__row {
    max-width: none;
  }

  .participation__column {
    align-items: flex-start;
    width: 100%;
  }

  .bottom {
    padding: 25px 15px;
  }

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

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

  .count {
    max-width: none;
    margin: 20px 0 0;
  }
}

@media (max-width: 580px) {
  .advantages {
    grid-template-columns: repeat(1,1fr);
  }

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

  .grid__wrapper {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 20px;
  }

  .grid__section:nth-child(2) {
    display: none;
  }

  .promo {
    height: 480px;
    padding: 0 30px;
  }

  .interaction__video {
    height: 270px;
  }

  .linker__content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1px 1fr;
    gap: 15px;
  }

  .clue__text {
    width: 380px;
  }

  .olds__content {
    padding: 20px;
  }

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