/* Tablet layout: 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px){
  .container,
  .content-wrap{
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
  }

  .home-grid,
  .detail-grid,
  .popular-page-grid,
  .category-layout,
  .archive-layout{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .sidebar,
  .detail-sidebar{
    width: 100%;
  }

  .headline-slider{
    min-height: 320px;
  }

  .photo-grid,
  .highlight-grid,
  .editor-grid,
  .related-grid,
  .category-grid,
  .archive-grid,
  .search-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  img,
  iframe{
    max-width: 100%;
  }
}