ul.team-list{
   display:inline-block;
   /*flex-wrap:wrap;*/
   justify-content:center;
   list-style:none;
   margin: 0;
   padding: 0; 
}
ul.team-list li{
   width:25%;
   padding: 2px; 
   display: inherit;
}
.staff-image img.lazyloaded{
   transition-delay:inherit!important;
   transition:none!important;
   opacity:1!important;
}
.flip-image{
   position: relative;
}
.tab-item-staff.active .flip-image .flip-content,
.flip-image:hover .flip-content{
   opacity: 1;
   background: rgb(0 0 0 / 70%)!important;
}
.flip-content{
   position:absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: 0 auto;
   padding: 60px 0;
   text-align: center;
   opacity: 0;
   background: #000000;
   z-index: 999999;
}
.flip-content-inner {
   display: block;
   margin: 0;
   bottom: 0;
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   padding: 10px;
   text-align: left;
}
.flip-content .flip-content-inner .team-title{
   font-size: 18px;
   /*line-height: 30px;*/
   color: #ffffff;
   font-family: "Roboto", Sans-serif !important;
   font-weight: 400;
   margin: 0;
}
.flip-content .flip-content-inner .team-design{
   font-size: 12px;
   /*line-height: 30px;*/
   color: #D4AF37 !important;
   font-weight: 400;
   font-family: "Roboto", Sans-serif !important;
   margin: 0;
}
.staff-info-box{
   display: block;
   width: 100%;
}
.team-grid .tab-content{
   margin: 40px 0;
}
.staff-info-box .staff-image{
   display: inline-block;
   width: 40%;
   padding: 10px 10px;
   /* vertical-align: top;*/
}
.staff-info-box .staff-info{
   display: inline-block;
   width: 59%;
   padding: 7px 45px 0;
   vertical-align: top;
}
h3.staff-title {
   color: #fff;
   font-size: 24px;
   letter-spacing: 1px;
   font-family: 'Calibre Regular';
}
.staff-info-box .staff-desc {
   font-size: 24px;
   line-height: 30px;
   color: #fff;
   font-family: 'Calibre Regular';
}
p.close-contentTab{
   text-align: right;
}
p.close-contentTab a i{
   color:#ffffff;
}
.accordion ul{
   margin: 15px 5px;
}
.accordion ul li > div {
   font-size:24px;
   color:#ffffff;
   letter-spacing: 1px;
   padding:0;
   font-family: 'Calibre Regular';
}
.accordion ul li {
   list-style:none;
}
.accord-content h3.team-title{
   color: #fff;
   font-size: 24px;
   letter-spacing: 1px;
   font-family: 'Calibre Regular';
}
.accord-content .staff-desc{
   font-size: 24px;
   line-height: 28px;
   color: #fff;
   font-family: 'Calibre Regular';
}
.accordion .active {
   position: relative;
}
.accordion .active:before {
   content: ' ';
   background: rgb(0 0 0 / 70%);
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
@media screen and ( max-width:767px ) {
   .staff-info-box .staff-image{
      display: block;
      width: 100%!important;
      padding: 10px;
   }
   .staff-info-box .staff-info{
      display: block;
      width: 100%!important;
      padding: 10px;
   }
   ul.team-list li{
      width:100%;
      padding: 10px; 
      display: inherit;
   }
   .accordion ul li > div {
      font-size:24px;
      color:#ffffff;
      letter-spacing: normal!important;
      padding:0;
      font-family: 'Calibre Regular';
      line-height: 30px;
   }
   .accordion .active:before{
      display: none;
      background:rgb(0 0 0 / 0%)!important;
   }
  
}
@media screen and ( min-width:768px)  and ( max-width:1024px ) {
   ul.team-list li{
      width:50%;
      padding: 10px; 
      display: inherit;
   }
   .accordion ul li > div {
      font-size:24px;
      color:#ffffff;
      letter-spacing: normal!important;
      padding:0;
      font-family: 'Calibre Regular';
      line-height: 30px;
   }
}