.post-grid__pagination-page {
  display: inline-flex;
  flex-wrap: wrap;
}

.post-grid__pagination-page--1 .post-grid__box{
  flex: 0 0 100%;
  max-width: 100%;
}

.post-grid__pagination-page--2 .post-grid__box{
  flex: 0 0 50%;
  max-width: 50%;
}

.post-grid__pagination-page--3 .post-grid__box{
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.post-grid__pagination-page--4 .post-grid__box{
  flex: 0 0 25%;
  max-width: 25%;
}

.post-grid__pagination-page--5 .post-grid__box{
  flex: 0 0 20%;
  max-width: 20%;
}

@media (max-width: 992px) {
  .post-grid__pagination-page--tablet-1 .post-grid__box{
    flex: 0 0 100%;
    max-width: 100%;
  }

  .post-grid__pagination-page--tablet-2 .post-grid__box{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .post-grid__pagination-page--tablet-3 .post-grid__box{
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .post-grid__pagination-page--tablet-4 .post-grid__box{
    flex: 0 0 25%;
    max-width: 25%;
  }

  .post-grid__pagination-page--tablet-5 .post-grid__box{
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 550px) {
  .post-grid__pagination-page--mobile-1 .post-grid__box{
    flex: 0 0 100%;
    max-width: 100%;
  }

  .post-grid__pagination-page--mobile-2 .post-grid__box{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .post-grid__pagination-page--mobile-3 .post-grid__box{
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .post-grid__pagination-page--mobile-4 .post-grid__box{
    flex: 0 0 25%;
    max-width: 25%;
  }

  .post-grid__pagination-page--mobile-5 .post-grid__box{
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.post-grid__pagination-page .post-grid__box img{
  object-fit: cover;
}

.posts-grid__pagination-bar {
  padding-top: 30px;
}

.posts-grid__pagination-bar ul {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.posts-grid__pagination-bar li {
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
}