/* Desktop thông thường */
@media screen and (max-width: 1200px) {
    /* Styles cho màn hình <= 1440px */
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding-left: 11px;
        padding-right: 11px;
    }
}

/* Laptop / Tablet xoay ngang */
@media screen and (max-width: 1024px) {
    /* Styles cho màn hình <= 1024px */
    .storefront-primary-navigation .main-navigation {
        flex: unset;
    }
}

/* Tablet đứng */
@media screen and (max-width: 768px) {
    /* Styles cho màn hình <= 768px */
}

/* Mobile lớn (ví dụ iPhone 11, 12...) */
@media screen and (max-width: 600px) {
    /* Styles cho màn hình <= 600px */
}

/* Mobile nhỏ (điện thoại cũ, nhỏ) */
@media screen and (max-width: 480px) {
    /* Styles cho màn hình <= 480px */
}

/* Siêu nhỏ (cỡ 375px trở xuống – như iPhone SE) */
@media screen and (max-width: 375px) {
    /* Styles cho màn hình rất nhỏ */
}