/* Responsive */
@media (max-width: 1024px) {

    #pull{
        display: inline-block;
    }

    .facility-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .menu{
        display: none;
    }

    .logo{
        max-width: 130px
    }

    .container{
        padding: 0px 30px;
    }

    .content{
        padding: 60px 0px;
    }

    .hero-banner{
        padding: 0px;
        background-position: center center !important;
    }

    .hero-banner .hero-banner-title{
        font-size: 24px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .value-section{
        padding: 30px 0px;
    }

    .section-sub-title{
        font-size: 20px;
    }

    .section-title{
        font-size: 28px;
    }

    .section-text{
        margin-bottom: 20px;
    }

    .value-item{
        flex: 0 0 100%;
        padding: 0px 10px 0px 0px;
        min-height: 0px;
        background-color: transparent;
    }

    .value-content{
        font-size: 1em;
    }

    .value-image img{
        display: none;
    }

    .facility-section{
        padding: 30px 0px;
    }

    .facility-header h2{
        font-size: 24px;
        font-weight: 600;
    }
    
    .registration-flow-section{
        padding: 20px 20px 50px 20px;
    }

    
    .registration-sidebar{
        padding: 30px 40px;
        margin-right: 0px;
    }

    .page-syarat-spmb .registration-sidebar{
        display: none;
    }


    .content-syarat-spmb{
        font-size: 16px;
    }

    .registration-form-wrapper{
        padding: 30px 20px;
    }

    .upload-item{
        flex: 0 0 100%;
    }

    .user-wrapper{
        padding: 30px 0px;
    }

    .student-detail .detail{
        flex: 0 0 100%;
        border-bottom: 1px solid #ddd;
        border-right: none;
        padding: 10px 10px;
        margin: 0px 0px;
    }

    .student-detail .detail:last-child{
        border-bottom: none;
    }

    .registration-page-header{
        padding-top: 50px;
    }

    .registration-header{
        padding: 30px 40px;
        border-radius: 20px;
        text-align: center;
    }

    .registration-section{
        padding: 30px 0px;
    }

    .registration-header .registration-header-img{
        position: initial;
        margin-top: 30px;
    }

    .login-group{
        padding: 40px 50px;
    }
    

}

@media (max-width: 600px) {
    .facility-grid {
        grid-template-columns: 1fr;
    }
}