#team {
padding: 70px 0;
background: #fff;    
}

.team_title h2{
color: #3d3939;
font-family: "Francois One",sans-serif;
font-size: 31px;
}

.team_title hr{
margin: 22px auto 0;
max-width: 200px;
}

.team_carousel_title h2{
color: #3d3939;
font-family: "Francois One",sans-serif;
font-size: 25px;
text-align: center;
}

.team_carousel_title hr {
margin: 6px auto 0;
max-width: 200px;
}

.team_carousel {    
border: 2px solid #3399ff;
margin-bottom: 23px;
margin-top: 14px;
}

.single_three{
padding:9px;
position: relative;
color: #fff;
z-index: 1;
}

.single_three:hover .team_carousel_single{
opacity: 1;
}
.single_three img{
width:100%;
}

.team_carousel_single {
position: absolute;
text-align: center;
top: 0;
width: 100%;
right: 0;
bottom: 0;    
color: red;
z-index: 1;
opacity: 0;
}

.team_carousel_single::after {
background: #fff none repeat scroll 0 0;
bottom: 138px;
content: "";
left: 9px;
position: absolute;
right: 0;
top: 9px;
width: 93.5%;
z-index: -1;
transition: .2s;    
}

.team_carousel_single:hover:after{
opacity: .9;
}

.single_three:hover .team_carousel_single::after{
bottom: -25px;
}

.team_carousel_single h3{
font-family: "Francois One",sans-serif;
}

.team_carousel_single p {
font-family: "Francois One",sans-serif;
font-size: 14px;
line-height: 24px;
}

.team_carousel_single hr {
margin: 11px auto 3px;
width: 102px;
}


/*Responsive*/


@media screen and (max-width:1199px){
    
.team_carousel_single p {
font-size: 11px;
margin: 0 auto;
max-width: 215px;
} 
    
}


@media screen and (max-width:991px){
    
.team_carousel_single p {
font-size: 12px;
} 

}


@media screen and (max-width:767px){
.team_carousel_single h3 {
font-size: 27px;
}
.team_carousel_single p {
font-size: 15px;
}
}



@media screen and (max-width:540px){
.team_carousel_single p {
font-size: 12px;
} 
    
    
}


@media screen and (max-width:480px){
    
.team_carousel_single::after {
width: 100%;
}
.team_carousel_single h3 {
font-size: 30px;
margin-top: 50px;
}
.team_carousel_single p {
font-size: 15px;
line-height: 27px;
max-width: 272px;
}
}


@media screen and (max-width:320px){
.team_carousel_single h3 {
font-size: 30px;
margin-top: 18px;
}
    
.team_carousel_single p {
font-size: 11px;
max-width: 235px;
line-height: 24px;
}
    
    
}