@media only screen and (min-width: 1200px) {
    header .header-logo, 
    header .right-btns {
    flex: 0 0 18%;
    max-width: 100%;
    }

    header .mid-navbar {
    flex: 0 0 58%;
    max-width: 100%;
    }
}


/* Tablet: 2 per row */
@media (max-width: 992px) {
  .testimonial-item {
    width: calc((100% - 50px) / 2); /* 1 gap of 50px between 2 items */
  }
}

/* Mobile: 1 per row */
@media (max-width: 600px) {
  .testimonial-item {
    width: 100%;
  }
}