@media (max-width: 1200px) {
  .quiz .content {
    padding: 0 20px;
  }
  .quiz__wrapper {
    gap: 55px;
    flex-direction: column-reverse;
  }
  .quiz__main {
    padding: 0 40px 50px;
    width: 100%;
  }
  .quiz__status-text {
    font-size: 14px;
  }
  .quiz__number {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .quiz__title {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .quiz__card-text {
    font-size: 14px;
  }
  .quiz__side {
    padding: 50px 40px 0;
    border: none;
    width: 100%;
    flex-direction: row;
  }
  .quiz__side-wrapper {
    margin-left: 40px;
  }
  .quiz__image-wrapper {
    margin: 0;
  }
}