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: 'function_probook', Arial, Helvetica, sans-serif;
    font-size: 27px;
	color: #FFF;
	text-decoration: none;
    text-transform: uppercase;
    line-height: 56px;
    padding: 0px;
    margin: 0px;
}
ul.mainmenu a:hover {
    color: #555555;
}
ul.mainmenu li {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 15px;
    border-right: 2px 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: 18px;
}
ul.mainmenu li {
    padding: 0px 10px;
}
}

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