.menu-top_menu-container {
    width: 100%;
}

header nav {
    font-size: 1.5rem;
    z-index: 10;
}

    header nav ul {
      display: flex;
      /* align-items: center; */
      list-style: none;
      padding: 0;
      margin: 0; 
		z-index: 10;
        width: 100%;
    }

      header nav ul>li>a {
        color: #fff;
        text-decoration: none;
        height: 80px;
        display: flex;
        align-items: center;
        margin: 0 0.3em;
        padding: 0 0.2em; 
		z-index: 10;}

      header nav ul>li:hover {
		  background: #666;
        	color: #fff;
}


nav div ul li {
    position: relative;
	
}

nav div ul li ul {
    display: none;
	width: auto;
	min-width: 320px;
    font-size: 18px;
    
}

nav div ul li:hover > ul {
    display: block;
    transition: 1000ms;
    position: absolute;
    background: #ccc;
	color: #000;
    font-size: 16px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

nav div ul li:hover > ul> li> a {
    border: none;
    height: auto;
    padding: 7px;
    color: #000;
}

nav div ul li:hover > ul> li> ul{
    position: absolute;
	right:0px;
    height: 50px;
    color: #333;
}

nav div ul li:hover > ul> li> ul> li{
    border-bottom: 1px solid #333;
	background: #ccc;
	position: relatice;
	left: 250px;
    height: 50px;
    color: #333;
}

nav div ul li:hover > ul> li> ul> li > a {
    border: none;
    height: 50px;
    color: #333;
}

@media screen (max-width: 768px) {
    nav div ul li:hover > ul {
        display: none
    }
    
    }