.main-menu{
			width: 100%;
			background: lightblue;
			display: flex;
			flex-flow: row wrap;
		}
		.main-menu ul{
			list-style: none;
			display: flex;
			font-size: 20px;

		}
		.main-menu li{
			position: relative;
			width: 180px;
			text-align: center;
		}
		.main-menu a{
			text-decoration: none;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 50px;
			background: lightblue;
		}
		.main-menu a:hover{
			background: green;
		}
		.main-menu li:hover .submenu1 >li{
			display: block;
			top: 0px;
		}
		.submenu1 li{
			display: none;
		}
		.submenu1{
			display: flex;
			flex-direction: column;
			position: absolute;
		}
		.submenu1 li{
			position: relative;
		}
		.submenu1 li:hover .submenu2 li{
			display: block;
			top: 0;
		}
		.submenu2 li{
			display: none;
		}
		.submenu2{
			display: flex;
			flex-direction: column;
			position: absolute;
			top: 0px;
			left: 100%;
			width: 400px;

		}