@media (max-width: 768px) {
  .agency-map {
    display: none;
  }
  /* --- 1. Thiết lập cho thẻ <form> cha --- */
  .search-agency-form {
    display: flex;
    flex-direction: column; /* BẮT BUỘC: Xếp các phần tử con thành 1 cột dọc */
    gap: 15px; /* Tạo khoảng cách 15px giữa mỗi phần tử */
    width: 90%; /* Đảm bảo form chiếm đủ chiều rộng */
    padding: 15px; /* Thêm đệm xung quanh form */
    box-sizing: border-box;
  }

  /* --- 2. Định dạng chung cho các phần tử con (select, button) --- */
  .search-agency-form select,
  .search-agency-form button {
    /* Cho mỗi phần tử chiếm toàn bộ chiều rộng */
    width: 100%;

    box-sizing: border-box;
    padding: 12px; /* Tăng chiều cao để dễ nhấn hơn trên mobile */
    font-size: 1rem; /* Kích thước chữ tiêu chuẩn (16px) */
    border: 1px solid #ccc;
    border-radius: 5px;
  }

  /* --- 3. Tùy chỉnh riêng cho nút "Tìm kiếm" --- */
  .search-agency-form button {
    background-color: #007bff; /* Một màu sắc nổi bật */
    color: white;
    font-weight: bold;
    border: none;
    cursor: pointer;
  }

  .search-agency-list {
    margin-left: 0px;
  }

  /* --- 1. Canh giữa thẻ form bên trong div cha --- */
  .search-agency {
    display: flex; /* Kích hoạt Flexbox */
    justify-content: center; /* BẮT BUỘC: Canh giữa form theo chiều ngang */
    padding: 20px 0; /* Thêm khoảng đệm trên dưới cho đẹp hơn */
  }
}