/* 
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:#fff;
	z-index:9;
}





/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
	position:absolute;
	top:0;
    float: left;
    width: 100%;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 24px;
    height: 2px;
    background-color: #2c687b !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 3px;
}
.menu-toggle #menu-btn {
    float: right;
    cursor: pointer;
    margin: 13px;
    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 #242424;
    	float: none;
		text-transform:uppercase;
        padding:.5em 0;
    }   
.ace li.active,.ace li.active a {
    background:0
}
    .ace > li > a {
		text-decoration: none
    }
}