/************************************************************************
*  Team 3 css
************************************************************************/

.tgx-team-3 .team-container {
    border: 1px solid #ece9f0;
    background-color: #f1f1f1;
    padding: 30px 20px;
    border-radius: 2px;
    text-align: center;
  }
  .tgx-team-3 .team-container .team-each-wrap {
    position: relative;
  }
  .tgx-team-3 .team-container .team-each-wrap .team-block {
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
  }
  .tgx-team-3 .team-container .team-each-wrap .team-block img {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    margin: 0 auto;
  }
  .tgx-team-3 .team-container .team-each-wrap .spin {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: absolute;
    left: -5px;
    right: 0;
    top: -5px;
    margin: auto;
  }
  
  .tgx-team-3 .team-container .team-each-wrap .team-info .team-title{
       font-size: 22px;
       color: #ed485f;
   }
  .tgx-team-3 .team-container .team-each-wrap .team-content {
    font-size: 14px;
    text-align: center;
    color: #444;
    margin: 20px 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }
  .tgx-team-3 .team-container .team-each-wrap .team-info {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0 20px;
  }
  .tgx-team-3 .team-container .team-each-wrap .team-info span {
    display: block;
     font-size: 15px;
  }
  .tgx-team-3 .team-container .team-each-wrap .team-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    margin: 0 3px;
    border: 1px solid #ece9f0;
    text-align: center;
  }
  .tgx-team-3 .team-container .team-each-wrap:hover .spin {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  
  
  
  @media screen and (max-width: 767px) {
      .tgx-team-3 .team-container .team-each-wrap .spin {
          width: 160px;
          height: 160px;
      }
      .tgx-team-3 .team-container .team-each-wrap .team-block img {
          width: 150px;
          height: 150px;
          border-radius: 50%;
          margin: 0 auto;
      }
  }
  @media screen and (max-width: 480px){
      .tgx-team-3 .team-container .team-each-wrap .spin {
          width: 160px;
          height: 160px;
      }
  }