#dnn_pnav                   { margin: 35px 0 0 0;}
#dnn_pnav li                { position: relative; list-style: none; }
#dnn_pnav li ul             { margin-left: 0; }
#dnn_pnav > li              { float: left; }

#dnn_pnav > li > a, #dnn_pnav > li > span                       { font-family: 'Roboto Condensed', sans-serif; display: block; color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: bold; text-decoration: none;}
#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a             { background-color: #fff; color: #25274d; }
#dnn_pnav > li:hover > a:active                                 { background-color: #fff; color: #25274d; }
#dnn_pnav > li:hover > span                                     { background-color: #fff; color: #25274d; }

    /* Secondary level */
    #dnn_pnav > li ul 			{ display: none; position: absolute; min-width: 300px; width:100%; background: #fff; box-shadow: 0px 3px 3px #999; }
	#dnn_pnav li:hover > ul 	{ display: block; }

/* styles specific to secondary level */ 
#dnn_pnav > li > ul                 { top: 34px; left: 0; z-index: 9999; }

#dnn_pnav > li ul a, #dnn_pnav > li ul span {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

#dnn_pnav > li ul a:hover, #dnn_pnav > li ul span:hover     {color:#25274d;}

/* Tertiary level */
#dnn_pnav li ul li ul {
	position:relative;
	display:block;
    left: 0;
    top: 0;
	margin-top:0;
    padding: 0;
    display: none;
    transition: 0.4s;
    background-color: #fff;
}

@media only screen and (max-width: 1199px){
    #dnn_pnav > li > a, #dnn_pnav > li > span   {padding: 1px 10px;}
}