How to properly adjust home page slider to fit in mobile responsive view

need a little help. I have my home page created. I am now working to make the desktop view work in the responsive views. I am having issues getting my slider to look right in the responsive mobile view.

In the attached photo's you will see my desktop view with the nice looking slider. when i click mobile view and scale the slider to fit, the image is still not displaying correctly.

Not sure if I am missing something here. any help would be awesome..