@media (min-width: 992px){
	body .navbar-expand-xl .navbar-collapse{
		display: block !important;
	}
}

@media( max-width: 991px ){
	.navbar-collapse, .navbar-collapse.collapsing, .navbar-collapse.collapse.show{
		position: fixed;
		z-index: 99;
		top: 107px;
		left: 0;
		width: 100%;
		height: calc( 100vh - 76px );
		margin: 0;
		padding: 32px 0;
		background: var(--wp--preset--color--gray-200);
		border: none;
	}
	.navbar-collapse{
		display: flex;
		flex-direction: column;
		max-height: 100vh;
		max-height: -webkit-fill-available;
		overflow: auto;
	}
	.navbar-collapse.collapse:not(.show){
		display: none;
	}
	.navbar-collapse{
		opacity: 0;
		transform: scale(1.2);
		transform-origin: center top;
		transition: all .3s ease;
		transition-property: opacity, transform;
	}
	.navbar-collapse.collapse.show{
		transform: scale(1);
		opacity: 1
	}
}

@media( max-width: 767px ){
	.navbar-collapse, .navbar-collapse.collapsing, .navbar-collapse.collapse.show{
		top: 76px;
	}
}