Enfold Update / js. file

Hi !
I have just uploaded Enfold last version. Before installing it, I was about to adapt the js. file as I always do for each update, with some special code I need to change for the responsive menu, around line 300. But this time the js. file is really different and I’m not skilled enough to know what I should do… Can you help me please ? I need to know what I should change now on the new js.file and where… :)
Thank you so much.
Best regards,

Marie
website : http://www.auxigene.net

Here is the js.file code I always change (cf SwitchWidth / twice -> : 989 instead of 767)

function avia_responsive_menu()
    {
    	var win = $(window), header = $('.responsive #header');

    	if(!header.length) return;

    	var menu 			  = header.find('.main_menu ul:eq(0)'),
	    	first_level_items = menu.find('>li').length,
	    	bottom_menu 	  = $('html').is('.bottom_nav_header'),
	    	switchWidth 	  = 989;

    	if(first_level_items > 7 + header.find('#menu-item-search').length && !bottom_menu)
    	{
    		switchWidth = 989;
    		header.addClass('mobile_menu_tablet');
    	}

Also, for info, code in my quick css regarding responsiveness also, in case I should also change something there…
Thank you again !

/* Smaller font size on slider iPad iPhone */
@media only screen and (max-width: 767px) {
.avia-caption .avia-caption-title {
font-size: 10px; }
}

/* Responsive menu TABLET */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
}

/* Menu and logo not one into another */
@media only screen and (min-width: 767px) and (max-width: 989px) {
.main_menu ul:first-child > li > a { font-size: 11px; }
.responsive .main_menu ul:first-child > li > a { padding: 0 5px; }}

/*Hide the menu*/
@media only screen and (max-width: 990px) {
 .responsive #header .main_menu ul {
   display: none;
 }
}

/*Title Container breadcrumb - Responsive*/
@media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb {
top: 12px;
}
#top .title_container .container {
padding: 0px 0px 6px 0px;
min-height: 90px;
}}

/*Decrease the padding between menu items on screens smaller than 1140px to stop menu from overlapping the logo*/
@media only screen and (max-width: 1140px) {
.main_menu ul:first-child > li > a {
padding: 0 7px!important; }}