*
{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

 li a i
{
  
  font-size: 20px;
  color: black;
}
li
{
  list-style: none;
 
}

.mobile-list 
{
  display: none;
 
}
@media only screen and (max-width:800px)
{
  
  .mobile-list
    {
      background-color: white;
    display:block;
    color: black;
    position: fixed;
    bottom: 0;
    margin-bottom: 0px;
    left: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 10px;
    z-index: 9999;
    }
    .mobile-list i
    {
       font-size:7vmin;
       cursor: pointer;
    }

     .mobile-list li:hover i
    {
    
     color: red;
      
    }
}