I have this website where a lightbox image viewer comes up when the images are clicked:

Sophia | Ian Stuart Bride

The responsive design has three modes depending on screen size.

How do I disable the lightbox viewer (or rather the a link) on the smallest responsive mode? It ends up being smaller than the normal image view on the page.

CSS: http://www.ianstuart-bride.com/wp-co...ride/style.css

Thanks a lot.