Entire Message in the Marquee is not appearing on mobile

Hello,

When browsing on Safari the native browser and Chrome iOS on my iPhone the text in the scrolling marquee stops after the word “service”. The scrolling text should read: “We are hiring well-qualified service technicians. Click To Call Us (909) 624-4509” and yes the spaces are intentional.

I added the additional CSS:
#mar {width: 100% !important; overflow-x:visible !important;}
#mar a:link {color: #ffffff !important;}
#mar a:hover {color: #000000 !important; text-decoration: none !important;}
@media (max-width: 767px) {
#mar {width: 100% !important; overflow-x:visible !important;}
#mar a:link {color: #ffffff !important;}
#mar a:hover {color: #000000 !important; text-decoration: none !important;}
}

While the entire marquee area is red in Chrome, the background is only red for the width of my text in Safari (using a desktop).

Please advise

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