.bottom-nav{
    display : none;
}


@media screen and (max-width : 991px){
    
    footer{
        padding-bottom : calc( 8% + 20px);
    }
    
    .bottom-nav{
        display : block;
        position : fixed;
        bottom : 0;
        width : 100%;
        z-index : 9999;
    }
    .bottom-nav .bottom{
        background-color : white;
    }
    
    .bottom-nav .bottom li{
        flex : 1;
        padding: 4px 2px;
        padding-right : 0;
    }
    .bottom-nav .bottom li:last-child{
        padding-right : 2px;
    }

    .bottom-nav .left{
        position : absolute;
        bottom : 120%;
        right : 20px;
        width : 10%;
    }

    .bottom-nav .left li{
        margin: 5px 0;
        border-radius : 50%;
    }
}