/* 
Ace Responsive Menu Plugin
Version: 1.0
Author: Samson Onna
E-mail: samson3d@gmail.com
Website: www.webthemez.com

/* Ace Responsive Menu
----------------------------------------*/
.ace {
	position:relative;
	text-align:center;
	background-color:#5c2018;
	z-index:9;
}

.ace li a .more{cursor:default}

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

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
	position:absolute;
	top:0;
    float: left;
    width: 100%;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 30px;
    height: 3px;
    background-color: #f3e0dc !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 4px;
}
.menu-toggle #menu-btn {
    float: right;
    cursor: pointer;
    margin: 10px;
    background-color:inherit;
	border:0
}
.hide-menu {
    display: none;
}

/* 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"] {
        width: 100% !important;
    } 
    .ace {
        float: left;
        width:100%;
    }
    .ace > li {
        border-bottom: 1px solid #f3e0dc;
    	float: none;
		text-transform:uppercase;
        padding:.5em 0;
    }   
.ace li.active,.ace li.active a {
    background:0
}
    .ace > li > a {
		color:#f3e0dc;
		text-decoration: none
    }
    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:#f3e0dc
   }
.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
}
}