.dm-events {
  margin-left: -1rem;
  margin-right: -1rem;
}

.dm-events ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.dm-events .row .oBoxContainer {
  width: 100%;
}

.dm-events ul li {
  max-width: 25%;
  padding: 1rem;
  display: flex;
}

.dm-events ul li .item-container {
  padding: 1rem;
  border: 2px solid #285c81;
  display: flex;
  flex-direction: column;
}

.dm-events ul li img {
  width: 100% !important;
  height: auto !important;
}

.dm-events ul li .item-title {
  font-size: 1.6rem;
  width: 100%;
  display: flex;
  margin-top: .5rem;
}

.dm-events ul li .item-summary {
  font-size: 1rem;
}

@media (max-width:960px) {
  .dm-events {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }
  .dm-events ul li {
    max-width: 50%;
    min-width: 50%;
    padding: .5rem;
  }
}
@media (max-width:576px) {
  .dm-events ul li {
    max-width: 100%;
    min-width: 100%;
  }
}