@media screen and (max-width: 1002px) {
  section.image_wrap {
    width: 100% !important; }
  .resident_info > h4 {
    text-align: center; }
  section.resident_info {
    width: 100% !important;
    margin-left: 0 !important; }
  .col2 {
    width: 100% !important; } }

.resident_wrap {
  padding: 0px 0 0 0;
  padding-left: 0px !important;
  padding-right: 0px !important;
  position: relative;
  z-index: 0; }
  .resident_wrap h2 {
    width: 80%;
    margin: 0 auto;
    font-family: "ITC AvantGarde",sans-serif; }
  .resident_wrap div#customList {
    width: 100%;
    position: relative;
    margin-bottom: 40px; }
    .resident_wrap div#customList div {
      padding: 40px 0 0 0;
      margin: 0 auto; }
      @media only screen and (max-width: 1159px) {
        .tbc-responsive .resident_wrap div#customList div {
          width: 95%; } }
      .resident_wrap div#customList div .resident {
        width: 25%;
        display: inline-block;
        padding: 20px 0;
        min-height: 383px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        @media only screen and (max-width: 1159px) {
          .tbc-responsive .resident_wrap div#customList div .resident {
            width: 23%;
            margin-right: 2%; }
            .tbc-responsive .resident_wrap div#customList div .resident:nth-of-type(4n) {
              margin-right: 0; } }
        @media only screen and (max-width: 767px) {
          .resident_wrap div#customList div .resident {
            width: 50%; } }
        @media only screen and (max-width: 479px) {
          .resident_wrap div#customList div .resident {
            width: 100%; } }
        @media only screen and (max-width: 824px) {
          .tbc-responsive .resident_wrap div#customList div .resident {
            width: 31%;
            margin-right: 2%; }
            .tbc-responsive .resident_wrap div#customList div .resident:nth-of-type(4n) {
              margin-right: 2%; }
            .tbc-responsive .resident_wrap div#customList div .resident:nth-of-type(3n) {
              margin-right: 0; } }
        @media only screen and (max-width: 480px) {
          .tbc-responsive .resident_wrap div#customList div .resident {
            width: 48%;
            margin-right: 2%; }
            .tbc-responsive .resident_wrap div#customList div .resident:nth-of-type(2n) {
              margin-right: 0; } }
        .resident_wrap div#customList div .resident.open {
          padding-bottom: 0; }
          .resident_wrap div#customList div .resident.open:after {
            content: '';
            display: block;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-right: 13px solid transparent;
            border-left: 13px solid transparent;
            border-bottom: 20px solid #702082; }
        .resident_wrap div#customList div .resident a {
          text-decoration: none;
          text-align: center;
          display: block; }
          .resident_wrap div#customList div .resident a img {
            display: block;
            max-width: 196px;
            max-height: 196px;
            border-radius: 50%;
            margin: 0 auto; }
            @media only screen and (max-width: 1159px) {
              .tbc-responsive .resident_wrap div#customList div .resident a img {
                max-width: 100%;
                margin: 0 auto; } }
          .resident_wrap div#customList div .resident a h3 {
            color: #702082;
            font-size: 18px;
            font-family: Helvetica, Arial, sans-serif;
            margin: 20px 0 10px 0;
            min-height: 40px;
            overflow: hidden;
            font-family: "ITC AvantGarde",sans-serif; }
          .resident_wrap div#customList div .resident a h4 {
            color: #702082;
            font-size: 15px;
            height: 4em;
            overflow: hidden;
            font-family: "ITC AvantGarde",sans-serif; }
          .resident_wrap div#customList div .resident a:hover {
            transform: scale(1.1); }
        .resident_wrap div#customList div .resident .resident_info_wrap {
          width: 100%;
          position: absolute;
          left: 0;
          background-color: #702082;
          color: #fff;
          padding: 10px 0 10px 0;
          margin: 20px 0 0 0;
          display: none; }
          @media only screen and (max-width: 480px) {
            .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap {
              padding: 34px 0; } }
          .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap {
            width: 80%;
            margin: 0 auto;
            padding-bottom: 30px; }
            @media only screen and (max-width: 1159px) {
              .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap {
                width: 95%; } }
            .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .image_wrap {
              width: 20%;
              float: left;
              text-align: center; }
              @media only screen and (max-width: 1159px) {
                .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .image_wrap {
                  width: 25%; } }
              @media only screen and (max-width: 480px) {
                .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .image_wrap {
                  display: none; } }
              .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .image_wrap img {
                width: 195px;
                max-height: 195px;
                border-radius: 50%; }
              .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .image_wrap h3 {
                margin-top: 30px;
                font-size: 25px;
                text-align: center;
                font-family: "ITC AvantGarde",sans-serif; }
                @media only screen and (max-width: 790px) {
                  .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .image_wrap h3 {
                    font-size: 24px; } }
            .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info {
              width: 70%;
              float: left;
              margin-left: 79px; }
              @media only screen and (max-width: 1159px) {
                .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info {
                  width: 75%;
                  padding-left: 50px;
                  margin-left: 0; } }
              @media only screen and (max-width: 480px) {
                .tbc-responsive .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info {
                  width: 100%;
                  margin-left: 0;
                  padding-left: 0; } }
              .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info h4 {
                font-size: 30px; }
              .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info {
                padding: 0px;
                padding-top: 30px;
                margin: initial;
                width: 100%; }
                .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col1 {
                  width: 100%;
                  padding: 0px;
                  display: block; }
                  .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col1 h5 {
                    font-family: "ITC AvantGarde",sans-serif;
                    margin-bottom: 10px;
                    line-height: 22px; }
                  .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col1 p {
                    margin-bottom: 20px;
                    font-family: "ITC AvantGarde",sans-serif; }
                .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col2 {
                  width: 50%;
                  float: left;
                  padding: 0px;
                  padding-right: 50px;
                  display: block; }
                  @media only screen and (max-width: 768px) {
                    .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col2 {
                      width: 100%; } }
                  .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col2 h5 {
                    font-family: "ITC AvantGarde",sans-serif;
                    margin-bottom: 10px;
                    line-height: 22px; }
                    .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col2 h5 strong {
                      font-weight: 500; }
                  .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col2 p {
                    margin-bottom: 20px;
                    font-family: "ITC AvantGarde",sans-serif; }
                  .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info .col2:nth-of-type(2n) {
                    padding-right: 0; }
                .resident_wrap div#customList div .resident .resident_info_wrap .inner_wrap .resident_info .info a {
                  transform: none;
                  text-align: left; }
      .resident_wrap div#customList div:last-of-type {
        border-bottom: 0; }