@media screen and (max-width: 575.98px) {
    /* Timeline - home*/
    .timeline {
        height: auto;
    }

    .jdl-timeline {
        padding-top: 20px;
        text-align: center;
        font-size: 1em;
    }

    .text-box {
        padding: 20px 20px;
        transition: none;
        font-size: 14px;
    }

    .timeline-container {
        padding: 10px 10px;
        position: relative;
        width: 100%;
    }
    .right-timeline {
        left: 0;
    }

    .timeline-border::after,
    .timeline-container img {
        display: none;
    }

    /* Timeline jadwal */
    .jadwal {
        height: auto;
    }

    .jadwal .jdl-timeline {
        text-align: center;
        font-size: 1em;
    }

    .timeline-agenda {
        gap: 15px;
        padding: 30px 10px;
    }
    .timeline-agenda::after {
        display: none;
    }
    .timeline-content {
        width: 100%;
        cursor: none;
        transition: none;
    }
    .timeline-content::before {
        display: none;
    }

    .desc {
        font-size: 15px;
    }
    .timeline-content:nth-child(even):hover,
    .timeline-content:nth-child(odd):hover {
        transform: none;
        transition: none;
    }
    .timeline-content:nth-child(even) {
        margin-left: auto;
    }
    .timeline-content:nth-child(even) .desc {
        text-align: left;
    }

    .timeline-content:nth-child(odd) .tag {
        right: 10px;
    }

    .tag {
        font-size: 12px;
    }
    .tag .tag-progress {
        background-color: rgb(105, 215, 72);
        color: #f9f9f9;
        padding: 6px 5px;
        border-radius: 7px;
    }

    /* Footer */
    .footer-container {
        display: block;
    }

    .content-contact-alamat,
    .content-contact-telp,
    .content-contact-email {
        margin-right: 0;
    }

    .content-contact-alamat p,
    .content-contact-telp p,
    .content-contact-email p {
        margin-right: 0;
    }
    .footer-center {
        margin-top: 40px;
        text-align: center;
        margin-left: -35px;
    }
    .social-media img {
        height: 30px;
    }
    .footer-center p {
        font-weight: 400;
        font-size: 1em;
    }
    .footer-center p {
        display: none;
    }

    /* Pembayaran DU */
    .pembayaran-du {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .pembayaran-du .jdl-pembayaran-du {
        text-align: center;
        font-size: 1em;
    }
    .pembayaran-du .info-pembayaran-du {
        text-align: center;
        padding: 10px 30px;
        font-weight: 300;
        font-size: 12px;
    }
    .card-pembayaran-du {
        display: block;
        /* margin-left: 50px; */
    }

    /* Card Pendaftaran */
    .card-pendaftaran {
        width: 250px;
        height: 260px;
        transition: none;
    }
    .jdl-pendaftaran-card {
        padding-top: 0;
        font-size: 1em;
        font-weight: 400;
    }
    .harga-pendaftaran {
        font-size: 1.1em;
        font-weight: 400;
        padding-top: 0;
    }
    .list-ketentuan {
        font-size: 0.8em;
    }
    .btn-pembayaran button {
        width: 200px;
        height: 32px;
        font-size: 12px;
    }

    /* Card DU */
    .card-du {
        /* width: 250px; */
        /* height: 310px; */
        transition: none;
    }

    /* Card Info */
    .card-info {
        width: auto;
        padding: 20px 10px;
        /* height: 210px; */
        transition: none;
    }
    .card-info .desc-du {
        font-size: 0.8em;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .btn-pembayaran button:active {
        transform: none;
        transition: none;
    }
    .btn-pembayaran button:hover {
        transition: none;
        background: #ffda89;
        color: #090909;
    }

    /* Card Narahubung */
    .narahubung {
        height: auto;
        width: 100%;
    }
    .card-narahubung {
        display: block;
        margin: 20px 65px;
    }
    /* .card-narahubung-wa:hover,
    .text-box:hover {
        transform: none;
    } */
    .card-narahubung-wa {
        margin-top: 20px;
        width: auto;
        /* height: 100px; */
        font-size: 0.8em;
        padding: 10px 20px;
    }

    /* Popup Pembayaran */
    .popup-pembayaran {
        height: 100vh;
    }
    .popup-pembayaran-putra,
    .popup-pembayaran-putri {
        position: absolute;
        top: 40%;
        left: 5%;
        transform: none;
        transition: none;
        width: 90%;
        height: 250px;
        padding: 20px;
    }
    .popup__header p {
        font-size: 1em;
        font-weight: bold;
    }

    /* Popup lainnya */
    .popup-details {
        height: 112vh;
    }
    .popup-details .popup-container {
        top: 4%;
        left: 5%;
        transform: none;
        transition: none;
        height: 90vh;
        width: 90%;
        /* height: 780px; */
    }
    .popup-header {
        color: #090909;
        font-size: 1em;
        font-weight: bold;
    }

    /* Card Narahubung */
    .narahubung {
        height: auto;
        width: 100%;
    }
    .card-narahubung {
        /* display: block; */
        margin: 0px 65px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    /* .card-narahubung-wa:hover,
    .text-box:hover {
        transform: none;
    } */
    .card-narahubung-wa {
        margin-top: 20px;
        width: 260px;
        height: 100px;
        font-size: 0.8em;
        padding: 10px 20px;
    }
    .putri {
        margin-bottom: 40px;
    }

    /* Jurusan */
    .jurusan {
        height: auto;
    }
    .jdl-jurusan h3 {
        font-size: 1em;
    }

    .jurusan-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #fff6c3;
    }

    .card-jurusan .row-1 {
        display: block;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }

    .card-jurusan .tengah {
        margin: 20px auto;
        /* height: 240px; */
    }

    .card-1,
    .card-3 {
        margin: 0 auto;
        /* height: 240px; */
    }

    .nama-fakultas img {
        width: 40px;
    }
    .nama-fakultas p {
        font-size: 1em;
        font-weight: 400;
    }
    .prodi img {
        width: 20px;
    }
    .prodi p {
        padding-left: 30px;
        color: #090909;
        font-size: 12px;
    }
}