Trying to force the mobile menu for screen size less than 1250px

Hi,

I’m trying to force the mobile menu for screen size less than 1250px. This is what I have but it’s not working:

@media only screen and (max-width: 1250px) {
.av-burger-menu-main {
display: block!important;
}

#top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none!important;
}

#advanced_menu_toggle, #advanced_menu_hide {
font-size: 60px;
}

.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
background-color: #3B596A;
color: #3F9A82;
border-color:#3B596A;
}

}