/* ===================
  PROPERTY LISTINGS
 =================== */
#archive-header {
  min-height: 500px;
  width: 100%;
  background: #555;
  display: flex;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.propertyhive-views {
  float: left;
  clear: both;
}

.propertyhive-views ul {
  padding: 0;
  list-style: none;
  display: inline-flex;
}

.propertyhive-views ul li {
  margin-right: 0.75rem;
}

.propertyhive-views ul li a {
  border: 1px solid;
  font-weight: 600;
  padding: 0.55rem 1rem;
  font-size: 0.85rem;
  text-transform: uppercase;
}

.propertyhive-views ul li a:hover,
.propertyhive-views ul li.active a {
  color: #ffffff;
  background-color: #02204c;
  text-decoration: none;
  border-color: #02204c;
}

.propertyhive-ordering {
  float: right;
}

.post-type-archive-property .site, .post-type-archive-property.propertyhive.wrapper, .search {
  background: #f1f2f2;
}

.post-type-archive-property h1.page-title {
  float: left;
  width: 100%;
}

p.propertyhive-result-count {
  float: left;
  margin: 0 0 2rem;
}

ul.properties li.type-property {
  background: #fff;
  padding: 0;
  margin-bottom: 2%;
  min-height: 430px;
}
.search article {
  background: #fff;
  padding: 0;
  margin-bottom: 30px;
  min-height: 430px;
}

.page-template-locations ul.properties li.type-property {
  border: 2px solid #eee;
}

