/**** 13.14 Properties ****/

/* Property Single */

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
    .property-header-slide, .property-meta-info-outer {
        margin: 0 80px;
    }
    .property-header-slider {
        margin: 0 80px;
    }
}

a.dfine-properties-card--link {
    text-decoration: none !important;
}

.property-slider-height {
    padding-top: 40%!important;
    padding: 20px;
}


.dfine-properties-card--gallery .carousel--single--slide {
    padding-top: 64%;
}

.property-header-slider-button button {
    margin-bottom: 5px;
}

.property-meta-info-outer {
    background: #18191A;
}

.property-meta-info-outer * {
    color: #fff;
}

.property-meta-info-inner {
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0,5fr) minmax(0,2fr);
    grid-gap: 20px;
    padding: 20px 0 0;
}


.property-meta-info-left-top {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}


.property-meta-info-left-bottom {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    grid-gap: 35px;
    border-top: 1px solid grey;
    padding-top: 10px;
}

.property-meta-info-left-bottom-left {
    display: grid;
    grid-template-columns: auto auto minmax(0,1fr);
    grid-gap: 35px;
}

.property-meta-info-left-bottom-right {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 35px;
}

.property-meta-icon-grid {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    grid-gap: 10px;
}

.property-body-inner {
    max-width: 1140px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: minmax(0,5fr) minmax(0,2fr);
    grid-gap: 20px;
}

.property-body-right-floating {
    position: sticky;
    top: 200px;
}

.property-body-right-cta {
    background: white;
    padding: 20px;
    border: 1px solid #c9c9c9;
    margin-bottom: 20px;
}

.download-button .button {
    -webkit-transition: .5s!important;
    -o-transition: .5s!important;
    transition: .5s!important;
    border-color: var(--detail)!important;
    background-color: transparent!important;
    color: var(--detail)!important;
}

.carousel--floorplans {
    cursor: pointer;
}

.property-team-grid {
    display: grid;
    grid-gap: 20px;
}

.property-team-grid .team-member-card-two {
    border: 0px solid #F4F4F4;
    padding: 0px 0px;
}

.property-team-grid .button {
    width: 100%;
    text-align: center;
}

.property-body-features ul {
    list-style: none;
    margin-left: 30px;
}

.property-body-features ul li {
    position: relative;
}

.property-body-features ul li:before {
    content: "done";
    font-family: 'Material Icons';
    font-weight: 100;
    font-style: inherit;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    position: absolute;
    top: 4px;
    margin-right: 7px;
    left: -32px;
    color: var(--detail);
}

.property-related {
    padding: 0 0 40px;
}

.property-related ul.slick-dots, .featured-properties-block ul.slick-dots, .featured-lettings-block ul.slick-dots {
    display: none!important;
}

.modal-gallery .swiper-slide, .modal-gallery .swiper {
    background: #222;
}



@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */

    .property-meta-info-left-bottom-right {
        justify-content: end;
    }

    .property-meta-info-left-top-right {
        text-align: right;
    }

    .property-body-right {
        position: relative;
        top: -330px;
        height: calc( 100% + 330px );
        z-index: 2;
    }

    .property-meta-info-left-top-right {
        padding-top: 15px;
    }

    .property-body-features ul  {
        -webkit-column-count: 2!important;
        -moz-column-count: 2!important;
        column-count: 2!important;
        -webkit-column-gap: 45px!important;
        -moz-column-gap: 45px!important;
        column-gap: 45px!important;
    }
}


@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .property-meta-info-inner, .property-body-inner, .property-meta-info-left-bottom, .property-meta-info-left-top {
        grid-template-columns: minmax(0,1fr);
    }

    .property-meta-info-left-bottom-left {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        grid-gap: 5px;
    }

    .property-body-inner {
        padding: 0 20px;
    }

    .property-meta-info-inner {
        padding: 20px;
    }
}

/* Property Card Large */

.properties-card {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    border: 1px solid #F4F4F4;
    margin: 0 0 35px;
}

