.homepage-slider {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #eee;
  background-size: cover;}

.video-container .filter-photo {
  z-index: 101;
  position: absolute;
  background: url('../images/textures/cross-stripes.png') rgba(0, 0, 0, 0.0);
  opacity: 0.4;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
}

.homepage-slider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.homepage-slider li {
  position: absolute;
  left: 0;
  margin-left: 0;
  margin-top: 89px;
  width: 100%;
  height: auto;
}
.homepage-slider img{
  width: 100%;
  height: auto;
}
.homepage-slider li:nth-child(4) {
  animation: xfade 16s 0s infinite;
  -webkit-animation: xfade 16s 0s infinite;
}
.homepage-slider li:nth-child(3) {
  animation: xfade 16s 4s infinite;
  -webkit-animation: xfade 16s 4s infinite;
}
.homepage-slider li:nth-child(2) {
  animation: xfade 16s 8s infinite;
  -webkit-animation: xfade 16s 8s infinite;
}
.homepage-slider li:nth-child(1) {
  animation: xfade 16s 12s infinite;
  -webkit-animation: xfade 16s 12s infinite;
}

@keyframes xfade{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}

@-webkit-keyframes xfade{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}


@media only screen and (max-width : 1200px) and (min-width : 1100px) {
  .homepage-slider img{
    width: auto;
    height: 100%;
    min-height: 1200px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1099px) and (min-width : 1000px) {
  .homepage-slider img{
    width: auto;
    height: 100%;
    min-height: 1100px;
  }
}

@media only screen and (max-width : 999px) and (min-width : 768px) {
  .homepage-slider img{
    width: auto;
    height: 880px;
  }
}

@media only screen and (max-width : 767px) {
  .homepage-slider img{
    width: auto;
    height: 800px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .homepage-slider img{
    width: auto;
    height: 480px;
  }
}