/*******************************************************
 *
 * Media Queries
 *
 *******************************************************/


 .agent-list {
     display: flex;
     flex-wrap: wrap;
      gap:1.5vw;
 }

 .agent-item {
     background: #eee;
     box-sizing: border-box;
     position: relative;
     width: calc((476 / 1478)* 100%);
 }

 .agent-photo {
     position: relative;
     overflow: hidden;
     background: #000;
 }

 .agent-photo canvas {
     display: block;
     position: relative;
     width: 100%;
     height: auto;
 }

 .agent-photo img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transition: all 0.3s ease-in-out;
 }

 .agent-item > a {
     position: relative;
     width: 100%;
     height: auto;
     display: block;
     opacity: 1 !important;
 }

 .agent-info {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 3;
     padding: 2.625vw;
 }

 #inner-page-wrapper .--defaultPadding {
     width: 100%;
     padding: 0 15px;
     max-width: 92.375vw;
     margin: 0px auto;
 }

 #content .entry-title {
     text-align: center;
 }

 .agent-photo:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
     opacity: 70%;
 }

 #content .agent-info h2 {
     color: #fff;
     font-weight: 600;
     margin: 0;
     font-size: max(1.875vw , 18px);
     text-transform: uppercase;
     letter-spacing: 0.005em;
     line-height: 1;
     margin-bottom: 17px;
 }

 .ag-phone-email ul {
     list-style: none !important;
     padding: 0px !important;
     margin: 0px !important;
 }

 #content .ag-phone-email ul li a {
     color: #fff;
     font-size: max(0.8750000000000001vw  ,12px);
     letter-spacing: 0.005em;
     font-weight: 400;
 }

 #content .ag-phone-email ul li {
     color: #fff;
     font-size: max(0.8750000000000001vw  ,12px);
     letter-spacing: 0.005em;
     font-weight: 400;
 }

 .agent-info > span {
     color: #fff;
     font-size: max(1vw , 14px);
     display: inline-block;
     margin-bottom: 22px;
 }

 #content .agent-info h2 span {
     font-size: max(1.25vw , 16px);
     display: block;
     line-height: 1;
     font-weight: 400;
     letter-spacing: 0.005em;
     margin-bottom: 4px;
 }

 #content .realty-team > h2 {
     font-family: var(--font-family-title);
     font-weight: 600;
     font-size: max(2.375vw  ,24px);
     letter-spacing: 0.005em;
 }

 #content .construction-team > h2 {
     font-family: var(--font-family-title);
     font-weight: 600;
     font-size: max(2.375vw, 24px);
     letter-spacing: 0.005em;
 }

 .agent-item > a:hover .agent-photo img {
     transform: scale(1.06);
     opacity: 70%;
 }


 .realty-team {
     margin-bottom: 64px;
 }

 .construction-team {
     margin-bottom: 65px;
 }


@media only screen and (max-width: 991px) {

 .agent-item  {
    width: calc((476 / 1478) * 100%);
 }


}
@media only screen and (max-width: 767px) {

  .agent-item {
    width: calc(100% / 2 - 6px);
}

.agent-list {
    gap: 12px;
}

}


@media (max-width: 600px) {
   .agent-item {
    flex: 1 1 100%;
  }
}