.team_area { width:100%; padding:150px 0 100px; position:relative; }
.team_area .team_bg { position:absolute; content:""; left:0; top:0; width:100%; height:1084px; } 
.team_area .wrapper { position:relative; z-index:1; }
.team_area .team_top { width:100%; margin-bottom: 50px; padding: 30px 80px; }
.team_area .team_top h1 { margin-bottom:15px; color: #272e6e; }
.team_area .team_cover { width:100%; display:flex; flex-wrap:wrap; }
.team_area .team_box { width:calc(100%/3); padding:0 15px 90px; transition:all .4s ease; position:relative; }
{# .team_area .team_box:hover { opacity:0.5; } #}
.team_area .team_info {transition:all .4s ease;}
.team_area .team_box:hover .team_info {opacity: .9;}

.team_area .team_boxin { width:100%; position:relative; }
.team_area .team_img { width:100%; display:inline-block; vertical-align:top; height:400px; margin-bottom:20px; }   
.team_area .team_info { width:100%; display:block; } 
.team_area .team_info h4,
.team_area .team_info .h4
{ color: #262E6E; font-weight: 700; font-size: 36px; line-height: 48px; letter-spacing: 0;}
.team_area .team_info h5,
.team_area .team_info .h5 { color: #1E808F; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; font-size: 21px; line-height: 30px; width: 100%; margin: 10px 0; }
.team_area .morebtn a { color: #f76161; font-weight: 500; font-size: 24px; line-height: 36px; }
.team_area .morebtn a:hover { opacity:0.9; }
.team_area .team_popupbox { display:none; }
.team_area .team_box .hover_link { position:absolute; top:0; left:0; width:100%; height:100%; }
 
.team_popupbox.fancybox-content { width:100%; max-width:1500px; padding:0; background: linear-gradient(158.03deg, #262E6E 41.12%, #1E808F 110.1%); }
.team_popupbox .team_popupboxin { display:flex; flex-wrap:wrap; color:#fff; padding:110px; position:relative; z-index:1; }
.team_popupbox.fancybox-content .team_img { height:420px; width:400px; display:block; }
.team_popupbox.fancybox-content .team_popupright { width:calc(100% - 400px); padding-left:70px; }
.team_popupbox.fancybox-content .team_popupright h4 { color:#fff; font-weight: 700; font-size: 48px; line-height: 60px; }
.team_popupbox.fancybox-content .team_popupright h5 { width:100%; margin:10px 0 50px; color: #F76161; letter-spacing: 0.1em; font-weight: 700; font-size: 21px; line-height: 30px; text-transform: uppercase; }

@media(max-width:1600px){ 
  
    .team_area .team_info h4 { font-size: 28px; line-height: 38px; }
    .team_area .team_info h5 { font-size: 18px; line-height: 28px; }
    .team_area { padding:150px 0 40px; }
    
}

@media(max-width:1400px){ 
  
    .team_area { padding:120px 0 40px; }
    .team_popupbox .team_popupboxin { padding:60px; }
    .team_popupbox.fancybox-content .team_popupright h4 { font-size: 38px;  line-height: 50px; }
    .team_popupbox.fancybox-content .team_img { height: 320px; width: 300px; }
    .team_popupbox.fancybox-content .team_popupright { padding-left: 50px; width:calc(100% - 300px); font-size: 18px; line-height: 30px; }
    .team_popupbox.fancybox-content .team_popupright h5 { margin:5px 0 30px; }
    .team_popupbox .fancybox-close-small { width:70px !important; height:70px !important; }
    
    .team_area .team_bg { height:784px; }
    
    
    
}

@media(max-width:1200px){ 

    .team_area { padding:70px 0 40px; }
    .team_area .team_top { padding:30px 20px 0; }
    .team_area .team_img { height:300px; }
    .team_area .team_info h4 { font-size: 22px; line-height: 30px; } 
    .team_area .team_info h5 { font-size: 16px; line-height: 26px; }
    .team_area .morebtn a {  font-size: 16px; line-height: 26px; }
    
    .team_popupbox.fancybox-content:after { background-size:cover !important; }
    .team_area .team_box { padding:0 10px 60px; }
    
    
}

@media(max-width:991px){ 

    .team_area .team_top { padding:0 30px; }
    .team_area .team_box { width:calc(100%/2); }
    .team_popupbox .team_popupboxin { padding:40px; }
    .team_popupbox.fancybox-content .team_img { height: 240px; width: 240px; }    
    .team_popupbox.fancybox-content .team_popupright { width:calc(100% - 240px); padding-left: 40px; }
    .team_popupbox.fancybox-content .team_popupright h4 { font-size: 28px; line-height: 40px; }
    .team_popupbox.fancybox-content .team_popupright h5 { font-size: 16px; line-height: 26px; margin:5px 0 20px; }
    .team_popupbox .fancybox-close-small { background-size: 24px; width:50px !important; height:50px !important; }
    
    
    
}

@media(max-width:767px){ 

    .team_area .team_top { }
    .team_area .team_box { width:100%; padding:0 0 40px;}
    .team_popupbox .team_popupboxin { padding:50px 20px; }
    .team_popupbox.fancybox-content .team_popupright { width:100%; padding:30px 0 0; } 
    .fancybox-slide--html .fancybox-close-small { width:30px !important; height:30px !important; background-size:18px !important; }
    .team_area .team_cover { margin: 0 auto; max-width: 310px; } 
    
    
}