ul.properties li .prop-list-img, .search .prop-list-img {
  background-color: #dde9ef;
  display: flex;
  width: 100%;
  height: 200px;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

ul.properties li .prop-list-dets, .search .prop-list-dets{
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  min-height: 230px;
  position: relative;
}

ul.properties li h4.prop-listtitle a, .search h4.prop-listtitle a{
  color: #001f4d;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 0.5;
}

ul.properties li .prop-listhead-bot, .search .prop-listhead-bot{
  display: flex;
  justify-content: space-between;
  align-self: center;
}

ul.properties li .prop-listbody p, .search .prop-listbody p{
  line-height: 1.2;
  font-size: 0.95rem;
}

ul.properties li.type-property ul.prop-meta, .search ul.prop-meta{
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

ul.properties li.type-property ul.prop-meta li, .search ul.prop-meta li{
  border: 1px solid #dde9ef;
  padding: 0.5rem 0;
  text-align: center;
  margin: 0;
  flex: 1 0 50%;
}

ul.properties li.type-property ul.prop-meta li.propmeta-bath,.search  ul.prop-meta li.propmeta-bath {
  border-left: 0;
}

ul.properties li.type-property ul.prop-meta li.propmeta-flr,.search  ul.prop-meta li.propmeta-flr {
  border-top: 0;
}

ul.properties li.type-property ul.prop-meta li.ber-box,.search ul.prop-meta li.ber-box {
  border-left: none;
  border-top: none;
}

ul.properties li a.btn-listingbox,.search a.btn-listingbox  {
  color: #001f4d;
  background: #dde9ef;
  padding: 0.35rem 0;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #001f4d;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

ul.properties li a.btn-listingbox:hover,.search a.btn-listingbox:hover {
  box-shadow: inset 0 100px 0 0 #001f4d;
  color: #fff;
  text-decoration: none;
}

.page-template-locations .entry-content,.page-template-property-section .entry-content {
  margin-bottom: 2rem;
}

.page-template-locations .propertyhive ul.properties li,.page-template-property-section .propertyhive ul.properties li {
  box-sizing: border-box;
  width: 32%;
  margin-left: 2%;
  border-bottom: 0;
  clear: none !important;
}

.page-template-property-section .prop-search{
  margin: -8rem auto 2rem;
}

li.type-property .prop-status, .search .prop-status{
  padding: 0.5rem 1rem;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.9rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #001f4d;
}

li.type-property .prop-listhead-top .prop-listtitle,.search .prop-listhead-top .prop-listtitle{
  min-height: 3.1rem;
  line-height: 1;
}


.page-template-locations .propertyhive ul.properties li:nth-child(3n + 1),.page-template-property-section .propertyhive ul.properties li:nth-child(3n + 1) {
  clear: left !important;
  margin-left: 0;
}

@media (max-width: 990px) {
  .page-template-locations .propertyhive ul.properties li.first,.page-template-property-section .propertyhive ul.properties li.first {
    clear: none !important;
  }

  .page-template-locations .propertyhive ul.properties li,.page-template-property-section .propertyhive ul.properties li {
    width: 49%;
    margin-left: 2%;
  }

  .page-template-locations .propertyhive ul.properties li:nth-child(3n + 1),.page-template-property-section .propertyhive ul.properties li:nth-child(3n + 1) {
    clear: none !important;
    margin-left: 2%;
  }

  .page-template-locations .propertyhive ul.properties li:nth-child(2n + 1),.page-template-property-section .propertyhive ul.properties li:nth-child(2n + 1) {
    clear: left !important;
    margin-left: 0;
  }
}

@media (max-width: 590px) {
  .page-template-locations .propertyhive ul.properties li,.page-template-property-section .propertyhive ul.properties li {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}

.page-template-locations .propertyhive ul.properties li .thumbnail,.page-template-property-section .propertyhive ul.properties li .thumbnail {
  float: none;
  width: 100%;
}

.page-template-locations .propertyhive ul.properties li .thumbnail img,.page-template-property-section .propertyhive ul.properties li .thumbnail img {
  width: 100%;
}

.page-template-locations .propertyhive ul.properties li .details,.page-template-property-section .propertyhive ul.properties li .details {
  float: none;
  width: 100%;
}

span.ber {
  width: 66px;
  height: 21px;
  display: none;
  background-image: url("/wp-content/themes/hmacd/img/ber.png");
}

.property_meta-mid span.ber {
  margin: 4px 6px;
}

span.A1 {
  display: inline-block;
  background-position: 0 -21px;
}

span.A2 {
  display: inline-block;
  background-position: 0 -42px;
}

span.A3 {
  display: inline-block;
  background-position: 0 -63px;
}

span.B1 {
  display: inline-block;
  background-position: 0 -84px;
}

span.B2 {
  display: inline-block;
  background-position: 0 -105px;
}

span.B3 {
  display: inline-block;
  background-position: 0 -126px;
}

span.C1 {
  display: inline-block;
  background-position: 0 -147px;
}

span.C2 {
  display: inline-block;
  background-position: 0 -168px;
}

span.C3 {
  display: inline-block;
  background-position: 0 -189px;
}

span.D1 {
  display: inline-block;
  background-position: 0 -210px;
}

span.D2 {
  display: inline-block;
  background-position: 0 -231px;
}

span.E1 {
  display: inline-block;
  background-position: 0 -252px;
}

span.E2 {
  display: inline-block;
  background-position: 0 -273px;
}

span.F {
  display: inline-block;
  background-position: 0 -294px;
}

span.G {
  display: inline-block;
  background-position: 0 -315px;
}

.propertyhive-pagination {
  margin: 1rem auto 4rem;
  display: flex;
  justify-content: center;
}

.propertyhive-pagination ul.page-numbers {
  display: inline-flex;
}

.propertyhive-pagination ul.page-numbers li span {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.propertyhive-pagination ul.page-numbers li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.propertyhive-pagination ul.page-numbers li a:hover,
.propertyhive-pagination ul.page-numbers li span {
  background-color: #02204c;
  color: #ffffff;
  text-decoration: none;
}

.propertyhive-pagination ul.page-numbers li:first-child span,
.propertyhive-pagination ul.page-numbers li:first-child a {
  border-radius: 5px 0px 0px 5px;
}

.propertyhive-pagination ul.page-numbers li:last-child span,
.propertyhive-pagination ul.page-numbers li:last-child a {
  border-radius: 0px 5px 5px 0px;
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #02204c;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #02204c;
  border-color: #02204c;
}
.page-template-property-section .site-main .propertyhive nav {
  margin: 0 auto;
  display: table;
}

.hiddenfield {
  display: none !important;
}

.page-template-fullwidthpage-nav .wrapper {
  padding: 30px 0 0;
}

.footer-enquire {
  background: #e9ebf0;
  margin-top: 3rem;
  padding: 3rem 0;
}

.footer-enquire #prop-form {
  background: transparent;
  color: #ffffff;
  padding: 0;
  margin-bottom: 0;
}

.footer-enquire .gform_wrapper {
  margin: 0 auto;
  padding-left: 25px;
}

.footer-enquire label {
  display: none !important;
}

.footer-enquire .gform_wrapper input[type="text"],
.footer-enquire .gform_wrapper textarea {
  background: #dbdfe8;
  border: none;
  color: #02204c;
  padding: 0.5rem 1rem;
}

#enquire-single-form {
  margin: 0 auto;
  width: 90%;
}

#enquire-single-form h4 {
  border-bottom: 2px solid #035baa;
  color: #02204c;
  padding-bottom: 1.25rem;
  margin-bottom: 2rem;
  line-height: 1.2;
  text-align: center;
  font-size: 1.65rem;
}

#enquire-single-form a {
  color: #035baa;
}

.footer-enquire .gform_wrapper .gform_footer {
  text-align: center;
  margin-top: 0;
  padding: 1.5em 0 0.625em;
}

.footer-enquire .gform_wrapper .gform_footer input.gform_button {
  padding: 0.5rem 1.5rem;
}

/* ===================
		SINGLE PROPERTY
	 =================== */
/* Image Grid */
ul.propgrid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: dense;
}

