Slider Width - Screen Resolutions

Hi there

I designed a site in wordpress, and everything looked ok. Now it seems that my image slider is "narrower" on different screen sizes? Please can someone kindly take a look and advise me on a way to keep the image slider the same width as the white "sheet" of the page?

Thank you so much

.art-sheet {
        width: 65%;
        left: 105px;
        background: white;
        top: -30px;
 
}
 
    Coin Slider jQuery plugin CSS styles
*/
 
 
.coin-slider {
        overflow: hidden;
        zoom: 1;
        position: relative;
        left: -6px;
        width: 736px;
        height: 503px;
        top: -7px;
       
}
 
 
.coin-slider a {
        text-decoration: none; outline: none; border: none;
}
 
.cs-buttons {
        font-size: 0px; padding: 10px; float: left;
}
.cs-buttons a {
margin-left: 5px;
height: 10px;
width: 10px;
float: left;
border: 1px solid #B8C4CF;
color: #B8C4CF;
text-indent: -1000px;
}
 
.cs-active {
background-color: #B8C4CF;
color: #FFFFFF;
}
 
.cs-title { width: 0px; padding: 10px; background-color: none; color: #FFFFFF; }
 
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

Code (markup):

 

your "white sheet" has a width:65% and your slider img has a fixed width/height so i would say if you want them to look always same width as your white sheet, you must set the slider img to width:100%;height:auto;

 

Set slider width in pixel. May this work.