/*- FILTER OPTIONS -*/
ul#filterOptions {
  width:700px;
  overflow:hidden;
 margin: 30px 10px;
  list-style-type:none;
}
ul#filterOptions li { height: 52px; margin-right: 2px; float: left; }
ul#filterOptions li a {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #999;
border-radius:5px;
  background: #cfcfcf;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display: block;
}

.filter-show{
display:block;
}

.filter-hide{
display:none;
}
ul#filterOptions li a:hover { background: #c9c9c9; }
ul#filterOptions li.active a { background: #999; }

@media  (max-width: 567px){

  ul#filterOptions {
  width:100%;
 
}
ul#filterOptions li {float:none !important; width:90%;}
}