.post-grid__wrapper {
  flex-wrap: wrap;
  display: flex; }
  .post-grid__wrapper .o-col {
    margin-right: 0;
    width: 100%; }
    .post-grid__wrapper .o-col.one-col {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media (min-width: 768px) {
        .post-grid__wrapper .o-col.one-col {
          flex-wrap: nowrap; } }
      .post-grid__wrapper .o-col.one-col > * {
        width: 100%;
        margin-right: 0; }
        @media (min-width: 768px) {
          .post-grid__wrapper .o-col.one-col > * {
            width: calc((100% - 24px) /2);
            margin-right: 24px; } }
      .post-grid__wrapper .o-col.one-col > div {
        margin-right: 0; }
    @media (min-width: 768px) {
      .post-grid__wrapper .o-col.two-col {
        margin-right: 24px;
        width: calc((100% - 24px) / 2); }
        .post-grid__wrapper .o-col.two-col:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .post-grid__wrapper .o-col.three-col {
        margin-right: 24px;
        width: calc((100% - 24px) / 2); }
        .post-grid__wrapper .o-col.three-col:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .post-grid__wrapper .o-col.three-col {
        width: calc((100% - 48px) / 3); }
        .post-grid__wrapper .o-col.three-col:nth-child(2n) {
          margin-right: 24px; }
        .post-grid__wrapper .o-col.three-col:nth-child(3n) {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .post-grid__wrapper .o-col.four-col {
        margin-right: 24px;
        width: calc((100% - 24px) / 2); }
        .post-grid__wrapper .o-col.four-col:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .post-grid__wrapper .o-col.four-col {
        width: calc((100% - 72px) / 4); }
        .post-grid__wrapper .o-col.four-col:nth-child(2n) {
          margin-right: 24px; }
        .post-grid__wrapper .o-col.four-col:nth-child(4n) {
          margin-right: 0; } }
  @media (min-width: 768px) {
    .post-grid__wrapper .mobile-carousel {
      display: none; } }
  @media (max-width: 767px) {
    .post-grid__wrapper .has-mobile-carousel {
      display: none; } }