.tabs {display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;
  
}
.tabs li{width: 25%; margin: 0;}
.tabs li br{display: none;}
/* .tabs li:last-child{text-indent: -9999px;} */

@media screen and (max-width: 768px) {
  .tabs li{width: calc(100% / 3);}
}
@media screen and (max-width: 550px) {
  .tabs li{width: 50%; padding: 0; height: 56px; display: flex; display: -ms-flexbox;
    font-size: 0.85em;
    align-items: center; -ms-flex-item-align: center;
    justify-content: center; -ms-flex-pack: center;
  }
  .tabs li br{display: block;}
}