/*Sub-menu box*/

#horizontal-multilevel-menu {display: flex; width: 100%; height: 50px; align-items: center; justify-content: space-between; border: solid 0px;}
#horizontal-multilevel-menu .parent .parent__arrow {width: 10px; height: 10px; margin: 0px 0px 0px 3px;}
#horizontal-multilevel-menu .parent:hover .parent__arrow {transform: rotate(180deg);}

@media (min-width: 991px) {
#horizontal-multilevel-menu {min-width: 768px;}
}

#horizontal-multilevel-menu li ul li {margin-bottom: 10px;}
#horizontal-multilevel-menu li ul li a {font-size: 11px; line-height: 14px;}

#horizontal-multilevel-menu li.parent {position: relative; height: 50px; display: flex; align-items: center;}
#horizontal-multilevel-menu li ul::before{content:' '; height: 30px;}
#horizontal-multilevel-menu li ul
{	padding: 20px; 
	position:absolute;
	/*top:-999em;*/
	top: 44px;
	left: 0%;

	display:none;
	z-index:500;
	height:auto;
	/*width:12em;*/
	width:277px;
	background:#F5F5F5;
	border:0px solid #C1C1C1;
}

@media (max-width: 991px) {
#horizontal-multilevel-menu li.parent {height: auto; display: block}
#horizontal-multilevel-menu {display: block; width: 100%; height: auto;}
#horizontal-multilevel-menu .parent .parent__arrow {width: 14px; height: 14px; margin: 0px 0px 0px 3px;}
#horizontal-multilevel-menu li ul {background: transparent; position: relative; top: 0px; margin: 0px;padding: 10px; }
.header__list {height: auto; overflow: auto;}
}


#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

