@media only screen and (max-width: 720px) {
     .main{
    top:-110px !important;
    width:100vw !important;
    position: absolute;
    /*z-index: 1;*/
    transform: translate(-50%);
}  

.active_caro .slide_text{
  width:100%;
  top: 60px;
}

.sd_carousel_next, .sd_carousel_prev {
  position: absolute;
  top:79% !important;
}

.sd_carousel_next { 
  right: 2% !important;
 }
.sd_carousel_prev {
 left: 2% !important; 
}

.item {
  top: 56px !important;
  width: 250px !important;
  height: 120px !important;
  font-size: 1em !important;
  text-align:center;
}

.carousel {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  top:30px !important;
  /*animation: swirl 40s steps(10000, end) infinite;*/
}
 }
.container {
  margin: 0 auto;
  width: 250px;
  height: 200px;
  position: relative;
  perspective: 1000px;
}

.carousel {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  top:calc(50% - 184px);
  /*animation: swirl 40s steps(10000, end) infinite;*/
}

.item {
  display: block;    
  top: calc(50% - -277px);
  position: absolute;
  width: 250px;
  height: 200px;
  font-size: 5em;
  text-align: left;
  color: #FFF;
  opacity: 0.95;
  border-radius: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

}

.main{
    top:calc(50% - 200px);
    left: 50%;
    width:750px;
    position: absolute;
    /*z-index: 1;*/
    transform: translate(-50%);
}  
.a {
  transform: rotateY(360deg) translateZ(250px);
  background-image: url('images/pic1.png');
   /*background-color: whote;*/
}
.b {
  transform: rotateY(72deg) translateZ(250px);
  background-image: url('images/pic2.png');
}
.c {
  transform: rotateY(144deg) translateZ(250px);
  background-image: url('images/pic3.png');
}
.d {
  transform: rotateY(216deg) translateZ(250px);
  background-image: url('images/pic4.png');
}
.e {
  transform: rotateY(288deg) translateZ(250px);
  background-image: url('images/pic5.png');
} 

.sd_carousel_next, .sd_carousel_prev {
  position: absolute;
  top: calc(50% - -250px);
  cursor: pointer;
}
/*.next:hover, .prev:hover { color: #000; }*/
.sd_carousel_next:active, .sd_carousel_prev:active {
  /*box-shadow: 0 1px 0 #999;*/
}
.sd_carousel_next { 
  right:  20%;
 }
.sd_carousel_prev {
 left: 20%; 
}

@keyframes swirl {   
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-360deg);
  }
} 
.item .slide_text{
  display: none;
  width:100%;
}
.active_caro .slide_text{
  width:100%;
  top: calc(50% - -120px);
  font-size: 26px;
  line-height:26px;
  /*width:300px;*/
  color: black;
   text-align:center;
  position: absolute;
  margin:0 auto;
  display: block;
  word-break: normal;
}