@import '../../../../../client/scss/settings';
@import '../../../../../client/scss/tools';

@include media-breakpoint-up(sm) {
  .fields {
    max-width: none;

    .field-col {
      padding-inline-start: 0;

      .field {
        display: flex;
        flex-direction: column;

        .field-content,
        label {
          width: auto;
          max-width: 75%;
          padding-top: 0;
        }
      }
    }

    > li {
      padding-top: 0;
    }

    .tagfilter legend {
      width: auto;
    }
  }
}

.listing.horiz {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  align-items: flex-end;
  justify-items: center;

  @include media-breakpoint-up(sm) {
    justify-items: initial;
  }

  > li {
    width: auto;
  }
}

@import '../../../../../client/scss/settings';
@import '../../../../../client/scss/tools';

@include media-breakpoint-up(sm) {
  .fields {
    max-width: 1000px;

    .field-col {
      padding-inline-start: 0;

      .field {
        display: flex;
        flex-direction: column;

        .field-content,
        label {
          width: auto;
          max-width: 85%;
          padding-top: 0;
        }
      }
    }

    > li {
      padding-top: 0;
    }

    .tagfilter legend {
      width: auto;
    }
  }
}

.listing.horiz {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  align-items: flex-end;
  justify-items: center;
  border: none;

  @include media-breakpoint-up(sm) {
    justify-items: initial;
  }

  > li {
    width: auto;
    border: none;
  }
}

Decrease horizontal space between dropdowns and remove grey lines around images
Decrease horizontal space between dropdowns and remove grey lines around images
