@media only screen and (max-width: 374px) {
  .bg-checkin-ocany .checkin-text {
    top: 1.5%;
    max-width: 85%; }
  .bg-checkin-ocany .ocany-bottle {
    top: 12%;
    left: 58%;
    max-width: 42%; }

  .main-page {
    top: 30%;
    width: 92%; }

  .checkin-journey .number-checkin .number-title {
    font-size: 14px; }
  .checkin-journey .number-checkin .number-value {
    font-size: 20px; }
  .checkin-journey .journey-node {
    width: 20px;
    height: 20px; }

  .information-program {
    padding: 8px;
    max-height: 65vh;
    overflow: scroll; }
    .information-program h2 {
      font-size: 16px; }
    .information-program.is-congrats-open {
      max-height: 35vh; }

  .program-list {
    padding-left: 18px;
    gap: 14px; }

  .program-sublist {
    padding-left: 18px; }
    .program-sublist li {
      margin: 8px 0; }

  .checkin-success {
    font-size: 14px;
    margin: 12px 0; }

  .checkin-congratulation-title {
    font-size: 16px;
    padding: 8px; }
  .checkin-congratulation-desc {
    line-height: 20px; }
  .checkin-congratulation-box {
    width: 75%; }

  .app-checkin-ocany-game.is-congrats-open .information-program {
    max-height: 30vh; } }
@media only screen and (min-width: 375px) and (max-width: 413px) {
  .bg-checkin-ocany .checkin-text {
    top: 2%;
    max-width: 88%; }
  .bg-checkin-ocany .ocany-bottle {
    top: 13%;
    left: 59%;
    max-width: 44%; }

  .main-page {
    top: 31%;
    width: 90%; }

  .checkin-journey .number-checkin .number-title {
    font-size: 15px; }
  .checkin-journey .number-checkin .number-value {
    font-size: 22px; }
  .checkin-journey .journey-node {
    width: 22px;
    height: 22px; }

  .information-program h2 {
    font-size: 17px; }

  .checkin-success {
    font-size: 15px; }

  .checkin-congratulation-title {
    font-size: 17px; }
  .checkin-congratulation-desc {
    font-size: 13.5px; } }
@media only screen and (min-width: 376px) and (max-width: 499px) {
  .app-checkin-ocany-game.is-congrats-open .information-program {
    max-height: 37vh; } }
@media only screen and (min-width: 240px) and (max-width: 300px) {
  .bg-checkin-ocany .checkin-text {
    top: 1.5%;
    max-width: 85%; }
  .bg-checkin-ocany .ocany-bottle {
    top: 13%;
    left: 58%;
    max-width: 50%; }

  .main-page {
    top: 30%;
    width: 92%; }

  .checkin-journey .number-checkin .number-title {
    font-size: 14px; }
  .checkin-journey .number-checkin .number-value {
    font-size: 20px; }
  .checkin-journey .journey-node {
    width: 20px;
    height: 20px; }

  .information-program {
    padding: 8px;
    max-height: 65vh;
    overflow: scroll; }
    .information-program h2 {
      font-size: 14px; }
    .information-program.is-congrats-open {
      max-height: 35vh; }

  .program-list {
    padding-left: 18px;
    gap: 14px; }
    .program-list .program-item-label {
      font-size: 14px; }
    .program-list .program-item-content {
      font-size: 12px; }

  .program-sublist {
    padding-left: 18px; }
    .program-sublist li {
      margin: 8px 0;
      font-size: 12px; }

  .checkin-success {
    font-size: 14px;
    margin: 12px 0; }

  .checkin-congratulation-title {
    font-size: 14px;
    padding: 8px; }
  .checkin-congratulation-desc {
    font-size: 11px;
    line-height: 20px; }
  .checkin-congratulation-box {
    width: 50%; }

  .app-checkin-ocany-game.is-congrats-open .information-program {
    max-height: 15vh; } }

/*# sourceMappingURL=responsive.css.map */