/*! http://responsiveslides.com v1.55 by @viljamis */

.slides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: calc((100vw - 3em) * 0.5); /*2:1; aspect ratio*/
  max-height: calc(540px - 0.75em); 
  /* HEIGHT & MAX-HEIGHT SET TO AVOILD CLS */
  }

.slides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


@media only screen 
and (min-width : 320px) 
and (max-width : 960px) 
{
  .slides {
  height: calc((100vw - 2em) * 0.5); /*2:1; aspect ratio*/ }
}