.properties-card-image {
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.property-card-meta-item-type {
    background: var(--detail);
    width: fit-content;
    padding: 2px 11px;
    margin: 15px;
    color: white;
    position: absolute;
    top: 0;
}

.property-card-meta-item-status {
    padding: 2px 11px;
    margin: 15px;
    width: 200px;
    background: #e43;
    position: absolute;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    color: #f0f0f0;
    top: 10px;
    right: -70px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.property-card-meta-item-status.property-card-meta-item-status--Sold {
    background: var(--background-strong);
}

.property-card-meta-item-status.property-card-meta-item-status--For.sale {
    background: green;
}

.property-card-slider .flexslider .slides>li {
    height: 0%!important;
    min-height: 0%!important;
    padding-top: 69%;
}

.properties-card-text {
    padding: 20px 20px 10px;
    display: grid;
    align-content: space-between;
}

h2.property-card-title {
    margin-bottom: 0;
}

.properties-card-text p {
    margin-bottom: 6px;
    font-size: 14px;
}

.properties-card-text .property-body-features li {
    font-size: 14px;
}

.properties-card-text .property-body-features ul {
    margin-left: 20px;
}

.properties-card-text .property-body-features ul li:before {
    font-size: 14px;
    left: -20px;
    top: 3px;
}

.property-card-team-grid {
    display: grid;
    grid-template-columns: auto auto minmax(0,1fr);
    grid-gap: 15px;
    margin-bottom: 15px;
}

.team-member-card-two-text-area {
    display: grid;
}

.team-member-card-two-contact-details {
    align-self: end;
}

.property-card-team-grid .team-member-card-two {
    border: 0px solid #F4F4F4;
    padding: 0px;
    grid-template-columns: 82px minmax(0,1fr);
}

.property-card-team-grid .team-member-card-two-name {
    font-size: 14px;
    margin-bottom: 0;
}

.property-card-team-grid .team-member-card-two-job-title {
    font-size: 12px;
    margin: 0px 0 5px;
}

.property-card-meta-info-bottom {
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin: 15px 0 0 0;
    border-top: 1px solid #F4F4F4;
    padding-top: 15px;
    grid-gap: 15px;
}

.property-card-meta-info-bottom .material-icons {
    color: #222;
    font-size: 16px;
}

.property-meta-icon-grid-icon p {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .properties-card {
        grid-template-columns: minmax(0,1fr);
    }
    .property-card-team-grid {
        grid-template-columns: minmax(0,1fr);
    }

    .property-card-meta-info-bottom {
        grid-template-columns: auto auto;
    }
}


/* Property Card Small */

.properties-card--small {
    border: 1px solid #c9c9c9;
}

.properties-card--small-image {
    padding-top: 60%;
    background-size: cover;
    background-position: center;
}

.properties-card--small-text {
    padding: 10px 10px 0;
    background: white;
}

h2.property-card--small-title {
    font-size: 16px;
}

h2.property-card--small-guide-price {
    font-size: 16px;
}

.properties-card--small p {
    font-size: 14px;
    margin: 0;
}

.properties-card--small-text-bottom {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

/* Property Feed */


.properties-header-sorter {
    background:#f5f5f5;
    padding: 140px 20px 12px;
    margin: 0;
}

.properties-archive-body {
    padding: 0 60px 0 60px;
}

.properties-feed-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-gap: 20px;
}

.properties-header-sorter, .residential-lettings-header-sorter {
    margin: 0px 0 65px;
    text-align: left;
}

.properties-header-sorter .archive-filter-form-wrapper {
    text-align: left;
}

.properties-header-sorter input[type="submit"] {
    border-color: white;
    color: white;
}

#properties-maps {
    width: 100%;
    height: calc( 100vh - 200px );
    margin: 0rem auto;
    position: sticky!important;
    top: 140px;
}

.marker-information-window {
    width: 300px;
}

.properties-sort {
    display: flex;
    align-items: center;
        margin-bottom: 44px;
}

.properties-sort h2{
font-size: 34px; line-height: 44px; font-weight: 600; margin: 0; padding: 0; width: 50%;
}
.properties-sort form{margin: 0; width: 50%; display: flex; justify-content: flex-end;}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .properties-header-sorter {
        padding: 20px 0px 20px;
    }

    .combined-properties-filter .archive-filter-form-wrapper input[type="submit"]{ margin-top: 26px !important;}
    .properties-sort select{padding: 6px 12px 5px !important}

    .dfine-properties-card--agent-buttons button, .dfine-properties-card--agent-buttons .button {
        min-width: auto!important;
    }

    .properties-header-sorter, .residential-lettings-header-sorter {
        margin: 0px 0 30px;padding-top: 60px;
    }


}

