@media (max-width: 500px) {

    .sticky-col {
        position: sticky;
        z-index: 2;
        left: 0;
        background: #fff;
    }

    .sticky-col::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: var(--table-border-grey);
    }

    .sticky-col::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: var(--table-border-grey);
    }

    html {
        background: white;
    }

    body {
        margin-bottom: 0;
    }

    body.logged-out {
        background: white;
    }

    .logged-out #page-container {
        margin-top: 0 !important;
    }

    .balances .ccys {
        grid-template-columns: 1fr 1fr;
    }

    .logged-out .card {
        border: none;
    }

    #header .logo {
        margin-left: 5px;
    }

    body .login-content a {
        color: var(--buy-blue);
    }

    body .table th, body .table td {
        padding: 2px 5px !important;
    }

    .dropdown-backdrop {
        background: rgba(0, 0, 0, 0.2);
        top: 62px;
    }

    .dropdown-toggle.nav-link:hover {
        color: white !important;
    }

    .navbar-fixed-top {
        position: static !important;
        margin-bottom: 0;
    }


    .navbar-header {
        float: left;
        z-index: 1;
        position: relative;
    }


    .nav-links li a {
        padding: 24px;
    }

    .navbar .dropdown-menu span {
        color: var(--text);
    }

    .nav-links > li > a {
        display: flex;
        background: none !important;
        padding: 16px 0 !important;
    }
    .nav-links > li > a span.username {
        border-right: none;
    }

    .nav-links > li > a > i {
        font-size: 24px;
    }

    .navbar .dropdown-menu a i,
    .navbar .dropdown-menu button i {
        min-width: 32px;
        text-align: center;
        margin-right: 7px !important;
    }

    .navbar .dropdown-menu a,
    .navbar .dropdown-menu button {
        font-size: 18px;
        padding: 10px 12px 10px 10px !important;
        display: block !important;
        background: white;
        color: #49494a;
        border-color: #49494a;
    }

    .navbar .dropdown-menu a span,
    .navbar .dropdown-menu button span {
        font-size: 15px;
        display: inline-block !important;
        background: none;
        padding: 8px 2px;
        font-family: var(--sans-serif);
    }

    .footer {
        padding: 0;
        font-size: 12px;
    }

    .loan-rates-table .borrow {
        border-right: 1px dashed #ddd;
    }

    .loan-rates-table tr td:nth-child(2) {
        width: 30px;
    }

    .loan-rates-table tr td:last-child {
        border-right: none;
    }

    .loan-rates-table .icon {
        margin-right: 0;
        width: 20px;
    }

    .ticket {
        margin-bottom: 15px;
        max-width: 100%;
    }

    .ticket_instrument {
        font-size: 18px;
    }

    .ticket .favourite::before {
        font-size: 28px;
    }

    .recent-trades-streaming-prices .price:not(.executed-price) {
        display: none;
    }

    .recent-trades tbody tr:nth-child(n+4)  {
        display: none;
    }

    .funding-rate-chart-info {
        display: block;
        padding-bottom: 10px;
    }

    .notifications-wrapper {
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .table-striped-double > tbody > tr:nth-child(2n) > td {
        background: var(--off-white);
        border-bottom: 1px solid var(--border-grey);
    }

}