.shop-area .container .filter-buttons{
  flex: 0 0 100%;
  max-width: 100%;
}
.shop-area .container .filter-buttons ul{
  list-style: none;
  text-align: center;
  padding: 0;
}
.shop-area .container .filter-buttons ul li{
  color: #000000;
  padding: 17px 25px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 11px;
  display: inline-block;
  margin: 0px 2px;
  text-transform: uppercase;
  cursor: pointer;
  padding-bottom: 0px;
  font-family: 'Montserrat', sans-serif;
  border: 2px solid #4e4e4e;
  padding: 10px 15px;
  display: inline-block;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.filter-buttons:focus {
outline: none;
}
.filter-buttons:hover {
  text-decoration: none;
  opacity: .8;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.shop-area .container .filter-buttons ul li.active{
  opacity: .3;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.filter-buttons.round {
  border-radius: 50px;
}
.filter-buttons.square {
  border-radius: 0;
}

.filter-buttons.small {
  padding: 10px 15px;
  font-size: 11px;
}
.filter-buttons.large {
  padding: 25px;
  min-width: 200px;
  font-size: 14px;
}