/* Listing Cards responsive */

@media only screen and (max-width: 1200px) {
  .listing-5-col .listing-cards-view .views-row {
    padding: 30px 20px;
  }

  .listing-5-col .listing-cards-view .profile-image-field {
    width: 140px;
    height: 140px;
  }

  .listing-5-col .listing-image-field img {
    object-fit: contain;
  }
}

@media only screen and (max-width: 1024px) {
  .listing-5-col .listing-cards-view .profile-image-field {
    width: 135px;
    height: 135px;
  }
}

@media only screen and (max-width: 991px) {
  .listing-cards-view .views-row {
    padding: 20px;
  }

  .listing-title {
    font-size: 16px;
  }

  .person-name-field {
    line-height: 22px;
  }

  .person-role-field {
    font-size: 14px;
  }

  .person-institution {
    font-size: 13px;
  }

  .profile-image-field {
    width: 160px;
    height: 160px;
  }

  .listing-5-col .listing-cards-view .views-row {
    width: calc(33.33% - 20px);
  }

  /* .listing-5-col .listing-cards-view .view-content {
    gap: 30px;
  } */

  .listing-5-col .listing-cards-view .profile-image-field {
    width: 150px;
    height: 150px;
  }

  .list-col-5 .views-row {
    margin-right: 30px;
    width: calc(33.33% - 20px);
    margin-top: 30px;
  }

  .list-col-5 .views-row:nth-child(4),
  .list-col-5 .views-row:nth-child(5) {
    margin-top: 30px;
  }

  .list-col-5 .views-row:nth-child(5n) {
    margin-right: 30px;
  }

  .list-col-5 .views-row:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .listing-cards-view .views-row {
    padding: 30px;
  }

  .profile-image-field,
  .listing-5-col .listing-cards-view .profile-image-field {
    width: 150px;
    height: 150px;
  }

  .listing-cards-view .views-row,
  .listing-5-col .listing-cards-view .views-row {
    width: calc(50% - 15px);
  }

  .list-col-3 .views-row {
    margin-right: 30px !important;
    margin-top: 30px !important;
  }

  .list-col-3 .views-row:nth-child(2n) {
    margin-right: 0 !important;
  }

  .list-col-3 .views-row:first-child,
  .list-col-3 .views-row:nth-child(2) {
    margin-top: 0 !important;
  }

  .list-col-5 .views-row {
    margin-right: 30px;
    width: calc(50% - 15px);
    margin-top: 30px;
  }

  .list-col-5 .views-row:nth-child(3) {
    margin-top: 30px;
  }

  .list-col-5 .views-row:nth-child(3n),
  .list-col-5 .views-row:nth-child(5n) {
    margin-right: 30px;
  }

  .list-col-5 .views-row:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .list-type.align-cols-left>.view-content {
    justify-content: center;
  }

  .listing-cards-view .views-row,
  .listing-5-col .listing-cards-view .views-row {
    width: 100%;
    max-width: 300px;
  }

  .list-col-3 .views-row:nth-child(2),
  .list-col-3 .views-row {
    margin-right: 0 !important;
    margin-top: 30px !important;
  }

  .list-col-3 .views-row:first-child {
    margin-top: 0 !important;
  }


  .list-col-5 .views-row {
    margin-right: 0;
    width: 100%;
    margin-top: 30px;
  }

  .list-col-5 .views-row:nth-child(2) {
    margin-top: 30px;
  }

  .list-col-5 .views-row:nth-child(3n),
  .list-col-5 .views-row:nth-child(5n) {
    margin-right: 0;
  }

  .list-col-5 .views-row:nth-child(2n) {
    margin-right: 0;
  }

  .list-col-3.listing-cards-view .view-content,
  .listing-cards-view .view-content {
    max-width: 250px;
  }
}