#my_nav {
position:fixed;
bottom:50px;

left:0px;
width:100%;
text-align:center;
z-index:99;
}

@media (max-width:767px) {
#my_menu {display:none;}
#my_nav {display:none;}
}

#my_nav ul>li {
display:inline-block;
padding-top:7px;
padding-bottom:7px;
padding-left:5px;
padding-right:5px;
letter-spacing:3px;
}
#my_nav ul {text-decoration:none;
width:100%;
padding-top:10px;padding-bottom:10px;
padding-left:0px;padding-right:0px;
background:rgba(67,70,75,.6);

margin:0;
}
#my_nav ul>li::before {
   content: '';
   display: inline-block;
   width: 10px;
   height: 10px;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   background-color: #262a2b;
        border:2px solid #262a2b;
}
#my_nav ul>li:hover::before {
background-color: white;
border:2px solid white;
}

#my_nav ul>li::after {
        padding:0;
        margin:0;
        transform:translateY(-4px);
        display:inline-block;
        visibility:visible;
        width:0px;
opacity:0;
text-transform:uppercase;
        font-size:9px;
color:white;
line-height:10px;
letter-spacing:4px;
}
#my_nav ul>li:last-child:after{
}
#my_nav ul>li:hover::after {
width:175px;
opacity:1;
border:0px solid black;
}