Image popup is not mobile friendly

When browsing site on mobile (doesnt matter if it is android or iphone), popup images are not resized (so we see only the part of the picture), picture cannot be closed (because X is on non visable part of screen), and picture cannot be scrolled to the right (to at least to find X).
In the general client could stuck on badly opened image and can't do anything about it (must push back button in the browser).

Reason - no auto resize for mobiles (or just smaller screens)

Example:  joomdonationdemo.com/eshop/boys/hooded-sweat-boy.html and more on demo page.

Possible solutions:
- change the script
- fix the colorbox script (add dynamic resize and for example add closing popup when clicking anywhere on the box)
 

I tested that link on my iPhone and there is no issues. All the images fit correctly including landscape mode.

no, it doesnt work correctly for sure

My iPhone- see attached

Dear Piotr Godles and James Shileds,

I tested on my iPhone and it works fine. Same results as James Shields. Please look at the attached screenshot.

Sincerely, Giang