.mobile-hero-banner {
    display: none;
}

@media (max-width: 768px) {
    html,
    body,
    .homegapge {
        max-width: 100%;
        overflow-x: hidden !important;
        width: 100% !important;
    }

    .homegapge > .screen,
    .tuyen-sinh-phuong-thuc-tuyen-sinh,
    .tuyen-sinh-nganh-va-chi-tieu-xet-tuyen,
    .tuyen-sinh-u273e-an-tuyen-sinh,
    .kham-pha-bach-khoa-co-so-vat-chat {
        height: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        overflow: visible !important;
        overflow-x: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .image-Qlo5JP {
        aspect-ratio: 3128 / 243 !important;
        background: #075794 !important;
        height: calc(100vw * 243 / 3128) !important;
        line-height: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    .img-header-banner {
        display: block !important;
        aspect-ratio: 3128 / 243 !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        width: 100% !important;
    }

    .homegapge .frame-1171274867-I553b5 {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .homegapge .image-VExc9j {
        display: none !important;
    }

    .mobile-hero-banner {
        aspect-ratio: 2874 / 934 !important;
        background: #075794 !important;
        display: block !important;
        height: calc(100vw * 934 / 2874) !important;
        line-height: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    .mobile-hero-banner img {
        display: block !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        width: 100% !important;
    }

    /* Keep the desktop slider rules available above 768px only. */
    .homegapge .image-VExc9j {
        background: #075794 !important;
        height: clamp(120px, 32.5vw, 230px) !important;
        margin: 0 !important;
        min-height: 120px !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

    .homegapge .image-VExc9j .slider-wrapper {
        align-items: stretch !important;
        height: 100% !important;
        left: 0 !important;
        position: absolute !important;
        top: 0 !important;
        width: 300% !important;
    }

    .homegapge .image-VExc9j .slider-item,
    .homegapge .image-ElYjMM,
    .homegapge .image-xZ8gLi,
    .homegapge .image-GBMsY5 {
        background: #075794 !important;
        display: block !important;
        height: 100% !important;
        left: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        position: relative !important;
        top: auto !important;
        width: 33.333333% !important;
    }

    .homegapge .image-VExc9j .slider-controls button {
        align-items: center !important;
        background: rgba(0, 0, 0, 0.32) !important;
        display: inline-flex !important;
        height: 34px !important;
        justify-content: center !important;
        padding: 0 !important;
        width: 28px !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh > div[style*="display: flex"],
    .tuyen-sinh-nganh-va-chi-tieu-xet-tuyen > div[style*="display: flex"],
    .tuyen-sinh-u273e-an-tuyen-sinh > div[style*="display: flex"] {
        align-items: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        justify-content: flex-start !important;
        margin-bottom: 0 !important;
        padding: 16px 0 28px !important;
        width: 100% !important;
    }

    .frame-1171274868-t9Bl09 {
        left: auto !important;
        margin: 0 !important;
        padding: 0 16px !important;
        position: relative !important;
        width: 100% !important;
    }

    .frame-12842-0SQJSj {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        overflow: visible !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .frame-12842-0SQJSj > a {
        display: block !important;
        text-decoration: none !important;
        width: 100% !important;
    }

    .frame-35-Pr8TqS,
    .frame-30-Pr8TqS,
    .frame-34-Pr8TqS,
    .frame-33-Pr8TqS,
    .frame-38-Pr8TqS,
    .frame-36-Pr8TqS,
    .frame-37-Pr8TqS {
        border-radius: 8px !important;
        height: auto !important;
        min-height: 44px !important;
        min-width: 0 !important;
        padding: 8px 10px !important;
        width: 100% !important;
    }

    .frame-35-Pr8TqS .n-tuyn-sinh,
    .frame-30-Pr8TqS .n-tuyn-sinh,
    .frame-34-Pr8TqS .n-tuyn-sinh,
    .frame-33-Pr8TqS .n-tuyn-sinh,
    .frame-38-Pr8TqS .n-tuyn-sinh,
    .frame-36-Pr8TqS .n-tuyn-sinh,
    .frame-37-Pr8TqS .n-tuyn-sinh {
        color: #ffffff !important;
        display: block !important;
        font-size: 13px !important;
        line-height: 18px !important;
        overflow: visible !important;
        text-align: center !important;
        text-overflow: clip !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .frame-35-Pr8TqS .x2-row,
    .frame-30-Pr8TqS .x2-row,
    .frame-34-Pr8TqS .x2-row,
    .frame-33-Pr8TqS .x2-row,
    .frame-38-Pr8TqS .x2-row,
    .frame-36-Pr8TqS .x2-row,
    .frame-37-Pr8TqS .x2-row,
    .frame-32-0SQJSj,
    .right-menu {
        display: none !important;
    }

    .group-33831-t9Bl09,
    .phuong-thuc-tuyen-sinh,
    .quy-che-tuyen-sinh,
    .right-content,
    .frame-96-xxUGVO {
        height: auto !important;
        left: auto !important;
        margin: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 16px !important;
        position: relative !important;
        top: auto !important;
        width: 100% !important;
    }

    .group-33831-t9Bl09 > *,
    .phuong-thuc-tuyen-sinh > *,
    .quy-che-tuyen-sinh > *,
    .right-content > * {
        max-width: 100% !important;
    }

    .content,
    .content-ho-so-dk {
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh iframe,
    .tuyen-sinh-u273e-an-tuyen-sinh iframe,
    .quy-che-tuyen-sinh iframe,
    .phuong-thuc-tuyen-sinh iframe {
        border: 1px solid #dbe7f2 !important;
        border-radius: 8px !important;
        height: 68vh !important;
        min-height: 420px !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh img,
    .tuyen-sinh-u273e-an-tuyen-sinh img,
    .quy-che-tuyen-sinh img,
    .phuong-thuc-tuyen-sinh img,
    .right-content img {
        height: auto !important;
        max-width: 100% !important;
    }

    .right-content table,
    .content table,
    .phuong-thuc-tuyen-sinh table,
    .quy-che-tuyen-sinh table {
        display: block !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        width: 100% !important;
    }

    .frame-96-xxUGVO {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .frame-94 {
        align-items: stretch !important;
        border-radius: 10px !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        height: auto !important;
        min-height: 56px !important;
        padding: 12px !important;
        width: 100% !important;
    }

    .frame-94 .toggle-btn,
    .frame-94 .frame-1171274869 {
        width: 100% !important;
    }

    .my-tnh-v-cng-ngh-thng-tin-2xXUiH,
    .ch-tiu-tuyn-sinh,
    .frame-94 p,
    .frame-94 div {
        white-space: normal !important;
    }

    .frame-94 .frame-1171274870 {
        display: none !important;
    }

    .toggle-content {
        height: auto !important;
        max-width: 100% !important;
        overflow: visible !important;
        width: 100% !important;
    }

    .toggle-content > div[class*="frame-117127487"],
    .frame-1171274872,
    .frame-1171274873,
    .frame-1171274874,
    .frame-1171274875 {
        align-items: flex-start !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        height: auto !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
        width: 100% !important;
    }

    .toggle-content img[class*="vector-305"] {
        display: none !important;
    }

    .toggle-content .frame-30 {
        align-items: flex-start !important;
        display: flex !important;
        gap: 8px !important;
        height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .toggle-content .frame-30 a {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .toggle-content p {
        display: block !important;
        font-size: 14px !important;
        line-height: 20px !important;
        margin: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .toggle-content div[class^="x"],
    .toggle-content div[class*=" x"] {
        font-size: 14px !important;
        line-height: 20px !important;
        min-width: 34px !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    .tohop-container {
        margin: 16px 0 !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        padding: 12px !important;
        width: 100% !important;
    }

    .tohop-grid {
        display: grid !important;
        gap: 8px !important;
        grid-template-columns: 1fr !important;
    }

    .cac-hoat-dong-noi-bat {
        font-size: 22px !important;
        line-height: 30px !important;
        margin: 0 0 14px !important;
        text-align: left !important;
    }

    .cac-hoat-dong-noi-bat-content {
        align-items: stretch !important;
        border: 1px solid #dbe7f2 !important;
        border-radius: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        margin: 0 !important;
        overflow: hidden !important;
        padding: 0 0 12px !important;
        width: 100% !important;
    }

    .img-hd-noi-bat {
        height: auto !important;
        width: 100% !important;
    }

    .img-hd-noi-bat img {
        border-radius: 0 !important;
        display: block !important;
        height: auto !important;
        max-height: none !important;
        object-fit: cover !important;
        width: 100% !important;
    }

    .cac-hoat-dong-noi-bat-content .content {
        padding: 0 12px !important;
    }

    .cac-hoat-dong-noi-bat-content a {
        display: inline !important;
        overflow-wrap: anywhere !important;
    }

    .cac-hoat-dong-noi-bat-content p,
    .cac-hoat-dong-noi-bat-content span {
        font-size: 15px !important;
        line-height: 23px !important;
        overflow-wrap: anywhere !important;
    }

    .line-bottom {
        margin: 14px 0 !important;
        width: 100% !important;
    }

    .tu-van-tuyen-sinh {
        margin: 0 !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        text-align: left !important;
        width: 100% !important;
    }

    .tu-van-tuyen-sinh h3 {
        font-size: 22px !important;
        line-height: 30px !important;
        text-align: left !important;
    }

    .nd-tu-van-tuyen-sinh {
        align-items: flex-start !important;
        display: flex !important;
        gap: 10px !important;
        margin: 12px 0 !important;
        width: 100% !important;
    }

    .nd-tu-van-tuyen-sinh > img {
        flex: 0 0 24px !important;
        height: 24px !important;
        margin: 0 !important;
        width: 24px !important;
    }

    .nd-tu-van-tuyen-sinh p,
    .nd-tu-van-tuyen-sinh a {
        display: block !important;
        flex: 1 1 auto !important;
        font-size: 15px !important;
        line-height: 22px !important;
        margin: 0 !important;
        overflow-wrap: anywhere !important;
        width: auto !important;
    }

    #tu-van-form > div {
        align-items: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    #tu-van-form label,
    #tu-van-form input,
    #tu-van-form textarea,
    #tu-van-form button {
        flex: none !important;
        width: 100% !important;
    }

    #captchaImage {
        align-self: flex-start !important;
        max-width: 180px !important;
    }

    .pagination {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .phng-thc-xt-tuyn-nm-2024-Br91mx {
        color: #0063af !important;
        font-size: 22px !important;
        line-height: 30px !important;
        margin: 8px 0 14px !important;
        text-align: left !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17115-Br91mx {
        display: grid !important;
        gap: 14px !important;
        grid-template-columns: 1fr !important;
        left: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17115-Br91mx > a {
        display: block !important;
        text-decoration: none !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17120-gTgDXW,
    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17123-gTgDXW,
    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17122-gTgDXW,
    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17124-gTgDXW,
    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17121-gTgDXW,
    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17125-gTgDXW {
        align-items: stretch !important;
        background: #f8fbff !important;
        border: 1px solid #dbe7f2 !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 18px rgba(15, 63, 111, 0.08) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        height: auto !important;
        justify-content: flex-start !important;
        min-height: 0 !important;
        padding: 16px !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-1171274887 {
        align-items: center !important;
        display: grid !important;
        gap: 10px 14px !important;
        grid-template-columns: 72px 1fr !important;
        grid-template-areas:
            "icon title"
            "icon register" !important;
        justify-items: start !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-1171274887 .group {
        grid-area: icon !important;
        height: 64px !important;
        margin: 0 !important;
        object-fit: contain !important;
        width: 64px !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-1171274887 .xt-tuyn-thng-theo-quy-nh-ca-b-gdt {
        color: #111827 !important;
        display: block !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        grid-area: title !important;
        line-height: 23px !important;
        margin: 0 !important;
        min-height: 0 !important;
        overflow-wrap: anywhere !important;
        text-align: left !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .admission-register-button {
        align-items: center !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        grid-area: register !important;
        justify-content: center !important;
        min-height: 34px !important;
        padding: 7px 16px !important;
        position: static !important;
        width: auto !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .admission-card-actions {
        display: flex !important;
        justify-content: flex-start !important;
        margin-left: 86px !important;
        width: auto !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17115-Br91mx .master_-button:not(.admission-register-button) {
        align-items: center !important;
        background: transparent !important;
        box-shadow: none !important;
        display: inline-flex !important;
        gap: 8px !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        width: auto !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17115-Br91mx .button-label {
        font-size: 15px !important;
        line-height: 22px !important;
        white-space: nowrap !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-17115-Br91mx .arrow-right {
        flex: 0 0 18px !important;
        height: 18px !important;
        width: 18px !important;
    }

    .list-post {
        align-items: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .list-post a {
        display: inline !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 480px) {
    .frame-35-Pr8TqS,
    .frame-30-Pr8TqS,
    .frame-34-Pr8TqS,
    .frame-33-Pr8TqS,
    .frame-38-Pr8TqS,
    .frame-36-Pr8TqS,
    .frame-37-Pr8TqS {
        min-width: 0 !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh iframe,
    .tuyen-sinh-u273e-an-tuyen-sinh iframe,
    .quy-che-tuyen-sinh iframe,
    .phuong-thuc-tuyen-sinh iframe {
        min-height: 360px !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-1171274887 {
        grid-template-columns: 62px 1fr !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .frame-1171274887 .group {
        height: 56px !important;
        width: 56px !important;
    }

    .tuyen-sinh-phuong-thuc-tuyen-sinh .admission-card-actions {
        margin-left: 76px !important;
    }
}