.thumbnail{
  border:none !important;
  /* width: 306px  !important; */
	height: 230px !important;
}

.carouselInner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carouselInner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carouselInner > .item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}
.carouselInner > .item > img, .carouselInner > .item > a > img {
	display: block;
	height: auto;
	max-width: 100%;
	line-height: 1;
}
.carouselInner > .active, .carouselInner > .next, .carouselInner > .prev {
	display: block;
}
.carouselInner > .active {
	left: 0;
}
.carouselInner > .next, .carouselInner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carouselInner > .next {
	left: 100%;
}
.carouselInner > .prev {
	left: -100%;
}
.carouselInner > .next.left, .carouselInner > .prev.right {
	left: 0;
}
.carouselInner > .active.left {
	left: -100%;
}
.carouselInner > .active.right {
	left: 100%;
}

/* //Bootstrap */

.carousel-control.left{
  top: 71px; 
    margin-right: 0px;
    margin-left: 20px; 
    background-image: none;
    opacity: 1;
}

.carousel-control.right {
    top: 71px; 
    margin-right: 40px;
    margin-left: 0px; 
    background-image: none;
    opacity: 1;
}

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

.carousel-control { 
  width: 8%;
  width: 0px;
}
/* .carousel-control.left,
.carousel-control.right { 
  margin-right: 40px;
  margin-left: 32px; 
  background-image: none;
  opacity: 1;
} */
.carousel-control > a > span {
  color: white;
  font-size: 29px !important;
}

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

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

/*xs*/
@media (max-width: 767px) {
.carouselInner  .active.left { left: -100%; }
.carouselInner  .active.right { left: 100%; }
.carouselInner  .next        { left:  100%; }
.carouselInner  .prev		     { left: -100%; }
.carousel-col                { width: 100%; } */
 .active > div:first-child + div { display:none; } 

}

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

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

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

.block {
width: 306px;
height: 230px;
}
/* medium - display 2  */