/* height and width should be the same as the thumbnail sizes */
#slides {
  width: 770px;
  height: 328px;

}


@media only screen and (max-width : 568px) {
#slides {
  height:144px;
  width:auto;
  max-width:300px;
  max-height:144px;
  text-align:center;
  margin:0 auto;

}


#slides img {
  height:100%;
  width:100%;
}
}



@media only screen and (min-width : 568px) and (max-width : 1024px) {
#slides {
  height:300px;
  width:auto;

  max-width:700px;
  max-height:300px;
  text-align:center;
  margin:0 auto;
}