.simple-gallery {
  margin: auto;
  margin-top: 10px;
  text-align: center;
  display: inline-block;
}

.mini img {
  width: auto;
  height: 85px;
  float: left;
  margin: 4px 4px 0px 0px;
  cursor: pointer;
}

.mini img:nth-of-type(4) {
  margin-right: 0px;
}

.maxi {
  display: block;
  margin-bottom: 10px;
}

.mini {
  display: inline-flex;
  justify-content: center;
  margin-top: -90px;
}

.mini img{
  margin: 15px;
  padding-bottom: 15px;
}

.mini img.active{
  /*background-image: linear-gradient(to right, #999 50%, rgba(255,255,255,0) 0%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;

  border-bottom: #FFF dotted 4px;
  border-block-width: 7px;

  */
}

.home-unbox{
  background:#fff url(../images/bg-unbox.jpg) no-repeat center center / cover;
  padding: 50px;
  text-align: center;
  min-height: 500px;
}

.btn-unbox{
  display: inline-block;
  cursor: pointer;
}

.btn-close{
  color: #fff;
  padding: 25px;
  cursor: pointer;
  display: inline-block;
}
.btn-close:hover{
  color: yellow;
  padding: 25px;
  cursor: pointer;
  display: inline-block;
}

.home-unbox a, .btn-unbox{
  padding: 12px;
  border: #eab382 solid 1px;
  /* background-color: #fff; */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
}
.home-unbox a:hover,
.btn-unbox:hover{
  border: #eee solid 1px;
  color: #000;
  background-color: #fff;

}

.copyrights{
  background-color: #232323;
  color: #9b9b9b;
  padding: 20px;
  text-align: center;
  font-size: 13px;
}


@media only screen and (max-width: 500px) {
  .slider{
    padding: 3px;
  }
  .mini img {
    width: 80px;
    height: 60px;
    margin: 5px;
  }
}