.team-col {
    position: relative;
    overflow: hidden;
}
.team-col {
    display: inline-block !important;
    float: none !important;
    margin-right: -4px;
    text-align: center;
    position: relative;
}

.team-content {
    background-color: #eb315a;
    border-radius: 0;
    padding: 20px 20px;
    text-align: center;
	  width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    z-index: 999999;
   position: relative;
}
.team-content:before {
  	background-color: #eb315a;
  	content: "";
  	height: 130px;
    left: 6px;
    position: absolute;
    bottom: 0px;
    transform: rotate(-9deg);
  	-webkit-transform: rotate(-9deg);
  	transition: all 500ms ease 0s;
    width: 102% !important;
  	z-index: -1;
}

.team-content-inner h5 {
	color: #ffffff;
}
.team-content-inner p {
	color: #ffffff;
  margin-top: 10px;
}
.team-icons ul  {
    display: table;
    list-style-type: none;
    margin: 0px auto 0 auto;
}
.team-img img,
.team-img {
  line-height: 0;
}
.team-icons {
  padding: 15px;
  left: -65px;
  position: absolute;
  top: 0;
  transition: all 500ms ease-in 0s;
  width: 65px !important;
  background-color: #eb315a;
}
.team-col:hover .team-icons {
    left: 0px;
    transition: all 500ms ease-in 0s;
}
.team-icons ul li {
    display: table;   
    position: relative;
	  list-style: none;
    padding-right: 0;
}
.team-icons ul li:last-child {
	padding-right: 0;
}
.team-icons ul li svg {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 2px 3px #000;
    border-radius: 50%;
    display: inline-block;
    width: 35px;
    height: 35px;
    fill: #eb315a;
    text-align: center;
	padding: 10px;
}
.team-icons ul li:hover svg{
    background: #222222;
	  fill: #ffffff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.team-col:hover .team-content {
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
@media (min-width: 768px) and (max-width: 991px) {  
  .team-row {
     width: 80% !important;
     margin: 0 auto !important;
     float: none !important;
  }
  .dnd-module .span12.team-row .span3:nth-child(2),
  .dnd-module .span12.team-row .span3:first-child {
     margin-top: 0 !important;
  }
  .dnd-module .span12.team-row .span3 {
     margin-top: 20px !important;
  }
}

@media (min-width: 250px) and (max-width: 480px) {  
  .team-row {
     width: 80% !important;
     margin: 0 auto !important;
  }
}