/* Default styles untuk .navbar dan #navbarByMe2 */
.navbar {
    /* Gaya untuk .navbar di luar media query */
    visibility: visible;
}

#navbarByMe2 {
    /* Gaya untuk #navbarByMe2 di luar media query */
    visibility: hidden;
}

/* Media query untuk layar dengan lebar 480 piksel atau kurang */
@media (max-width: 629px) {
    .navbar {
        visibility: hidden; /* Menyembunyikan .navbar */
    }

    #navbarByMe{
        display: none;
    }

    #navbarByMe2 {
        visibility: visible; /* Menampilkan #navbarByMe2 */
    }

   
}