Caption responsive help

After I edited the caption,

.metaslider .caption-wrap {
  background: #CCCCCC !important;
  color: #000000 !important;
  max-width: 100% !important;
  width: 500px !important;
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

	.metaslider .caption-wrap
	.metaslider .caption
}

@media screen and (max-width: 650px) {
	.js .menu, .js .sub-header-menu {
  		display: none;
 	}
}

@media screen and (max-width: 480px) {

	.metaslider .caption-wrap
	.metaslider .caption
}

@media screen and (max-width: 320px) {
	.metaslider .caption-wrap
	.metaslider .caption
}

@media screen and (max-width: 240px) {
	.metaslider .caption-wrap
	.metaslider .caption

}

It’s not responsive anymore. Can anyone please help or point to where I’m doing wrong?

Thanks.

http://wordpress.org/extend/plugins/ml-slider/