ul.mainmenu {
    display: inline-block;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
ul.mainmenu a,
ul.mainmenu a:link, 
ul.mainmenu a:visited {
    font-family: 'FunctionProMedium', Arial, Helvetica, sans-serif;
    font-size: 30px;
	color: #FFF;
	text-decoration: none;
    text-transform: none;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
}
ul.mainmenu a:hover {
    color: #72a493;
}
ul.mainmenu li {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 20px;
    border-right: 1px solid #FFF;
}
ul.mainmenu li:last-child {
    border-right: none;
}
ul.mainmenu li ul {
    margin: 0px;
    padding: 0px;
}
ul.mainmenu li ul li {
    border-top: 1px dotted #FFF;
    padding-left: 20px;
}

@media (min-width: 768px) and (max-width: 991px) { 
ul.mainmenu a,
ul.mainmenu a:link, 
ul.mainmenu a:visited {
    font-size: 24px;
}
ul.mainmenu li {
    padding: 0px 12px;
}
}

@media (max-width: 767px) { 
ul.mainmenu li {
    float: none;
    padding: 0px 10px;
    border-bottom: 1px dotted #FFF;
    border-right: none;
}
}