@media (min-width: 768px) {

  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
      display: block;
  }
  
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
  }
  
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -25%;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
  
  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }

}

/* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}
.padd-0{
  padding: 0px !important;
}
.mainGroupImage{
  max-width: 100%;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}

.mainGroupImage:hover{
  -webkit-transform:scale(1.25); /* Safari and Chrome */
  -moz-transform:scale(1.25); /* Firefox */
  -ms-transform:scale(1.25); /* IE 9 */
  -o-transform:scale(1.25); /* Opera */
   transform:scale(1.25);
}
#forumGroup{
  overflow:hidden;
  border-radius: 10px;
  height: auto;
  float: left;
}


/*.service-one .service-text > p {*/
/*  color: #979797;*/
/*}*/
.service-one .single-service::after {
    border: 1px solid #333130;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.service-one .single-service {
	border: 1.5px solid #f1f1f1;
	margin-left: 29px;
	position: relative;
}
.service-one .service-text {
	overflow: hidden;
	padding: 20px 20px 20px 50px;
}
.service-one .service-text h4 {font-size: 22px;}
.service-icon-two {
  left: 0;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.service-icon-two .hexagon{
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.service-one .single-service:hover .service-icon-two .hexagon {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.hexagon::before {
	border-bottom: 16px solid #f1f1f1;
	border-left: 29px solid transparent;
	border-right: 29px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: -16px;
	width: 0;
}
.hexagon::after {
	border-left: 29px solid transparent;
	border-right: 29px solid transparent;
	border-top: 16px solid #f1f1f1;
	bottom: -16px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}
.hexagon {
	background: #f1f1f1 none repeat scroll 0 0;
	height: 38px;
	left: 0;
	margin-left: -29px;
	position: absolute;
	top: 0;
	width: 58px;
}
.service-icon-two i {
  color: #333130;
  font-size: 30px;
  line-height: 44px;
  margin-left: -14px;
  position: relative;
  z-index: 5;
}
.service-icon-two i,.hexagon,.service-one .single-service::after,.service-one .single-service,
.service-one .single-service .hexagon:after,.service-one .single-service .hexagon:before {
	-webkit-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.service-one .single-service:hover,.service-one .single-service:hover::after{
	border-color: #f7631b;
}
.service-one .single-service:hover .hexagon:after{border-top-color: #f7631b;}
.service-one .single-service:hover .hexagon:before{border-bottom-color: #f7631b;}
.service-one .single-service:hover .hexagon{background: #f7631b;}
.service-one .single-service:hover .service-icon-two i{color: #f7631b;}
