Slider stretched out on phone screen

My slider is very stretched out on phone screen. Also, the captions are not present on a phone, which is ok if they are not there because it would not look right. Here is the code on my site associated with special screens:

@media only screen and (max-width: 480px){
#slides .slide-img {
height: auto !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#slides .slide-img {
height: auto !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px){
.call-us {
margin-top: 45px !important;
}
}

 

Hello,

Could you please provide us URL of your website along with some edited screenshot so that we can assist you accordingly?

Thanks,
Praveen

 

I have a similar problem, and I have not altered the default code. Site is: http://test.buckeyeindustries.org/ Here is a screen shot:

 

My website is www.connectedbirthva.com

 

Hi,

Please send us your website WordPress login details at [email protected] along with the thread link.

Thanks,
Praveen