Solved Increase Menu Item Width

Hi!
Few of the menu items are a bit long and they are wrapping up in 2nd line.
I tried with the following CSS code but though it is increasing the drop down menu width but the items are still coming in 2 lines. Please help.

CSS Code:
.nav li ul {
width: 280px !important;
}

.nav li li ul {
left: 280px !important;
}

#top-menu li li a {
width: 240px;
}

 

In the above code, I have used 280px but since its not solving the issue I increased upto 400 also which increased the menu width however the menu items width are still not increasing and as such coming to two lines.

Currently am trying with the Global Header. Here is a link to one of my page.
http://www.unacco.in/about-us/

 

Ohh!
I am using Divi Coming soon plugin. However I got the following css code which resolved the issue:

@media only screen and (min-width: 981px) {
.sub-menu, .sub-menu li a {width: 300px !important;}
}

Anyway Thanks for your prompt support.