@media (min-width: 767px) {
  .main-card {
    padding: 0;
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
  }
}
@media (max-width: 991px) {
  .balance-card-main .balance-card-img {
    width: 80px;
  }
  .balance-card-main .balance-card-img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .quest-container, .vault_container .border_bg, .vogue_wrap .border_card {
    position: relative;
  }
  .character-list.right {
    position: relative;
  }
  .new-common-box.left .title-text-main {
    left: 0;
  }
  .new-common-box.right {
    right: 19px;
    margin: 0;
  }
  .new-common-box.right .title-text-main {
    right: 0px;
  }
  .title-text-main .title-text {
    line-height: 16px;
    word-break: break-all;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 16px;
  }
  .xs_margin {
    margin-top: 50px;
  }
  .xs-voyage-banner-padding {
    padding-top: 20px;
  }
  .current_package_xs {
    display: block;
    margin: 30px 0 0 !important;
  }
  .current_package_lg {
    display: none;
  }
  .usd-container {
    max-width: 300px;
  }
  .qr_address {
    line-height: 18px;
    padding: 8px 25px 10px 0 !important;
  }
  .copy_btn_new {
    padding: 0;
    width: initial;
    min-width: initial;
    right: 20px;
    top: -5px;
  }
  .margin_main {
    margin-top: 35px !important;
  }
}
@media (max-width: 576px) {
  .wallet_balance_card .wallet_balance_content figure.wallet_balance_img {
    margin: 0 0 20px 20px;
    width: 90px;
  }
  .wallet_balance_card .wallet_balance_content figure.wallet_balance_img img {
    width: 100%;
  }
  .wallet_balance_card .wallet_balance_content article {
    margin: 15px 0 0 15px !important;
  }
  .quest_bottom {
    margin-bottom: -50%;
  }
  .character-list.left {
    margin-right: -45px;
  }
  .character-list.left,
  .character-list.right {
    padding-top: 80px;
    padding-bottom: 15px;
  }
  .new-common-box.left, .new-common-box.right {
    bottom: 20px;
  }
  .character-list.active.middle {
    padding-bottom: 0;
  }
  .character-name-container {
    bottom: 10px;
  }
  .package_name_title {
    white-space: nowrap;
    font-size: 13px;
    width: 191px;
  }
  .details_input {
    height: 44px;
    padding-bottom: 0;
    font-size: 14px;
    padding-top: 12px;
  }
  .detail_card_wrapper .detail_renew_card.details_input {
    padding-bottom: 0 !important;
    padding-top: 11px !important;
    padding-left: 25px !important;
    height: 40px;
  }
  .renew_voyage_container .amt_day_wrapper .day_title {
    font-size: 16px !important;
  }
  .vogue_con.vogue_con_main {
    margin-top: 20px;
  }
  .title_value_main {
    display: flex;
  }
  .title_value_main .form-left-title {
    margin-left: 10px !important;
  }
}
@media (max-width: 575px) {
  .item_input_group .item_value_first,
  .item_input_group .item_value_scnd,
  .item_input_group .item__value_thrd {
    text-align: left !important;
  }
  .renew_voyage_container {
    margin-top: 20px !important;
  }
  .leadership_value {
    min-width: 90px;
  }
  .new-qr-card_wrapper .new-qr-card .qr_code_main {
    max-width: 300px;
  }
  .position-relative.usd-container {
    max-width: 300px;
  }
  .container_margin {
    margin-top: 20px !important;
  }
  .height_auto {
    height: auto;
  }
  /* .mobile_number_input {
    display: flex;
  }
  .mobile_number_input .country-code-left {
    max-width: 120px;
  } */
}
@media (max-width: 400px) {
  .character-list.left {
    margin-right: -15px;
  }
  .new-qr-card_wrapper .new-qr-card .qr_code_main {
    max-width: 230px;
  }
  .wallet_balance_card .wallet_balance_content figure.wallet_balance_img {
    min-width: 75px;
    max-width: 75px;
  }
  .wallet_balance_card .wallet_balance_content article {
    margin: 15px 0 0 5px !important;
  }
  .wallet_balance_card .wallet_balance_content .valut_card_btns {
    padding: 0 10px;
  }
  .title_value_main {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 5px 0 0 20px;
    gap: 2px;
    height: auto;
    justify-content: flex-start !important;
  }
  .title_value_main .form-left-title,
  .title_value_main .form-right-title {
    margin: 0 !important;
    width: 100%;
  }
  .balance-card-main {
    gap: 10px;
  }
  .balance-card-main .balance-card-img {
    width: 70px;
  }
}
@media (max-width: 360px) {
  .balance-card-main .balance-card-img {
    width: 50px;
  }
  .price_card_single article .price_value {
    font-size: 16px;
  }
  .price_card_single article .price_value .price-big {
    font-size: 20px;
  }
  .vault_cards_wrappper .vault_cards_single .vault_cards_single_main article .vault_card_heads .valut_card_value {
    font-size: 20px;
  }
  .wallet_title {
    font-size: 14px;
  }
  .three-btns-main button:nth-child(1), .three-btns-main button:nth-child(2) {
    min-width: auto;
    width: 47% !important;
  }
}

/*# sourceMappingURL=ann-theme-responsive.css.map */