@media screen and (max-width: 991px) {
  /* wrapper */
  .wrapper {
    padding: 0 20px;
  }

  /* questions */
  .questionBlock6 .btn,
  .questionBlock7 .btn {
    padding: 26px 10px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .kingdomImg img {
    max-width: 150px;
  }
  .contentSub,
  .contentTitle,
  .feedback p,
  .questionNumber,
  .currentQuestion {
    font-size: 20px;
  }
  .btnContainer {
    flex-direction: column;
    row-gap: 20px;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .btn {
    font-size: 20px;
    padding: 10px 20px;
  }

  /* question */
  .questionBlock {
    margin-top: 20px;
  }
  .questionBlock .btn {
    width: 100%;
  }
  .questionBlock6 .btn,
  .questionBlock7 .btn {
    padding: 10px;
    font-size: 18px;
  }
  .questionBlock8 .btnContainer {
    margin-bottom: 0;
    margin-top: 30px;
  }
  .questionBlock9 .btnContainer,
  .questionBlock10 .btnContainer {
    margin-bottom: 0;
    margin-top: 20px;
  }

  /* thank */
  .thankImg img {
    max-width: 100%;
  }
  .thankValue {
    top: 47%;
  }
  .thankValueText {
    font-size: 20px;
  }
  .thankSub,
  .thankTitle {
    font-size: 20px;
    margin-top: 20px;
  }
  .thankBtn {
    font-size: 17px;
    padding: 15px;
  }
  .lastChance {
    width: 85%;
  }
  .offer,
  .last {
    font-size: 15px;
  }
}