@media (max-width: 1199px) {
  .simple-blog-list-grid,
  .simple-blog-category-grid,
  .simple-blog-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .simple-blog-hero {
    padding: 22px;
  }
  .simple-blog-hero h1 {
    font-size: 1.6rem;
  }
  .simple-blog-post {
    padding: 20px;
  }
  .simple-blog-post-header h1 {
    font-size: 1.7rem;
  }
  .simple-blog-list-grid,
  .simple-blog-category-grid,
  .simple-blog-related-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}