@media (max-width: 1024px) {
    #header_desktop_mendikbud_2, #header_desktop_mendikbud{
        display:none;

    }
    .bg-color-mendikbud{
        background: linear-gradient(90deg, #04599E 0%, #000000 100%);

    }

    .header-mobile-kemdikbud{
        /* Layer 1 */

        /* Auto layout */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 16px 20px;
        gap: 24px;

        width: 100%;
        height: 72px;

        /* Gradient/Header */

        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;

    }

    .header-mobile-kemdikbud .header-mobile-kiri{
        /* Frame 109 */

        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 8px;

        margin: 0 auto;
        width: 174px;
        height: 40px;


        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;


    }
    .header-mobile-kemdikbud .header-mobile-kiri img{
        /* image 18 */

        width: 40px;
        height: 40px;

        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;

    }
    .header-mobile-kemdikbud .header-mobile-kiri span{
        /* Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi */

        width: 126px;
        height: 36px;

        /* Plus Jakarta Sans/Misc/Caption Small - Bold */
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        /* or 120% */
        display: flex;
        align-items: center;
        letter-spacing: 0.005em;

        color: #FFFFFF;


        /* Inside auto layout */
        flex: none;
        order: 2;
        flex-grow: 0;
    }

    .header-mobile-kemdikbud .header-mobile-kanan{
        /* Frame 260 */

        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 12px;

        margin: 0 auto;
        width: 60px;
        height: 24px;


        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;

    }
    .header-mobile-kemdikbud .header-mobile-kanan .icon-header-kiri{
        /* Left Icon */

        width: 24px;
        height: 24px;


        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;

    }
    .header-mobile-kemdikbud .header-mobile-kanan .icon-header-kanan{
        /* Left Icon */

        width: 24px;
        height: 24px;


        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;


    }

    .header-mobile-kemdikbud .header-mobile-kanan .icon-header-kiri button,
    .header-mobile-kemdikbud .header-mobile-kanan .icon-header-kanan button{
        background-color: transparent;
        text-decoration: none;
        border: none;

    }

    .sub-header-mobile-kemdikbud{
        /* Frame 1 */

        /* Auto layout */
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
        gap: 32px;
        height:100%;


        /* Inside auto layout */
        flex: none;
        order: 2;
        align-self: stretch;
        flex-grow: 0;

    }

    .sub-header-mobile-kemdikbud .beranda{
    /* Navigation Item */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
    width: 89px;
    height: 20px;


    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    }
    .sub-header-mobile-kemdikbud .beranda a{
        text-decoration:none;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        letter-spacing: 0.005em;

        /* Color/White */
        color: #FFFFFF;


        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .sub-header-mobile-kemdikbud .kelompok{
        /* Frame 1 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;


        /* Inside auto layout */
        flex: none;
        order: 2;
        align-self: stretch;
        flex-grow: 0;
    }
    .sub-header-mobile-kemdikbud .kelompok .informasi-umum,
    .sub-header-mobile-kemdikbud .kelompok .informasi-lain{
        /* Frame 10 */
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 4px 0px;
        gap: 12px;

        height: 32px;

        /* Color/White */
        border-bottom: 1px solid #FFFFFF;

        /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;

    }

    .sub-header-mobile-kemdikbud .kelompok .informasi-umum span,
    .sub-header-mobile-kemdikbud .kelompok .informasi-umum button,
    .sub-header-mobile-kemdikbud .kelompok .informasi-lain span,
    .sub-header-mobile-kemdikbud .kelompok .informasi-lain button {
        /* informasi umum */

        height: 13px;

        /* Plus Jakarta Sans/Misc/Button - Extra Small */
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 13px;
        /* identical to box height, or 126% */
        display: flex;
        align-items: center;
        letter-spacing: 0.15em;
        text-transform: uppercase;

        /* Color/White */
        color: #FFFFFF;

        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .sub-header-mobile-kemdikbud .kelompok .isi {
        /* Frame 1 */

        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;

        /* Inside auto layout */
        flex: none;
        align-self: stretch;
        flex-grow: 0;

    }
    .sub-header-mobile-kemdikbud .kelompok .isi a {
        /* Hukum & Regulasi (JDIH) */


        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        letter-spacing: 0.005em;
        padding-left:16px;

        /* Color/White */
        color: #FFFFFF;


        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;

    }
    .sub-header-mobile-kemdikbud .kelompok .isi .main-data {
        /* Frame 263 */

        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 8px;



        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;

    }
    .sub-header-mobile-kemdikbud .kelompok .isi .main-data button {
        background-color: transparent;
        text-decoration: none;
        border: none;


        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: center;
        letter-spacing: 0.005em;
        color: #FFFFFF;

        flex: none;
        order: 0;
        flex-grow: 0;
        padding: 8px 16px;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .sub-header-mobile-kemdikbud .kelompok .isi .main-data button:hover,
    .sub-header-mobile-kemdikbud .kelompok .isi .main-data button:focus {
        background-color: rgba(255, 255, 255, 0.1);
        color: #000000;
        cursor: pointer;
        outline: none;
    }

    .sub-header-mobile-kemdikbud .kelompok .keterangan span{
        /* Temukan informasi tentang Kemdikbudristek, struktur organisasi, dan regulasi */


        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* or 125% */
        letter-spacing: 0.005em;

        /* Color/White */
        color: #FFFFFF;


        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;

    }


}