Centre menu below

give this a try:

@media only screen and (min-width: 990px) { 
  .html_header_top.html_logo_center #top #header_main_alternate .main_menu {
    width: 100%
  }

  .html_header_top.html_logo_center #header_main_alternate .main_menu #avia-menu {
    display: flex !important;
    flex-flow: row nowrap;
    justify-content: space-evenly;
  }

  .html_header_top.html_logo_center #header_main_alternate .main_menu  .av-main-nav > li > a {
    padding: 0 !important;
    font-size: 19px !important;
  }
}

i guess you will set the header widget to display none on small screens

@media only screen and (max-width: 989px) { 
  #header .widget {
    display: none;
  }
}

by the way: is it intentional that the container width is set to 1130px ?