.list-elements {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 992px) {
    .list-elements.by-column {
      display: block;
      -webkit-columns: 4;
         -moz-columns: 4;
              columns: 4; }
      .list-elements.by-column li {
        -webkit-column-break-inside: avoid;
           -moz-column-break-inside: avoid;
                break-inside: avoid;
        page-break-inside: avoid; } }
  .list-elements.by-line li {
    float: left;
    width: calc(20% - 15px); }
  .list-elements li {
    border-bottom: 1px dashed #dee2e6;
    padding: 15px 0; }
    .list-elements li.dummy {
      height: 0;
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
      border: 0; }
    @media (max-width: 991.98px) {
      .list-elements li {
        float: left;
        width: calc(50% - 15px) !important; } }
    @media (max-width: 767.98px) {
      .list-elements li {
        width: 100% !important; } }