.has-submenu .submenu {
    display: none;
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    padding: 10px;
    white-space: nowrap;
    max-width: 200%;
    width: auto;
}

.has-submenu:hover .submenu {
    display: block;
}
@media (max-width: 1024px) {
    .has-submenu .submenu {
        left: 50%; /* Khi màn hình có kích thước nhỏ, submenu hiển thị ở giữa */
        transform: translateX(-50%); /* Dịch chuyển submenu về trái 50% để căn giữa */
        z-index: 10;
    }
}