@media (max-width: 700px) {

    .wallet-transactions-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .wallet-transactions-header h1 {
        font-size: 21px;
    }

    .wallet-back-btn {
        width: 100%;
    }

    .wallet-member-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .wallet-current-balance {
        width: 100%;
        text-align: left;
        padding-top: 14px;
        border-top: 1px solid #edf0f3;
    }

    .wallet-transaction-summary {
        grid-template-columns: 1fr;
        gap: 11px;
    }

}