Hi,
These screenshots look very very weird.
Why do you have the unnecessary large margins on the left and right sides? There is this GREY background portion, then also the WHITE background portion.. Ideally, in mobile view, the GREY background portion should not be exist at all. (in fact, the WHITE background portion is also too much for mobile view, margins, on both sides, for mobile view should be ~10px).. Those spaces on each side shrinks the main-content in the middle too much; so everything looks so absurd. It is as if you are browsing the website with an Apple Watch, not with an iPhone. i am of course exaggerating; but you got my point, right?
FYI: Those unnecessary margins on the right and left sides are there because of your Joomla Template. They have nothing to do with CleanMart (but i guess you already know it, because they are there on ordinary Joomla pages as well)
Regards.