.dropmenu{
/* *zoom: 1;*/
float: left;
list-style-type: none;
width: 100%;
height: 100%;
margin: 5px auto 30px;
padding: 0;
}

.dropmenu li{
position: relative;
width: 33%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a{
display: block;
margin: 0;
padding: 10px 0 11px 0;
background: rgba( 230, 216, 68, 0.5);
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
}
.dropmenu li ul{
list-style: none;
position: absolute;
z-index: 9999;
top: 35px;
left: 0px; /* 100%  */
margin: 0;
padding: 0;
}
.dropmenu li ul li{width:100%;}
.dropmenu li ul li a{padding:10px 15px;border-top:1px solid #7c8c0e;background:#fef263;text-align:left;}
.dropmenu li:hover > a{background:#fef263;}
.dropmenu li a:hover{background:#ffea00;}

#left-to-right ul{overflow:hidden;width:0px;transition:.5s;}
#left-to-right li:hover ul{width:100%;}
#left-to-right li ui li:hover a{white-space:nowrap;overflow:hidden;}
/* ------------------------------------ */
#left-to-right2 ul{overflow:hidden;width:0;transition:.5s;}
#left-to-right2 li:hover ul{width:100%;}
#left-to-right2 li ui li:hover a{white-space:nowrap;overflow:hidden;}