:root {
  --members-list--grid-width--max-four: 272px;
  --members-list--grid-width--max-six: 179px;
  --members-list--grid-width--max-seven: 158px;
  --members-list--grid-height: 113px;
  --members-list--grid-gap--four: 80px;
  --members-list--grid-gap--six: 40px;
  --members-list--grid-gap--seven: 40px;
  --members-list--image-width--four: 75%;
  --members-list--image-width--six: 60%;
  --members-list--image-width--seven: 55%;
  --members-list--grid-height--mobile: 79px;
  --members-list--grid-gap--four--mobile: 40px;
  --members-list--grid-gap--six--mobile: 20px;
  --members-list--grid-gap--seven--mobile: 20px;
  --members-list--image-width--four--mobile: 65%;
  --members-list--image-width--six--mobile: 60%;
  --members-list--image-width--seven--mobile: 55%;
}

/* default */
.members-listing-block--section ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 50px 0 50px;
}

/* default 4 */
.members-listing-block--section ul li {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  min-height: var(--members-list--grid-height--mobile);
}

/* default 4 */
.members-listing-block--section ul.list-size--max-4 {
  row-gap: var(--members-list--grid-gap--four--mobile);
}
.members-listing-block--section ul.list-size--max-4 li {
  width: 50%;
}
/* override 6 & 7 */
.members-listing-block--section ul.list-size--max-6 {
  row-gap: var(--members-list--grid-gap--six--mobile);
}
.members-listing-block--section ul.list-size--max-7 {
  row-gap: var(--members-list--grid-gap--seven--mobile);
}
.members-listing-block--section ul.list-size--max-6 li,
.members-listing-block--section ul.list-size--max-7 li {
  width: 33.3333%;
}

.members-listing-block--section ul li:last-child {
  border-right: none;
}

@media (max-width: 1199px) {
  .members-listing-block--section ul.list-size--max-4 li:nth-child(2n),
  .members-listing-block--section ul.list-size--max-6 li:nth-child(3n),
  .members-listing-block--section ul.list-size--max-7 li:nth-child(3n) {
    border-right: none;
  }
}

.members-listing-block--section ul li .views-field-field-media-image {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
}

.members-listing-block--section ul li .views-field-field-media-image .field-content {
  display: block;
  text-align: center;
}

/* default 4 */
.members-listing-block--section ul.list-size--max-4 li .views-field-field-media-image img {
  width: var(--members-list--image-width--four--mobile);
}
/* override 6 */
.members-listing-block--section ul.list-size--max-6 li .views-field-field-media-image img {
  width: var(--members-list--image-width--six--mobile);
}
/* override 7 */
.members-listing-block--section ul.list-size--max-7 li .views-field-field-media-image img {
  width: var(--members-list--image-width--seven--mobile);
}

/* Bigger than laptop */
@media (min-width: 1200px) {

  /* override for four columns */
  .members-listing-block--section ul.list-size--max-4 {
    justify-content: center;
  }
  /* default 4 */
  .members-listing-block--section ul.list-size--max-4 {
    row-gap: var(--members-list--grid-gap--four);
  }
  .members-listing-block--section ul.list-size--max-4 li {
    width: var(--members-list--grid-width--max-four);
  }
  /* override 6 */
  .members-listing-block--section ul.list-size--max-6 {
    row-gap: var(--members-list--grid-gap--six);
  }
  .members-listing-block--section ul.list-size--max-6 li {
    width: var(--members-list--grid-width--max-six);
  }
  /* override 7 */
  .members-listing-block--section ul.list-size--max-7 {
    row-gap: var(--members-list--grid-gap--seven);
  }
  .members-listing-block--section ul.list-size--max-7 li {
    width: var(--members-list--grid-width--max-seven);
  }

  .members-listing-block--section ul.list-size--max-4 li:nth-child(4n),  /* default 4 */
  .members-listing-block--section ul.list-size--max-6 li:nth-child(6n),
  .members-listing-block--section ul.list-size--max-7 li:nth-child(7n) {
    border-right: none;
  }

  .members-listing-block--section ul li {
    min-height: var(--members-list--grid-height);
  }

  /* default 4 */
  .members-listing-block--section ul.list-size--max-4 li .views-field-field-media-image img {
    width: var(--members-list--image-width--four);
  }
  /* override 6 */
  .members-listing-block--section ul.list-size--max-6 li .views-field-field-media-image img {
    width: var(--members-list--image-width--six);
  }
  /* override 7 */
  .members-listing-block--section ul.list-size--max-7 li .views-field-field-media-image img {
    width: var(--members-list--image-width--seven);
  }
}