/* ================= Team Start ================= */
.team-list { width: calc(100%  + 30px); margin-left: -15px; margin-bottom: -63px; }
.team-item { width: 25%; padding: 0 15px; margin-bottom: 63px; }
.team-box { display: block; }
.team-img { width: 100%; position: relative; padding-bottom: 92%; overflow: hidden; border-radius: 5px; }
.team-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.team-content {padding: 20px 24px;background: var(--orange-color);color: #fff;margin-top: 8px;border-radius: 5px;}
.team-content h5 {font-size: 18px;line-height: 22px; font-weight: 700; margin-bottom: 0;}
.team-content h6 {font-size: 18px;line-height: 22px; font-weight: 400;margin-bottom: 0;}

/* ================= Team End ================= */

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 
  .team-list { margin-bottom: -50px; }
  .team-item { width: 33.33%; margin-bottom: 50px; }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
  
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .team-list { margin-bottom: -33px; width: calc(100% + 10px); margin-left: -5px; }
    .team-item { width: 50%; margin-bottom: 33px; }
    .team-img { padding-bottom: 71%; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) {
    .team-item { width: 100%; padding: 0 5px}
}