@media only screen and (max-width: 1214px){
    .container-menu ul li a{
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 1121px){
    .container-menu ul li a{
        font-size: 0.8rem;
    }
}
@media only screen and (max-width: 1074px){
    .container-menu ul li a{
        font-size: 0.7rem;
    }
}
@media only screen and (max-width: 945px){
    body{
        max-width: 100%;
    }
    .navigation{
        height: calc(20/100*100svw);
        z-index: 999;
    }
    .dropdown-menu{
        display: none;
    }
    #menu-logon{
        font-size: 2rem;
        color: #fff;
        text-decoration: none;
    }
    #logo{
    margin-left: 0.7rem;
    width: calc(70/100*100svw);
    }
    .container-menu ul{
        width: 0svw;
    }
    .container-menu ul li a{
        display: none;
    }
    .menu-lst{
        display: none;
        height: 0svh;
        margin: 0;
        padding-top: 0;
    }
    .cont-menicon{
        width: 100%;
        background-color: transparent;
    }
    .menu-lst li{
        background-color: transparent;
        margin: 0;
    }
    .menu-lst li a{
        color: #fff;
        font-size: calc(2/100*100svw);
    }
    .menu-lst.active{
        background-color: rgba(0, 0, 0, 0.57);
        padding-top: 0;
        top: calc(20/100*100svw);
        height: calc(47/100*100svw);
        z-index: 998;
        display: grid;
        grid-template-columns: 1fr;
        position: fixed;
        backdrop-filter: blur(10px);
        padding-left: 2svw;
        
    }

    /* Main Section Of Mobile Viewport*/

    .container{
        display: 1;
    }
    .img-desc{
        display: none;
    }    

    /* Profil Section Of Mobile Viewport*/

    .wrapper-profil{
        display: flex;
        max-width: 90svw;
        height: fit-content;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        margin-top: -19rem;
        background-color: transparent;
    }
    .content-wrapper{
        display: grid;
        width: fit-content;
        grid-template-columns: 1fr;
        padding-right: 20svw;
        background-color: transparent;
    }
    .content-wrapper .image-pf-wrapper{
        width: 80vw;
        height: calc(60/100*80vw);
        aspect-ratio: 16/9;
        margin-left: 5.6svw;
        margin-bottom: 2svh;
        border-radius: 0.3rem ;
    }
    .wrapper-profil .content-wrapper .desc{
        max-width: 80svw;
        height: calc(0/100*80vw);
        margin-left: 5.8svw;
        transition: 1.5s ease-in-out all;
        overflow: hidden;
    }
    .wrapper-profil .content-wrapper .desc h4{
        margin-top: 0.1svh;
    }
    .wrapper-profil .desc.active{
        height: fit-content;
        height: fit-content;
    }
    .content-wrapper .expand{
        width: 78svw;
        height: fit-content;
        background-color: transparent;
        margin-left: 4svw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.2svh;
    }
    .content-wrapper .expand a{
        color: #fff;
        text-decoration: none;
        border-radius: 1rem;
        border: #fff solid 0.5px;
        padding: 0.2rem;
    }
    .wrapper-profil .desc h4{
        font-size: 0.9rem;
    }
    .wrapper-profil .desc h5{
        font-size: 0.8rem;
    }
    .wrapper-profil .desc p{
        font-size: 0.7rem;
    }

    /* PARTNER Section Of Mobile Viewport*/

    .wrapper-partner{
        padding: 0;
        width: 85svw;
        height: calc(120/100*85svw);
        display: 1;
        overflow: hidden;
        background-color: transparent;
        margin-top: 10rem;
    }
    .wrapper-partner .container-partner{
        height: 100%;
        background-color: transparent;
        padding: 0;
        display: block;
    }
    .exam-wrapper{
        display: block;
        height: 100%;
        /*grid-template-columns: 1fr;*/
        background-color: transparent;
    }
    .exam-wrapper:nth-child(){
        margin-right: 10svw;
    }
    .image-container-p3{
        width: 80svw;
        height: calc(50/100*80vw);
        overflow: hidden;
        margin-bottom: 0;
        margin-left: 2.8svw;
        border-radius: 0.5rem;
        position: relative;
    }
    .image-container-p3 img{
        object-fit: cover;
    }
    .exam-wrapper .desc{
        margin-top: 0.5rem;
        width: 80svw;
        height: fit-content;
        position: relative;
        background-color: transparent;
        margin-left: 2.8svw;
    }
    .exam-wrapper .desc h4{
        font-size: calc(4/100*80svw);
    }
    .exam-wrapper .desc h5{
        font-size: calc(2/100*80svw);
        margin: 0;
    }
    .exam-wrapper .desc p{
        font-size: calc(2/100*80svw);
        margin: 0;
    }
    .rex-txt-wrapper{
        position: relative;
        margin-top: -26%;
        margin-right: auto;
        background-color: transparent;
        padding: 0;
    }
    .rex-txt-wrapper .spu-txt{
        margin-left: -2.3rem;
        background-color: transparent;
    }
    .rex-txt-wrapper .spu-txt p{
        font-size: calc(2/100*80svw);
        font-weight: 800;

    }
    .linear-anim-b2{
        margin-top: -2.7rem;
    }

    /* JURUSAN Section Of Mobile Viewport*/

    .container-main{
        overflow: hidden;
        width: 90svw;
        height: calc(239/100*90svw);
        display: block;
        top: 4rem;
        background-color: transparent;
    }
    .wrapper-main{
        width: 100%;
        height: 69svh;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        border-radius: 0;
        background-color: transparent;
    }
    .wrapper-main.active{
        height: calc(230/100*90svw);
        .class{
            display: unset;
        }
        .content{
            margin-top: 0;
        }
        .content .desc{
            height: fit-content;
            width: 62svw;
            background-color: transparent;
            margin-top: 0;
        }
        .content .desc h4{
            font-size: calc(4/100*62svw);
        }
        .content .desc p{
            font-size: calc(4/100*62svw);
        }
        .content .img-container{
            height: calc(170/100*51svw);
        }
    }
    .wrapper-main .content{
        margin-top: 0;
        margin-left: 0;
        /*animation: slideM 30s infinite;*/
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        position: absolute;
        margin-right: 0;
    }
    .content .desc{
        position: relative;
    }
    .wrapper-main .butt-cont{
        background-color: transparent;
        top: calc(222/100*90svw);
        margin: 0;
        padding: 0;
    }
    .wrapper-main .butt-cont .dot{
        width: 50svw;
        font-size: calc(2/100*90svw);
        margin: 4svw;
    }
    .wrapper-main .content .img-container{
        width: 62svw;
        height: calc(120/100*51svw);
        margin: 0;
    }
    .wrapper-main .content .desc{
        width: 62svw;
        height: 0rem;
        overflow: hidden;
        display: 1;
        margin: 0;
    }
    .wrapper-main .content .desc h4{
        font-size: 0.8rem;
    }
    .wrapper-main .content .desc p{
        font-size: 0.7rem;
        display: 1;
    }
    .expand-jr{
        width: 78svw;
        height: fit-content;
        background-color: transparent;
        margin-left: 6.8svw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1%;
        z-index: 45;
    }
    .expand-jr a{
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: calc(5/100*78svw);
        text-decoration: none;
        border-radius: 1rem;
        border: #fff solid 0.5px;
        padding: 0.2rem;
        cursor: pointer;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }

    /* PPDB Section Of Mobile Viewport*/

    .wrapper-ppdb{
        display: none;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        height: fit-content;
    }
    .wrapper-ppdb .container-content{
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
        height: fit-content;
        margin-top: 12svh;
    }
    .wrapper-ppdb .container-content .img-container{
        width: 80svw;
        height: 60svh;
        margin: 0rem;
    }
    .wrapper-ppdb .container-content .img-container img{
        object-fit: cover;
    }
    .wrapper-ppdb .container-content .img-container:nth-child(2){
        margin: auto;
    }
    .wrapper-ppdb .container-content .img-container:nth-child(3){
        margin: auto;
    }
    .wrapper-ppdb .container-content .posters{
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        margin: 0;
        border-radius: 0;
        margin-top: 3.4svh;
    }
    .wrapper-ppdb .container-content .posters .images{
        width: 80svw;
        height: 60svh;
        background-color: transparent;
        overflow: hidden;
        border-radius: 1rem;
        animation: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wrapper-ppdb .container-content .posters .images img{
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
    }
    .wrapper-ppdb .container-content .desc{
        display: none;
    }



    /* News Section Of Mobile Viewport*/

    .pinf-form-wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
    }
    .recent-posts-row {
        height: fit-content;
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
        gap: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: transparent;
    }
    .recent-post{
        width: 75svw;
        height: calc(22/100*75svw);
        margin-bottom: 5px;
        margin-right: 0svw;
    }
    .recent-post h3{
        font-size: calc(5/100*75svw);
    }
    .recent-post p{
        font-size: calc(4/100*75svw);
    }
    .recent-post p:nth-child(1){
        display: none;
    }
    .recent-post img{
        display: none;
    }
    .meta-tags{
        display: none;
    }


    /* Footer Section Of Mobile Viewport*/

    footer{
        width: 100%;
    }
    .footer-wrapper{
        display: 1;
    }
    .footer-wrapper .link-wrapper{
        padding-left: 0%;
        display: flex;
    }
    .footer-wrapper .link-wrapper .link:nth-of-type(1){
        margin-right: 2.4rem;
    }
    .footer-wrapper .link-wrapper .link:nth-of-type(3){
        margin-left: 2.4rem;
    }
    .footer-wrapper .link-wrapper .link p{
        margin-top: 0.6rem;
    }
    .dist i{
        font-size: 0.4rem;
    }
    .footer-wrapper .link-wrapper .link h5{
        font-size: 0.4rem;
    }
    .footer-wrapper .link-wrapper .link p{
        font-size: 0.4rem;
    }
    .footer-wrapper .link-wrapper .link p a{
        font-size: 0.4rem;
    }
}