$otherPostsBp: 600;

.o-other-posts {
  margin-top: 120px;
  padding: 60px 0 80px;
  border: 2px solid palette(secondary, 100);
}

.o-other-posts__title {
  margin-bottom: 60px;

  @include mq($otherPostsBp) {
    text-align: center;
  }
}

.o-other-posts__grid {

  @include mq($otherPostsBp) {
    max-width: 960px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.o-other-posts__post {
  @include mq($max: $otherPostsBp) {
    @include owl(60px);
  }

  @include mq($otherPostsBp) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: calc((100% - 60px) / 2);
  }
}

.o-other-posts__post-contain {
  width: 100%;
  max-width: 340px;

  @include mq($otherPostsBp) {
    margin: auto;
  }
}