/* Slider */
.box {
  height:100%;
  position: relative;
/*   bottom:50px;  */
}

.box .overlay {
  width: 120%;
  position: absolute;
  z-index: 500;
  left:-100px;
  top:-60px;
 }

.box img{
  margin:0px;
  width:120%;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
  .box .overlay {
    width: 120%;
    position: absolute;
    z-index: 500;
    left:-70px;
    top:-50px;
   }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .box .overlay {
    width: 120%;
    position: absolute;
    z-index: 500;
    left:-50px;
    top:-40px;
   }
}

@media only screen and (max-width: 479px) {
  .box .overlay {
    width: 120%;
    position: absolute;
    z-index: 500;
    left:-30px;
    top:-20px;
   }
}
}