Can’t change sub menu padding (inheriting menu properties)

Hi,
I’ve just set up my menu with child menus to clean it up a little. I currently have a custom padding set up for my main menu using the following CSS:

#header-links-inner .current_page_item a{
padding-left:90px !important;
padding-right:10px !important;
}
#header-links-inner li a{
padding-left:90px!important;
padding-right:10px !important;
}

Now that I’ve set up the child menu, it is using the same padding value (I’ve checked using inspect element) which is making the pop outs rather wide and a bit silly looking. I’ve tried a few codes to override this value for the sub menu but none are having any effect. The most recent I’ve tried is:

#header-links-inner .sub-menu li{
padding-left: 20px !important;
}

I’m using a rather customised child theme from the Drift theme, not sure if that makes a difference.

Any suggestions on how I could fix this would be much appreciated.

Thanks ??

The page I need help with: [log in to see the link]