html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
@media (max-width: 992px){
	.offcanvas-collapse {
		top: 0;
	}
	.offcanvas-collapse {
		position: fixed;
		border: 0;
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #0f0f0f;
		transition-timing-function: ease-in-out;
		transition-duration: .3s;
		transition-property: left, visibility;
		z-index: 109;
	}
	.offcanvas-collapse.open {
		left: 0;
		visibility: visible;
		max-height: 100%;
	}
}
@media (min-width: 992px){
	html,
	body {
		overflow-x: initial; /* Prevent scroll on narrow devices */
	}
}