/*** Team ***/
  .team-item img {
      height: 250px;
      width: 100%;
      border-radius: 25%;
      border: 10px solid #ffffff;
      -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
      margin-bottom: 32px;
      -webkit-transition: all, 0.5s;
      -o-transition: all, 0.5s;
      transition: all, 0.5s;
  }
  .team-item:hover img {
      transform: scale(1.1);
      border-color: #66ff33;
  }
  .team-item .team-text {
      height: 170px;
      overflow: hidden;
  }
  .team-item .team-text .bg-light,
  .team-item .team-text .bg-primary {
      position: relative;
      height: 170px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      transition: .5s;
  }
  .team-item .team-text .bg-primary {
      flex-direction: row;
  }
  .team-item:hover .team-text .bg-light {
      margin-top: -170px;
  }
  .team-item .team-text .bg-primary .btn {
      color: var(--primary);
      background: #FFFFFF;
  }
  .team-item .team-text .bg-primary .btn:hover {
      color: #FFFFFF;
      background: var(--secondary)
  }
  /*--------------------------------- Responsive Media Quaries -----------------------------*/

  @media only screen and (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
  }

  /* Medium Device = 1200px */

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team__item img {
      height: auto;
      width: auto;
    }
  }

  /* Tablet Device = 768px */

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .team__item img {
      height: auto;
      width: auto;
    }
  }

  /* Wide Mobile = 480px */
  @media only screen and (max-width: 767px) {
    .team__item img {
      height: auto;
      width: auto;
    }
  }