thank you for all your help in resolving the responsive image sizing unfortunately I am now left with a huge, huge, margin/space between the image and the menu bar, which was also discussed in reply #3703. The margin spacing only occurs when the site is viewed on on a tablet or smartphone, can the margin be reduced?
The current custom CS code that I have installed is as follows:
I have attached 3 screenshots, the first 2 are from a samsung S4 phone and the 3rd from a Sony tablet. The Samsung shots show the distance between the image header and the navigation bar and the Sony does the same but; as it has a larger screen the margin width is fully visible.