.mlist {
  padding-top: 1.3rem !important;
  padding-bottom: 1.3rem !important;
}

.mlist>h3 {
  padding-top: 1rem;
  /*border-top: 1px #999 solid;*/
}

.mlist>div {
  display: grid;
  gap: 1rem;
}

#rPrimary>div {
  grid-template-columns: 1fr 1fr 1fr;
}

#rSecondary>div {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

  #rPrimary>div {
    grid-template-columns: 1fr 1fr;
  }

  #rSecondary>div {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

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

  #rPrimary>div {
    grid-template-columns: 1fr;
  }

  #rSecondary>div {
    grid-template-columns: 1fr;
  }
}

.mlist>div>div {
  display: grid;
  /*grid-template-rows: auto 2rem 2rem minmax(1rem, 2rem) auto 40px;*/
  grid-auto-rows: min-content;
  width: 100%;
  background: var(--grey);
}

.mlist>div>div>figure {
  grid-row: 1;
  width: 100%;
}

.mlist>div>div>figure img {
  width: 100%;
}

.mlist>div>div>h4 {
  grid-row: 4;
  padding: .6rem 1rem 0;
}

.mlist>div>div>.category {
  grid-row: 2;
  padding: .6rem 1rem;
}

.mlist>div>div>.published {
  grid-row: 3;
  padding: .6rem 1rem;
}

.mlist>div>div>.content {
  grid-row: 5;
  padding: 0 1rem;
}


.mlist>div>div>.readmore {
  grid-row: 6;
  padding: .6rem 1rem;
}