three level css dropdown menu css

// three level css dropdown menu css

// here .fy-menu is div class

.fy-menu ul#nav{margin:0;padding:0;list-style:none;text-align:center;}
.fy-menu ul#nav  li{display:inline-block;padding:15px 20px;}
.fy-menu ul#nav li a{color:#fff;text-decoration:none;font-size:18px;}
.fy-menu ul#nav li:hover{background-color:#000;}

/*dropdown menu css*/
.fy-menu ul#nav  li{position:relative;}
.fy-menu ul#nav  li ul{position:absolute;left:-9999999px;top:55px;background-color:#2ECC71;width:160px;margin:0;padding:0;z-index:9999;}
.fy-menu ul#nav  li:hover ul{left:0;}
.fy-menu ul#nav  li ul li{display:block;border-top: 1px solid red;padding:5px 0px;position:relative;}
.fy-menu ul#nav  li ul li:first-child{border:none}
.fy-menu ul#nav  li ul li a{font-size: 16px;}
.fy-menu ul#nav  li ul li a i, .fy-menu ul#nav li a i{padding-right:10px;color:#FCD208;float:left;margin-left:10px;padding-top:5px;}
.fy-menu ul#nav  li ul li:hover, .fy-menu ul#nav li:hover{background-color:#000;}

/*second level menu*/
.fy-menu ul#nav  li ul li ul{margin-left:160px;margin-top:0px;position:absolute;top:0;display:none;}
.fy-menu ul#nav  li ul li:hover ul{display:block;}


/*third level menu*/
.fy-menu ul#nav  li ul li ul li ul{margin-left:-99999999999px;margin-top:0px;position:absolute;top:0;display:none;} /* add li ul*/
.fy-menu ul#nav  li ul li ul li:hover ul{display:block;margin-left:158px;}