@media screen and (max-width: 575px) {
    .form.login, .form.signup {
        width: 90%;
    }

    .navbar .nav-link {
        margin: 10px 0;
        flex-direction: row-reverse;
    }

    .navbar-collapse {
        text-align: right;
    }

    .dashboard .payout-sidebar,
    .dashboard .account-info-sidebar,
    .sidebar {
        width: 100%;
        padding: 15px;
        padding-top: 35px;
    }

    .sidebar .bottom {
        width: calc(100% - 30px);
    }

    .dashboard .balances-list .balance {
        min-width: 40%;
        margin-bottom: 20px;
    }

    .balances h2 {
        font-size: 1.4rem;
    }

    .dashboard .balances-list .balances-controls {
        flex: 1;
        text-align: left;
    }

    .dashboard .balances-list .balances-controls button {
        display: block;
        margin: 10px 0 0;
    }

    .nav-pills .nav-item {
        margin-bottom: 5px;
        flex: 1;
    }

    .nav-pills .nav-item:first-child {
        margin-left: 5px;
    }

    .nav-pills .nav-item:last-child {
        margin-right: 5px;
    }

    .dashboard .account-info-sidebar .table-cell.net,
    .dashboard .account-info-sidebar .table-cell.description,
    .dashboard .payout-sidebar .table-cell.net,
    .dashboard .payout-sidebar .table-cell.description,
    .dashboard .payouts .table-cell.statement,
    .dashboard .payouts .table-cell.bank,
    .dashboard .payouts .table-cell.currency,
    .dashboard .payouts .table-cell.created,
    .dashboard .payments .table-cell.currency,
    .dashboard .payments .table-cell.id,
    .dashboard .payments .table-cell.email,
    .dashboard .payments .table-cell.paymentMethod,
    .dashboard .payments .table-cell.fee,
    .dashboard .intents .table-cell.currency,
    .dashboard .intents .table-cell.id,
    .dashboard .intents .table-cell.message,
    .dashboard .invoices .table-cell.id,
    .dashboard .invoices .table-cell.type,
    .dashboard .invoices .table-cell.status,
    .xero .invoices .table-cell.id,
    .xero .invoices .table-cell.to,
    .xero .invoices .table-cell.due {
        display: none;
    }

    #accountCollaboratorsTableBody .table-cell {
        max-width: 190px;
        overflow-x: hidden;
    }

    #dashboard-modal-change-account .account-list li.new input {
        min-width: 180px;
    }

    .view .filters-container .filter {
        width: 44%;
    }

    .view .filters-container .filter input {
        width: 100%;
        min-width: auto;
    }

    .view .filters-container .filter.actions {
        flex: 100%;
    }

    .view table td.table-cell {
        padding: 12px 10px;
        font-size: .8rem;
    }

    .view table .table-cell.date {
        white-space: unset;
    }

    .account-selector.dropdown {
        max-width: calc(100% - 4rem);
        padding: 5px 8px;
    }

    .account-selector .avatar {
        display: none;
    }

    .account-selector .account-details {
        float: none;
    }

    .account-selector .account-details h1 {
        text-wrap: wrap;
    }

    .account-selector .dropdown-toggle {
        width: 100%;
        display: inline-flex;
    }

    .account-selector .dropdown-toggle::after {
        visibility: visible;
        top: 8px;
    }

    .navbar>.container-fluid {
        align-items: end;
    }

    .stripe-account-navbar .sections {
        justify-content: flex-start;
    }

    .flow-section-container {
        flex-direction: column;
    }

    .flow-section-half {
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 30px
    }

    .flow-section-half:first-child {
        margin-right: 0;
    }

    .flow-section-half .top-right-buttons {
        position: relative;
        flex-flow: row;
        right: 0 !important;
    }

    .settings .security-whitelisted-ips .top-right-buttons,
    .flow-section-half.account-details .top-right-buttons {
        top: 0px;
    }

    .dashboard .charts {
        flex-direction: column;
    }

    .dashboard .chart-container.long {
        width: 100%;
    }

    .dashboard .chart-container.small {
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .view .no-account-linked.first {
        margin-top: 0;
    }

    .table-settings {
        display: none;
    }
    .control input {
        min-width: 180px;
    }
    .filters .mainSearch {
        min-width: 100%;
    }
    .filters {
        flex-wrap: wrap;
    }
    .capitalFinancingOffersBanner {
        background-size: auto 100%;
    }
    .capitalOfferBanner h3 {
        margin-top: 20px
    }
    .capitalOfferBanner .smallPrint {
        margin-bottom: 40px
    }
    .agenticCommerceBanner {
        background-size: auto 100%;
    }
    .agenticOfferBanner h3 {
        margin-top: 20px;
    }
    .agenticOfferBanner p {
        margin-bottom: 40px;
    }
    .balances-list .balancesContainer {
        width: 100%;
        flex-wrap: wrap;
    }
    .login .social-signin .buttons {
        display: block !important;
    }
    .login .social-signin .buttons a {
        margin-bottom: 15px;
    }
    .newAccountOnboarding .stepChooseMode input[type=radio] {
        min-width: auto;
    }
    .newAccountOnboarding .stepChooseMode label {
        width: 95%;
    }
}