.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-around;
    padding: 8px 0;
    z-index: 9999 !important;
}

    .bottom-nav a {
        text-decoration: none;
        color: #777;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .bottom-nav a.active {
            color: #ff6b00;
        }

.bottom-space {
    height: 80px;
}
@media(min-width:992px) {

    .bottom-nav,
    .bottom-space {
        display: none;
    }
}