#jsddm {margin: 0;
padding:0;
font-family: fira-r;
z-index:9999;
color:#fff;
height:60px;}
ul#jsddm {margin: 0 !important;
padding:0 !important;
display:inline-block;
overflow:visible;
cursor:default;}
#jsddm li {display:block;
float: left;
list-style: none;
padding: 30px 18px 0 18px;
height:60px;
border-top: 3px solid transparent;
margin:0;
text-decoration:none;
color:#000;
text-transform: uppercase; 
}


@media only screen and (max-width: 1200px) {

#jsddm li {

padding: 30px 12px 0 12px;
}


}


@media only screen and (max-width: 960px) {

#jsddm li {

padding: 30px 10px 0 10px;
}
}
#jsddm li:hover {border-top: 3px solid #fff;
background-color:#666;}
#jsddm li a {text-decoration:none;
margin:0;
border:0;
color:#fff !important;
white-space: nowrap;}
#jsddm li a:hover {color:#ccc !important;}
#jsddm li ul {margin: 0 0 0 -15px;
position: absolute;
padding: 0;
margin-top:6px;
min-width: 10%;
visibility: hidden;
background: #eaeaea;
border: 1px solid #fff;
border-top: 0;
border-radius: 0;
font-size:90%;
z-index: 999;
}
#jsddm li ul li {float: none;
display: block;
text-align:left;
padding: 5px;
height:32px;
border:0;
font-family: fira-r;}
#jsddm li ul li:hover {border:0;
background-color: #fff;}
#jsddm li ul li a {width: auto;
padding: 0.2em 0.5em;
color:#000 !important;
}
#jsddm li ul li a:hover {color:#333 !important;
border-top: 0;
border:0;}
.jsddm_active {color:#000 !important;
border-top: 3px solid #fff!important;}
