/* Container chính */
.UIBanner_khobac .UIBannerControl {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: transparent;
    overflow: hidden;
}

/* Khung giới hạn độ rộng tối đa */
.UIBanner_khobac .banner-wrapper {
    width: 100%;
    max-width: 1200px; /* Không bao giờ vượt quá 1200px */
    height: auto;
    margin: 0 auto;
}

/* Khung chứa ảnh */
.UIBanner_khobac .image-container {
    width: 100%;
    text-align: center;
}

/* Hình ảnh banner - Quan trọng nhất */
.UIBanner_khobac .UIBannerControl img {
    width: 100%;        /* Chiếm hết chiều rộng khung chứa */
    height: auto;       /* Tự động tính chiều cao theo tỷ lệ ảnh */
    display: block;     /* Loại bỏ khoảng hở dưới ảnh */
    max-width: 100%;    /* Đảm bảo không vỡ khung */
}

/* ==========================================================================
   PHẦN RESPONSIVE
   ========================================================================== */

/* Cho Tablet và Mobile (Dưới 1200px) */
@media (max-width: 1200px) {
    .UIBanner_khobac .banner-wrapper {
        padding: 0 10px; /* Thêm một chút khoảng đệm ở hai bên cho đẹp */
    }
}

/* Cho Mobile (Dưới 768px) */
@media (max-width: 768px) {
    .UIBanner_khobac .banner-wrapper {
        width: 100%;
        padding-top: 45px; /* Ảnh tràn viền hoàn toàn trên điện thoại */
    }
}