ul.propgrid li.propgrid-box:nth-child(1) {
  grid-column-start: span 2;
  grid-row-start: span 2;
  height: 38rem;
}

ul.propgrid li.propgrid-box {
  grid-column-start: span 1;
  background-size: cover;
  background-position: center center;
}

ul.propgrid li.propgrid-box:nth-child(1) {
  background-color: #02214c;
}

ul.propgrid li.propgrid-box:nth-child(2) {
  background-color: #e9212e;
}

ul.propgrid li.propgrid-box:nth-child(3) {
  background-color: #fedc32;
}

ul.propgrid li.propgrid-box:nth-child(4) {
  background-color: #15974e;
}

ul.propgrid li.propgrid-box:nth-child(5) {
  background-color: #b9e4f9;
}

ul.propgrid li a {
  display: flex;
  height: 100%;
  width: 100%;
}

/* Prop Header */
#prop-header {
  background: #e9ebf0;
  padding: 2.5rem 0;
  margin-bottom: 4rem;
}

#prop-header h1 {
  font-size: 2.15rem;
  margin-bottom: 0;
}

#prop-header h1:after {
  content: none;
}

#prop-header ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: row;
}

#prop-header li {
  display: inline-flex;
  margin-right: 1rem;
}

#prop-header li.resi_floor_span,
#prop-header li.ber_resi,
#prop-header li.comm_floor_span,
#prop-header li.ber_comm {
  display: none !important;
}

.property_meta-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  align-items: baseline;
}

.property_meta-top ul {
  margin-bottom: 0;
}

.property_meta-top li {
  font-size: 1.5rem;
  font-weight: 500;
}

.property_meta-top .ref {
  display: none;
  /*text-transform: uppercase;
		color: #666;
		font-size: 1.15rem;*/
}

#prop-meta-left {
  display: inline-flex;
  flex-direction: column;
}

.property_meta-mid ul {
  margin-left: 1rem;
}

.property_meta-mid li {
  font-size: 1.25rem;
}

#prop-meta-left-top {
  display: inline-flex;
  align-items: baseline;
}

#prop-meta-bot {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#prop-meta-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

#prop-meta-right .property_actions li:last-child {
  margin-right: 0;
}

#prop-meta-right .property_actions li .btn {
  font-size: .9rem;
  display: flex;
  height: 100%;
  border-radius: .25rem;
  text-transform: capitalize;
}
#prop-meta-right .property_actions li .btn:hover{
  background: #2a4fa0;
}

