[Help Wordpress] How do I make RoyalSlider fullwidth on my website

How do I make RoyalSlider fullwidth on my website

Hi,
 
Over the past week I have been working on redesigning my website, www.creativefuturemag.com, and yesterday I finally launched it. However, I ran into one small problem when I launched the website and visited it on different computers. The slider I am using (RoyalSlider) won't adjust according to the size of the browser. Right now its sized so it fits the size of my browser perfectly, however, I want it to be compatible with all browsers in all sizes.
 
Right now I have only been able to achieve some of it using the following CSS coding in the custom coding section of Platform Pro:
 
.royalSlider {
margin-left: -186px !important;
margin-top: -160px;
}

Does anyone know how I can make the RoyalSlider adjust according to the size of the browser/window and still remain fullwidth? When I set the width of the slider to 100% it just fits the size of the content area and not the body of my site.
 
Thanks and have a great day!
- Christian

.

help.dimsemenov.com