.mobile-bottom-nav{
    display:none;
}

@media (max-width:800px){

.mobile-bottom-nav{
    display:flex;
    position:fixed;
    bottom:0;
    left:0;
    right:0;

    height:58px;

    background:#0f0f0f;
    border-top:1px solid #272727;

    justify-content:space-around;
    align-items:center;

    z-index:9999;
}

.mobile-bottom-nav .nav-item{
    flex:1;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-decoration:none;
    color:#aaaaaa;

    transition:.2s;
}

.mobile-bottom-nav .nav-item i{
    font-size:18px;
    margin-bottom:3px;
}

.mobile-bottom-nav .nav-item span{
    font-size:10px;
    font-weight:400;
}

.mobile-bottom-nav .nav-item.active{
    color:#ffffff;
}

.mobile-bottom-nav .nav-item:hover{
    color:#ffffff;
}

body{
    padding-bottom:58px;
}

}