.nav-container {width: 100%; margin: 0 auto; position: relative; border-bottom: 1px solid #eee;}
.mobile-trigger {display: none;justify-content: center;align-items: center;padding: 15px 20px;background-color: #fff;cursor: pointer;font-size: 16px;font-weight: 500;border-bottom: 1px solid #eee;}
.mobile-trigger::after { content: ''; display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #333; margin-left: 8px; position: static;  transform: none;}
.mobile-trigger.active::after { border-top: 6px solid #333;}
.nav-title { cursor: pointer; position: relative;}
@media screen and (min-width: 768px) {
    .main-nav { width: 1160px;margin: auto;}
    .mobile-trigger {display: none !important;}
    .main-nav { display: flex; background-color: #fff;}
    .main-nav .nav-item.level-1 {position: relative; padding: 12px 15px;color: #858585; font-size: 15px;}
    .main-nav .nav-item.level-1 a{color: #858585; font-size: 15px;}
    .main-nav .nav-item.level-1:hover { background-color: #150D81 !important; color: #fff !important;}
    .main-nav .nav-item.level-1 .submenu.level-2 { display: none; position: absolute;top: 100%;left: 0;min-width: 180px;background-color: #fff;border: 1px solid #e5e5e5;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 100;}
    .main-nav .nav-item.level-2 {padding: 8px 15px;position: relative;color: #858585 !important; font-size: 15px;}
    .main-nav .nav-item.level-2:hover {background-color: #f0f0f0;}
	.main-nav .nav-item.level-2 .submenu.level-3 {display: none;position: absolute;top: 0;left: 100%;min-width: 180px;background-color: #fff;border: 1px solid #e5e5e5;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 101;}
    .main-nav .nav-item.level-3 {padding: 8px 15px;}
    .main-nav .nav-item.level-3 a {color: #858585;font-size: 15px;}
    .main-nav .nav-item.level-3:hover {background-color: #f0f0f0;}
    .main-nav .nav-title::after {display: none !important;}
}
@media screen and (max-width: 767px) {
    .main-nav { width: 100%;}
    .mobile-trigger {display: flex !important;}
    .main-nav {display: none;flex-direction: column;}
    .main-nav .nav-item {border-bottom: 0px solid #eee;}
    .main-nav .nav-item:last-child {border-bottom: none;}
    .main-nav .nav-title {padding: 12px 20px;background-color: #fff;font-size: 14px;color: #333;}
	.main-nav .nav-item.level-1.has-submenu .nav-title::after,.main-nav .nav-item.level-2.has-submenu .nav-title::after {content: '' !important;display: block !important;position: absolute !important;right: 20px !important; top: 50% !important;transform: translateY(-50%) !important;width: 0 !important;height: 0 !important;border-left: 5px solid transparent !important;border-right: 5px solid transparent !important;border-top: 6px solid #333 !important;}
    .main-nav .nav-item.level-1.has-submenu .nav-title::after, .main-nav .nav-item.level-2.has-submenu .nav-title::after {content: '' !important;display: block !important;position: absolute !important;right: 20px !important;top: 50% !important;transform: translateY(-50%) !important;width: 0 !important;height: 0 !important;border-left: 5px solid transparent !important;border-right: 5px solid transparent !important;border-top: 6px solid #333 !important;}
    .main-nav .nav-item.level-2 .nav-title {padding-left: 30px;background-color: #f9f9f9;}
    .main-nav .nav-item.level-3 a {display: block;padding: 12px 40px;color: #333;font-size: 14px;background-color: #f9f9f9;}
    .main-nav .submenu {display: none;}
    .main-nav .nav-title.active::after {border-top: 6px solid #333 !important;border-bottom: none !important;}
}