@media screen and (max-width:480px) {
  .properties-sort { margin-bottom: 34px; flex-flow: wrap;}
  .properties-sort h2{font-size: 28px; line-height: 38px; font-weight: 600; margin:12px 0 0 ; padding: 0; width: 100%;  }
  .properties-sort form{margin:20px 0 0; width: 100%; justify-content: flex-start;}

}

/* Property Filter */

select {
    cursor: pointer;
}

.archive-filter-form-wrapper {
    text-align: center;
}

.archive-filter-form-wrapper select {
    font-size: 15px;
    line-height: 19px;
    border-radius: 0px;
    border: 0px solid white;
    border-bottom: 1px solid #232021;
    color: #232021;
    background:none;
    text-transform: lowercase;
    font-weight: 500;
}

.archive-filter-form-wrapper select:after {
    content:"X";
    display: block;
    position: relative;
    width: 10px;
    height: 10px;

}

.archive-filter-form-wrapper .button {
    padding: 4px 20px 7px!important;
}

.combined-properties-filter {
    display: grid;
    grid-template-columns: 20px 42px 20px 62px minmax(0,1fr);
    align-content: center;
    align-items: center;
    grid-gap: 15px;
    max-width: 810px !important;
    margin: 0 auto;
}

.combined-properties-filter .archive-filter-form-wrapper input[type="submit"] {
    padding: 7px 24px 7px;
    border-color: #232021;
    color: #232021;
    text-transform: lowercase;
    font-weight: 600;
    margin-top: 22px;
    max-width: max-content;
}

.combined-properties-filter .archive-filter-form-wrapper input[type="submit"]:hover{
  color: #fff;
}

.combined-properties-filter-input {
    position: relative;
    height: 25px;
    margin: 0;
}

/**/

.properties-sort select{padding: 8px 12px 7px;border: #222121 solid 2px;border-radius: 4px; font-weight: 500;background: url(../../assets/images/down-arrow.svg);
background-repeat: no-repeat;background-position: center right 7px;background-size: 20px;-webkit-appearance: none;-moz-appearance: none; min-width: 194px}

.dfine-properties-card .mySwiper--arrow--round{background:#fff !important;}
.dfine-properties-card .mySwiper--arrow--round path{fill:#222121 !important;}
.dfine-properties-card .mySwiper--arrow.mySwiper--arrow--round:hover path{fill:#fff !important;}
.dfine-properties-card .swiper-pagination-fraction{font-size: 14px;font-weight: 600;}
/*
#no-bathrooms-filter {
    position: relative;
    display: inline-block;
}

#no-bathrooms-filter:after {
    content: '▼';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

#no-bathrooms-filter {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #ccc;
}*/

/**/

.archive-filter-form--spacer {
    grid-area: spacer;
}

select[name=property-locations], select[name=letting-locations] {
    grid-area: location;
}

select[name=property-type], select[name=letting-type] {
    grid-area: type;
}

select[name=min_beds] {
    grid-area: minbeds;
}

select[name=max_beds] {
    grid-area: maxbeds;
}

select[name=no-bathrooms] {
    grid-area: nobathrooms;
}

select[name=min_price] {
    grid-area: minprice;
}


select[name=max_price] {
    grid-area: maxprice;
}

.archive-filter-form-wrapper-sale input[type="submit"], .archive-filter-form-wrapper-letting input[type="submit"] {
    grid-area: submit;
}

select[name=price] {
    grid-area: price;
}
mobule
select[name=price] {
    grid-area: price;
}

select[name=no-bedrooms] {
    grid-area: nobedrooms;
}


.archive-filter-form-wrapper-sale form {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 22px 50px;
    grid-template-areas:
    "spacer spacer spacer spacer location location location location location location location location "
    "type type type type minprice minprice minprice minprice maxprice maxprice maxprice maxprice"
    "nobathrooms nobathrooms nobathrooms nobathrooms minbeds minbeds minbeds minbeds maxbeds maxbeds maxbeds maxbeds"
    ". . . . submit submit submit submit . . . .";
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .archive-filter-form-wrapper-sale form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-gap: 10px 20px;
        grid-template-areas:
        "spacer spacer "
        "location location "
        "minprice maxprice"
        "minbeds maxbeds"
        "nobathrooms type"
        "submit submit";
    }

}

.archive-filter-form-wrapper-letting form {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)!;
    grid-gap: 22px 50px;
    grid-template-areas:
    "spacer spacer spacer spacer spacer spacer location location location location location location "
    "nobedrooms nobedrooms nobedrooms type type type nobathrooms nobathrooms nobathrooms price price price"
    ". . . . submit submit submit submit . . . .";
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .archive-filter-form-wrapper-letting form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-gap: 10px 20px;
        grid-template-areas:
        "spacer spacer "
        "location location "
        "nobedrooms nobathrooms"
        "type price"
        "submit submit";
    }

}


