@media screen and (max-width: 575px) {
  .mt-120-top {
    margin-top: 192px; }

  .box-form {
    top: 508px; } }
@media screen and (max-width: 550px) {
  .mt-120-top {
    margin-top: 168px; }

  .box-form {
    top: 490px; } }
@media screen and (max-width: 520px) {
  .mt-120-top {
    margin-top: 132px; }

  .box-form {
    top: 468px;
    padding: 16px 20px; }

  .form-group {
    margin-bottom: 12px; }

  .modal-body {
    padding: 1rem 0; } }
@media only screen and (min-width: 380px) {
  .box-live-content .conten-item br {
    display: none; } }
@media only screen and (min-width: 520px) {
  .tabs .box-prince .prince-tab br {
    display: none; } }
@media only screen and (max-width: 519px) {
  .tabs .box-prince .prince-tab {
    height: 86px; }
    .tabs .box-prince .prince-tab .box-text p {
      margin-bottom: 0px; } }
@media screen and (max-width: 500px) {
  .btn-primary {
    margin-top: 24px; }

  .mt-120-top {
    margin-top: 124px; }

  .close {
    right: 8px;
    top: -32px; }

  .box-form {
    top: 440px; }
    .box-form .form-control {
      height: 44px; }
    .box-form .custom-select {
      height: 44px; }

  .main-minigame {
    padding: 0; }

  .container {
    padding: 0; }

  .tabs {
    padding: 0 20px; } }
@media screen and (max-width: 470px) {
  .form-group {
    margin-bottom: 8px; } }
@media screen and (max-width: 460px) {
  .tabs .box-prince .prince-tab .text-tab-prince {
    font-size: 12px !important; }

  .mt-120-top {
    margin-top: 112px; }

  .btn-edit {
    margin-top: 16px; }

  .box-form {
    top: 400px; }

  .title-item h3 {
    font-size: 16px; }

  .tabs .box-prince img {
    max-width: 60px; }
  .tabs .box-prince .pattern img {
    max-width: 24px; }
  .tabs .box-prince .prince-tab h5 {
    font-size: 20px; } }
@media screen and (max-width: 400px) {
  .tabs .box-prince .pattern {
    position: absolute;
    bottom: -4px;
    max-width: 30px;
    right: 12px; } }
@media screen and (max-width: 430px) {
  .box-form {
    top: 380px; }

  .mt-120-top {
    margin-top: 98px !important; } }
@media screen and (max-width: 420px) {
  .box-form {
    top: 360px; }

  .btn-primary {
    margin-top: 16px; } }
@media screen and (max-width: 410px) {
  .box-form {
    top: 350px; } }
@media screen and (max-width: 400px) {
  .header-ss .box-live-content p {
    font-size: 13px; }

  .tabs .tab {
    font-size: 14px; }

  .title-item h3 br {
    display: block; }

  .box-form {
    top: 344px;
    padding: 16px 20px; }

  .btn-action {
    height: 50px; } }
@media screen and (max-width: 390px) {
  .mt-120-top {
    top: 260px !important; }

  .box-form {
    top: 332px; }

  .box-form .form-control {
    height: 40px; }

  .box-form .custom-select {
    height: 40px; } }
@media screen and (max-width: 380px) {
  .mt-120-top {
    top: 240px !important; }

  .box-form {
    top: 322px; }

  .btn-action {
    height: 44px; }

  .header-ss .box-live-content span {
    margin-bottom: 0px; } }
@media screen and (max-width: 370px) {
  .box-form {
    top: 312px; }

  .form-group {
    margin-bottom: 4px; } }
@media screen and (max-width: 360px) {
  .mt-120-top {
    top: 220px !important; }

  .box-form {
    top: 306px; }

  .tabs {
    padding: 0px 20px; }

  .tab-content {
    padding: 0px; }

  .tabs .box-prince .prince-tab {
    height: 104px; } }
@media screen and (max-width: 350px) {
  .mt-120-top {
    top: 300px !important; }

  .mt-120-top {
    margin-top: 80px; }

  .box-form {
    top: 300px; }

  .box-form .custom-select {
    height: 36px; }
  .box-form .form-control {
    height: 36px; } }
@media screen and (max-width: 340px) {
  .box-form {
    top: 286px; }

  .btn-edit {
    margin-top: 12px; } }
@media screen and (max-width: 340px) {
  .box-form {
    top: 272px; } }
@media screen and (max-width: 330px) {
  .mt-120-top {
    top: 200px !important; }

  .box-form {
    top: 236px; } }
@media screen and (max-width: 320px) {
  .box-form {
    top: 268px; }

  .header-ss .box-live-content p {
    display: none; } }
@media screen and (max-width: 310px) {
  .mt-120-top {
    top: 184px !important; } }
@media screen and (max-width: 300px) {
  .box-form {
    top: 250px; } }
@media screen and (max-width: 280px) {
  .box-form {
    top: 228px; }

  .mt-120-top {
    top: 156px !important; } }

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