@media (max-width: 768px) {
    .bottom-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 0;
        z-index: 1000;
        height: 58px;

        background: white;
        border-top: 1px solid #E0E0E0;
        display: block !important;
    }

    .bottom-menu .menu-items {
        display: flex;
        justify-content: space-around;
        text-align: center;
        align-items: center;
    }

    .bottom-menu .menu-items .menu-item .notification-badge {
        position: absolute;
        top: -5px;
        right: 0;
        width: 22px;
        height: 22px;
        background-color: #fe6726;
        color: white;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        line-height: 22px;
        border-radius: 50%;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    }

    .bottom-menu .menu-items .menu-item {
        position: relative;
        align-items: center;
        width: 55px;
        height: 32px;
        background: rgba(255, 165, 0, 0);
        display: flex;
        justify-content: center;
        border-radius: 10px;
    }
    .bottom-menu .menu-items .menu-item:active {
        background: orange;
    }



}

.bottom-menu {
   display: none;
}