@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
    .blog-card {
   flex: 0 0 calc((100% - 32px) / 2);
}
}
@media screen and (max-width: 768px) {
      .blog-card {
   flex: 0 0 calc((100% - 32px) / 2);
}
  .blog-page {
    padding: 20px 0;
  }

  .blog-page .container {
    gap: 16px;
  }

  .blog-intro {
    padding: 24px 20px;
    z-index: 1;
    overflow: visible;
    isolation: auto;
  }

  .blog-intro__title {
    font-size: 22px;
    line-height: 32px;
  }

  .blog-tags {
    padding: 10px 12px;
  }

  .blog-tags.is-pinned {
    position: fixed;
    top: var(--petboom-archive-sticky-top, 57px);
    left: 0;
    right: 0;
    max-height: 52px;
    z-index: 9999999 !important;
    border-radius: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
    background: var(--pet-primary-light);
  }

  .blog-tags.is-pinned::-webkit-scrollbar {
    display: none;
  }

  .blog-tags__spacer {
    width: 100%;
    flex-shrink: 0;
  }

  .blog-archive {
    padding: 24px 20px;
  }

  .sort-filter {
    position: relative;
  }

  .blog-card__summary {
    display: none;
  }

  .pagination {
    gap: 5px;
  }

  .sort-filter__panel {
    display: none !important;
  }

  .container {
    padding: 0;
  }

  .blog-intro__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .heroback,
  .herobackbutton,
  .blog-intro__bg {
    pointer-events: none;
  }
}

@media screen and (max-width: 576px) {
      .blog-card {
  flex: 1 1 100%;
}
.blog-grid {
  align-items: flex-start;
  justify-content: center;
}
}