Hamburger Trigger Point

Hi,

I am trying to change the point at which the hamburger icon is triggered on the site I am working on. Currently, the menu overlaps the logo before the icon appears on smaller screens. I would like it to trigger at around 1100px. The CSS I am trying to use (but is not working) is:

@media only screen and (max-width: 1100px){
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
height: 80px;
line-height: 80px;
}}

Any help?