/*= common css to all effects =*/
.single-member{width:21%;  padding:1%; border:1px #dddddd solid; margin-right: 1%; background-color: #fff; text-align: center; position: relative ; margin-top:10px}

.single-member:nth-child(4){ margin-right:0}
.member-image img{ vertical-align: middle;}
h3 {font-size: 16px; font-weight: normal; margin: 2px 0 0; text-transform: uppercase; }
h5 {font-size: 14px; font-weight: 300; margin: 0 0 15px; line-height: 22px; margin-top:7px}


.container{ width:100%; margin:0 auto; margin-top:10px; padding-bottom:10px }
.team-members{ width:100%; display:flex; flex-wrap:  wrap }

.container p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/



/*= effect-2 css =*/
.effect-2{height: 240px;  overflow: hidden;}
.effect-2 h3{padding-top: 9px; line-height: 33px; font-size:18px}
.effect-2 h5{ width:130px; height:35px; line-height:35px; background:#1471d8;  margin:0 auto; border-radius: 25px; margin-top:15px} 
.effect-2 h5 a{ color:#fff; font-size:16px}



.effect-2 .member-image{border-bottom: 5px solid #1471d8; height: 260px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-image img{ vertical-align: bottom; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; height:240px}
.effect-2 .social-touch{background-color: #fff; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 121px; transition: 0.4s;}
.effect-2 .member-image img:hover{transform:scale(1.1);//ÉèÖÃËõ·Å±ÈÀý
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);
			transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; }

/*= effect-2 css end =*/



/*= Media Query 
=============== */
@media only screen and (max-width: 550px){
	.row{width: 100%; margin: 0px 0;}
	.team-members{text-align: center;}
	.single-member{float: none; display: inline-block; vertical-align: bottom;}
}
/*= Media Query End
=================== */