.carousel-showfourmoveone .carousel-control {
  /* width: 4%; */
  width: auto;
  background-image: none;
}
.carousel-showfourmoveone .cloneditem-1,
.carousel-showfourmoveone .cloneditem-2,
.carousel-showfourmoveone .cloneditem-3 {
  display: none;
}
.carousel-control { 
  color:#304754;
  bottom:auto;
}
.carousel-control:focus, .carousel-control:hover { 
  color:#304754; 
}
.carousel-control { 
  top: 30%;
  color:#304754;
}
@media (max-width: 768px) {
  .carousel-control { 
    top: 30%;
    color:#304754;    
  }
}
@media all and (min-width: 768px) {
  .carousel-showfourmoveone .carousel-inner > .active.left,
  .carousel-showfourmoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showfourmoveone .carousel-inner > .active.right,
  .carousel-showfourmoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showfourmoveone .carousel-inner > .left,
  .carousel-showfourmoveone .carousel-inner > .prev.right,
  .carousel-showfourmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showfourmoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
  .carousel-control { 
    top: 20%;
    color:#304754;
  }     
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showfourmoveone .carousel-inner > .item.active.right,
  .carousel-showfourmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showfourmoveone .carousel-inner > .item.active.left,
  .carousel-showfourmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showfourmoveone .carousel-inner > .item.left,
  .carousel-showfourmoveone .carousel-inner > .item.prev.right,
  .carousel-showfourmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel-control { 
    top: 40%;
    color:#304754;
  }      
}
@media all and (min-width: 992px) {
  .carousel-showfourmoveone .carousel-inner > .active.left,
  .carousel-showfourmoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showfourmoveone .carousel-inner > .active.right,
  .carousel-showfourmoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showfourmoveone .carousel-inner > .left,
  .carousel-showfourmoveone .carousel-inner > .prev.right,
  .carousel-showfourmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showfourmoveone .carousel-inner .cloneditem-2,
  .carousel-showfourmoveone .carousel-inner .cloneditem-3 {
    display: block;
  }

  .carousel-control { 
    top: 20%;
    color:#304754;
  }       
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showfourmoveone .carousel-inner > .item.active.right,
  .carousel-showfourmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showfourmoveone .carousel-inner > .item.active.left,
  .carousel-showfourmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showfourmoveone .carousel-inner > .item.left,
  .carousel-showfourmoveone .carousel-inner > .item.prev.right,
  .carousel-showfourmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
  .carousel-control { 
    top: 38%;    
    color:#304754;
  }    
}
@media (max-width: 440px) {
  .carousel-control { 
    top: 35%;
    color:#304754;
  }
}