<!-- TEAM-MEMBER-AREA END -->
    <div class="team-member-area pb-80">
    <div class="container">
    <!-- Section-title start -->
    <div class="row">
    <div class="col-lg-12">
    <div class="section-title text-center">
    <h2 class="title-border">Team Member</h2>
    </div>
    </div>
    </div>
    <!-- Section-title end -->
    <div class="team-member">
    <div class="row">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="single-member text-center bg-white mt-25">
    <img src="img/team/1.png" alt="" />
    <h3 class="text-uppercase mt-20">Nancy holland</h3>
    <h4 class="text-uppercase text-gray">Chairman</h4>
    <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
    <div class="team-social">
    <ul>
    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
    </ul>
    </div>
    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="single-member text-center bg-white mt-25">
    <img src="img/team/2.png" alt="" />
    <h3 class="text-uppercase mt-20">Heather Estrada</h3>
    <h4 class="text-uppercase text-gray">Chief Marketing</h4>
    <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
    <div class="team-social">
    <ul>
    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
    </ul>
    </div>
    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="single-member text-center bg-white mt-25">
    <img src="img/team/3.png" alt="" />
    <h3 class="text-uppercase mt-20">Nancy holland</h3>
    <h4 class="text-uppercase text-gray">fashion desinger</h4>
    <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
    <div class="team-social">
    <ul>
    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
    </ul>
    </div>
    </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="single-member text-center bg-white mt-25">
    <img src="img/team/1.png" alt="" />
    <h3 class="text-uppercase mt-20">Sara Knight</h3>
    <h4 class="text-uppercase text-gray">Graphic Design</h4>
    <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
    <div class="team-social">
    <ul>
    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <!-- TEAM-MEMBER-AREA END -->

    .about-us { padding: 40px;}
    .about-brief {
    margin-left: -200px;
    margin-top: 40px;
    min-height: 350px;
    padding: 40px 30px 30px 40px;
    }
    .single-member {
    padding: 30px 15px;
    transition: all 0.3s ease 0s;
    }
    .single-member:hover {
    box-shadow: 1px 25px 54px rgba(0, 0, 0, 0.12);
    }
    .single-member img { border-radius: 50%;}
    .single-member h3 {
    color: #666;
    font-family: bree serif;
    font-size: 20px;
    }
    .single-member h4 {
    color: #999;
    font-size: 13px;
    }
    .team-social li {
    display: inline-block;
    margin: 0 1px;
    }
    .team-social ul li a {
    color: #999;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    }
    .team-social ul li a:hover { color: #C8A165;}