/* PC */
@media screen and (min-width: 1024px) {
    /* Các quy tắc cho màn hình PC có thể được thêm vào đây */
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Các quy tắc cho màn hình tablet */
}

/* Mobile */
@media screen and (max-width: 740px) {
    #nav>li {
        display: block; /* Mỗi item trong menu sẽ chiếm toàn bộ chiều rộng */
    }
}

/* Ẩn menu di động mặc định */
#menu-mobile {
    display: none;
}

/* Hiển thị menu khi nhấn vào icon hamburger */
#menu-mobile.show {
    display: block;
}

/* Ẩn icon hamburger trên màn hình lớn (desktop) */
@media (min-width: 768px) {
    #menu-toggle {
        display: none; /* Ẩn icon 3 sọc trên desktop */
    }
}

/* Hiển thị icon hamburger trên màn hình nhỏ (di động) */
@media (max-width: 767px) {
    #menu-toggle {
        display: block; /* Hiển thị icon 3 sọc trên di động */
    }
}

/* Khi menu di động hiển thị, đổi icon thành dấu X */
#menu-mobile.show #menu-toggle i {
    transform: rotate(90deg); /* Xoay icon khi menu mở */
}

@media (max-width: 768px) {
    .bic-banner-ctn {
        overflow: hidden;
    }
}
@media (max-width: 768px) {
    .bic-banner-ctn {
        background-size: cover;
        background-position: center;
    }
}
.product-option img {
    width: 76%; /* Hoặc giới hạn một tỷ lệ khác nếu cần */
    height: auto;
}
@media (max-width: 768px) {
    .product-option {
        width: 15%; /* Giảm kích thước phần tử trên điện thoại */
        margin-bottom: 15px;
    }

    .product-option img {
        width: 100%; /* Giảm kích thước hình ảnh */
    }
}

/* MOBILE  */