Footer Margins Issue

Hi,

I'm having trouble with some strange margins happening on my sites footer. I'm using a plugin for a menu overlay that is built in the footer, so suspect it might be something to do with that. Although I can't find anything obvious.

At the moment there's 5-10% margin on each side of the footer content. I'd like it to match the rest of the site and have 0 (just the 1.5 padding).

Site (Edit Removed)

Any advice would be greatly appreciated.

Thanks in advance!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
footer.sections .content-wrapper {
    max-width: 100% !important;
}
}

Amazing, that worked great, thank you @tuanphan!