/* 
Ace Responsive Menu Plugin
Version: 1.0
Author: Samson Onna
E-mail: samson3d@gmail.com
Website: www.webthemez.com
----------------------------------------*/
/* Import Fonts
----------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto);

/* Ace Responsive Menu
----------------------------------------*/
a{text-shadow:none;}
.mng-dsp{display:none !important;}


ul{margin:0px;padding:0px;}
.ace-responsive-menu{list-style:none;margin:0;padding:0;background:var(--body-bg);width:100%;text-align:center;}
.ace-responsive-menu li{list-style:none;}
.ace-responsive-menu li ul{display:none;}
.ace-responsive-menu > li{display:block;margin:0;padding:0;border:0px;display:inline-block;}
.ace-responsive-menu li a{color:#c0c0c0;}
.ace-responsive-menu > li > a {
	position:relative;
	margin:0;
	border:0px;
	padding:18px 10px 18px 10px;
	text-decoration:none;
    text-transform: uppercase;
	font-size:15px;
	font-weight:600;
    letter-spacing: 0.2em;
	color:var(--body-text);
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	gap:5px;
}
.ace-responsive-menu li a i{color:#FF5737;}
.ace-responsive-menu > li > a i{font-size:16px;text-shadow:none;color:#FF5737;}
.ace-responsive-menu li.menu-active > a{background:transparent;color:var(--brand-color);}
.ace-responsive-menu li.active > a{color:var(--brand-color);}
.ace-responsive-menu li .menu-active{position:relative;}
.ace-responsive-menu > li > a > .arrow:before{margin-left:15px;display:inline;font-size:16px;font-family:FontAwesome;height:auto;content:" \276F";font-weight:300;text-shadow:none;width:10px;display:inline-block;transform:rotate(90deg);}
.ace-responsive-menu li ul.sub-menu li > a > .arrow:before{content:"\f105" !important;}
.ace-responsive-menu > li > ul.sub-menu{display:none;list-style:none;clear:both;margin:0;position:absolute;z-index:999;}
.ace-responsive-menu li ul.sub-menu{background:#333;}
.ace-responsive-menu li ul.sub-menu > li{width:240px;}
.ace-responsive-menu li ul.sub-menu li a{display:block;margin:0px 0px;padding:12px 10px 12px 10px;text-decoration:none;font-size:16px;font-weight:500;background:none;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;}
.ace-responsive-menu > li > ul.sub-menu > li{position:relative;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu{position:absolute;left:240px;top:0px;display:none;list-style:none;background:#101010;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu{position:absolute;left:185px;top:0px;display:none;list-style:none;}
.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before{float:right;margin-top:1px;margin-right:0px;display:inline;font-size:16px;font-family:FontAwesome;height:auto;content:"\f104";font-weight:300;text-shadow:none;}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle{display:none;width:100%;text-align:right;}
.menu-toggle h3{color:#FFF;padding:0px 10px;font-weight:600;font-size:16px;}
.menu-toggle .icon-bar{display:block !important;width:18px;height:2px;background-color:#F5F5F5 !important;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25);margin:3px;}
.menu-toggle .icon-bar:hover{background-color:#F5F5F5 !important;}
.menu-toggle #menu-btn{background:#202020;border:1px solid #0C0C0C;padding:8px;border-radius:5px;cursor:pointer;margin:10px;}
.hide-menu{display:none;}



/* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/

@media screen and (max-width: 1199px) {
.demo{width:96%;padding:2%;}
/* .ace-responsive-menu{width:100%;} */
.ace-responsive-menu {
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 99999;
    top: 100%;
    bottom: auto;
}
.ace-responsive-menu > li{border-bottom:1px solid #242424;display:block;}
.ace-responsive-menu li a:hover{background:#272727 !important;color:#fff;}
/* .ace-responsive-menu > li:first-child{border-top:2px solid #FD5025;} */
.ace-responsive-menu > li > a i{color:#FF5737;}
.ace-responsive-menu > li > a > .arrow:before{content:" \276F";font-weight:300;text-shadow:none;width:10px;display:inline-block;transform:rotate(90deg);}
li.menu-active > a > .arrow:before{content:" \276F";font-weight:300;text-shadow:none;width:10px;display:inline-block;transform:rotate(90deg);}
.ace-responsive-menu li ul.sub-menu > li{width:100%;}
.ace-responsive-menu li ul.sub-menu li ul.sub-menu li a{padding-left:30px;}
.ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a{padding-left:50px;}
.ace-responsive-menu > li > ul.sub-menu{position:static;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu{position:static;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu{position:static;}
.ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before{content:" \276F";font-weight:300;text-shadow:none;width:10px;display:inline-block;transform:rotate(90deg);}
.mng-dsp{display:block !important;}

}