/* ====================================================== */
    /* MOBILE NAVBAR BRAND FIX */
    /* ====================================================== */

    @media (max-width: 767px) {

        /*
            Ini inti perbaikannya:
            mobile fullscreen menu harus berada DI ATAS navbar fixed.
            Sebelumnya navbar z-50 sedangkan menu z-40.
        */
        #mobile-menu.cidadap-mobile-menu {
            z-index: 80 !important;
        }


        #navbar-inner {
            grid-template-columns:
                minmax(0, 1fr)
                auto !important;

            gap:
                10px !important;
        }


        .navbar-brand-link {
            min-width:
                0;

            max-width:
                min(
                    190px,
                    calc(100vw - 92px)
                );

            gap:
                8px !important;

            overflow:
                hidden;
        }


        .navbar-brand-link
        .cidadap-navbar-logo {
            width:
                38px !important;

            height:
                38px !important;

            flex:
                0 0 38px !important;
        }


        .navbar-brand-link > div {
            min-width:
                0;

            overflow:
                hidden;
        }


        .navbar-brand-link h1 {
            margin:
                0;

            overflow:
                hidden;

            text-overflow:
                ellipsis;

            white-space:
                nowrap;

            font-size:
                17px !important;

            line-height:
                1 !important;

            letter-spacing:
                -.025em;
        }


        .navbar-brand-link p {
            margin-top:
                3px;

            overflow:
                hidden;

            text-overflow:
                ellipsis;

            white-space:
                nowrap;

            font-size:
                8px !important;

            line-height:
                1.05;

            letter-spacing:
                .055em;
        }


        #mobile-menu-btn {
            position:
                relative;

            z-index:
                1;

            width:
                43px;

            height:
                43px;

            display:
                inline-flex;

            align-items:
                center;

            justify-content:
                center;

            padding:
                0 !important;

            flex:
                none;
        }


        .mobile-menu-header {
            position:
                relative;

            z-index:
                2;
        }

    }


    @media (max-width: 365px) {

        .navbar-brand-link {
            max-width:
                calc(100vw - 82px);
        }


        .navbar-brand-link
        .cidadap-navbar-logo {
            width:
                34px !important;

            height:
                34px !important;

            flex-basis:
                34px !important;
        }


        .navbar-brand-link h1 {
            font-size:
                15px !important;
        }


        .navbar-brand-link p {
            font-size:
                7.4px !important;
        }


        #mobile-menu-btn {
            width:
                40px;

            height:
                40px;
        }

    }