#clearfilter {

    width: 24%;

    height: 40px;

    background: #ccc;

    border: none;

    color: #fff;

    cursor:pointer;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:11px; font-family:'telefon';

}

.filters {

    width: 100%;

    clear: both;

    margin: 25px 0;

    height: 40px;

}

.filters .ProgramStyle {

    position: relative;

    float: left;

    width: 24%;

    margin-right: 1%;

}

 



.ProgramStyle select {

  display: none; /*hide original SELECT element:*/

}

.select-selected {

  background-color: #fff;

}

/*style the arrow inside the select element:*/

.select-selected:after {

  position: absolute;

  content: "";

     top: 18px;

    right: 14px;

  width: 0;

  height: 0;

  border: 4px solid transparent;

  border-color: #000 transparent transparent transparent;

}

/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {

  border-color: transparent transparent #000000 transparent;

  top: 10px;

}

/*style the items (options), including the selected item:*/

.select-items div,.select-selected {

  color: #000;

  padding: 8px 16px;

  border: 1px solid #d5d5d5;

  cursor: pointer;

  text-transform:uppercase; letter-spacing:2px; font-size:11px;

}

/*style items (options):*/

.select-items {

  position: absolute;

  background-color: #ffffff;

  top: 100%;

  left: 0;

  right: 0;

  z-index: 99;

  border:0px solid #d5d5d5;

}

.select-items div {border-top:0px;}

/*hide the items when the select box is closed:*/

.select-hide {

  display: none;

}

.select-items div:hover, .same-as-selected {

  color:#aedbcd;

} 



@media only screen and (max-width: 650px) {



.filters .ProgramStyle {

    width: 48%;

    margin-bottom: 10px;

}



#clearfilter {

    width: 48%;

}

}