@media screen and (min-width: 960px){
    
}

@media screen and (min-width: 760px) and (max-width: 959px){

}

@media screen and (max-width: 759px){

}
/* Container bao bọc Menu top và search bar */
.menu-top-container {
    display: flex; /* Dùng Flexbox để sắp xếp các thành phần */
    align-items: center;
    padding: 10px 20px;
    background-color: #f8f8f8; /* Màu nền nhẹ */
    border-bottom: 1px solid #eee;
}

/* Định dạng Form tìm kiếm */
.search-form {
    display: flex;
    align-items: center;
    margin-left: auto; /* Đẩy form tìm kiếm sang phải (nếu cần) */
    width: 300px; /* Chiều rộng mong muốn */
    border: 1px solid #ccc;
    border-radius: 4px; /* Bo góc nhẹ */
    overflow: hidden; /* Giúp bo góc đẹp hơn */
}

/* Định dạng ô nhập liệu */
#search-input {
    flex-grow: 1; /* Chiếm hết không gian còn lại */
    padding: 8px 10px;
    border: none;
    outline: none; /* Bỏ viền khi focus */
    font-size: 14px;
}

/* Định dạng nút Tìm kiếm */
.search-button {
    background-color: #007bff; /* Màu xanh dương làm nổi bật */
    color: white;
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    transition: background-color 0.2s;
}

.search-button:hover {
    background-color: #0056b3;
}

/* Nếu bạn muốn căn chỉnh với input cũ (dựa trên ảnh) */
.input-placeholder {
    margin-right: 20px;
    /* Có thể thêm style để căn chỉnh chiều cao */
}