.ace > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
    position: absolute;
    z-index: 999;
}
.ace li ul.sub-menu {
margin-top:2px
}
.ace li ul.sub-menu > li {
    background: #fff;
	width: 235px;
}
.ace li ul.sub-menu li a {
    display: block;
    padding: 12px 20px 12px 15px;
	border-top: 1px solid #393939;
    background: none;
}
.ace li ul.sub-menu li:first-child a {
	margin-top: 7px
}
.ace li ul.sub-menu li:last-child a {
	border-bottom: 1px solid #999;
}

/* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width as per your requirement and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/
/*Set to 767 to keep the horizontal format visible on iPad*/

@media screen and (max-width: 767px) {
    ul[data-menu-style="vertical"],ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    } 
    .ace {
        float: left;
        width:100%;
    }
    .ace > li {
    	border-bottom: 1px solid #242424;
		float: none;
    } 
	.ace li a:hover{background:none}
   .ace li ul.sub-menu > li {
        width: 100%;
    }
    .ace > li > ul.sub-menu {
        position: relative;
		top:.5em;
   }
    .ace > li > ul.sub-menu li {
    background:#eee
   }
.ace li ul.sub-menu li a {
	text-decoration: none
}
.ace li ul.sub-menu li:first-child a {
	padding-top: .8em;
	border-top: 1px solid #393939;
}
.ace li ul.sub-menu li:last-child a {
	border-bottom:0
}

}