@media (max-width: 575.98px) {
  .full-body-card-wrapped .nav-pills {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .payment-sec .nav-link {
    padding: 0 !important;
  }

  .payment-sec .nav-link svg {
    /* width: 1.8em; */
  }

  .payment-sec .nav-link h4 {
    display: none;
  }

  .payment-table-header {
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
  }

  .payment-table-header .payment-table-header-right {
    margin-top: 1em;
    flex-direction: column !important;
    align-items: center;
    width: 100%;
  }

  .payment-table-header-right button {
    width: 100%;
  }

  .modal-dialog {
    padding: 2em 1em;
  }

  .profile-card-header {
    flex-direction: column;
    gap: 1em;
  }

  .wallet-transfer-sec {
    flex-direction: column;
    margin: 1em 0;
    padding: 1em !important;
  }

  .navgation-card-icon img {
    background: none !important;
    margin-left: .2em;
  }

  .user-access-team .nav-pills {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .user-access-team .user-access-info {
    display: none;
  }

  .user-access-team-sec {
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .full-body-card-wrapped .nav-pills {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .full-body-card-wrapped .account-card-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
  }

  .full-body-card-wrapped .nav-pills {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .payment-table-header-right {
    margin-top: 1em;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .full-body-card-wrapped .account-card-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .payment-table-header {
    flex-direction: column;
    margin-bottom: 0 !important;
  }

  .payment-table-header-right {
    margin-top: 1em;
  }
}

/* @media (min-width: 3000px) {
  body{
    font-size: calc(.5em + 0.8vw)!important;
  }
}

@media (min-width: 1800px) {
  body{
    font-size: calc(.5em + 0.7vw)!important;
  }
}

@media (min-width: 1600px) {
  body{
    font-size: calc(.5em + 0.6vw)!important;
  }
} */

/* @media (min-width: 1440px) {
  body{
    font-size: 14px!important;
  }
} */

/* @media (max-width: 1199.98px) {
  body{
    font-size: calc(.5em + 0.2vw)!important;
  }
} */

@media (max-width: 991.98px) {
  .business-info-wrapped {
    padding: 1em !important;
  }

  .business-info-wrapped .payment-table-header {
    flex-direction: row !important;
    justify-content: space-between !important;
  }

  .card-details-head-action button {
    width: 100% !important;
  }

  .list-view-card-row {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1rem !important;
    column-gap: 1em !important;
  }

  .resp-mrg-btm-md {
    margin-bottom: 2em;
  }

  .efi-feature-four-layout {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .grid-layout-two,
  .grid-layout-three {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .single-transaction-fields {
    width: 100%;
  }

  .single-transaction-back h3 {
    white-space: nowrap;
  }

  .efi-feature-transation-search-frame {
    align-items: flex-start !important;
    flex-direction: column !important;
    width: 100%;
  }

  .efi-feature-transation-search-frame .select-payout {
    margin-top: 1em;
  }

  .efi-feature-transation-search-frame .efi-primary-btn {
    margin-top: 1em;
  }

  .efi-feature-header-frame {
    justify-content: center !important;
  }

  .efi-transation-search .input-group {
    min-width: 100% !important;
  }

  .efi-feature-transation-search-frame .efi-transation-search .input-group {
    min-width: 80% !important;
  }

  .efi-feature-transation-search-frame .efi-transation-search .download-dropdown {
    margin-top: 0;
  }

  .efi-feature-transation-search-frame .select-payout,
  .efi-transation-action,
  .efi-transation-action button {
    width: 100%;
    justify-content: center;
  }

  .payment-table-header {
    margin-bottom: 1em;
  }

  .navbar-toggler {
    display: flex !important;
    margin-left: auto;
  }

  .efi-action-head {
    flex-wrap: wrap;
    gap: 1em !important;
    margin-bottom: 1em;
  }

  .__floater {
    display: none !important;
  }

  #react-joyride-portal {
    display: none !important;
  }

  .efi-bank-header-actions {
    width: 100%;
  }

  .dashboard-top-sec-layout {
    display: flex !important;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {

  /* body{
    font-size: 14px!important;
  } */
  .admin-ui-collapse-btn {
    display: block;
  }

  .efi-bank-step-authentic-card .efi-bank-step-info div {
    gap: 0.5em !important;
  }

  .efi-bank-step-authentic-card .efi-bank-step-info input[type="text"],
  .sign-up-verification-input input[type="text"] {
    width: 35px !important;
    height: 35px !important;
  }

  .efi-bank-step-authentic-card {
    display: flex !important;
    gap: 0.5em;
    flex-direction: column;
  }

  .efi-feature-transation-search-frame,
  .header-search {
    display: inline-block !important;
    width: 100% !important;
  }

  .efi-feature-transation-search-frame .download-dropdown {
    margin-top: 1em;
  }

  .header-search .form {
    flex-direction: column;
  }

  .efi-bank-billing-address-frame-title {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .efi-feature-header-frame {
    justify-content: center !important;
  }

  .efi-transation-action button {
    width: 100%;
  }

  .efi-bank-title-actions {
    padding: 1em 0;
  }

  .efi-transation-action,
  .header-search {
    padding-top: 1em;
  }

  .login-auth-avater {
    max-width: 100% !important;
  }

  .efi-transation-search .input-group {
    min-width: 100% !important;
  }

  .login-page-form-box {
    padding: 2em !important;
  }

  .login-page-form-box::before {
    display: none !important;
  }

  .efi-bank-create-account-wrapped {
    padding: 1em !important;
    margin: 1em !important;
  }

  .efi-bank-card-details-frame-head {
    flex-direction: column !important;
    align-items: flex-start;
    gap: 2em;
  }

  .efi-setting-password,
  .full-body-card-wrapped,
  .efi-bank-card-details-frame-head,
  .efi-bank-card-details-frame-content,
  .efi-setting-feature-wrapped,
  .efi-bank-billing-address-frame {
    padding: 1em !important;
  }

  .efi-feature-layout-two {
    display: flex !important;
    flex-direction: column !important;
  }

  .grid-layout-three,
  .efi-feature-four-layout {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .grid-layout-two {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .profile-user-card-frame,
  .profile-basic-details-card {
    align-items: center !important;
    gap: 1em !important;
    flex-direction: column !important;
  }

  .profile-full-frame-wrapped,
  .efi-bank-profile-setting-card {
    padding: 1em !important;
  }

  .efi-bank-profile-action {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .admin-ui-main-wrapper {
    margin-left: 0% !important;
  }

  .admin-ui-collapse-sidebar {
    width: 80% !important;
  }

  .admin-ui-header-sec {
    padding: 0.5em 0.5em !important;
  }

  .alerts-warning-box {
    margin-left: 0 !important;
    margin-top: 1em;
  }

  .admin-ui-collapse-sidebar .offcanvas-close {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }

  .admin-ui-logo {
    max-width: 7em !important;
  }

  .admin-your-bot-list-header-sec {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 1em;
  }

  .admin-your-bot-list-header-right-sec {
    justify-content: center !important;
    align-items: center !important;
  }

  .admin-ui-sidebar {
    display: none;
  }

  .admin-ui-sidebar.admin-ui-collapse-sidebar {
    position: fixed;
    z-index: 99999;
    top: 0;
  }

  .admin-ui-sidebar.admin-ui-collapse-sidebar .offcanvas-close {
    display: block;
  }

  .setting-full-body-wrapped {
    padding: 1em !important;
  }

  .setting-full-card {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
    padding: 1em !important;
  }

  .full-body-card-wrapped .account-card-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .setting-full-card {
    display: flex !important;
  }

  .layout-between {
    flex-direction: column;
    gap: 1em;
  }

  .full-body-card-wrapped .common-full-card {
    padding: 1em;
  }

  .login-left-card {
    display: none !important;
  }

  .resp-mrg-btm-xs {
    margin-bottom: 1em !important;
  }

  .__floater {
    display: none !important;
  }

  #react-joyride-portal {
    display: none !important;
  }

  .navbar-toggler {
    display: flex;
    margin-left: auto;
  }

  .efi-action-head {
    margin-top: 1em;
    flex-wrap: wrap;
    gap: 1em !important;
    margin-bottom: 1em;
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
    outline: none !important;
  }

  .efibank-onboarding-feature-step-wrap {
    display: none !important;
  }

  .efibank-onboarding-feature-step-details {
    width: unset !important;
    padding: 1em !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: unset !important;
  }

  .skip-frame-action {
    top: 10px !important;
    right: 20px !important;
  }

  .onboarding-auth-header {
    flex-direction: column;
    gap: 1em;
  }

  .onboarding-auth-header {
    margin-bottom: 2em;
  }

  .resp-marg-zero {
    margin-bottom: 0 !important;
  }

  .resp-marg-zero-1 {
    margin-bottom: 1em !important;
  }

  .feature-grid-layout-two {
    flex-direction: column;
  }

  .onboarding-auth h3 {
    font-size: 1em !important;
  }

  .onboarding-auth-header p {
    font-size: 0.8em !important;
  }

  .efi-bank-feature-form-avater {
    display: none;
  }

  .services-card-wrapped {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .card-details-head-action,
  .efi-bank-card-action {
    flex-direction: column;
    width: 100%;
  }

  .card-details-head-action .form {
    width: 100%;
  }

  .efi-setting-tab {
    justify-content: space-around;
  }

  .onboarding-kyc-manual-upload-header-sec h4 {
    text-align: center;
  }

  .resp-marg-btm-xl {
    margin-bottom: 2em;
  }

  .onboarding-kyc-manual-sec {
    padding-top: 1em;
  }

  .list-view-card-row {
    grid-template-columns: repeat(1, 1fr) !important;
    margin-top: 1.5em;
  }

  .admin-collapse-btn {
    display: none;
  }

  .grid-frame {
    flex-wrap: wrap;
  }

  .admin-ui-header-sec {
    left: 0;
    width: calc(100vw - 0em);
  }

  .view-card {
    width: 100% !important;
  }

  .dashed-table__table table :where(tr td, tr th) {
    white-space: nowrap;
  }

  .dashboard-right-frame-view-card-top-sec {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .dashboard-account-card-header-sec {
    /* flex-direction: column; */
    gap: 1em;
  }

  .dashboard-account-body-top-sec {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1em;
  }

  .dashboard-account-body-top-right-sec {
    text-align: left !important;
  }

  .dashboard-account-body-middle-sec {
    flex-wrap: wrap;
    gap: 1em;
  }

  .dashboard-account-body-middle-card:last-child {
    text-align: left !important;
  }

  .single-transaction-box {
    display: flex !important;
    flex-direction: column !important;
  }

  .single-transaction-box .single-transaction-country {
    width: 100%;
  }

  .single-transaction-body,
  .transaction-status-card,
  .single-transaction-frame {
    padding: 1em !important;
  }

  .verification-item div {
    gap: 0.5em;
  }

  .verification-item input {
    width: 2.2rem !important;
    height: 2.2rem !important;
    font-size: 1.2rem !important;
  }

  .card-flex {
    flex-direction: column;
    text-align: center;
  }

  .beneficiary-info-head {
    flex-direction: column !important;
    gap: 1em;
  }

  .beneficiary-code-sec {
    text-align: center;
    justify-content: center !important;
  }

  .benefi-info-card {
    text-align: center;
  }

  .card-grid__2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .card-grid__4 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .beneficiary-child-info-head h3 {
    text-align: center;
  }

  .code-frame h4 {
    text-align: center;
  }

  .benefi-info-list .benefi-info-card {
    text-align: left !important;
  }

  .single-transaction-box {
    display: flex !important;
    flex-direction: column !important;
  }

  .quote-info-card {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .single-transaction-final {
    padding: 1.5em !important;
  }

  .balance-sheet-flex {
    flex-direction: column !important;
  }

  .beneficiary-detail-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .beneficiary-detail-card {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .efi-bank-profile-action {
    flex-direction: column !important;
  }

  .kyc-card-frame {
    flex-direction: column !important;
  }

  .welcome-onboarding-box {
    padding: 0 1em;
  }

  .welcome-onboarding-sec {
    margin-top: 5.5em !important;
    padding: 2em 1em !important;
    margin-bottom: 2em !important;
    margin-right: 1em !important;
    margin-left: 1em !important;
  }

  .onboarding-handle-img {
    max-width: 100% !important;
  }

  .efibank-onboarding-feature-step-details::before {
    display: none;
  }

  .gender-check-box {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .onboarding-final-frame {
    padding: 0 !important;
  }

  .onboarding-inner-area {
    padding: 0 !important;
    margin-top: 1em;
  }

  .illustration-avater {
    width: 15em !important;
  }

  .onboarding-auth-footer {
    flex-direction: column;
    gap: 1em !important;
  }

  .tooltip-element-box {
    max-width: 100% !important;
    /* opacity: 1 !important; */
    z-index: 9;
  }

  .status-count {
    width: 40px !important;
    height: 40px !important;
  }

  .transaction-status-card {
    grid-template-columns: 50px auto !important;
  }

  .select-sender .efi-feature-header-frame {
    flex-direction: row;
    justify-content: space-between !important;
  }

  .single-transaction-beneficiary-select-card {
    flex-direction: column;
    gap: 1em;
  }

  .beneficiary-detail-card {
    padding: 1.5em !important;
  }

  .beneficiary-fee-card-title {
    flex-direction: column;
    gap: 1em;
  }

  .beneficiary-fee-card-frame {
    flex-direction: column;
    gap: 1em;
  }

  .modal-body {
    padding: 1em !important;
  }

  .select-beneficiary-head {
    flex-direction: column;
    gap: 1em;
  }

  .select-beneficiary-head-action {
    display: flex;
    align-items: stretch !important;
    flex-direction: column;
    gap: 1em;
  }

  .select-beneficiary-head-search .input-group {
    width: 100% !important;
  }

  .select-bank-card-input-info {
    flex-direction: column;
    gap: 1em;
  }

  .beneficiary-bank-card-frame {
    flex-direction: column;
    gap: 1em;
  }

  .beneficiary-bank-card-frame h4 {
    font-size: 0.85em !important;
    letter-spacing: 6px !important;
  }

  .login-page-sec {
    padding-top: 3em;
  }

  body {
    font-size: 14px !important;
  }

  .payment-table-header .efi-primary-btn {
    width: 100%;
  }

  /* .flag-select{
  display: inline-flex !important;
  width: max-content;
} */
  .payment-link-dropdown {
    width: 100%;
  }

  .payment-link-dropdown .dropdown-toggle {
    width: 100% !important;
  }

  .business-info-wrapped .payment-table-header {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .pp-card-info {
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-direction: column;
    gap: 1em;
  }

  .referal-box-card {
    flex-direction: column-reverse;
  }

  .referal-box-fields,
  .referal-box-avater {
    width: 100% !important;
  }

  /* Referral Statement */
  .referral-statement-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .referral-statement-value {
    padding-left: 1.5em !important;
  }

  .referral-statement-card-action {
    text-align: center;
  }

  .referral-statement-card-action button {
    margin-bottom: 0.5em !important;
  }

  .referral-statement-card-action a {
    font-size: 0.75em !important;
  }

  .referralstatement-download .dropdown-toggle {
    width: 100% !important;
    justify-content: center;
  }

  .withdrawal-history-box {
    width: 100% !important;
    flex-direction: unset !important;
  }


  .personal-info-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .pp-details-tab-content{
    grid-template-columns: repeat(2, 1fr) !important;
  }

}

@media (max-width: 575.98px) {
  .full-body-card-wrapped .account-card-row {
    grid-template-columns: repeat(1, 1fr);
  }


  .personal-info-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  
  .pp-details-tab-content{
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .ppt-header-edit-btn{
    margin-top: 10px !important;
  }
}