/*
 * CSS responsive của trang danh sách bài viết, nạp ngay sau article-category.css.
 *
 * Các mốc màn hình dưới đây trùng với lưới của Bootstrap 5 và đang để trống:
 * cần chỉnh ở cỡ màn hình nào thì viết vào mốc đó. Mốc xếp từ rộng tới hẹp, nên
 * luật ở mốc dưới đè luật ở mốc trên.
 */

/* Dưới 1400px: laptop, màn hình máy bàn nhỏ. */
@media (max-width: 1399.98px) {
}

/* Dưới 1200px: laptop nhỏ, máy tính bảng xoay ngang. */
@media (max-width: 1199.98px) {
}

/* Dưới 992px: máy tính bảng. Từ mốc này thanh menu ngang nhường chỗ cho menu trượt. */
@media (max-width: 991.98px) {
}

/* Dưới 768px: điện thoại xoay ngang. Từ mốc này nút liên hệ nhanh thành thanh dính đáy. */
@media (max-width: 767.98px) {
}

/* Dưới 576px: điện thoại. */
@media (max-width: 575.98px) {
}
