.offcanvas-header {
		display: none;
}
.primary-menu-open-all {
		overflow: hidden;
}
.primary-menu-open-all .body-overlay {
		z-index: 10;
		transition: opacity .3s ease, width 0s;
		opacity: 1;
		width: 100%;
		visibility: visible;
}
.body-overlay.active {
		z-index: 1020;
		transition: opacity .3s ease, width 0s;
		opacity: 1;
		width: 100%;
		visibility: visible;
}
.body-overlay {
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: -1;
		pointer-events: none;
		-webkit-backface-visibility: hidden;
		transition: opacity 0.3s ease;
}
/* ============ mobile view ============ */
@media all and (max-width: 991px) {
		.offcanvas-header {
				display: block;
		}
		.mobile-offcanvas {
				visibility: hidden;
				transform: translateX(-100%);
				border-radius: 0;
				display: block;
				position: fixed;
				top: 125px;
				left: 0;
				height: calc(100vh - 125px);
				z-index: 1200;
				width: 66%;
				overflow-y: scroll;
				overflow-x: hidden;
				transition: visibility .6s ease-in-out, transform .3s ease-in-out;
				background-color: #ffffff;
				padding: 0;
		}
		.menu-item .sub-menu-trigger {
				width: 100%;
				top: 0;
				height: 50px;
				padding-right: 1rem;
				text-align: end;
		}
		.menu-item .sub-menu-trigger.icon-rotate-90 {
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		.menu-item.current .sub-menu-trigger.fa-chevron-right::before {
				content: "\f078";
			 color: #ffffff;
		}
		.menu-item .sub-menu-container {
				padding-left: 0;
		}
		.menu-item .sub-menu-container .menu-item .menu-link {
				padding-left: 2rem;
		}
		.mobile-offcanvas.primary-menu-active {
				visibility: visible;
				transform: translateX(0);
		}
		.mobile-offcanvas .container, .mobile-offcanvas .container-fluid {
				display: block;
		}
		.mobile-offcanvas .menu-container {
				max-height: calc(100vh - 70px) !important;
				height: calc(100vh - 70px) !important;
		}
		header .primary-menu .menu-link {
				font-size: .95rem !important;
				padding-left: 1rem;
				text-transform: none !important;
		}
		header .primary-menu .menu-link small {
				font-size: .75rem !important;
		}
		.sticky-header .mobile-offcanvas {
				top: 50px;
				min-height: calc(100vh - 50px);
				height: calc(100vh - 50px);
				background-color: #ffffff;
				padding: 0;
		}
}
@media all and (max-width: 767px) {
		.mobile-offcanvas {
				top: 117px;
				height: calc(100vh - 117px);
				background-color: #ffffff;
				padding: 0;
		}
}
/* ============ mobile view .end// ============ */