@media screen and (max-width: 1299px) {
  body.body-quiz-1 {
    background-position: center center;
  }
}

@media screen and (max-width: 1024px) {
  body.body-quiz-1 {
    background-image: url("../images/bg-quiz-1-mobile.jpg");
    background-position: center top;
  }

  body.body-quiz-2 {
    background-image: url("../images/bg-quiz-2-mobile.jpg");
  }

  body.body-quiz-3 {
    background-image: url("../images/bg-quiz-3-mobile.jpg");
  }

  body.body-quiz-4 {
    background-image: url("../images/bg-quiz-4-mobile.jpg");
  }

  body.body-quiz-5 {
    background-image: url("../images/bg-quiz-5-mobile.jpg");
  }

  body.body-quiz-6 {
    background-image: url("../images/bg-quiz-6-mobile.jpg");
  }

  body.body-quiz-7 {
    background-image: url("../images/bg-quiz-7-mobile.jpg");
  }

  body.body-quiz-8 {
    background-image: url("../images/bg-quiz-8-mobile.jpg");
  }

  body.body-quiz-9 {
    background-image: url("../images/bg-quiz-9-mobile.jpg");
  }

  /* .site-header {
        padding-top: 16px;
    } */
  .banner-wrapper {
    width: 65%;
  }
}

@media screen and (max-width: 991px) {
  body.body-home {
    background-image: url("../images/bg-home-mobile.jpg");
  }

  body.body-result {
    background-image: url("../images/bg-result-mobile.jpg");
  }

  .site-branding img {
    max-width: 160px;
  }

  .audio-wrapper .audio-inner {
    width: 60px;
    height: 30px;
  }

  .audio-wrapper .audio-inner .play,
  .audio-wrapper .audio-inner .pause {
    width: 35px;
    height: 38px;
  }

  .audio-wrapper .audio-inner.active .play {
    opacity: 1;
    left: calc(100% - 35px);
  }
  .audio-wrapper .audio-inner.active .pause {
    opacity: 0;
    left: calc(100% - 35px);
  }

  .banner-wrapper {
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .btn-back-home {
    margin-top: 3px;
    padding: 2px 5px;
    font-size: 12px;
  }

  .site-header {
    top: 10px;
  }

  .header-wrap {
    flex-direction: row;
  }

  .tab-wrapper {
    margin-top: 20px;
  }

  .banner-wrapper {
    width: 80%;
  }

  body.body-quiz-2 {
    background-position-x: right;
  }

  body.body-quiz-3 {
    background-position-x: right;
  }

  body.body-quiz-6 {
    background-position-x: right;
  }

  body.body-quiz-7 {
    background-position-x: right;
  }

  body.body-quiz-8 {
    background-position-x: right;
  }

  body.body-quiz-9 {
    background-position-x: left;
  }
}