/* Slide-responsive */

.col-centered {
    float: none;
    margin: 0 auto;
    padding-bottom: 150px;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40%;
    margin-left: 40%; 
    margin-top: 60px;
    opacity: 1;
}

.carousel-control > a > span {
    color: white;
    font-size: 29px !important;
}

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

 .glyphcol {
  color: #4A4A4A !important;
 }

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

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -100%; }
  .carousel-inner .active.right { left: 100%; }
  .carousel-inner .next        { left:  100%; }
  .carousel-inner .prev        { left: -100%; }
  .carousel-col                { width: 100%; }
  .carousel-control.left,
  .carousel-control.right { 
      margin-right: 30%;
      margin-left: 30%; 
  }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -100%; }
  .carousel-inner .active.right { left: 100%; }
  .carousel-inner .next        { left:  100%; }
  .carousel-inner .prev        { left: -100%; }
  .carousel-col                { width: 100%; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -100%; }
  .carousel-inner .active.right { left: 100%; }
  .carousel-inner .next        { left:  100%; }
  .carousel-inner .prev        { left: -100%; }
  .carousel-col                { width: 100%; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -100%; }
  .carousel-inner .active.right{ left:  100%; }
  .carousel-inner .next        { left:  100%; }
  .carousel-inner .prev        { left: -100%; }
  .carousel-col                { width: 100%; }
}

/* /Slide-responsive */
