.container-listing-desc {
  display: block;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 20px 20px;
  grid-template-areas: "data data" "desc desc" "form form" "feats feats" "photos photos"; }
  @media (min-width: 576px) {
    .container-listing-desc {
      grid-template-areas: "data data" "desc desc" "form form" "feats feats" "photos photos"; } }
  @media (min-width: 768px) {
    .container-listing-desc {
      grid-template-areas: "data data" "desc desc" "form form" "feats feats" "photos photos"; } }
  @media (min-width: 992px) {
    .container-listing-desc {
      grid-template-areas: "data form" "desc form" "feats feats" "photos photos"; } }
  @media (min-width: 1200px) {
    .container-listing-desc {
      grid-template-areas: "data form" "desc form" "feats feats" "photos photos"; } }

.property-address {
  text-align: center;
  margin: 2rem; }

.listing .MLSCap {
  text-transform: capitalize; }
.listing .property-address h1 {
  font-family: "Cormorant Garamond", Times New Roman, Times, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  letter-spacing: 24px;
  line-height: 60px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  white-space: nowrap;
  color: #3c2d11; }
  @media (max-width: 1199.98px) {
    .listing .property-address h1 {
      font-size: 1rem;
      letter-spacing: .5rem; } }
  @media (max-width: 575.98px) {
    .listing .property-address h1 {
      letter-spacing: 4px; } }
.listing .property-address h2 {
  color: #AFA5A5;
  font-size: 1rem;
  font-family: "Cormorant Garamond", Times New Roman, Times, serif;
  letter-spacing: 5px;
  margin-bottom: .5em;
  padding: 10px;
  text-align: center;
  white-space: nowrap; }
.listing-flag {
  position: absolute;
  top: 0;
  left: 0; }
.listing-desc {
  grid-area: desc;
  font-family: "Cormorant Garamond", Times New Roman, Times, serif;
  letter-spacing: 1px;
  line-height: 2rem;
  max-width: 100%;
  max-height: 100%;
  text-align: left;
  overflow: hidden; }
  @media (max-width: 991.98px) {
    .listing-desc {
      text-align: center;
      margin-left: 1rem;
      margin-right: 1rem;
      letter-spacing: 1px; } }
.listing-moreinfo {
  grid-area: form; }

.listing .hero {
  position: relative;
  display: flex;
  margin-bottom: 30px;
  width: 100%; }
  .hero-photos {
    width: 60%; }
    .hero-photos .bx-wrapper .bx-viewport {
      box-shadow: none;
      border: 0px;
      left: 0px; }
      .hero-photos .bx-wrapper .bx-viewport ul {
        margin: 0;
        padding: 0; }
    @media (max-width: 991.98px) {
      .hero-photos {
        width: 100%;
        margin-bottom: 2rem; } }
  .hero-maps {
    flex-grow: 1;
    margin-left: 2rem; }
    .hero-maps .google-maps {
      height: 100%; }
      .hero-maps .google-maps iframe {
        height: 100%;
        width: 100%; }
    @media (max-width: 991.98px) {
      .hero-maps {
        margin-left: 0;
        height: 50vw; } }
  @media (max-width: 991.98px) {
    .listing .hero {
      display: block; }
      .hero .bx-wrapper {
        margin-bottom: 4rem; } }
  @media (max-width: 575.98px) {
    .listing .hero {
      margin-bottom: 0px; }
      .hero .bx-wrapper {
        margin-bottom: 2rem; }
        .hero .bx-wrapper .bx-viewport {
          height: 500px; } }
  .hero-row {
    grid-area: data;
    display: flex;
    align-items: center;
    letter-spacing: 2px;
    line-height: 2rem; }
    .hero-row ul {
      padding: 0;
      margin-bottom: 0;
      font-family: "Cormorant Garamond", Times New Roman, Times, serif;
      list-style: none; }
      .hero-row ul li:first-child {
        font-weight: bold;
        color: #1D99D6; }
    .hero-row a {
      padding: 5px 40px;
	  background:#172953;
	  border-top: 1px solid #1D99D6; 
	  border-left: 1px solid #1d99d6;
	  border-right: 2px solid #0e1933;
	  border-bottom:2px solid #0e1933;
	  border-radius:.25rem;
	  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	  color:#fff; }
      .hero-row a:hover {
        background-color: #1D99D6; }
    .hero-row__address span:first-child::after {
      content: ','; }
    @media (max-width: 1199.98px) {
      .hero-row__address > span {
        display: block; }
        .hero-row__address > span:first-child::after {
          content: ''; } }
    @media (max-width: 991.98px) {
      .hero-row {
        display: block; }
        .hero-row ul {
          text-align: center;
          margin-bottom: 1rem; } }
    @media (max-width: 767.98px) {
      .hero-row {
        width: 100%; } }

.property-flyer,
.virtual-tour,
.property-video {
  font-family: "Cormorant Garamond", Times New Roman, Times, serif !important;
  font-size: 1rem;
  letter-spacing: 2px;
  line-height: 1.5rem;
  flex-grow: 1;
  margin-bottom:1rem;
  text-align: center; }

/*Descriptions*/
/*
.container-listing
*/
button.listing__btn-more {
  font-weight: bold;
  position: relative;
  letter-spacing: 2px;
  margin: 0 auto;
  border: none;
  background-color: #f7f7f7;
  padding: 10px;
  display: block;
  width: 95%;
  cursor: pointer; }
  button.listing__btn-more:hover {
    color: #fff;
    background-color: #1D99D6; }

.photo-slider-pager {
  grid-area: photos;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1rem; }
  .photo-slider-pager a {
    flex-grow: 1;
    position: relative;
    padding-bottom: 66.6%; }
  .photo-slider-pager img {
    max-width: 100%;
    height: 100%;
    box-shadow: 0 0 5px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*Listing Features*/
.more-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
  letter-spacing: 2.5px; }
  .more-info__gridbox {
    grid-area: feats; }
  .more-info__container {
    display: none; }
  .more-info > div {
    flex-grow: 1;
    padding: 1rem; }
  .more-info > div.more-info__features {width:100%;}
    @media (max-width: 1199.98px) {
      .more-info > div {
        width: 50%; } }
    @media (max-width: 767.98px) {
      .more-info > div {
        width: 100%; } }
  .more-info__property-list {
    flex-grow: 1; }
    .more-info__property-list ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0; }
      .more-info__property-list ul li {
        margin-left: 2em;
        width: 30%;
        width: calc(33% - 2em); }
  .more-info table {
    word-break: break-word;
    width: 100%;
    line-height: 1.5rem;
    margin-right: 10px; }
    .more-info table tr {
      margin: 2px; }
      .more-info table tr:first-child {
        font-weight: bold; }
    .more-info table td {
      font-family: "Cormorant Garamond", Times New Roman, Times, serif; }
      .more-info table td:nth-child(even) {
        text-align: right; }
  .more-info h2 {
    font-family: "Cormorant Garamond", Times New Roman, Times, serif;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 1.5rem;
    margin-bottom: .5em; }
  .more-info p {
    font-family: "Cormorant Garamond", Times New Roman, Times, serif;
    line-height: 1.5rem;
    margin-bottom: 0px; }

#property-table {
  grid-area: property; }

.room-dimensions-table {
  grid-area: room; }

.area {
  grid-area: area; }

.features {
  grid-area: features; }

@media (max-width: 767.98px) {
  #property-table {
    margin-bottom: 1rem; }

  .room-dimensions-table {
    margin-bottom: 1rem; }

  .area {
    margin-bottom: 1rem; }

  .features {
    margin-bottom: 1rem; } }