Navigation menu breaks

My navigation menu breaks into 2 lines when I change the screensize..

see picture

my website is, www.aaastarrclean.com

This is my current CSS code

label {
display:inline-block;
*display: inline; /* for IE7*/
zoom:1; /* for IE7*/
float: left;
padding-top: 5px;
text-align: middle;
width: 280px;
}

div.header_container {
background: grey;
}

.signinformbox_wrapper {
height: auto;
overflow: hidden;
}

.post .post_meta .post_category {
display: none;
}
.post .post_meta .postc_comment {
display: none;
}

.feature_contentbox {
min-height: 200px;
}

.feature_contentbox {
position: relative;
}
.feature_contentbox a.readmore {
position: absolute;
bottom: 20px;
}

.call-us p {
font-size: 37px !important;
}

.footer-wrapper .footer h4{
background-color:black;
}.footer-wrapper{
background-color:black;
}

.footer a:hover {
color: default !important;
}

.call-us p {
font-family: Segoe Script;
}
#menu .ddsmoothmenu li a {
font-family: Arial;
}

#menu ul li ul li a {
font-size: 14px !important;
font-family: arial !important;
}

div#commentsbox {
display: none !important;
}

#menu .ddsmoothmenu li ul {
width: 200px!important;
}
#menu .ddsmoothmenu li li a {
width: 200px;
}

.feature_infobox p {
font-size: 15px;
}

.footer span.widget-h4 {
border-bottom: 1px dotted;
background: black
}

#menu .ddsmoothmenu li li a {
width: 240px !important;
}
#menu .ddsmoothmenu li ul {
width: auto !important;
}

.footer-wrapper, .footer span.widget-h4 {
background-color: #064a72;
}

@media (min-width: 768px){
.feature_content img {
width: 100%;
}
}

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media (min-width: 992px){
#menu .ddsmoothmenu li a {
    font-size: 14px;
    margin-left: -8px;
}
}

Change the numeric value as per the requirement...

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com