nav.ddm ul {
    background: #ddd;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
nav.ddm li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    /*min-width: 25%;*/
}
nav.ddm ul li.pri {
    border-right: 1px solid #ccc !important;
	text-align: center;
}
nav.ddm ul li.pri:last-child {
	border-right: none !important;
	background: #FFF;
}
nav.ddm a {
    background: #eeeeee;
    display: block;
    font: 14px/40px sans-serif;
    padding: 0 25px;
    
    text-decoration: none;
    -webkit-transition: all .15s ease;
       -moz-transition: all .15s ease;
        -ms-transition: all .15s ease;
         -o-transition: all .15s ease;
            transition: all .15s ease;
}
nav.ddm li a span {
    float: right;
    font-size: 18px;
}
nav.ddm li:hover a {
    background: #e9e9e9;
}
nav.ddm li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 25px;
    visibility: hidden;
    z-index: 12;
    -webkit-transition: all .15s ease;
       -moz-transition: all .15s ease;
        -ms-transition: all .15s ease;
         -o-transition: all .15s ease;
            transition: all .15s ease;
	max-height: 500px;
    overflow: scroll;
    overflow-x: hidden;
	overflow-y: auto;
}
nav.ddm li:hover ul {
    opacity: 1;
    top: 40px;
    visibility: visible;
}
nav.ddm li ul li {
    float: none;
    width: 100%;
}
nav.ddm li ul li a.selected {
    background: #00ad35;
	color: #fff;
}

nav.ddm li ul li a {
	line-height: 1.2 !important;
	padding: 13px 25px;
}

/* Clearfix */
.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {clear:both;}
.cf {zoom:1}​
@media only screen and (max-width: 768px) {
	nav.ddm li {
		width: 50%;
		border-bottom: 1px solid #ccc;
	}

	nav.ddm li ul li:first-child {
		border-top: 1px solid #ccc;
	}

	nav.ddm li ul li a {
		line-height: 1.2 !important;
		padding: 18px 25px;
	}
}