Slide IMG Position Correct on Desktop BUT Wrong on Mobile Devices

When I view my homepage from my desktop browser the slide image is correctly centered, but when I view my homepage on my iPad or Android phone the slide image width becomes narrow and is positioned to the left. I’m using the “D5 Business Line” theme. The default code in the stylesheet “style.css” is…

#slide img {
border: 1px solid #C9C5C5;
box-shadow: 0 -1px 5px 0 #E0E0E0;
height: 400px;
width: 1050px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
position: absolute;
}

One thing I did try was changing the position from “absolute” to “center” and then the slide image did appear correctly on the mobile devices just as the desktop. Unfortunately, when the second slide image appeared it was displayed near the bottom of the page.

How do I position the slide images to be correctly displayed centered on the desktop and mobile devices?

My homepage is http://www.realtydesignstudio.com/