/*
 * Removes the unused first mobile-header row.
 * Keeps Balance + Wallet as the only fixed top row.
 */
@media screen and (max-width: 820px) {
    html body .wrapper .page > .header,
    html body .header,
    html body .header.sticky {
        height: 65px !important;
        min-height: 65px !important;
        max-height: 65px !important;
        padding: 8px 10px !important;
        background: #111a2a !important;
        background-image: none !important;
        overflow: visible !important;
    }

    html body .header > .p-nav,
    html body .header .header-inner {
        height: 49px !important;
        min-height: 49px !important;
        max-height: 49px !important;
    }

    /* The desktop/mobile logo row is unused because the site already has a bottom menu. */
    html body .header .header-block {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }

    html body .header .deposit-wrap {
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        height: 49px !important;
    }

    html body .header .deposit-wrap .dropdown,
    html body .header .deposit-wrap .dropdown > .btn,
    html body .header .deposit-block,
    html body .header .deposit-block .select-field,
    html body .header .deposit-block #wallet,
    html body .header .deposit-block .btn {
        height: 49px !important;
        min-height: 49px !important;
    }

    html body .header .deposit-block .select-field,
    html body .header .deposit-block #wallet,
    html body .header .deposit-block .btn {
        line-height: 49px !important;
    }

    html body .wrapper .main-content {
        padding-top: 73px !important;
    }
}