/* Function Styles - Avoid Changing */
#dnnMenu {position:relative; z-index:900; }
#dnnMenu li {float:left; list-style-type:none; position:relative; display:block; margin:0; padding:0;}
#dnnMenu li.haschild{background: url("images/menu-arrow.png") no-repeat 90% 30px ;background-size: 12px 15px;margin-right: 20px;}
#dnnMenu .subLevel li.haschild{background-image:none;}
#dnnMenu li a {display:block; text-decoration:none;}
#dnnMenu li a:hover,#dnnMenu li:hover a {text-decoration:none;}
#dnnMenu li:hover .subLevel {display:block;}
#dnnMenu .subLevel {display:none; position:absolute; zoom:1; width:auto; min-width:100%;}/*100%*/
#dnnMenu .subLevel li {float:none; width:auto;}
#dnnMenu .subLevel li:hover > .subLevelRight {display:block;}
#dnnMenu .subLevelRight li {position:relative;}
#dnnMenu .subLevelRight li a {display:block;}

/* Design Styles - Make Changes Here */
#dnnMenu {margin:0; padding:0; width:auto;height:70px;border-bottom: 1px solid #dbdbdb;}
#dnnMenu .topLevel {margin:0; padding:0;float:left;margin-left: 0px;}
#dnnMenu .topLevel:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#dnnMenu li {list-style-type:none; margin:0; padding:0; border:1px dotted transparent; border-bottom:none;}
#dnnMenu li a {text-decoration:none; /*color:#25408f;*/ font-size:17px; padding:15px 8px;}
#dnnMenu li a span {padding-right:12px; display:block;   font-size:13px;text-transform: uppercase;}/*color:#25408f;*/
#dnnMenu .subLevel {margin:-1px 0 0 -1px; padding:0;background:white; z-index:1; border:1px solid #eee; border-top:none;}/* border-top:1px solid black; */
#dnnMenu .subLevel ul {margin:0; padding:0px;}
#dnnMenu .subLevel li {margin:0; padding:0; border-bottom:0px solid #DFDFDF;}
#dnnMenu .subLevel li a {white-space:nowrap; padding:5px 10px; font-size:12px; line-height: 24px;}/*color:#25408f; white-space:nowrap*/
#dnnMenu .subLevel li.haschild a span {background:none;  padding-left:14px; /*color:#25408f;*/ font-weight:bold; font-size:13px; text-transform: capitalize;}
#dnnMenu .subLevel li a span {background:none; color:#666666;  padding-left:25px; font-weight:normal;text-transform: capitalize;}/*color:#25408f; */
/*#dnnMenu .subLevel li a:hover span { color:#25408f;}*/
#dnnMenu .subLevelRight ul {margin:0; padding:0px; list-style:none;}
#dnnMenu .subLevelRight li {margin:0; padding:0 20px; float:none;}
#dnnMenu .subLevelRight li a {padding:0 5px;}

#dnnMenu .normalMenu .subLevelRight ul {margin:0 0 0 25px; padding:0px;}
#dnnMenu .normalMenu .subLevelRight li {margin:0; padding:0; float:none; display:list-item; list-style:none;  border-bottom: 0px;}
#dnnMenu .normalMenu .subLevelRight li a {padding:5px 0;}
#dnnMenu .normalMenu .subLevelRight li a span {padding:0 10px 0 0; font-weight:normal;white-space: pre-wrap;}
#dnnMenu .normalMenu .subLevelRight li a:hover span {background:none;}

#dnnMenu li.first .subLevel{width: 400px;position: fixed; min-width:400px;}/*800px 0px;*/
#dnnMenu li.first .subLevel .normalMenu > .item{width: 50%;float:left; border-bottom:0px;}
#dnnMenu li.first .subLevel .normalMenu > .first{width: 50%;float:left;border-bottom:0px;}
#dnnMenu li.first .subLevel li a{padding:15px 10xpx;}

/*#dnnMenu li:nth-child(2) .subLevel{width: 360px;position: fixed;min-width:360px;}
#dnnMenu li.nth-child(2) .subLevel .normalMenu > .item{width: 100%;float:left; border-bottom:0px;}
#dnnMenu li:nth-child(2) .subLevel li a{white-space:pre-wrap;}
/*#dnnMenu li:nth-child(2) .subLevel .normalMenu > li:nth-child(1){width: 50%;float:left;border-bottom:0px;}
/*#dnnMenu li.first .subLevel .normalMenu> li> a >span{ font-weight:bold; font-size:17px;}*/


@media only screen and (max-width: 1240px) {
#dnnMenu li a {padding:15px 5px;}
}
@media only screen and (max-width: 1190px) {
#dnnMenu li a {padding:15px 3px;}
}
@media only screen and (max-width: 1160px) {
    #dnnMenu li.haschild {margin-right: 10px;}
}
@media only screen and (max-width: 740px) {
 #dnnMenu{ display:none;}
 }