/* Tablet Break Point */
.menu-mobile {
    display: none; 
}

[data-open="true"] > .dropdown-menu {
    display: flex;
    flex-direction: column;
}

[data-open="false"] > .dropdown-menu {
    display: none;
}

.hamburger-icon {
    cursor: pointer;
}


.menu-mobile-container {
    display: flex;
    flex-direction: column;
}

.menu-mobile-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Desktop Break Point */
@media screen and (max-width: 768px) {
    .menu-desktop {
        display: none;
    }
    .menu-mobile {
        display: block;
    }
}