#filter {
  margin: 2rem 0;
  padding: 2rem;
  display: none;
}
#filter, #extrafilters{
justify-content: start;
flex-wrap: wrap;
width:100%;
}
#filter .col, #extrafilters .col{
  width: calc(25% - 1.5rem);
  margin-right: 1.5rem;
}

 @media only screen and (max-width:1300px){
     #filter .col, #extrafilters .col{
         width: -webkit-calc(33.33% - 1.5rem);
         width: -moz-calc(33.33% - 1.5rem);
         width: calc(33.33% - 1.5rem);
         margin-right: 1.5rem;
    }
}