.becon {
  display: flex;
  margin: 0;
  width: 100%;
  max-width: 1500px;
  height: auto;
  position: relative;
}

@media(max-width:767px) {
  .becon {
    margin: 0;
    padding: 0;
  }

}

.center, .left-side, .right-side {
  cursor: pointer;
}

.center {
  width: 50%;
}

.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.back {
  transform: rotateY(180deg) translateZ(0);
  backface-visibility: hidden;
}

.left-side, .right-side {
  position: relative;
  width: 50%;
  transform-style: preserve-3d;
  display: inline-block;
}

.left-side {
  transform-origin: right;
  transform: rotateY(180deg) translateZ(0);
  backface-visibility: hidden;
  transition: transform .3s;
  backface-visibility: hidden;
}

.right-side {
  transform-origin: left;
  transform: rotateY(-180deg) translateZ(0);
  backface-visibility: hidden;
  transition: transform 1s;
}

.right-side .content {
  position: relative;
  width: 100%;
  height: 100%;
}

.left-side img, .right-side img, .center img {
  width: 100%;
  height: 100%;
}

.center {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

/*
@media(max-width:850px) {
.becon {
 
}

.brochurebox.active {
  overflow-x: auto;
}

.center, .left-side, .right-side {
  width: 100%;
}

}*/