#prop-meta-right .property_actions li.action-virtual-tour {
  display: none;
  visibility: hidden;
}

#prop-meta-right .property_actions li.digital-viewing a.alert{

}

#prop-meta-left ul {
  margin-bottom: 0;
}

.single-property .section-singleprop-header .container-fluid {
  padding: 0 8rem;
}

/* Prop Sidebar */
#singleprop-content #prop-sidebar {
  border-left: 1px solid #eeeeee;
}

#prop-sidebarwrap {
  position: sticky;
  top: 0;
}

#prop-map {
  margin-bottom: 1rem;
}

#prop-form {
  background: #02204c;
  color: #ffffff;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

#prop-single-form h5 {
  border-bottom: 1px solid #ffdd00;
  padding-bottom: 1.25rem;
  margin-bottom: 2rem;
  line-height: 1.3;
}

#prop-single-form a {
  color: #ffdd00;
}

#prop-single-form .property-enquiry-form .control {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

#prop-single-form .property-enquiry-form .control input[type="text"],
#prop-single-form .property-enquiry-form .control input[type="email"],
#prop-single-form .property-enquiry-form .control textarea {
  background: rgba(2, 11, 23, 0.5);
  border: 1px solid #010e21;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  letter-spacing: 0.045rem;
  color: #ececec;
  width: 10.5rem;
  padding: 0.25rem 0.5rem;
}

#prop-single-form .property-enquiry-form input[type="submit"] {
  font-size: 0.85rem;
  margin-top: 1rem;
}

.single-property #single-property {
  margin-bottom: 4rem;
}

/* Prop Viewings */
.alert-primary {
  color: #02204c;
  background-color: #ebf2f9;
  border-color: #d7dce0;
}

.alert-primary p {
  margin-bottom: 0;
}

.prop-list-dets .alert-primary p {
  font-size: 0.95rem;
}

.post-type-archive-property ul.properties li .prop-listhead-bot .col {
  min-height: 55px;
  align-items: center;
  display: flex;
}
.post-type-archive-property ul.properties li .prop-listhead-bot .col h5{
  margin: 0;
}
.col.price-col {
  padding-right: 0;
}

.keyword-col {
  padding-left: 0;
}

.cta-keywords.alert-primary {
  padding: 7px;
  float: right;
  width: 100%;
  margin: 0;
}

.property_actions ul li:last-child{
  margin: 0;
}
.prop-listhead-bot .digital-viewing{
  width: 100%;
  text-align: center;
}
.digital-viewing a.cta-keywords{
  background: #ffdd00;
  border-color: #ffc800;
  color: #02204c;
}
.property_actions .digital-viewing a.cta-keywords{
  padding: .5rem 2rem .5rem 1.85rem; 
}
.digital-viewing a.cta-keywords h6{
  font-weight: bold;
  margin: 0;
}
.digital-viewing a.cta-keywords h6 i.fa{
  padding: 0 .25rem 0 0;
}

a.alert.cta-keywords:hover{
  color: #ffffff;
  background-color: #02204c;
  border-color: #02204c;
  text-decoration: none;
}



/* Prop Content */
#singleprop-content #prop-content {
  padding-right: 4rem;
}

#singleprop-content #prop-content .summary {
  margin-bottom: 2rem;
}

#singleprop-content #prop-content .features {
  margin-bottom: 2rem;
}

#singleprop-content #prop-content .description {
  border-bottom: 1px solid #dee2e6 !important;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

#singleprop-content #prop-content .virtualtour {
  margin-bottom: 2rem;
}

#similar-properties .row {
  width: 100%;
  margin: 0;
}

.section-similar-properties {
  margin: 1rem 0;
}

#propblock #prop-listings ul.properties {
  margin: 0;
}

#propblock #prop-listings ul.properties li {
  padding: 0;
  border: none;
}

/* Development lists */
h3.subplots-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

ul.subplots {
  list-style: none;
  padding: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
}