/****/

.combined-properties-filter-inputs {
    grid-area: search;
}

label[for=Sale] {
    grid-area: labelsale;
}

input#Sale {
    grid-area: inputsale;
}

label.form-check-label.combined-properties-filter-label span{font-size: 15px; font-weight: bold;}

label[for=Letting] {
    grid-area: labelletting;
    left: -70px;
}

input#Letting {
    grid-area: inputletting;
}

.combined-properties--icon-sale {
    grid-area: iconsale;
}

.combined-properties--icon-letting {
    grid-area: iconletting;
}

.combined-properties-filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-content: center;
    align-items: center;
    grid-gap: 15px;
    grid-template-areas:
    "labelsale labelletting . . "
    "search search search search";
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .combined-properties-filter {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
        grid-template-areas:
            "labelsale labelletting "
            "search search ";
        grid-gap: 0;
    }

    .combined-properties-filter-input, .combined-properties-filter-label {
        position: relative;
        top: 0px;
    }
}

.combined-properties-filter-input {

}

.combined-properties--icon{}

label.form-check-label.combined-properties-filter-label {
    display: flex;
    grid-gap: 10px;
    color: #000;
    top: 50px
}

@media screen and (max-width: 767px) {
label.form-check-label.combined-properties-filter-label{top: auto;}
.combined-properties--icon{ margin-top: 3px !important;}
}



@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
  /*  .combined-properties-filter-inputs {
        border-left: 1px solid var(--detail);
        padding-left: 20px;
    }*/
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    /* INTERMEDIATE RULES GO HERE */
    .archive-filter-form-wrapper-sale form {
        grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto);
    }

    .archive-filter-form-wrapper-letting form {

    }
}


@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .dfine-properties-card--meta-item-txt{ line-height: 17px !important;}
    .archive-filter-form-wrapper-sale form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        /* grid-template-columns:1fr 1fr; */
    }

    .archive-filter-form-wrapper-letting form {
        grid-template-columns: minmax(0, auto) minmax(0, auto);
    }

    .combined-properties-filter {
        grid-template-columns: 31px 1fr;
    }

    .combined-properties-filter-inputs {
        grid-column: span 4;
    }
}

.combined-properties-filter-label {
    color: #222;
    font-size: 18px;
    margin: 0!important;
}

.combined-properties-filter .archive-filter-form-wrapper {
    text-align: left;
}

.combined-properties-filter input, .combined-properties-filter label {
    cursor: pointer;
}

.combined-properties-filter-input-sale, .combined-properties-filter-input-letting {
    display: none;
}

input#Sale:checked ~ div .combined-properties-filter-input-sale {
    display: block;
}

input#Letting:checked ~ div .combined-properties-filter-input-letting {
    display: block;
}

