Resize homepage sliders for mobile

My homepage sliders cut off on the right hand side on mobile phone.

I also added a banner to the homepage bottom feature and that gets cut off as well on mobile phone.

I attached screenshots.

http://inhalebbq.com/

 

Hello,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
.bottom_tagline h3 img {
  width: 100% !important;
  height: auto !important;
}
div#slider img {
  width: 100% !important;
  height: auto !important;
 }
}

Thanks,
Praveen

 

That worked perfect. Thank you so much. Love this theme.