@media screen and (max-width: 767px) {
  .box-large-input .form-input-section .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 100px;
    height: 100px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 482px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 425px;
    background-size: cover;
  }
  .form-input-section .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .form-input-section .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-left: 0;
  }
}
@media screen and (max-width: 620px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 420px;
    height: 420px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 86px;
    height: 86px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 437px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 386px;
    background-size: cover;
  }
}
@media screen and (max-width: 550px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 380px;
    height: 380px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 78px;
    height: 78px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 382px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 335px;
    background-size: cover;
  }
}
@media screen and (max-width: 500px) {
  h2 {
    font-size: 26px;
  }

  .btn-minigame a {
    font-size: 26px;
    min-width: 100%;
  }

  .lucky-wheel .item-lucky-wheel {
    margin-top: -22px;
  }
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 340px;
    height: 340px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 70px;
    height: 70px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 360px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 317px;
    background-size: cover;
  }
}
@media screen and (max-width: 450px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 320px;
    height: 320px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 65px;
    height: 65px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 325px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 284px;
    background-size: cover;
  }
}
@media screen and (max-width: 420px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 290px;
    height: 290px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 58px;
    height: 58px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 295px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 257px;
    background-size: cover;
  }
}
@media screen and (max-width: 414px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 290px;
    height: 290px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 58px;
    height: 58px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 292px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 254px;
    background-size: cover;
  }
}
@media screen and (max-width: 400px) {
  .lucky-wheel .item-lucky-wheel {
    margin-top: -18px;
  }
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 274px;
    height: 274px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 54px;
    height: 54px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 282px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 241px;
    background-size: cover;
  }
}
@media screen and (max-width: 390px) {
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 55px;
    height: 55px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 280px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 244px;
    background-size: cover;
  }
}
@media screen and (max-width: 380px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 256px;
    height: 256px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 264px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 225px;
    background-size: cover;
  }
}

@media screen and (max-width: 375px) {
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 262px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 228px;
    background-size: cover;
  }
}
@media screen and (max-width: 360px) {
  .btn-minigame a {
    font-size: 18px;
  }

  h2 {
    font-size: 18px;
  }

  .lucky-wheel .item-lucky-wheel {
    margin-top: -12px;
  }
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 240px;
    height: 240px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 47px;
    height: 47px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 258px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 221px;
    background-size: cover;
  }
}
@media screen and (max-width: 320px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 212px;
    height: 212px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 42px;
    height: 42px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 225px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 195px;
    background-size: cover;
  }
}
@media screen and (max-width: 300px) {
  .lucky-wheel .box-pin {
    display: inline-block;
    width: 200px;
    height: 200px;
  }
  .wheel-arrow img.iwheel__button {
    position: absolute;
    width: 38px;
    height: 38px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    top: 207px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .wheel-arrow::after {
    width: 15px;
    height: 15px;
    top: 176px;
    background-size: cover;
  }
}

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