#features-slider-container {
  position: relative;
}
#features-slider {
  max-width: 1200px;
  margin: auto;
}
#features-slider .feature img {
  width: 100%;
  height: auto;
}
#features-slider .feature {
  max-width: none;
  width: 100%;
}
#features-slider .feature .details {
  padding: 10px 50px 30px; 
}
#features-slider-container .controls {
  position: absolute;
  display: block;
  width: calc(100% - 16px);
  margin: auto;
  max-width: 1400px;
  left: 0;
  right:0;
  top: 175px;
}
#features-slider-container .controls a {
  border: 2px solid #676767;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  padding: 7px;
  transition:transform 0.2s;
  position: absolute;
  display: block;
}
#features-slider-container .controls img {
   width: auto;
  height: 15px;
  margin: auto;
  display: block;
}

#features-slider-container .controls a.prevBtn {
  left:0;
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}
#features-slider-container .controls a.nextBtn {
  right:0;
}
#features-slider-container .controls .prevBtn:hover {
  -webkit-transform:scale(1.1) rotate(180deg);
  -ms-transform:scale(1.1) rotate(180deg);
  transform:scale(1.1) rotate(180deg);
}

#features-slider-container .controls .nextBtn:hover {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}

@media all and (min-width:580px) {
  #features-slider-container {
    margin: 10px 0;
    overflow: hidden;
  }
  #features-slider li .wrap {
    margin:0 5px;
  }
}

@media all and (min-width:1450px) {
  body.js #features-slider li {
    opacity: 0.5;
    transition:opacity 1s;
  }

  body.js #features-slider li.active {
    opacity: 1;
  } 

  #features-slider {
    overflow:visible !important;
  }

  #features-slider-container .controls a {
    height: 35px;
    width: 35px;
    padding: 10px 8px 10px 12px;
  }

  #features-slider-container .controls img {
    width: auto;
    height: 35px;
  }

  #features-slider .feature .details {
    padding: 10px 20px 30px; 
  }
}