/** Combined Slider **/

.combined-properties-slider .combined-properties-slider-input-sale, .combined-properties-slider .combined-properties-slider-input-letting {
    display: none;
}

.combined-properties-slider  input#Sale2:checked ~ div .combined-properties-slider-input-sale {
    display: block;
}

.combined-properties-slider  input#Letting2:checked ~ div .combined-properties-slider-input-letting {
    display: block;
}

/** Google Maps Slider **/

div#properties-maps .gm-style-iw.gm-style-iw-c, div#properties-maps .gm-style-iw-d {
    padding: 0!important;
    margin: 0!important;
}

div#properties-maps .gm-style .gm-style-iw-d::-webkit-scrollbar {
    width: 0px!important;
    height: 0px!important;
}

div#properties-maps .gm-style .gm-style-iw-c {
    border-radius: 0px!important;
}



/* Property Card dfine */

.dfine-properties-card {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: minmax(0,3fr) minmax(0,2fr);
    border: 1px solid #F4F4F4;
    margin: 0 0 35px;
    background: var(--background-subtle);
    padding: 40px;
    position: relative;
}

.dfine-properties-card--featured {
    position: absolute;
    top: 0;
    right: 0;
    background: black;
    border-radius: 0 0 0 50px;
    padding: 10px 45px 10px 45px;
    color: white;
    font-size: 12px;
}

.dfine-properties-card--metaarea {
    margin: 20px 0 0px;
}

.dfine-properties-card--meta {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-gap: 14px;
    margin: 0px 0 0px;
}

.dfine-properties-card--meta-clickable {
    display: flex;
    grid-gap: 20px;
    margin: 0px 0 20px;
}

.dfine-properties-card--gallery .carousel--single--slide, .carousel--single--slide-video {
    border-radius: 0 0 0 50px;
}

.dfine-properties-card--meta-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-gap: 10px;
    align-items: center;
}

.dfine-properties-card--meta-item--clickable {
    cursor: pointer;
}

.dfine-properties-card--meta-item--clickable:hover {
    cursor: pointer;
}

.dfine-properties-card--meta-item-img {
    width: 42px;
    height: 42px;
    text-align: center;
    color: black;
    display: grid;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
}

.new-property-single--button-icons .dfine-properties-card--meta-item-img {
    color: white;
    background: var(--detail);
}

.new-property-single--button-icons .dfine-properties-card--meta-item-img:hover {
    background: black;
}

.dfine-properties-card--meta .dfine-properties-card--meta-item-img {
    color: black;
    background: #ffffff;
}

.dfine-properties-card--meta-clickable .dfine-properties-card--meta-item-img {
    color: #fff;
    background-color: var(--detail);
}

.dfine-properties-card--meta-clickable .dfine-properties-card--meta-item-img:hover {
    background-color: black;
}
/*
.dfine-properties-card--meta-item-img:hover {
    color: #fff;
    background-color: var(--detail);
}*/

.dfine-properties-card--meta-item-txt {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    color: black;
    line-height: 19px;
}


.dfine-properties-card--right {
  position: relative;
padding-bottom: 130px;
}

.dfine-properties-card--agent {
  display: flex;
align-items: center;
grid-gap: 20px;
margin: 0px 0 0px;
position: absolute;
bottom: 0;
width: 100%;
}

img.dfine-properties-card--agent-img {
   /* border-radius: 50% !important;
    background: white;*/
}

.dfine-properties-card--agent-textarea {
    margin-bottom: -6px;
}

h3.dfine-properties-card--agent-name {
    font-weight: 600;
    font-size: 12px;
}

.dfine-properties-card--desc p {
    font-size: 14px;
}

p.dfine-properties-card--address {
    font-weight: 500;
    font-size: 16px;
}

.dfine-properties-card--agent-meta {
    display: flex;
    grid-gap: 10px;
    margin: 15px 0 4px;
}

.dfine-properties-card--agent--details p {
    font-size: 16px;
}

