Unable to extend menu to width of the site

Hi,

I am not sure if this can be fixed. But I am not able to extend the menu to the width of the page. It cuts off just to the right below the logo. Is this due to the structure of the site? I have tried to implement changes in the CSS however doesn’t work. Any other options?

CSS:

@include mobile|desktop {
#{$wrap} {
max-width: 1170 px;
margin: 0 auto; /** center align menu **/
}
}

(changed the max-width from 100% to the themes width 1170. still no success)

The page I need help with: [log in to see the link]