/* Menu cấp 3 */
.menu-items ul li ul li ul {
  width: 250px; /* Đặt chiều rộng menu cấp 3 */
  display: none;
  position: absolute;
  top: 2%; /* Hiển thị ngay dưới li tương ứng */
  left: 100%;
  background-color: #f9f9f9;
  padding: 10px;
  z-index: 9999;
}
.menu-items ul li:hover ul li ul {
	display:none;
} 
.menu-items ul li ul li:hover ul {
  display: block;
}
/* Menu cấp 3 trong menu cấp 1 cuối cùng → bật sang trái */
.menu-items ul li.last-menu-lv1 ul li ul {
  left: auto;
  right: 100%;
}

/* Hover: bật menu cấp 3 */
.menu-items ul li ul li:hover > ul {
  display: block;
}

/* Style item cấp 3 */
.menu-items ul li ul li ul li {
  color: #333;
  margin-top: 10px;
}

.menu-items ul li ul li ul li a {
  font-size: 16px;
  color: #333;
  text-decoration: none;
}

.menu-items ul li ul li ul li:hover a {
  color: #fff;
  background-color: unset;
}
.menu-items ul li ul li ul li {
  color:#333;
  margin-top: 10px;
}

.menu-items ul li ul li ul li a {
  font-size: 16px;
  color: #333;
}

.menu-items ul li:hover ul li ul li a {
  color: #333;
}
.menu-items ul li ul li:hover ul li a {
	color: #333;
}

.menu-items ul li ul li ul li:hover a {
  color: #fff;
}


/* Responsive menu cấp 3 */
@media (max-width: 768px) {
  .mobile-menu .menu-items ul li ul li ul {
    display: none;
    padding-left: 20px;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
  }
	.mobile-menu .menu-items ul li:hover ul li ul {
		display:none;
	} 
	.mobile-menu .menu-items ul li:hover {
		color: #fff;
	}
	.mobile-menu .menu-items ul li .submenu-header:hover > i{
		color: #fff;
	}
  .mobile-menu .menu-items ul li .submenu-header:hover > a {
	  color:#fff;
  }
  .mobile-menu .menu-items ul li ul li:hover ul,
  .mobile-menu .menu-items ul li ul li .submenu.show {
    display: block;
  }
  
  .mobile-menu .menu-items ul li ul li ul li {
    padding-left: 15px;
    border-left: 2px solid #ddd;
  }

    
  
  .mobile-menu .menu-items ul li ul li:hover ul,
  .mobile-menu .menu-items ul li ul li .submenu.show {
    display: block;
  }
  
  .mobile-menu .menu-items ul li ul li ul li {
    padding-left: 15px;
    border-left: 2px solid #ddd;
  }
  .mobile-menu .menu-items ul li ul li:hover ul li {
	  background-color: #333;
	  color: #fff;
  } 
  .mobile-menu .menu-items ul li ul li:hover ul li a {
	  color: #fff;
  }
  
  
}