.article.user-contacts .no-user-found {
  width: 100%;
  padding: 10px;
  background-color: #f1f1f1;
  color: #515151;
  text-align: center;
  margin-bottom: 10px;
}
.article.user-contacts.single-user .image {
  float: left;
  width: 30%;
}
.article.user-contacts.single-user .image > img {
  border-radius: 50%;
}
.article.user-contacts.single-user .info {
  float: left;
  padding: 0px 20px 20px 20px;
  width: 70%;
}
.article.user-contacts.single-user .article .info > .name {
  font-weight: bold;
}
.article.user-contacts.multi-user .article > .margin > .padding {
  padding: 0;
}
.article.user-contacts.multi-user .article:nth-child(3n+4) {
  clear: both;
}
.article.user-contacts.multi-user .article .image {
  float: left;
  width: 30%;
}
.article.user-contacts.multi-user .article .image > img {
  border-radius: 50%;
  border: 1px solid var(--defaultDarkGrey);
  height: 100px;
  width: 100px;
}
.article.user-contacts.multi-user .article .info {
  font-size: var(--smallerFontSize);
  line-height: 24px;
  float: left;
  padding: 0px 20px 20px 20px;
  width: 70%;
}
.article.user-contacts.multi-user .article .info > .name {
  font-weight: bold;
}

/* Grade A */
/* Grade B */
@media (max-width: 991px) {
  .article.user-contacts.multi-user .article {
    width: 50%;
  }
  .article.user-contacts.multi-user .article:nth-child(3n+4) {
    clear: none;
  }
  .article.user-contacts.multi-user .article:nth-child(2n+3) {
    clear: both;
  }
}
/* Grade C */
@media (max-width: 767px) {
  .article.user-contacts.single-user.width-60 .image, .article.user-contacts.single-user.width-55 .image, .article.user-contacts.single-user.width-50 .image, .article.user-contacts.single-user.width-45 .image, .article.user-contacts.single-user.width-40 .image, .article.user-contacts.single-user.width-35 .image, .article.user-contacts.single-user.width-33 .image, .article.user-contacts.single-user.width-30 .image, .article.user-contacts.single-user.width-25 .image, .article.user-contacts.single-user.width-20 .image, .article.user-contacts.single-user.width-15 .image, .article.user-contacts.single-user.width-10 .image, .article.user-contacts.single-user.width-5 .image {
    width: 100%;
    text-align: center;
  }
  .article.user-contacts.single-user.width-60 .image > img, .article.user-contacts.single-user.width-55 .image > img, .article.user-contacts.single-user.width-50 .image > img, .article.user-contacts.single-user.width-45 .image > img, .article.user-contacts.single-user.width-40 .image > img, .article.user-contacts.single-user.width-35 .image > img, .article.user-contacts.single-user.width-33 .image > img, .article.user-contacts.single-user.width-30 .image > img, .article.user-contacts.single-user.width-25 .image > img, .article.user-contacts.single-user.width-20 .image > img, .article.user-contacts.single-user.width-15 .image > img, .article.user-contacts.single-user.width-10 .image > img, .article.user-contacts.single-user.width-5 .image > img {
    max-width: 60%;
  }
  .article.user-contacts.single-user.width-60 .info, .article.user-contacts.single-user.width-55 .info, .article.user-contacts.single-user.width-50 .info, .article.user-contacts.single-user.width-45 .info, .article.user-contacts.single-user.width-40 .info, .article.user-contacts.single-user.width-35 .info, .article.user-contacts.single-user.width-33 .info, .article.user-contacts.single-user.width-30 .info, .article.user-contacts.single-user.width-25 .info, .article.user-contacts.single-user.width-20 .info, .article.user-contacts.single-user.width-15 .info, .article.user-contacts.single-user.width-10 .info, .article.user-contacts.single-user.width-5 .info {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .article.user-contacts.multi-user .article {
    width: 50%;
  }
  .article.user-contacts.multi-user .article .image,
  .article.user-contacts.multi-user .article .info {
    width: 100%;
  }
  .article.user-contacts.multi-user .article .image {
    text-align: center;
  }
  .article.user-contacts.multi-user .article .image > img {
    max-width: 60%;
  }
}
/* Grade D */
@media (max-width: 479px) {
  .article.user-contacts.single-user.width-65 .image, .article.user-contacts.single-user.width-66 .image, .article.user-contacts.single-user.width-67 .image, .article.user-contacts.single-user.width-70 .image, .article.user-contacts.single-user.width-75 .image, .article.user-contacts.single-user.width-80 .image, .article.user-contacts.single-user.width-85 .image, .article.user-contacts.single-user.width-90 .image, .article.user-contacts.single-user.width-95 .image, .article.user-contacts.single-user.width-100 .image {
    width: 100%;
    text-align: center;
  }
  .article.user-contacts.single-user.width-65 .image > img, .article.user-contacts.single-user.width-66 .image > img, .article.user-contacts.single-user.width-67 .image > img, .article.user-contacts.single-user.width-70 .image > img, .article.user-contacts.single-user.width-75 .image > img, .article.user-contacts.single-user.width-80 .image > img, .article.user-contacts.single-user.width-85 .image > img, .article.user-contacts.single-user.width-90 .image > img, .article.user-contacts.single-user.width-95 .image > img, .article.user-contacts.single-user.width-100 .image > img {
    max-width: 75%;
  }
  .article.user-contacts.single-user.width-65 .info, .article.user-contacts.single-user.width-66 .info, .article.user-contacts.single-user.width-67 .info, .article.user-contacts.single-user.width-70 .info, .article.user-contacts.single-user.width-75 .info, .article.user-contacts.single-user.width-80 .info, .article.user-contacts.single-user.width-85 .info, .article.user-contacts.single-user.width-90 .info, .article.user-contacts.single-user.width-95 .info, .article.user-contacts.single-user.width-100 .info {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .article.user-contacts.multi-user .article {
    width: 50%;
  }
  .article.user-contacts.multi-user .article .image,
  .article.user-contacts.multi-user .article .info {
    width: 100%;
  }
  .article.user-contacts.multi-user .article .image {
    text-align: center;
  }
  .article.user-contacts.multi-user .article .image > img {
    max-width: 60%;
  }
  .article.user-contacts.multi-user .article:nth-child(2n+3) {
    clear: both;
  }
}

/*# sourceMappingURL=userContacts.css.map */