#level_1.other-nav {
    padding: 0;
    margin: -2px auto 0 !important;
}

#level_1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #level_1 li {
        float: left;
    }

        #level_1 li a {
            display: block;
            text-decoration: none;
            color: #333 !important;
            zoom: 1;
           padding: 15px 15px;
            text-transform: uppercase;
            -webkit-transition: all .4s ease-out;
            -moz-transition: all .4s ease-out;
            -ms-transition: all .4s ease-out;
            -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
            cursor: pointer;
            position: relative;
            overflow: hidden; 
            letter-spacing: 1px;
            font-size: 14px;
                font-weight: 600;
        }

            #level_1 li a span {
                position: absolute;
                background: #fff;
                width: 17px;
                height: 17px;
                border-radius: 100%;
                right: 0;
                text-align: center;
                top: 27px;
                color: #f40;
                font-size: 11px;
                letter-spacing: -.5px;
            }

        #level_1 li.has-nav {
            position: relative;
        }

        
        #level_1 li a.hov, #level_1 li a:hover {
            color: #313c7a !important;
        } 
 
   
.comb {
    position: relative;
}

  .comb sup {
        position: absolute;
        left: 0;
        right: 0px;
        z-index: 3;
        color: #f40;
        bottom: 0;
        top: 8px;
        text-align: right;
        font-weight: 600;
    }
  
 
/*********************************************************************************
level div start
***************/
 
#level_1 #level_div, #level_1 .level_div_common {
	position: absolute;
	/* width:280px; */
	/* padding: 5px 0 15px; */
	/* height:auto; */
	/* max-height:2000px; */
	/* overflow:auto; */
	/* z-index:9999; */
	/* background:#fff; */ 
	/* top:38px; */
	/* left:0; */ 
	display:none;
	-moz-box-shadow: 10px 10px 20px rgba(0,0,0,.15);
-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,.15);
box-shadow: 10px 10px 20px rgba(0,0,0,.15);
border-top:1px solid #ddd;
	
}


#level_1 .level_div_common {
	width:auto!important;
	padding: inherit!important; 
}

#level_1 li:hover #level_div { 
	display:block;
    top:48px!important;
} 
.header-fixed-bar #level_1 li:hover #level_div {
	top:42px!important;
}
 
.header-fixed-bar #level_1 li a {
	padding:20px 35px 20px 35px;
 

}
/*********************************************************************************
level 2 start
***************/
.level_2_data { 	
	height:auto;
	width: 280px;
	overflow:hidden;
	padding:10px!important;
}
/*#level_2 { 
	list-style: none;
	-webkit-column-count: 6;
	-moz-column-count:6;
	column-count: 6;
	-webkit-column-gap: 20px;  
	-moz-column-gap: 20px; 
	column-gap: 20px;	 
}*/
#level_2 li { 
	float:none;
	width: auto;
	height: auto;  
	font-size:13px;
} 
#level_2 li a {
	text-transform: capitalize;
	padding:5px 2px!important;
	background:#fff;
	color:#0058b4!important;
    letter-spacing:0;
}


.level_2_data {
	overflow:hidden;
	/*margin:0 15px!important;*/
}
#level_2 {
list-style: none;
}

#level_2 li {
	/*float:left;*/
	height: auto;
	font-size:14px;	 
	white-space:nowrap;
}
/**/
/*#level_2 > li:nth-child(6n+1) {
	clear:both;  
}*/
/**/
#level_1 .level_div_common .level_2_data {margin:15px!important;}
#level_1 .level_div_common #level_2 li {
	float:none!important;
	width: 250px;
}

#level_1 .level_div_common #level_2 li a{
margin-left: 0px !important;
font-weight: normal;padding: 15px 0 !important;
border-bottom: 1px solid #eee;
font-size: 14px;
letter-spacing: normal;
text-transform:capitalize

}
#level_1 .level_div_common #level_2 li:last-child a{
border-bottom: 0px;
}
#level_1 .level_div_common #level_2 li a:before{
content: "\f068";
font: normal normal normal 6px/1 FontAwesome;
color: #fff;
display: inline-block;
opacity: 0;
-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;
width: 0;
vertical-align: 3px;
}
#level_1 .level_div_common #level_2 li a:hover:before{
	opacity: 1;
margin-right: 10px;
width: 5px;
color: #d40000  !important;

}
#level_1 .level_div_common #level_2 li a:after{
	display:none
}
/**/
/*#level_2 > li:nth-child(4n+1) {
clear: left;
}*/
#level_2 li a { 
	    padding: 10px 10px!important;
    background: #fff;
    color: #000 !important;
    font-size: 14px;
         font-weight: 500; 
}
#level_2 > li a {
	 
}
#level_2 > li > a:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	bottom: 0;
    display:none;
}
 #level_2 > li:nth-child(4n+1) a {
margin-left:0px!important
}
#level_2 li a:hover {
	background:#fff;
	color:#d40000!important
}
#level_2 a.view-all {
	text-decoration:underline!important;
}
/*********************************************************************************
level 3 start
***************/

#level_3 {
	margin:0px!important;
	padding:0px 0px 10px 0px!important;
}
#level_3 li {
	float:none;
	display:block;
}
#level_3 li a {
	text-transform: capitalize;
	font-weight:300;
	color:#fff!important;
	font-size: 12px;padding: 3px 0 !important;
}
#level_3 li a:before {
	content: "\f068";
	font: normal normal normal 6px/1 FontAwesome;
	color: #fff;
	display: inline-block;
	opacity: 0;
	-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;
	width:0;
}
#level_3 li a:hover:before {
	opacity: 1;
	margin-right: 10px;
	width:5px;
	color:#D40000  !important;
}
#level_3 li a:after {
	content: inherit;
}
#level_3 li a:hover {
	color:#D40000 !important
}
/*********************************************************************************
level 3 start
***************/

#level_4 {
	padding:0px 0px 5px 0px!important;
}
#level_4 li {
}
#level_4 li a {
	font-weight:normal;
	color:#717171!important
}
.header-fixed-bar #level_1 li a {
    padding: 15px 15px;
}
 

 
@media only screen and (min-width:320px) and (max-width:767px) {
    #level_1 {
        display: none;
    }

    .logo_bar {
        padding: 6px 0 !important;
    }

    #level_1 li {
        float: left;
    }

    #level_1 #level_div {
        width: 90%;
    }

    #level_2 > li a {
        margin-left: 0 !important;
    }

    #level_1 li a {
        padding: 8px 35px 8px 35px;
        font-size: 13px;
    }

    #level_1 > li > a:before {
        margin-right: 0;
    }

    #level_1 li:hover #level_div {
        top: 114px;
    }

    #level_2 li a {
        text-transform: capitalize;
        padding: 8px 5px !important;
    }

    #level_1.other-nav {
        float: left;
        margin-top: 5px !important;
    }

        #level_1.other-nav li a {
            text-transform: capitalize !important;
        }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #level_1 li a {
        padding: 20px 35px 20px 35px;
        font-size: 12px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
   #level_1 li a {
    padding: 12px 35px 12px;
    text-transform: capitalize;
    font-size: 14px;
        letter-spacing: 0;
}

    .header-fixed-bar #level_1 li a {  padding: 10px 35px 10px;
    }

    #level_1 li:hover #level_div {
        top: 31px !important;
    }

    #level_1 li:hover .level_div_common {
        top: 31px !important;
    }

    .header-fixed-bar #level_1 li:hover #level_div {
        top: 35px !important;
    }

    .header-fixed-bar #level_1 li:hover .level_div_common {
        top: 58px !important;
    }
}