Sorry one more question, could you please advise how to reduce the space at the top of the form for mobile view only? (between the sub head and top of the form). Have highlighted in yellow.
Sanford Whiteman - sorry if you could assist that would be much appreciated.
You have an empty <p> in there that's taking up 28px. Unfortunately it doesn't have any classes and would be very difficult to specifically (un)style without affecting other elements in your Bootstrap-based layout. I recommend you remove such empty elements and use real margins, which can then be managed using CSS.