Mega Menu alignment issues

Hi,

I am in the process of creating a mega menu with column titles and page links underneath each column.
Right now the titles are displaying correctly, but the links under the titles are indented quite a bit to the right.
I am not sure why this is. Can you take a look and let me know what the issue might be?

I think this css might be the culprit:

nav.main_menu .sub-menu .sub-menu {
  left: 200px !important;
  right: auto !important;
}

I added this in order to line up sub sub menus to the left of the sub-menu in Why Us > Our Team

If this is the case, what is the proper way to align sub sub menus to the right of the sub menu, while not messing up the mega menu?

Thanks for your help.