/* ============================================================
   BrijCode — Blog Page Responsive
   ============================================================ */

@media (max-width: 1199px) {
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .blog-featured {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .blog-search {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .blog-main {
    padding-top: 92px;
  }

  .blog-filters {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .blog-filters::-webkit-scrollbar {
    display: none;
  }

  .blog-search__input {
    font-size: 16px;
  }

  .blog-page .site-footer {
    padding-top: 5.5rem;
  }
}

@media (max-width: 575px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}