.burger-menu {
	display: none; /* Hide burger menu by default on larger screens */
	cursor: pointer;
	transition: transform 0.3s;
}

.bar {
	width: 30px;
	height: 2px;
	background-color: var(--revenna-gray-dark);
	margin: 6px 0;
	transition: transform 0.3s;
}

.contact-menu-item {
	display: none;
}

/* Media query for smaller screens (adjust the breakpoint as needed) */
@media screen and (max-width: 768px) {
	.navbar-r .content {
		flex-flow: row wrap;
	}

	.nav-menu {
		display: none !important; /* Hide the regular menu on smaller screens */
		min-width: 100%;
		flex-grow: 0;
		flex-basis: 50%;
		margin: 0 auto;
		padding: 0 !important;
		background-color: white;
		top: -200px;
		transition: top 1s ease-in-out;
	}

	.nav-menu li {
		text-align: left;
		margin: 20px 10px;
	}
	.contact-menu-item {
		display: block;
	}

	.burger-menu {
		display: block; /* Show burger menu on smaller screens */
		margin-left: auto;
	}

	.nav-menu.show {
		display: block !important;
		position: fixed;
		height: 184px;
		border-width: 0;
		border-bottom: 1px solid var(--revenna-gray-light);
		top: 64px;
	}

	.burger-menu.active .bar:nth-child(1) {
		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.burger-menu.active .bar:nth-child(2) {
		opacity: 0;
	}

	.burger-menu.active .bar:nth-child(3) {
		transform: rotate(45deg) translate(-5px, -6px);
	}

	/* Add any additional styles for the mobile menu, e.g., overlay, animation, etc. */
}