/*---------------------------------------------
  Swiper tips Sample02
  ---------------------------------------------*/
.s-right-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.s-right-text {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  text-align: center;
  color:#FFF;
  font-size: 2vw;
  text-shadow: 0px 0px 4px #000;
  font-weight: bold;
}

@media only screen and (max-width:580px){
.s-right-text {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  text-align: center;
  color:#FFF;
  font-size: 3.6vw;
  text-shadow: 0px 0px 4px #000;
  font-weight: bold;
}
}


.swiper-slide-active .s-right-text {
  animation: slideFromRight 1.5s ease 0s 1 normal;
}

@keyframes slideFromRight {
  0%, 25% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}