Need help to keep the container dimensions responsive in all viewports

[nwraindrops]

1) Script Title: Ultimate Fade-in slideshow (v2.6)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I am running this script on my home page: http://mbdbuildings.com. When I look at it in a mobile device the black background (container) does not seem to stay responsive like the images do. There is a huge space of black above and below the images. I have tried to understand the information given, and tried several of the suggestions, but none seem to work for me.

Need help.

Thank you so much.

[mlegg]

In the head section of your html you have an older version of the viewport tag
try this

<meta name="viewport" content="width=device-width, initial-scale=1">

do you have a seprarate css style sheet or is everything in the html code?
css media queries help to keep the page working with all devices and screen sizes