ul#menu
{
  li {
    text-align: left;

    @media screen and (max-width: 500px)
    {
      text-align: center;
    }
  }
}

ul#menu li {
  text-align: left;
}
@media screen and (max-width: 500px) {
  ul#menu li {
    text-align: center;
  }
}