li.subplot {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
}

.plot-img {
  max-width: 12%;
}

.plot-img img {
  background-image: url("../img/placeholder.png");
}

.plot-dets {
  width: 68%;
  padding: 0 2rem;
}

.plot-meta {
  width: 20%;
}

.plot-dets .plot-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.plot-dets .plot-title:hover {
  color: #666;
  text-decoration: none;
}

.plot-dets p {
  margin-bottom: 0;
}



#prop-header ul {
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
#prop-header .property_meta-mid ul{
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  list-style: none;
}
ul.plot-list{
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  list-style: none;
  padding-left: 0;
}
#prop-header .property_meta-mid ul li{
  max-width: 50%;
  flex: 0 0 50%;
  margin: 0.5rem 0 0.5rem;
  padding: 0 0.5rem 0 0;
  font-size: 0.9rem;
}
ul.plot-list li {
  max-width: 50%;
  display: inline-flex;
  flex: 0 0 50%;
  margin: 0.5rem 0 0.5rem;
  padding: 0 0.15rem 0 0;
  font-size: 0.9rem;
}
#prop-header .property_meta-mid ul li:after{
  content: " ";
  margin-right: .25rem;
  padding-left: .5rem;
  display: block;
  height: 23px;
  border-right: 1px solid #b1b2b5;
}
ul.plot-list li:after{
  content: " ";
  margin-right: .15rem;
  padding-left: .25rem;
  display: block;
  height: 23px;
  border-right: 1px solid #eeeeee;
}
ul.plot-list li.ber-box:after{
  border-right:none;
}
#prop-header .property_meta-mid ul li:last-child:after, ul.plot-list li:last-child::after{
  content: none;
  padding-right: 0;
  margin-right: 0;
  display: none;
}
#prop-header .property_meta-mid ul li.bedrooms, ul.plot-list li.bedrooms{
  width: auto;
  flex: 0 0 auto;
}
#prop-header .property_meta-mid ul li.bathrooms, ul.plot-list li.bathrooms{
  width: auto;
  flex: 0 0 auto;
}
#prop-header .property_meta-mid ul li.spm, ul.plot-list li.spm{
  width: auto;
  flex: 0 0 auto;
}
#prop-header .property_meta-mid ul li.ber-box, ul.plot-list li.ber-box{
  width: auto;
  flex: 0 0 auto;
}
#prop-header .property_meta-mid ul li.ber-box  span.ber{
  margin: 0;
}

#prop-header h1 {
  font-size: 1.5rem;
}

/* ===================
	  Media Queries
	 =================== */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) {
  .wp-block-columns > .wp-block-column {
    width: 100%;
    margin: 0;
    padding: 0;
    flex: 0 0 100%;
  }

  .entry-content .wp-block-columns {
    flex-wrap: wrap;
  }

  .homepage-video {
    margin-top: 0;
  }

  .prop-search {
    margin-top: -12rem;
  }

  .col-home-left {
    padding-right: 1rem;
  }

  #container {
    padding: 2rem;
    max-width: 100%;
  }

  #container .container {
    padding: 0 1rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 992px) {
}

