/* Mobile: ≤640px */
@media (max-width: 640px) {
    .container-custom { margin-left: 5px; margin-right: 5px; }
    .header-home { flex-direction: column; height: auto; padding: 10px 0; }
    .header-home-left { flex: none; text-align: center; }
    .header-home-right { flex: none; justify-content: center; height: auto; margin-top: 10px; }
    .header-home-logo { height: 5vh; margin: 1vh 3px 1vh 5px; }
    .header-home-title h1 { font-size: 80%; }
    .tanggal { text-align: center; }
    .link-top { height: 6vh; padding: 0 5px; font-size: 12px; margin: 0 2px; }
    .left-register { flex: 0 0 100%; margin-bottom: 10px; }
    .right-register { flex: 0 0 100%; }
    .left-register-image img { width: 90%; }
    .judul h1 { font-size: 90%; }
    .judul h2 { font-size: 80%; }
    .judul h3 { font-size: 80%; }
    .form-register-inner { height: auto; padding: 10px; }
    .column-2 { width: 100%; }
    .isian-left, .isian-right { width: 100%; float: none; }
    .isian-left { text-align: left; margin-bottom: 5px; }
    .isian-left label { line-height: normal; }
    .form-control, select.form-control:not([size]):not([multiple]) { height: 30px; }
    .ambil p { font-size: 12px; padding: 0 10px; height: 30px; }
    #camera { width: 200px; height: 150px; }
    .box-kepuasan { width: 100%; margin: 10px 0; }
    .jawaban-icon img { width: 50px; height: 50px; }
}

/* Tablet: ≤768px */
@media (max-width: 768px) {
    .container-custom { margin-left: 10px; margin-right: 10px; }
    .header-home-logo { height: 6vh; margin: 1vh 5px 1vh 10px; }
    .header-home-title h1 { font-size: 100%; }
    .judul h1 { font-size: 100%; }
    .judul h2 { font-size: 90%; }
    .judul h3 { font-size: 90%; }
    .left-register-image img { width: 70%; }
    .column-2 { width: 100%; }
    .isian-left, .isian-right { width: 100%; float: none; }
    .isian-left { text-align: left; margin-bottom: 5px; }
    .isian-left label { line-height: normal; }
    .ambil p { font-size: 14px; }
    #camera { width: 250px; height: 187px; }
    .box-kepuasan { width: 45%; }
}

/* Desktop: ≥1024px */
@media (min-width: 1024px) {
    .container-custom { margin-left: 20px; margin-right: 20px; }
    /* Additional desktop styles if needed */
}