.middle2 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.middle2.mt {
  opacity: 1;
  left: 18%;
  transform: translate(-18%, -50%);
}
@media only screen
and (min-width: 1024px){
    .middle2 {
      width: 195px;
    }
}
@media only screen
and (min-width: 1300px){
    .middle2 {
      width: 225px;
    }
}