body {
  margin-top: 7rem;
  background-color: #0D4D4D;
}


.filter-button-group {
  padding: 15px;
  display: block!important;
  
}

.btn.btn-default {
  padding: 1rem 0;
  font-size: 1.7rem;
  border-radius: 0;
  border: none;
  color: #648381;
  background: none;
}
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default.is-checked {
  background-color: transparent;
  
  outline: none;
  color: #506967;
  border-bottom: 3px solid #506967;
}

.thumbnail {
  border-radius: 0px;
  border: 0px;
  padding: 0px;
}

a.pp_play,
a.pp_arrow_previous,
a.pp_arrow_next,
a.pp_close {
  display: none;
}

.pp_social .twitter {
  float: left;
  width: 60px;
}

.pp_social .facebook {
  float: left;
  margin-left: 15px;
  width: 80px;
  overflow: hidden;
}

.pp_nav {
  margin-top: 0;
}
@media (max-width: 1200px){
  .filter-button-group{
    display: grid!important;
  }
.btn-group{
  width: 100%!important;
}
}
@media (max-width: 992px){
  .filter-button-group{
    display: grid!important;
  }
  .btn-group{
    width: 100%!important;
  }
}
@media (max-width: 768px){
  .filter-button-group{
    display: grid!important;
  }
  .btn-group{
    width: 100%!important;
  }
}
@media (max-width: 552px){
  .filter-button-group{
    display: grid!important;
    padding: 0px;
  }
  .btn.btn-default{
    font-size: 12px;
  }
  .btn-group{
    width: 100%!important;
  }
}
@media (max-width: 320px){
  .filter-button-group{
    display: grid!important;
    padding: 0px;
  }
  .btn-group{
    width: 100%!important;
  }
}