Solved Dropdown Menu Issue

Some of my dropdown menu items are breaking into two lines. I've tried adding the following CSS to increase the width of the drop down -

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
.sub-menu {
min-width: 300px;
}
#top-menu li li a {
width: 260px;
/* Extra - Reduce padding on list items */
padding: 4px 12px;
}
}

It does allow me to increase the width of the dropdown, but no matter how wide I make the menu the text continues to break... any ideas?

 

Thank you, that worked perfectly!