.dfine-properties-card--agent-buttons {
    display: flex;
    grid-gap: 17px;
    margin-top: 20px;
}
.dfine-properties-card--desc {
    margin-bottom: 22px;
}

.dfine-properties-card--agent-buttons a {
    margin:0;
}

.dfine-properties-card--agent-buttons a button{
  font-weight: 600;
}

img.dfine-properties-card--agent-img {
    object-fit: cover;
    height: 100px;
    width: 100px;
    object-position: top;
    border-radius: 100px;
}

h3.dfine-properties-card--agent-name a {

}

.dfine-properties--modal--plans swiper-container {
    width: 100%;
    height: auto;
}

.dfine-properties--modal--plans .carousel--single {
    width: 100%;
}

.agentName {
    position: absolute;
    bottom: 0;
}

.dfine-properties-card--agent-buttons a, .dfine-properties-card--agent-buttons button{ font-weight: 600 !important}


.mobileKeyFeatures{display: none;}

@media screen and (max-width: 1280px) {
  .new-property-single--grey-grid{grid-gap: 40px !important;}
}

@media screen and (max-width: 1200px) {
label.form-check-label.combined-properties-filter-label span{font-size: 14px;}
label[for=Letting]{left: -80px;}
.dfine-properties-card--meta-item-txt {font-size: 14px;}
}

@media screen and (max-width: 1100px) {
#content .button{min-width: inherit; line-height: normal; padding: 8px 15px; width: auto;}
.new-property-single--button-icons {display: flex !important; grid-gap: 14px !important; flex-flow: wrap !important;}
.new-properties-card--meta {display: flex !important;grid-gap: 14px !important;margin: 30px 0 50px;flex-flow: wrap !important; }
.dfine-properties-card--meta-item{width: 100% !important}
.new-properties-card--meta{ margin: 14px 0 40px !important}
}

