.team-list{width: calc(100% + 30px);margin-left: -15px;margin-bottom: -30px;}
.team-item{width: 25%;padding: 0 15px;margin-bottom: 30px;}
.team-box{padding-bottom: 70px;}
.tb-member-img {width: 100%;height: 300px;}
.tb-member-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 20px;font-size: 20px;letter-spacing: -0.006em;}
.tb-member-text h3{font-size: 20px;margin-bottom: 0;text-transform: capitalize;}
.team-box-overlay{padding: 40px 30px 40px 33px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;transition: all 0.3s ease-in-out;}
.tb-overlay-text{ overflow-y: auto;padding-right: 7px;}
.team-box-btn{width: 70px;height: 70px;padding: 15px;position: absolute;bottom: 0;right: 0;border: 0;transition: all 0.3s ease-in-out;cursor: pointer;}
.tb-overlay-text::-webkit-scrollbar{width: 3px;}
.tb-overlay-text::-webkit-scrollbar-track{background: transparent;}
.tb-overlay-text::-webkit-scrollbar-thumb{background-color: var(--kal-black); border-radius: 4px;}

.team-box.active, .team-box.sliding {z-index: 99;}
.team-box.active .team-box-overlay{left: 100%;width: calc(100% + 30px);}
.team-box.active .team-box-btn{right: calc(-100% - 30px);z-index: 1;}
.team-box.active .tbb-plus-icon{display: none;}
.tbb-minus-icon{display: none;}
.team-box.active .tbb-minus-icon{display: block !important;}


@media (min-width: 1400px){ 
    .team-item:nth-child(4n) .team-box.active .team-box-btn{right: calc(100% + 30px);}
}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .team-list{width: calc(100% + 24px);margin-left: -12px;margin-bottom: -24px;}
    .team-item{padding: 0 12px;}
    .tb-member-text{font-size: 18px;padding: 11px 16px 15px;}
    .tb-member-text h3{font-size: 18px;}
    .tb-overlay-text{font-size: 17px; }
    .team-box.active .team-box-overlay{width: calc(100% + 24px);}
    .team-box.active .team-box-btn{right: calc(-100% - 24px);}
}

@media (min-width: 1200px){ 
    .team-item:nth-child(4n) .team-box-overlay{left: auto;right: 0;}
    .team-item:nth-child(4n) .team-box.active .team-box-overlay{left: auto;right: 100%;}
    .team-item:nth-child(4n) .team-box.active .team-box-btn{right: calc(100% + 24px);} 
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .team-list{width: calc(100% + 20px);margin-left: -10px;margin-bottom: -20px;}
    .team-item{width: 33.33%;padding: 0 10px;}
    .team-box.active .team-box-overlay{width: calc(100% + 20px);}
    .team-box.active .team-box-btn{right: calc(-100% - 20px);}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .team-item:nth-child(3n) .team-box-overlay{left: auto;right: 0;}
    .team-item:nth-child(3n) .team-box.active .team-box-overlay{left: auto;right: 100%;}
    .team-item:nth-child(3n) .team-box.active .team-box-btn{right: calc(100% + 20px);}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .team-list{width: calc(100% + 30px);margin-left: -15px;margin-bottom: -30px;}
    .team-item{width: 50%;padding: 0 15px;}
    .team-box-overlay{padding: 30px 28px 30px 30px;}
    .team-box.active .team-box-overlay{width: calc(100% + 30px);}
    .team-box.active .team-box-btn{right: calc(-100% - 30px);}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .team-item:nth-child(2n) .team-box-overlay{left: auto;right: 0;}
    .team-item:nth-child(2n) .team-box.active .team-box-overlay{left: auto;right: 100%;}
    .team-item:nth-child(2n) .team-box.active .team-box-btn{right: calc(100% + 30px);}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
    .team-list{width: 100%;margin-left: 0;margin-bottom: 0;}
    .team-item{width: 100%;padding: 0 15px;margin-bottom: 0;}
    .tb-member-text{font-size: 20px;padding: 10px 20px 13px;}
    .tb-member-text h3{font-size: 20px;}
    .team-box-overlay{padding: 30px 60px;left: 0;right: 0;top: 0;}
    .tb-overlay-text{display: flex;flex-flow: column;align-items: center;}
    .team-box-btn {right: 0;top: calc(100% - 70px);}
    .team-box.active .team-box-overlay {left: 0;right: 0;top: 100%;width: 100%;height: calc(100% + 70px);}
    .team-box.active .team-box-btn {right: 0;top: calc(200% - 70px);}

    .team-item:last-child .team-box-overlay{top: auto;bottom: 0;}
    .team-item:last-child .team-box.active .team-box-overlay{bottom: 100%;}
    .team-item:last-child .team-box.active .team-box-btn{top: auto;bottom: 200%;}

}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}