/* Ace Responsive Menu Plugin, Version: 1.0, Author: Samson Onna, E-mail: samson3d@gmail.com */
.ace-responsive-menu { list-style: none; margin: 0; padding: 0; width:100%; text-transform: uppercase; }
.ace-responsive-menu li { list-style: none; line-height: 21px; text-align: left; }
.ace-responsive-menu > li { display: block; margin: 0; padding: 0; border: 0px; float: left; }
.ace-responsive-menu li a { transition:all 0.5s ease; }
.ace-responsive-menu > li > a { display: block; position: relative; margin: 0; border: 0px; padding: 10px 18px; text-decoration: none; color: #1a1a1a; }

.menu-toggle { display: none; text-align: center; }
.menu-toggle .icon-bar { display: block !important; width: 28px; height: 4px; margin: 5px 0; background-color: #FFF!important; }
.menu-toggle #menu-btn:hover .icon-bar { background-color: var(--hover-color)!important; }
.menu-toggle #menu-btn { float: right; padding: 6px; border-radius: 3px; border: none!important; background: none!important; cursor: pointer; width: auto; }
.hide-menu { display: none; }

@media screen and (min-width: 1200px) {
	.ace-responsive-menu li a { padding: 8px 25px; color: #FFF; }
	.ace-responsive-menu li a:hover { color: var(--hover-color); }	
}

@media screen and (max-width: 1199px) {
	ul#respMenu { display: none; background: #FFF; border-radius: 6px; }
    .demo { width:96%; padding:2%; }
    ul[data-menu-style="vertical"], ul[data-menu-style="accordion"] { width: 100% !important; } 
    .ace-responsive-menu { margin-top: 44px; width:100%; }
    .ace-responsive-menu > li { float: none; }  
	.ace-responsive-menu > li > a { padding: 12px 30px 14px; }
    .ace-responsive-menu li a:hover { color: var(--hover-color); }

}