.testimonals .col-centered {
    float: none;
    margin: 0 auto;
}

.testimonals .carousel-control { 
    width: 8%;
    width: 0px;
}
.testimonals .carousel-control.left,
.testimonals .carousel-control.right { 
    margin-right: 7px;
    margin-left: 0px; 
    background-image: none;
    opacity: 1;
}
.testimonal{
  border-left: 1px solid #d2d2d2;
  padding: 60px 40px;
}
.testimonal:first-child{
  border: none;
}
.testimonals .carousel-control > a > span {
    color: white;
    font-size: 29px !important;
}

.testimonals .carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .testimonals .active > div { display:none; }
 .testimonals .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .tcarousel .active.left { left: -75%; }
  .tcarousel .active.right { left: 75%; }
  .tcarousel .next        { left:  75%; }
  .tcarousel .prev        { left: -75%; }
  .tcarousel .carousel-col                { width: 75%; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .tcarousel .active.left { left: -33%; }
  .tcarousel .active.right { left: 33%; }
  .tcarousel .next        { left:  33%; }
  .tcarousel .prev        { left: -33%; }
  .tcarousel .carousel-col                { width: 33%; }
  .tcarousel .active > div:first-child + div { display:block; }
  .tcarousel .active > div:first-child + div + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .tcarousel .active.left { left: -33%; }
  .tcarousel .active.right { left: 33%; }
  .tcarousel .next        { left:  33%; }
  .tcarousel .prev        { left: -33%; }
  .tcarousel .carousel-col                { width: 33%; }
  .tcarousel .active > div:first-child + div { display:block; }
  .tcarousel .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .tcarousel .active.left { left: -33%; }
  .tcarousel .active.right{ left:  33%; }
  .tcarousel .next        { left:  33%; }
  .tcarousel .prev        { left: -33%; }
  .tcarousel .carousel-col                { width: 33%; }
  .tcarousel .active > div:first-child + div { display:block; }
  .tcarousel .active > div:first-child + div + div { display:block; }
}

.block {
  width: 306px;
  height: 230px;
}

.red {background: red;}

.blue {background: blue;}

.green {background: green;}

.yellow {background: yellow;}