/*********************************************************************************
level 1 start
***************/
.level_1 {
 list-style: none;
 padding: 0px;
}
.level_1 li {
}
.level_1 li a {
 display: block;
 text-decoration: none;
 zoom: 1;
 cursor:pointer;
 position:relative;
 overflow:hidden;
 font-size:14px;
 font-weight:400;
 padding: 11px 0px 11px;
 color: #333!important;
 text-transform:capitalize;
 text-overflow: ellipsis;
 white-space: nowrap !important;
 width: 100%; 
 -webkit-transition: all 0.4s ease-out;
 -moz-transition: all 0.4s ease-out;
 -ms-transition: all 0.4s ease-out;
 -o-transition: all 0.4s ease-out;
 transition: all 0.4s ease-out;
}
.level_1 li a.has-nav, .level_1 li a.less-nav {
 position:relative
}
.level_1 li > a.has-nav::after, .level_1 li > a.less-nav::after {
	font-family: 'FontAwesome';
	content: "\f0d7";
	font-size: 13px; 
    color:#666;
	position:absolute;
	right:0;
	top:13px;
}
.level_1 li > a.less-nav:after {
 content: "\f106";
}
.level_1 li a:hover, .level_1 li a.active {
 color: #d4b037  !important;
}
.level_1 li a img {
	border: 0;
	width: 20px;
	margin-right: 8px;
	vertical-align: -5px;
}
/*********************************************************************************
level 2 start
***************/ 
.level_2 {
 list-style: none;
 margin-bottom:5px!important;
 margin-left:31px!important;
 display:none
}
.level_2 li {
}
.level_2 li a {
 padding:5px 2px!important;
 letter-spacing:inherit;
 font-size:13px;
} 
.level_2 li a:hover {
 margin-left:10px
}
@media only screen and (min-width:320px) and (max-width:767px) {
.level_1 li a { 
	text-align: left;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media only screen and (min-width:992px) and (max-width:1199px) {
}