.team_member_wrapper {
  padding-bottom: 40px;
  padding-top: 40px;
}

.team_member_wrapper .team-col {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.team_member_wrapper  .content-overlay {
  background: rgba(111,100,184,0.8);
  position: absolute;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  left: 15px;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.team_member_wrapper  .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: calc(100% - 30px);
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  top: 80%;
}

.team_member_wrapper  .content-details h4 {
  color: #fff;
  margin-bottom: 0.5em;
  font-weight: 500!important;
}

.team_member_wrapper  .content-details p {
  color: #fff;
  font-size: 1em;
}



.team_member_wrapper  .team-col:hover .content-overlay {
  opacity: 1;
  z-index: 1;
}


.team_member_wrapper  .team-col:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: 1;
}

.team_member_wrapper  .team_image {
  line-height: 0;
}

.team_member_wrapper  .team_image img {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
}

@media(max-width:991px){
  .team_member_wrapper .team-col {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

}

@media(max-width:767px){
  .team_member_wrapper .team-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

}
@media (max-width: 575.98px){

  .team_member_wrapper .team-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}