@media screen and (max-width: 1024px) {
  /* wrapper */
  .wrapperInner {
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
    max-height: calc(100vh - 100px);
    height: 100%;
    overflow: auto;
    border-radius: 12px;
  }
}

@media screen and (max-width: 991px) {
  /* content */
  .contentInner {
    gap: 30px;
  }
  .contentBoxQuestions {
    width: 80%;
  }
  .contentBoxAnswers {
    margin-top: 50px;
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  /* wrapper */
  .wrapperInner {
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .container {
    padding: 0 20px;
  }

  /* header */
  .header {
    border-radius: 0;
  }
  .headerLogo img {
    display: block;
    width: 60px;
  }
  .headerTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .headerSub {
    font-size: 14px;
    line-height: 16px;
  }

  /* content */
  .content {
    padding: 30px 0;
  }
  .contentBoxQuestions {
    width: 100%;
  }
  .contentBoxAnswers {
    margin-top: 30px;
    width: 100%;
  }
  #formbox {
    margin-top: 30px;
  }
  .formTitle {
    font-size: 18px;
  }
  .submit {
    padding: 10px 40px;
  }
  .filed_group {
    margin: 0 10px;
  }

  /* footer */
  .footer {
    padding: 30px 0;
  }
}