#overlay {
	visibility: hidden;
	position: fixed;
	background: var(--DEFAULT);
	width: calc(100% - var(--MENU-WIDTH));
	height: 100vh;
	top: 0;
	right: 0;
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.1s ease, visibility 0.1s ease;
}

#mobile-menu {
	visibility: hidden;
	transform: translateX(-100%);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: var(--MENU-WIDTH);
	height: 100%;
	background-color: var(--WHITE);
	z-index: 1000;
	overflow-x: hidden;
	transition: opacity 0.1s ease, transform 0.1s ease;
}

.bx-top-nav-container {
	position: relative;
}

.bx-nav-list-1-lvl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bx-nav-1-lvl-link {
    display: flex;
    border-bottom: none;
    border-radius: 1px;
    text-decoration: none;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

}
.bx-nav-1-lvl-link .fas {color: var(--black-color);}
.bx-nav-1-lvl-link-text.active {
	color: var(--PRIMARY);
}

.bx-nav-2-lvl-container {
	z-index: 999;
	/* padding: 5px 10px; */
	opacity: 1;
	display: flex;
	position: absolute;
	background: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	margin-top: 0 !important;
}
.bx-nav-2-lvl-container .dropdown-menu {    background: unset !important;
    -webkit-transition: unset !important;
    transition: unset !important;
    -webkit-box-shadow: unset !important;    
	min-width: auto;
}
.bx-nav-2-lvl-link {
	display: flex;
	align-items: center;
}
.bx-nav-2-lvl-container .dropdown-menu .bx-nav-2-lvl.has-subsubmenu {
      padding: 0px;
    }


.bx-nav-3-lvl-link, .bx-nav-3-lvl-link-text {
	display: flex;
	padding: 0;
}

@media (min-width:1199px){
	.nav-item.menu-item.bx-nav-1-lvl.bx-nav-list-2-col.has-submenu:first-child .dropdown-menu.bx-nav-2-lvl .menu-item.bx-nav-2-lvl.has-subsubmenu:last-child{
		border-right: 0;
		position: absolute;
		right: -20px;
		bottom: 50px;
	}

	.menu-item.bx-nav-2-lvl.has-subsubmenu{
		border-right: 1px solid var(--BORDER);
	}

	.nav-item.menu-item.bx-nav-1-lvl.bx-nav-list-2-col.has-submenu:first-child .dropdown-menu.bx-nav-2-lvl .menu-item.bx-nav-2-lvl.has-subsubmenu:nth-child(3),
	.nav-item.menu-item.bx-nav-1-lvl.bx-nav-list-2-col.has-submenu:first-child .dropdown-menu.bx-nav-2-lvl .menu-item.bx-nav-2-lvl.has-subsubmenu:nth-child(3){
		border-right: none;
	}

	.w-100{
		max-width: 100%!important;
	}
}


@media (max-width: 1199px) {
	#overlay.show {
		visibility: visible;
		opacity: 1;
	}

	#menu-list li {
		min-height: 50px;
		padding: 0;
		height: auto;
		text-decoration: none;
		display: flex;
		flex-direction: column;
	}

	.submenu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}

	.bx-nav-1-lvl-link-text {
		font-size: 16px;
		line-height: 19px;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.bx-nav-2-lvl-link-text,
	.bx-nav-2-lvl {
		background-color: var(--OPTION)
	}

	.subsubmenu.show {
		visibility: visible;
		top: 50px;
	}

	.subsubmenu.show li.menu-item a,
	.subsubmenu.show li.menu-item span {
		background-color: var(--WHITE)
	}

	.subsubmenu {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.menu-item.conceal {
		visibility: hidden;
		height: 0;
	}

	li.menu-item {
		border-top: 1px solid var(--BORDER);
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	li.menu-item .bx-nav-1-lvl-link, .bx-nav-2-lvl-link, .bx-nav-3-lvl-link, .bx-nav-2-lvl-link-text {
		display: flex;
		justify-content: space-between;
		/* height: 50px; */
		align-items: center;
		align-content: center;
	}

	li.menu-item div i {
		display: flex;
		align-items: center;
		justify-content: end;
		width: 50%;
		height: 100%;
		padding-right: 10px;
	}

	.menu-item .bx-nav-1-lvl-link.active {
		color: var(--WHITE);
		background-color: var(--PRIMARY);
	}

	.bx-nav-2-lvl.active {
		position: absolute;
		top: 0;
		visibility: visible;
		background-color: var(--PRIMARY);
	}

	.bx-nav-2-lvl-link-text.active {
		color: var(--WHITE);
		background-color: var(--PRIMARY);
		top: 0;
	}

	.menu-item .bx-nav-1-lvl-link.active i,
	.menu-item .bx-nav-1-lvl-link.active a {
		color: var(--WHITE);
	}

	#menu-list li:hover .submenu {
		display: block;
	}

	#mobile-menu.show {
		visibility: visible;
		transform: translateX(0);
	}
}

@media (min-width: 1200px) {

	.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
	.bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
		position: absolute;
		top: calc(100% + 10px);
		z-index: 999;
		display: flex;
		background: var(--WHITE);
		opacity: 1;
	}

	.bx-nav-2-lvl-container {
		display: none;
		opacity: 0;
		border-radius: 8px;
	}

	.bx-nav-list-2-lvl {
		display: flex;
		flex-direction: column;
	}

	.bx-nav-2-lvl {
		flex: 1
	}

	a span.bx-nav-2-lvl-link-text {
		color: var(--BLACK)
	}

	span.bx-nav-2-lvl-link-text {
		color: var(--PRIMARY-DARK)
	}

	.bx-nav-2-lvl {
		display: flex;
		flex-direction: column;
		min-width: 220px;
	}

	.bx-nav-2-lvl.has-subsubmenu {
		padding: 10px;
	}

	/*.bx-nav-2-lvl .bx-nav-2-lvl-link {
		padding: 20px 30px !important;
	}*/

	.bx-nav-list-3-lvl {
		margin-top: 12px;
		gap: 8px;
		display: flex;
		flex-direction: column;
		min-width: 180px;
		margin-bottom: 10px !important;
	}

	.bx-nav-3-lvl-link-text {
		white-space: nowrap;
	}

	.bx-nav-1-lvl-link:hover .bx-nav-1-lvl-link-text,
	.bx-nav-1-lvl-link:hover .fa-angle-down,
	.bx-nav-2-lvl-link:hover .bx-nav-2-lvl-link-text,
	.bx-nav-3-lvl-link:hover .bx-nav-3-lvl-link-text {
		color: var(--PRIMARY)
	}
}

@media screen and (max-width:900px) {
	.bx-nav-2-lvl-container{
        box-shadow: none;
		display: block;
    }

	.bx-nav-1-lvl-link .fas {
		display: none;
	}

	.main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul{
		margin-top: 0;
	}

	.navbar-nav{
		max-height: 300px;
        overflow-y: scroll;
	}

	span.bx-nav-2-lvl-link-text{
		padding: 0.5em 5%;
	}

	.mean-container .mean-nav ul li li a{
		padding: 0.5em 5%!important;
	}

	.bx-nav-2-lvl-container .dropdown-menu .bx-nav-2-lvl.has-subsubmenu{
		padding-right: 0!important;
		gap: 0!important;
	}
}