@media (max-width: 991px) {
  .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .property-search-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }

  .property-search-form > .control {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin: 0.75rem 0;
  }

  #commercial .control {
    flex: 0 0 75%;
    max-width: 75%;
  }

  #commercial {
    justify-content: space-between;
  }

  .property-search-form input[type="submit"] {
    margin: 0.75rem 0.75rem;
    padding: 0.5rem 2rem;
  }

  .navbar-brand {
    padding: 1rem 2rem;
    width: 33.333%;
  }

  #prop-meta-bot {
    display: flex;
    flex-wrap: wrap;
  }

  #prop-meta-bot > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 1rem;
  }

  #prop-meta-left-top ul li {
    font-size: 1rem;
  }

  .header-scrolled .navbar-brand {
    padding: 1rem 2rem;
  }

  #prop-header {
    margin-bottom: 1rem;
  }

  #singleprop-content #prop-content {
    padding-right: 15px;
  }

  .wrapper-navbar .navbar-nav li {
    font-size: 0.7rem;
  }

  .site-info > * {
    flex: 0 0 100%;
    font-size: 0.9rem;
    text-align: left;
    margin: 0 0 1rem;
  }

  .site-info {
    flex-wrap: wrap;
    font-size: 0.9rem;
  }

  .site-footer p {
    text-align: left;
  }

  li#menu-item-5998 {
  }

  .homepage-video {
    top: 0;
  }

  p {
    font-size: 0.9rem;
  }

  .wp-block-column:not(:last-child) {
    margin-right: 0;
    padding-right: 1rem;
  }

  body:not(.home) .wp-block-column:not(:last-child) {
    padding: 0;
  }

  .wp-block-column:not(:first-child),
  .wp-block-column:nth-child(2n) {
    margin-left: 0;
    padding-left: 2rem;
  }

  body:not(.home) .wp-block-column:not(:first-child),
  body:not(.home) .wp-block-column:nth-child(2n) {
    padding-left: 0;
  }

  .wp-block-cover,
  .wp-block-cover-image {
    display: block;
    margin: 2rem 0 2rem;
    height: auto;
  }

  .wp-block-cover.fullbg-img {
    height: auto;
    min-height: 33vh;
  }

  .border-bottom {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .sidenav-wrap h3{
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 500;
    letter-spacing: .025rem;
}

  .sidenav-wrap h3::after {
      content: '';
      height: 2px;
      background: #b8e3fa;
      width: 50px;
      display: block;
      margin-top: 1rem;
  }

  .sidenav-wrap li {
    font-size: 0.8rem;
  }

  .intro-row,
  .intro-row p {
    font-size: 1.2rem;
  }

  h1,
  .h1 {
    font-size: 2rem;
  }

  .col-home-right p {
    font-size: 1rem;
  }

  .h2,
  h2 {
    font-size: 2rem;
  }

  .selectize-input {
    min-height: 2.5rem;
  }

  .nav-wrap {
    position: unset;
    width: 100%;
  }

  .wrapper-footer-full .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 2rem;
  }

  .footer-logos-wrap {
    justify-content: flex-start;
  }

  .footer-logos-wrap > a {
    margin: 0 3rem 0 0;
  }

  .section-featured-properties .feat-prop-intro {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section-featured-properties .feat-prop-intro br {
    display: none;
  }

  .section-featured-properties .feat-prop-intro h2 span {
    margin-left: 1rem;
  }

  .wrapper-main {
    padding-top: 3.75rem;
  }

  .vidembed {
    height: auto;
    max-height: 50vh;
  }

  .prop-search {
    margin-top: -8rem;
  }

  ul.propgrid li.propgrid-box:nth-child(1) {
    height: 0;
    padding-bottom: 100%;
  }

  .prop-meta-left-top {
    display: flex;
    flex-wrap: wrap;
  }

  .prop-meta-left-top > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .searchbox.searchbox-open {
    position: absolute;
    left: 1rem;
    top: 5rem;
    width: 14rem;
  }
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
  .navbar-nav.navbar-sub {
    flex-direction: row;
  }

  #prop-meta-bot > div{
    margin-bottom: 0;
  }
  .property-development #singleprop-content #prop-content{
    padding: 0 2rem;
  }
  .prop-search .nav li {
    font-size: 0.8rem;
  }

  #navbarNavDropdown.in {
    display: flex;
  }

  #navbarNavDropdown {
    /* padding-top: 1rem; */
    /* padding-bottom: 1rem; */
  }

  #navbarNavDropdown > ul {
    width: 100%;
    padding: 1rem 1rem;
    background-color: #efefef;
  }

  .wrapper-navbar .navbar-nav li ul li {
    text-transform: none;
  }

  .wrapper-navbar .navbar-nav li ul {
    margin-bottom: 1rem;
  }

  .wrapper-navbar .navbar .container-fluid {
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .nav-wrap #navbarNavDropdown{
    flex: 0 0 100%;
    width: 100%;
  }

  .nav-wrap #navbarNavDropdown.in {
    display: flex;
    flex: 0 0 100%;
  }

  .wrapper-navbar .navbar .container-fluid .navbar-brand {
    margin-right: auto;
  }

  #prop-single-form .property-enquiry-form .control {
    flex-wrap: wrap;
  }

  #prop-single-form .property-enquiry-form .control > * {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
  }

  .searchbox{
      position: absolute;
      top: .15rem;
      right: 4rem;
  }

  #prop-meta-left-top {
    display: flex;
    flex-wrap: wrap;
  }

  #prop-meta-left-top > div {
    margin: 0 0 0.5rem 0;
  }
  #prop-meta-left-top .price small{
    float: left;
    width: 100%;
  }

  #prop-meta-left-top > div ul {
    margin: 0;
  }

  #prop-header h1 {
    font-size: 1.75rem;
  }

  #prop-header {
    padding: 1rem 0;
  }

  .searchbox-open .searchbox-input {
    width: 12rem;
  }

  .navbar-toggler-icon i {
    font-size: 1.5rem;
    margin: 0.2rem;
  }

  ul.propgrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .navbar-toggler {
    margin-right: 0.5rem;
  }
  #navbarNavDropdown{

  }

  .searchbox,
  .searchbox-open {
    width: auto;
  }

  .searchbox-input {
    width: 50px;
    height: 100%;
    padding: 0.5rem;
  }

  .wrapper-navbar .navbar-nav li ul {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
  }

  .wrapper-navbar .navbar-nav li a {
    padding: 0.5rem 0;
  }

  #sidebar-nav,
  #sidebar {
    padding-left: 15px;
    margin-bottom: 30px;
  }

  .page-template-fullwidthpage-nav .wrapper {
    padding-top: 15px;
  }

  #enquire-single-form {
    width: 100%;
  }

  .footer-enquire .gform_wrapper {
    padding: 0;
    margin-left: 15px;
  }
  .plot-dets .plot-head{
    line-height: 1;
  }
  .plot-dets .plot-head .plot-title{
    font-size: 1.05rem;
  }
  .plot-img {
      max-width: 26%;
  }
  .plot-dets {
      width: auto;
      padding: 0 1rem;
  }
  #menu-sub-menu li a:before {
    width: 100%;
  }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
  .prop-search .nav li {
    flex: 0 0 100%;
    margin: -0.5rem 0 0 0;
    height: 4rem;
  }

  .property-search-form > .control {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0.25rem 0;
  }

  .property-search-form input[type="submit"] {
    width: 100%;
  }

  .prop-search .nav li a {
    background-color: #ddd;
    border: 1px solid #ccc;
    padding-bottom: 2rem;
    padding-top: 0.75rem;
    color: #001f4d;
  }

  .prop-search {
    margin-top: 1.5rem;
    padding: 0 1rem;
  }

  body:not(.home) .prop-search {
    padding: 0;
  }

  #commercial .control {
    max-width: 100%;
    flex: 0 0 100%;
  }

  a.navbar-brand,
  .header-scrolled a.navbar-brand {
    width: 50%;
    padding: 0.75rem 1.25rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .property_meta-top li {
    font-size: 1rem;
    margin: 0.5rem 0 0;
  }

  .propertyhive-ordering {
    float: left;
    width: 100%;
    margin: 0 0 0.5rem;
  }

  .propertyhive-views,
  .propertyhive-views ul {
    width: 100%;
  }

  .propertyhive-views ul li {
    flex: 0 0 47.5%;
    padding: 0;
    margin: 0;
  }

  .propertyhive-views ul li a {
    width: 100%;
    display: block;
    text-align: center;
  }

  #container {
    padding: 1rem;
  }

  .post-type-archive-property h1.page-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .propertyhive ul.properties li {
    margin-bottom: 1rem;
  }

  .propertyhive-views ul {
    display: flex;
    justify-content: space-around;
  }

  .propertyhive-views ul li:first-of-type {
    margin-right: auto;
  }

  .wrapper-footer,
  .wrapper-footer-full {
    padding: 2rem 1rem;
  }

  .wrapper-footer-full .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 1rem;
  }

  .footer-logos-wrap {
    flex-wrap: wrap;
  }

  .footer-logos-wrap a {
    margin: 0.75rem 0;
    flex: 0 0 100%;
  }

  .footer-logos-wrap a:last-of-type {
    margin-bottom: 2rem;
  }

  .col-home-left,
  .col-home-right,
  .wp-block-column:not(:first-child),
  .wp-block-column:nth-child(2n) {
    flex-basis: 100%;
    border: 0;
    padding: 0;
    margin: 0 0 2rem 0;
  }

  .page-template-homepage .wp-block-columns {
    padding: 0 0 0;
  }

  .section-latest-news {
    padding: 2rem 0 0;
  }

  .wrapper-navbar .navbar-nav.navbar-sub li {
    font-size: 0.7rem;
  }

  #archive-header {
    min-height: 50vh;
  }

  .navbar.navbar-secondary,
  .navbar.navbar-secondary .subnav-container,
  .navbar.navbar-secondary ul {
    width: 100%;
  }

  .navbar.navbar-secondary ul {
    justify-content: flex-end;
    padding: 0 0.75rem;
  }

  .single-property #single-property {
    padding-top: 5.5rem;
  }

  ul.propgrid li.propgrid-box:nth-child(1) {
    padding-bottom: 75%;
  }

  h1,
  .h1 {
    font-size: 1.75rem;
  }

  .intro-row,
  .intro-row p {
    font-size: 1.1rem;
  }

  .page-template-fullwidthpage-nav p.intro-row {
    margin-bottom: 2rem;
  }

  .page-template-fullwidthpage-nav p {
    margin-bottom: 1rem;
  }

  body:not(.home) .wp-block-column:not(:first-child),
  body:not(.home) .wp-block-column:nth-child(2n) {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
  }

  #wrapper-footer-full {
    padding-top: 2rem;
  }

  .entry-content .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span,
  .entry-content .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span,
  .entry-content .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span,
  .entry-content .gform_wrapper .top_label li.gfield.gf_left_half,
  .entry-content .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 100%;
    max-width: 100%;
  }

  .footer-enquire .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span,
  .footer-enquire .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span,
  .footer-enquire .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span,
  .footer-enquire .gform_wrapper .top_label li.gfield.gf_left_half,
  .footer-enquire .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 100%;
    max-width: 100%;
  }

  .footer-enquire
    .gform_wrapper
    .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name
    span.name_first {
    margin-bottom: 0.3rem;
  }

  .searchbox-open {
    position: absolute;
    right: 1rem;
    left: 1rem;
    top: 6.5rem;
    width: auto;
  }

  .header-scrolled .searchbox-open {
    top: 4.5rem;
  }

  .searchbox-open input {
    margin-right: 0;
    color: #02204c;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .searchbox-open .searchbox-input {
    width: 90%;
    color: #02204c;
  }

  .searchbox-icon {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .section-hero-video {
    background-color: #e3e3e3;
  }

  .contactus .gform_wrapper {
    padding: 1rem;
  }

  #page-header.contact-banner {
    margin-top: 5.5rem;
  }

  #page-header {
    margin-top: 5.4rem;
    min-height: 33vh;
  }

  .wp-block-cover,
  .wp-block-cover-image {
    margin: 0 0 2rem;
  }

  .wp-block-cover {
    min-height: 33vh;
  }

  #enquire-single-form h4 {
    font-size: 1.1rem;
  }

  .home .wrapper-main {
    padding-top: 5.4rem;
  }

  .section-hero-video .vidembed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
  }

  .homepage-video {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

.property_meta-mid .fa {
	display: inline-block;
	margin: 0.25rem 0.25rem 0 0;
}

.prop-meta .fa {
	display: inline-block;
	margin: 0.25rem 0.25rem 0 0;
}

@media (min-width: 1200px) {
  #botbutton {
    bottom: 6rem !important;
  }
}