@media screen and (max-width: 1023px) {
.dfine-properties-card--agent-buttons{flex-flow:wrap;}
.dfine-properties-card--agent-buttons a, .dfine-properties-card--agent-buttons a button{width: 100%;}
.dfine-properties-card--meta{    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
}

@media screen and (max-width: 900px) {
.combined-properties--icon:after{width: 14px; height: 14px;}
.combined-properties--icon{width: 14px; height: 14px; margin:1px 0 0 0px;}
.archive-filter-form-wrapper select{ font-size: 14px}
}

@media screen and (max-width: 767px) {
    .dfine-properties-card--meta-item-img{background: #fff}
  .new-property-single--grey-grid{display: block !important;}
  .new-property-single--grey-sidebar, .new-property-single--line{display: none}
    .mobileKeyFeatures, .mobileKeyFeatures .new-property-single--grey-sidebar{ display: block !important;}
    .new-property-single--button-icons{display: grid !important;}
    .new-properties-card--meta{display: grid !important;}
  label[for=Letting] {
      left: 0;
  }

    /* MOBILE RULES GO HERE */
.dfine-properties-card--agent,.agentName{position: relative;}

    .dfine-properties-card--metaarea {
        margin: 20px 0 0px;
    }

    .dfine-properties-card--meta-clickable {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }

    .dfine-properties-card {
        grid-template-columns: minmax(0, 2fr);
        padding: 0px 20px 20px;
    }

    .dfine-properties-card--gallery {
        width: calc(100% + 40px);
        left: -20px;
        position: relative;
        margin-bottom: 30px;
    }

    .dfine-properties-card--meta {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        margin: 0px 0 0px;
        grid-gap: 10px 10px;
    }

    .dfine-properties-card {
        grid-gap: 16px;
      }
    .dfine-properties-card--meta-item-txt {
        font-size: 12px;
    }
    .combined-properties-filter .archive-filter-form-wrapper input[type="submit"]{
      font-size: 14px;
    }

    .dfine-properties-card--agent {
      margin-top: 20px;
    }

    .dfine-properties-card--agent-textarea {
        margin-bottom: 5px;
    }

    .dfine-properties-card--agent-photo {
margin-right: 19px;
    }
.dfine-properties-card--agent-buttons a, .dfine-properties-card--agent-buttons a button{max-width: 140px;}
.dfine-properties-card--right{padding-bottom: 0}
.dfine-properties-card--agent{grid-gap: 0}
  .dfine-properties-card--agent-buttons button, .dfine-properties-card--agent-buttons .button {
        font-size: 14px;
        padding:8px 24px 9px !important;max-width: none !important;
    }
    .dfine-properties-card--agent-buttons a, .dfine-properties-card--agent-buttons a button{max-width: inherit !important; width: auto;}

    .dfine-properties-card--agent {
        /* grid-template-columns: minmax(0, 1fr); */

    }

}

/* Property Dfine Single */

.dfine-property-single {
    border-top: 110px solid var(--background-strong);
    position: relative;
}

.dfine-property-single--gallery {
}

.dfine-properties-single--desc {
    max-width: 800px;
}

.dfine-property-single--grey {
    background: var(--background-subtle);
    padding: 40px 30px 40px;
    margin: 30px 0 30px;
    position: relative;
}

.dfine-property-single--map {
    background: var(--background-strong);
    padding: 100px 0;
    border-bottom: 2px solid white;
}

.property-single--map {
    padding: 0px 0 80px;
}

.acf-map .gmnoprint.gm-style-mtc-bbw,
.acf-map button.gm-control-active.gm-fullscreen-control,
.acf-map button.gm-svpc {
    display: none!important;
}

.acf-map {
    height: 600px;
}

.dfine-property-single--map .acf-map  {
    height: 800px;
}

.property-single--map .acf-map  {
    height: 800px;
}

.dfine-properties--modal--map .acf-map  {
    height: 500px;
}

.gmnoprint > div {
    background: transparent !important;
    box-shadow: none !important;
}

button.gm-control-active img {
    width: 10px !important;
}

button.gm-control-active {
    width: 40px !important;
}

button.gm-control-active {
   /* background: var(--detail) !important;*/
    width: 40px !important;
    min-width: 40px !important;
    color: white !important;
}


.dfine-property-single--agent {
    background: var(--background-subtle);
    padding: 50px 40px 0px;
    margin: 0 0 65px;
}

.dfine-property-single--agent-grid {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr auto;
    align-items: end;
}

.dfine-property-single--agent-textarea {
    margin: 0 0 50px;
}

.dfine-property-single--agent-left {
    max-width: 600px;
    display: grid;
    align-content: space-evenly;
    margin: 0 0 50px;
}

.dfine-property-single--agent-right {
    max-width: 350px;
}

.dfine-property-single--cta {
    padding: 0px 0 40px;
}

.dfine-property-single--cta * {
    text-align: center;
}

.dfine-property-single--agent-social {
    display: flex;
    grid-gap: 10px;
}


@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .dfine-property-single {
        border-top: 0px solid var(--background-strong);
    }

    .dfine-property-single--agent-grid {
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr;
        align-items: end;
        width: calc(100% + 20px);
    }
}

@media screen and (max-width: 442px) {
.dfine-properties-card--agent-buttons{ display: block;}
.dfine-properties-card--agent-buttons a {
    margin: 0 20px 10px 0;
    font-weight: 600;
    display: inline-block;
}
.dfine-properties-card--agent-buttons .button{ margin-bottom: 10px !important;}
.new-property-single--grey{ padding-left: 16px !important; padding-right: 16px !important}
.dfine-properties-card--meta-item-img {width: 38px !important;height: 38px !important;}
}

/* New Property Single */


.new-property-single--grey {
    background: var(--background-subtle);
    margin: 65px 0;
    padding: 80px 50px;
}


.new-property-single--grey-grid {
    display: grid;
    grid-template-columns: minmax(0,2fr) 1px minmax(0,1fr);
    grid-gap: 60px;
}

.new-property-single--line {
    background: black;
}

h2.dfine-properties-card--price {
    font-weight: 500;
    font-size: 32px;
}

.new-property-single--grey-content--intro p {
    font-weight: 500;
}

.new-property-single--button-icons {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    grid-gap: 20px;
}


.new-properties-card--meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 30px;
    margin: 30px 0 50px;
}