.search-form input::placeholder {
  color: #111;
  opacity: 1;
  font-weight: 600;
}
.search-form input::-webkit-input-placeholder { color: #111; font-weight: 600; }
.search-form input::-moz-placeholder { color: #111; font-weight: 600; }
.search-form input:-ms-input-placeholder { color: #111; font-weight: 600; }
.search-form input::-ms-input-placeholder { color: #111; font-weight: 600; }
.search-input::placeholder {
  color: #1C1C1C;
  opacity: 1;
  font-weight: 500;
}
.search-input::-webkit-input-placeholder { color: #1C1C1C; font-weight: 500; }
.search-input::-moz-placeholder { color: #1C1C1C; font-weight: 500; }
.search-input:-ms-input-placeholder { color: #1C1C1C; font-weight: 500; }
.search-input::-ms-input-placeholder { color: #1C1C1C; font-weight: 500; }
/* Darker placeholder for search input */
.search-input::placeholder {
  color: #777;
  opacity: 1;
}
.search-input::-webkit-input-placeholder { color: #777; }
.search-input::-moz-placeholder { color: #777; }
.search-input:-ms-input-placeholder { color: #777; }
.search-input::-ms-input-placeholder { color: #777; }
/* Theme Name:SweetHome - HTML Theme URI:Author:PremiumLayers Author URI:Description:Clean and responsive Real Estate Template. Version:1.0*/
/*--------------Table of SASS- Imports- Variables- Mixins- MDefault-Styles- Typography- Header-Section- Search-Section- Recent-Listings-Section- Agents-Section- Services-Section- Footer-Section- page-title-section- Content-Section- Blog-page- Contact-page- Single-page- property-details-page- Responsive nav bar customization- Media-queries*--------------/
/**** Imports ****/
/**** Variables ****/
/**** Mixins ****/
/**** MDefault-Styles ****/
html {
  height:100%;
}
body {
  background-color:#FDF6F0;
  font:1em/1.5 "Roboto",Helvetica,Arial,sans-serif;
  padding:0 !important;
  height:100%;
}
*,*:after,*:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
a {
  color:#fefefe;
  text-decoration:none;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
a:hover,a:focus {
  text-decoration:none;
  color:#fefefe;
}
a:visited {
  color:#fefefe;
}
ul {
  margin:0;
  list-style-type:none;
}
input[type="text"]::-webkit-input-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
input[type="text"]::-moz-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
input[type="text"]::-ms-input-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
input[type="text"]::-o-input-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
input[type="text"]:focus {
  outline:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border-color:#1C1C1C;
}
textarea::-webkit-input-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
textarea::-moz-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
textarea::-ms-input-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
textarea::-o-input-placeholder {
  font-weight:200;
  color:#D1D1D1;
}
textarea:focus {
  outline:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border-color:#1C1C1C;
}
.yellow-btn {
  background-color:#8B1E1E;
  color:#000;
  font-weight:700;
  font-size:17px;
  padding:10px 15px;
  margin:0 3px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  z-index:1;
}
.yellow-btn:visited {
  color:#000;
}
.gray-btn {
  margin:0 3px;
  padding:10px 15px;
  background-color:#E1E1E1;
  color:#000;
  font-size:17px;
  font-weight:300;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}
.gray-btn span {
  color:#666;
  padding-right:7px;
  font-size:20px;
}
.gray-btn:visited {
  color:#000;
}
.select-big .select-target {
  width:180px;
}
.select-medium .select-target {
  width:110px;
}
.select-small .select-target {
  width:70px;
  padding:0.5rem 2em 0.5rem 1em;
}
.title-box {
  float:left;
  width:100%;
  position:relative;
  display:inline-block;
  padding-bottom:50px;
}
.title-box h3 {
  font-size:23px;
  font-weight:500;
  color:#000;
  border:1px solid #CDCDCD;
  position:absolute;
  padding:20px;
  left:0;
  top:-54px;
  background-color:#FDF6F0;
  text-transform:capitalize;
}
.title-box .bordered {
  border-bottom:1px solid #CDCDCD;
}
.buttons-wrapper {
  margin:20px 0;
  float:left;
}
.yellow-btn:hover {
  background:#8B1E1E;
  color:#fff;
}
.gray-btn:hover {
  background:#f5f5f5;
}
.inner-wrapper {
  float:left;
  width:100%;
  background-color:#FFF;
}
.first-paragraph {
  margin-bottom:20px;
}
.nfloat {
  float:none !important;
}
.clearfix:before,.container:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear: both;
}
/* IE 6/7 */
.clearfix {
  zoom: 1;
}
/**** Typography ****/
h1 {
  font-size:2.25rem;
  font-weight:600;
}
h2 {
  font-size:2rem;
  font-weight:400;
}
h3 {
  font-size:1.5rem;
  font-weight:400;
}
h4 {
  font-size:1.2rem;
  font-weight:400;
}
h5 {
  font-size:1rem;
  font-weight:300;
}
p {
  color:#89949b;
  font-weight:200;
  font-size: 1rem;
}
/**** Header-Section ****/
/* Sticky nav on all pages except the home page */
body:not(.home-page) header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
header #top-strip {
  float:left;
  width:100%;
  background-color:#FDF6F0;
  border-bottom:2px solid #8B1E1E;
  padding:10px 0;
}
header #top-strip a {
  color:#1C1C1C;
}
header #top-strip a:hover,
header #top-strip a:focus,
header #top-strip a:visited {
  color:#1C1C1C;
}
header #login-box {
  margin-top:6px;
}
header #login-box a {
  font-size:16px;
  margin:0 10px;
}
header #login-box a span {
  font-family:Roboto;
  font-weight:400;
  margin-left:6px;
  font-size:14px;
}
header #top-strip .top-strip-logo {
  display:block;
  margin-top:0;
}
header #top-strip .top-strip-logo img {
  height:34px;
  width:auto;
  display:block;
}

/* Property listing page: align top strip items cleanly */
/* Clearfix — #top-strip is float:left, which collapses the sticky header to
   height:0 and buries .pf-bar behind it. This contains the float so the header
   renders at its true height and pushes .pf-bar below it. */
.property-listing-page header::after {
  content: '';
  display: table;
  clear: both;
}
.property-listing-page header #top-strip .container {
  display:flex;
  align-items:center;
  gap:12px;
}
.property-listing-page header #top-strip .container > * {
  float:none !important;
}
.property-listing-page header #top-strip .top-strip-search-form {
  flex:1;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 8px;
}
.property-listing-page header #login-box {
  margin-top:0;
  margin-left:auto;
}

/* Home page: align top strip items cleanly */
.home-page header #top-strip .container {
  display:flex;
  align-items:center;
  gap:12px;
}
.home-page header #top-strip .container > * {
  float:none !important;
}
.home-page header #login-box {
  margin-top:0;
  margin-left:0;
}

header #top-strip .top-strip-search-form {
  margin-left:14px;
  margin-top:2px;
}
header #top-strip .top-strip-search-input {
  height:34px;
  width:220px;
  display:inline-block;
  vertical-align:middle;
}
header #top-strip .top-strip-search-btn {
  height:34px;
  line-height:34px;
  padding:0 10px;
  margin-left:6px;
  border:1px solid rgba(28,28,28,0.25);
  background-color:transparent;
  color:#1C1C1C;
  border-radius:4px;
  vertical-align:middle;
}
header #top-strip .top-strip-search-btn:hover {
  background-color:#8B1E1E;
  color:#FDF6F0;
}

.property-listing-page .listing-type-buttons-top {
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
  padding-top:0;
}

/* Property listing filters: unify box dimensions */
.property-listing-page .search-section .select-target.select-theme-default,
.property-listing-page .search-section .select-target {
  width:160px !important;
  height:44px;
  padding:0.65rem 3em 0.65rem 1em;
}
.property-listing-page .search-section .select-wrapper input.form-control {
  width:160px;
}
header #top-strip .top-strip-nav {
  margin-top:6px;
  padding:0;
}
header #top-strip .top-strip-nav li {
  float:left;
  margin-left:6px;
}
header #top-strip .top-strip-nav li a {
  display:block;
  font-size:13px;
  font-weight:300;
  text-transform:uppercase;
  padding:6px 10px;
  border:1px solid rgba(28,28,28,0.25);
  border-radius:4px;
  color:#1C1C1C;
}
header #top-strip .top-strip-nav li a:hover,
header #top-strip .top-strip-nav .active a {
  background-color:#8B1E1E;
  color:#FDF6F0;
}

/* Listing type buttons (property listing filters) */
.property-listing-page .listing-type-buttons {
  padding-top:6px;
}
.property-listing-page .listing-type-buttons .btn {
  margin:0 6px 6px 0;
  border-radius:4px;
}
.property-listing-page .listing-type-buttons input[type="radio"] {
  position:absolute;
  left:-9999px;
}

/* Listing type buttons in the top strip: tighter + higher contrast */
.property-listing-page #top-strip .listing-type-buttons-top .btn {
  background:transparent;
  border:1px solid rgba(28,28,28,0.35);
  color:#1C1C1C;
  padding:6px 10px;
  height:34px;
  line-height:20px;
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0.3px;
}
.property-listing-page #top-strip .listing-type-buttons-top .btn:hover {
  background:#8B1E1E;
  color:#FDF6F0;
  border-color:#8B1E1E;
}
.property-listing-page #top-strip .listing-type-buttons-top .btn.active,
.property-listing-page #top-strip .listing-type-buttons-top .btn:active {
  background:#8B1E1E;
  color:#FDF6F0;
  border-color:#8B1E1E;
  box-shadow:none;
}
.property-listing-page #top-strip .listing-type-buttons-top .btn:focus {
  outline:none;
}

/* Listing type buttons on the home page top strip */
.home-page #top-strip .listing-type-buttons-top {
  margin-left:auto;
}
.home-page #top-strip .listing-type-buttons-top .btn {
  background:transparent;
  border:1px solid rgba(28,28,28,0.35);
  color:#1C1C1C;
  padding:6px 10px;
  height:34px;
  line-height:20px;
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0.3px;
}
.home-page #top-strip .listing-type-buttons-top .btn:hover,
.home-page #top-strip .listing-type-buttons-top .btn:active {
  background:#8B1E1E;
  color:#FDF6F0;
  border-color:#8B1E1E;
  box-shadow:none;
}
.home-page #top-strip .listing-type-buttons-top .btn:focus {
  outline:none;
}
.social-icons {
  padding:0;
}
.social-icons li {
  float:left;
  margin-right:5px;
  border:1px solid rgba(255,255,255,0.3);
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  -ms-border-radius:100px;
  -o-border-radius:100px;
  border-radius:100px;
  padding:5px;
  width:32px;
  height:32px;
  line-height:26px;
  text-align:center;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.social-icons li a {
  font-size:15px!important;
  text-align:center;
}
.social-icons li:hover {
  background-color:#fefefe;
}
.social-icons li:hover a {
  color: #8B1E1E;
}
/**** Search-Section ****/
.search-section {
  float:left;
  width:100%;
  position:relative;
}
#premium-bar {
  position:absolute;
  width:100%;
  left:0;
  top:0;
  z-index:10;
  background-color:rgba(22,22,22,0.7);
  padding:16px 0;
}
#premium-bar nav {
  list-style-type:none;
}
#premium-bar nav li a {
  font-size:15px;
  font-weight:300;
  text-transform:uppercase;
  padding:10px 15px;
  color:#fefefe;
  text-shadow:none;
}
#premium-bar nav .active a {
  background-color:#fefefe;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  color:#1C1C1C!important;
}
#premium-bar .navbar-default {
  background-image:none;
  background-color:transparent;
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.container {
  padding-right:0!important;
  padding-left:0!important;
}
#premium-bar nav li a {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}
#premium-bar nav li a:hover {
  background:#fff!important;
  color:#1C1C1C!important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
  color:#000 !important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}
.dropdown-menu li a {
  color:#000 !important;
}
.navbar-nav.navbar-right:last-child {
  margin-top:15px;
}
.main-flexslider {
  float:left;
  position:relative;
  width:100%;
  overflow:hidden;
}
.main-flexslider .slides .slides {
  background-size:cover;
  background-repeat:no-repeat;
  height:450px;
}
.main-flexslider .slides img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.main-flexslider .slides .slides .container {
  position:absolute;
  height:400px;
  top:0px;
}
.main-flexslider .slides .slides .slide-box {
  width:465px;
  left:40px;
  position:absolute;
  top:70%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:12px;
  background:rgba(255,255,255,0.97);
  border:1px solid rgba(0,0,0,0.08);
  -webkit-box-shadow:0 12px 30px rgba(0,0,0,0.15);
  -moz-box-shadow:0 12px 30px rgba(0,0,0,0.15);
  box-shadow:0 12px 30px rgba(0,0,0,0.15);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  z-index:100;
}
.slide-motto {
  position: absolute;
  top: 40%;
  left: 40px;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
  z-index: 100;
}

/* Home page: lift hero text + search slightly higher */
body.home-page .slide-motto {
  top: 32%;
}
body.home-page .main-flexslider .slides .slides .slide-box {
  top: 62%;
}

/* Home page: remove card background behind the search bar */
body.home-page .main-flexslider .slides .slides .slide-box {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.main-flexslider .slides .slides .slide-box h2 {
  margin-top:0;
  font-size:20px;
  font-weight:700;
  color:#1C1C1C;
}
.main-flexslider .slides .slides .slide-box p {
  font-size:15px;
  font-weight:300;
  color:#000;
}
.main-flexslider .slides .slides .slide-box .slide-item-features {
  float:left;
  padding-left:0;
  margin:15px 0;
  border-bottom:1px solid #DBDBDB;
  padding-bottom:30px;
}
.main-flexslider .slides .slides .slide-box .slide-item-features li {
  float:left;
  background-color:#fff;
  border:1px solid #B1B1B1;
  font-size:13px;
  font-weight:300;
  color:#000;
  margin-right:5px;
  padding:3px 5px;
  padding-right:10px;
  text-transform:capitalize;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}
.main-flexslider .slides .slides .slide-box .slide-item-features li span {
  color:#B1B1B1;
  font-size:18px;
  padding:5px;
  padding-right:10;
}
.main-flexslider .slides .slides .slide-box .slider-buttons-wrapper {
  margin:25px 0;
  float:left;
}
.main-flexslider .slides .slides .slide-box:before {
  position:absolute;
  z-index:-1;
}
.main-flexslider .slides .slides .slide-box .select-wrapper {
  float:left;
  margin:10px 5px;
}
.main-flexslider .slides .slides .slide-box .select-wrapper p {
  font-weight:300;
  font-size:13px;
  color:#444;
  margin-bottom:3px;
}
.main-flexslider .slides .slides .slide-box .select-target {
  height:38px;
  text-align:left;
  font-size:13px;
  font-weight:300;
  color:#B2B2B2;
  border-width:1px;
  line-height:23px;
}
.main-flexslider .slides .slides .slide-box button[type='submit'] {
  border:none;
  padding:0;
  margin:0;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.main-flexslider .slides .slides .slide-box input[type='text'] {
  width:auto;
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -ms-flex:1;
  flex:1;
  min-width:0;
  height:44px;
  padding:12px 14px;
  border:0;
  border-radius:0;
  font-size:14px;
  margin:0;
  background:transparent;
}
.search-form {
  display:flex;
  align-items:center;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}

/* Home page search: mini listing-type tabs */
body.home-page .search-filter-tabs {
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:4px;
  margin:0 0 -1px;
  padding-left:8px;
  position:relative;
  z-index:2;
}
body.home-page .search-filter-tab {
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(0,0,0,0.12);
  border-bottom:0;
  background:rgba(255,255,255,0.96);
  color:#1C1C1C;
  font-size:13px;
  font-weight:600;
  line-height:1;
  padding:9px 12px;
  border-radius:10px 10px 0 0;
  cursor:pointer;
  transition:background-color 180ms ease-in-out, border-color 180ms ease-in-out, color 180ms ease-in-out;
}
body.home-page .search-filter-tab:hover {
  border-color:rgba(139,30,30,0.35);
  background:rgba(139,30,30,0.06);
}
body.home-page .search-filter-tab.is-active {
  background:#8B1E1E;
  border-color:#8B1E1E;
  color:#fff;
}
body.home-page .search-form {
  position:relative;
  z-index:1;
}

/* Home page: theme-red border on search bar */
body.home-page .search-form {
  border-color:#8B1E1E;
}

/* Home page: thicker/taller search input */
body.home-page .search-input {
  height:54px;
  padding:16px 16px;
  font-size:15px;
  color:#1C1C1C;
}
body.home-page .search-input::placeholder {
  color:rgba(28,28,28,0.72);
}
body.home-page .search-input::-webkit-input-placeholder {
  color:rgba(28,28,28,0.72);
}
body.home-page .search-btn {
  width:54px;
  height:54px;
  flex:0 0 54px;
}
body.home-page .search-filter-tab:focus {
  outline:none;
}
body.home-page .search-filter-tab:focus-visible {
  outline:2px solid rgba(139,30,30,0.35);
  outline-offset:2px;
}
.search-form:focus-within {
  border-color:#8B1E1E;
  -webkit-box-shadow:0 0 0 3px rgba(0,149,230,0.18);
  -moz-box-shadow:0 0 0 3px rgba(0,149,230,0.18);
  box-shadow:0 0 0 3px rgba(0,149,230,0.18);
}
.search-input {
  flex: 1;
  min-width:0;
  height:44px;
  padding:12px 14px;
  border:0;
  border-radius:0;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  line-height: 18px;
}
.search-btn {
  -webkit-box-flex:0;
  -moz-box-flex:0;
  -ms-flex:0 0 44px;
  flex:0 0 44px;
  width:44px;
  height:44px;
  background:#8B1E1E;
  border: none;
  border-radius:0;
  color:#fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:filter 0.2s ease-in-out;
}
.main-flexslider .slides .slides .slide-box .search-btn {
  background:#8B1E1E;
  color:#fff;
}
.search-btn:hover {
  filter:brightness(0.92);
  color:#fff;
}
.search-btn i {
  font-size:20px;
}
.slide-item-features {
  float:left;
  padding-left:0;
  margin:15px 0;
  border-bottom:1px solid #DBDBDB;
  padding-bottom:30px;
}
.slide-item-features li {
  float:left;
  background-color:#fff;
  border:1px solid #B1B1B1;
  font-size:13px;
  font-weight:300;
  color:#000;
  margin-right:5px;
  padding:3px 5px;
  padding-right:10px;
  text-transform:capitalize;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}
.slide-item-features li span {
  color:#B1B1B1;
  font-size:18px;
  padding:5px;
  padding-right:10;
}
.flex-direction-nav a {
  background-color:#8B1E1E;
  color:#fefefe;
  text-align:center;
  width:61px;
  height:61px;
  line-height:62px;
  z-index:5;
}
.flex-direction-nav a:before {
  font-family:"FontAwesome";
  font-size:24px;
  display:inline-block;
  content:'\f190';
}
.flex-direction-nav a.flex-next:before {
  content:'\f18e';
}
.main-flexslider .flex-direction-nav .flex-prev {
  top:363px !important;
  left:inherit !important;
}
.main-flexslider .flex-direction-nav .flex-next {
  right:0 !important;
  top: 363px !important;
}
/**** Search-Section ****/
.search-section {
  border-bottom:1px solid #CDCDCD;
  float:left;
  width:100%;
  background-color:#FFF;
}
.search-section .select-wrapper {
  float:left;
  margin:20px 7px;
}
.search-section .select-wrapper p {
  font-weight:300;
  font-size:15px;
  color:#444;
  margin-bottom:5px;
}
.search-section .select-target {
  height:38px;
  text-align:left;
  font-size:13px;
  font-weight:300;
  color:#B2B2B2;
  border-width:1px;
  line-height:23px;
}
.search-section .select-target.select-theme-default b:before {
  top:-2px;
}
.search-section .select-target.select-theme-default b:after {
  bottom:-2px;
}
.search-section input[type='submit'] {
  border:none;
  font-weight:300;
  text-transform:capitalize;
  padding:8px 41px;
  margin-top:45px;
  margin-left:10px;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.select-element {
  z-index: 100;
}
/**** Recent-Listings-Section ****/
.recent-listings {
  float:left;
  width:100%;
  margin:90px 0;
}
.recent-listings .container .listings-items-wrapper {
  float:none;
  width:100%;
  margin-top:10px;
}
.listing-single-item {
  margin:15px 0;
  float:left;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.listing-single-item:hover {
  opacity:0.8;
}
.listing-single-item .item-inner .image-wrapper {
  position:relative;
}
.listing-single-item .item-inner .image-wrapper img {
  width:100%;
}
.listing-single-item .item-inner .desc-box {
  float:left;
  width:100%;
  background-color:#FFF;
  padding:20px;
}
.listing-single-item .item-inner .desc-box h4 a {
  font-size:18px;
  font-weight:500;
  color:#000;
  margin:2px 0;
}
.listing-single-item .item-inner .desc-box h4 .listing-title {
  display:block;
  margin-top:4px;
  font-size:14px;
  font-weight:400;
  color:#333;
}
.listing-single-item .item-inner .desc-box .item-features {
  margin:5px 0;
  border-bottom:1px solid #DBDBDB;
  padding-bottom:15px;
  width:100%;
  padding-left:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.listing-single-item .item-inner .desc-box .item-features li {
  border:none;
  margin:0;
  padding:3px 0;
  font-size:12px;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}
.listing-single-item .item-inner .desc-box .item-features li span {
  padding:0;
  margin-right:6px;
}
.listing-single-item .item-inner .desc-box .buttons-wrapper {
  float:none;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 0;
}
.listing-single-item .item-inner .desc-box .buttons-wrapper .yellow-btn,
.listing-single-item .item-inner .desc-box .buttons-wrapper .gray-btn {
  margin:0;
  flex:1 1 140px;
  text-align:center;
}
.listing-single-item .item-inner .desc-box .buttons-wrapper .yellow-btn,
.listing-single-item .item-inner .desc-box .buttons-wrapper .yellow-btn:visited {
  color:#fff;
}
.featured {
  background-color:#77d04e;
  position:absolute;
  bottom:25px;
  left:25px;
  font-size:16px;
  font-family:Roboto;
  font-weight:300;
  padding:8px 18px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}
.featured i {
  margin-right:10px;
  font-size:18px;
}
.property-type-icon {
  position:absolute;
  top:25px;
  left:25px;
  font-size:32px;
  background-color:rgba(0,0,0,0.5);
  padding:15px 17px;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  -ms-border-radius:100px;
  -o-border-radius:100px;
  border-radius:100px;
  z-index: 1;
}
/**** Agents-Section ****/
.agents-section {
  margin-bottom:100px;
  float:left;
  width:100%;
}
.agents-section .container .agents-slider {
  float:left;
  margin-top:20px;
  width:100%;
}
.single-agent {
  float:left;
  padding:15px;
}
.single-agent .image-box {
  float:left;
  width:50%;
  height:256px;
  position:relative;
  overflow:hidden;
}
.single-agent .image-box img {
  width:100%;
  height:auto;
  overflow:hidden;
}
.single-agent .image-box .social-icons {
  background-color:rgba(0,149,230,0.9);
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  padding:10px 23px;
}
.single-agent .desc-box {
  float:left;
  width:50%;
  height:256px;
  background-color:#FFF;
  padding:20px;
}
.single-agent .desc-box h4 {
  font-size:20px;
  font-weight:300;
  color:#000;
  margin-top:2px;
  padding-bottom:15px;
  margin-bottom:12px;
  border-bottom:1px solid #CDCDCD;
}
.single-agent .desc-box p {
  font-size:14px;
  font-weight:300;
  margin:15px 0;
  color:#000;
}
.single-agent .desc-box p i {
  margin-right:5px;
  color:#B7B7B7;
  font-size:18px;
}
.single-agent .desc-box .gray-btn {
  margin-top:10px;
  float:left;
}
.single-agent .desc-box .gray-btn:hover {
  background:#8B1E1E;
  color:#fff;
}
.owl-theme .owl-controls .owl-buttons div {
  background-color:#8B1E1E;
  opacity:1;
  border-radius:0;
  font-size:42px;
  padding:0px 23px;
  margin:.5px;
}
.owl-buttons {
  position:absolute;
  right:-5px;
  top: -108px;
}
/**** Services-Section ****/
.services-section {
  float:left;
  width:100%;
  margin-bottom:60px;
}
.services-section .container .services-wrapper {
  margin-top:20px;
  float:left;
  width:100%;
}
.services-section .container .services-wrapper .single-service {
  background-color:#FFF;
  text-align:center;
  padding:0;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.services-section .container .services-wrapper .single-service h4 {
  font-size:20px;
  font-weight:500;
  margin-top:30px;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.services-section .container .services-wrapper .single-service p {
  font-size:15px;
  font-weight:400;
  color:#bababa;
}
.services-section .container .services-wrapper .single-service .icon-service {
  color:#B2B2B2;
  font-size:45px;
  border:1px solid #B2B2B2;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  -ms-border-radius:100px;
  -o-border-radius:100px;
  border-radius:100px;
  padding:20px;
  margin:13px 0;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.services-section .container .services-wrapper .single-service .bordered {
  border:2px solid #8B1E1E;
  width:25%;
  margin:13px auto -4px;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.services-section .container .services-wrapper .single-service .readmore {
  text-transform:uppercase;
  color:#000;
  font-weight:100;
  font-size:18px;
  text-align:center;
  padding:10px;
  padding-top:15px;
  width:100%;
  float:left;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.services-section .container .services-wrapper .single-service .top-bordered {
  margin:0 auto;
  opacity:0;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.services-section .container .services-wrapper .single-service:hover h4 {
  color:#8B1E1E;
}
.services-section .container .services-wrapper .single-service:hover .icon-service {
  color:#8B1E1E;
  border-color:#8B1E1E;
}
.services-section .container .services-wrapper .single-service:hover .readmore {
  background-color:#8B1E1E;
  color:#fff;
}
.services-section .container .services-wrapper .single-service:hover .top-bordered {
  opacity: 1;
}
/**** Footer-Section ****/
footer {
  background-color:#FDF6F0;
  float:left;
  width:100%;
  padding:40px 0;
  border-top:1px solid #E5E0DA;
}
footer .container .footer-title {
  font-size:19px;
  font-weight:300;
  color:#1C2626;
  text-transform:capitalize;
  margin-top:5px;
  margin-bottom:20px;
}
footer .container .footer-about .logo {
  width:100%;
  float:left;
  margin-bottom:18px;
}
footer .container .footer-about .logo img {
  max-width:160px;
  height:auto;
  display:block;
}
footer .container .footer-about p {
  font-size:13px;
  font-weight:100;
  color:#4A6572;
  text-align:left;
  line-height:25px;
}
footer .container .footer-recent-posts ul {
  padding-left:0;
}
footer .container .footer-recent-posts ul li a {
  font-size:13px;
  font-weight:100;
}
footer .container .footer-recent-posts ul li a i {
  margin-right:5px;
}
footer .container .footer-contact-info p {
  background-color:#EEF3F6;
  font-size:13px;
  font-weight:300;
  color:#1C2626;
  display:inline-block;
  padding-right:10px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}
footer .container .footer-contact-info p i {
  margin-right:5px;
  background-color:#4A6572;
  color:#fff;
  font-size:20px;
  padding:10px;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
}
footer .container .footer-newsletter p {
  font-size:13px;
  color:#4A6572;
  line-height:25px;
  margin-bottom:15px;
}
footer .container .footer-newsletter .footer-search {
  float:left;
  width:100%;
}
footer .container .footer-newsletter input[type='text'] {
  width:100%;
  background-color:#FFFFFF;
  border:1px solid #E5E0DA;
  color:#1C2626;
  height:34px;
  font-weight:300;
  font-size:13px;
  text-indent:8px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}
footer .container .footer-newsletter input[type='submit'] {
  background-color:#8B1E1E;
  border:none;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  color:#fff;
  font-size:13px;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:1px;
  float:right;
  margin-top:-33px;
  position:relative;
  z-index:2;
  padding:7px 13px;
}
.bottom-strip {
  float:left;
  width:100%;
  background-color:#8B1E1E;
  padding:18px;
}
.bottom-strip .container p {
  font-size:15px;
  font-weight:100;
  color:#fff;
  margin-bottom:0;
  line-height:66px;
}
.bottom-strip .container #backtop-btn {
  font-size:42px;
  position:relative;
  text-align:center;
  display:table;
  margin:0 auto;
}
.bottom-strip .container #backtop-btn:before {
  width:60px;
  height:60px;
  line-height:62px;
  text-align:center;
  float:left;
  background-color:rgba(36,36,36,0.23);
  border-radius:100px;
}
.bottom-strip .container .bottom-strip-middle {
  position:relative;
}
.bottom-strip .container .social-icons {
  float:right;
  margin-top:12px!important;
}
.bottom-strip .container .social-icons li {
  padding:7px;
  width:36px;
  height: 36px;
}
/**** page-title-section ****/
.page-title-section {
  float:left;
  width:100%;
  background-image:url("../img/10_page-title-header.png");
  background-size:cover;
  background-repeat:no-repeat;
}
.page-title-section .container {
  margin-top:130px;
  margin-bottom:30px;
}
.page-title-section .page-title {
  text-transform:capitalize;
  background-color:rgba(255,255,255,0.9);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}
.page-title-section .page-title h2 {
  color:#000;
  font-family:Roboto;
  font-size:18px;
  font-weight:100;
  padding:12px;
  margin:0;
}
.page-title-section .breadcrumb {
  margin-bottom:0;
  background-color:rgba(58,186,255,0.9);
}
.page-title-section .breadcrumb a {
  font-family:Roboto;
  font-size:15px;
  font-weight:300;
}
.page-title-section .breadcrumb .sep {
  padding:0 5px;
  color:#fff;
  font-size: 16px;
}

/* Property listing page: remove distracting header image and tighten spacing */
.property-listing-page .page-title-section {
  background-image:none;
  background-color:transparent;
}
.property-listing-page .page-title-section .container {
  margin-top:20px;
  margin-bottom:10px;
}
/**** Content-Section ****/
.content-section {
  float:left;
  width:100%;
}
.content-section .container {
  margin-top:30px;
  margin-bottom:30px;
}
.pagination-wrapper {
  float:left;
  width:100%;
  margin-top:10px;
}
.pagination-wrapper .pagination {
  float:left;
  margin:35px 0 10px;
}
.pagination-wrapper .pagination li a {
  margin:0 2px;
  border:none;
  font-size:18px;
  font-weight:100;
  font-family:Roboto;
  color:#000;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  padding:6px 13px;
}
.pagination-wrapper .pagination li a:hover {
  background-color:#8B1E1E;
  color: #fff;
}
/**** Blog-page ****/
.blog-page .page-title-section {
  background-image:url("../img/blog/20_blog-header.png");
}
.blog-page .blog-content {
  border-bottom:1px solid #CDCDCD;
  padding-bottom:50px;
}
.blog-page .blog-content .blog-post {
  background-color:#FFF;
  float:left;
  width:100%;
}
.blog-page .blog-content .blog-post .meta-data {
  float:left;
  padding:20px 25px;
}
.blog-page .blog-content .blog-post .meta-data .meta-data-item {
  padding:10px 0;
}
.blog-page .blog-content .blog-post .meta-data .meta-data-item i {
  color:#B4B4B4;
  font-size:24px;
  text-align:center;
  display:block;
}
.blog-page .blog-content .blog-post .meta-data .meta-data-item a {
  display:block;
  width:100%;
  font-size:12px;
  color:#000;
  font-weight:300;
  text-align:center;
  padding-top:6px;
  padding-bottom:15px;
}
.blog-page .blog-content .blog-post .meta-data .meta-data-item .meta-divider {
  width:60%;
  margin:0 auto;
  display:block;
  border-bottom:1px solid #E5E5E5;
}
.blog-page .blog-content .blog-post .post-content {
  float:right;
  width:80%;
  border-left:1px solid #E5E5E5;
  padding-left:30px;
}
.blog-page .blog-content .blog-post .post-content h2 {
  margin-bottom:15px;
  margin-right:30px;
}
.blog-page .blog-content .blog-post .post-content h2 a {
  color:#000;
  font-size:26px;
  font-weight:300;
  font-family:Roboto;
  text-align:left;
}
.blog-page .blog-content .blog-post .post-content .featured-image {
  position:relative;
}
.blog-page .blog-content .blog-post .post-content .featured-image img {
  width:100%;
}
.blog-page .blog-content .blog-post .post-content .featured-image:after {
  position:absolute;
  content:'';
  z-index:100;
  right:-1px;
  bottom:-1px;
  width:0;
  height:0;
  border-left:120px solid rgba(0,0,0,0);
  border-right:0px solid rgba(0,0,0,0);
  border-bottom:120px solid #FDF6F0;
}
.blog-page .blog-content .blog-post .post-content .readmore-btn {
  position:absolute;
  right:1px;
  bottom:1px;
  padding:15px;
  background-color:#FDF6F0;
  color:#000;
  font-family:Roboto;
  font-size:13px;
  font-weight:300;
  z-index:101;
  border-right:2px solid #DBDBDB;
  border-bottom:2px solid #DBDBDB;
}
.post-divider {
  border-bottom:1px solid #CDCDCD;
  margin:30px 0;
  width:100%;
  float:left;
}
.sidebar-widget {
  background-color:#FFF;
  padding:25px;
  float:left;
  width:100%;
  margin-bottom:30px;
}
.sidebar-widget .widget-title {
  text-transform:capitalize;
  font-size:20px;
  font-weight:300;
  font-family:Roboto;
  margin-top:0;
}
.search-widget .search-box {
  float:left;
  width:100%;
  position:relative;
  margin:12px 0;
}
.search-widget .search-box input[type='text'] {
  float:left;
  width:100%;
  border:1px solid #CDCDCD;
  font-size:13px;
  font-family:Open Sans;
  font-weight:300;
  padding:15px;
}
.search-widget .search-box button {
  background:transparent;
  border:none;
  position:absolute;
  right:10px;
  top:11px;
}
.search-widget .search-box button i {
  font-size:22px;
  color:#CFCFCF;
}
.tabbed-content #myTab {
  border-bottom:none;
  margin-bottom:10px;
  border:1px solid #CDCDCD;
}
.tabbed-content #myTab li {
  font-size:13px;
  font-weight:300;
  margin:0 !important;
  padding:0;
  width:33.33%;
  border-right:1px solid #CDCDCD;
}
.tabbed-content #myTab li a {
  color:#000;
  text-transform:capitalize;
  text-align:center;
  margin:0 !important;
  padding:14px 20px;
}
.tabbed-content #myTab li:last-child {
  border-right:none;
}
.tabbed-content #myTab li.active {
  background-color:#8B1E1E;
}
.tabbed-content #myTab li.active a {
  background-color:#8B1E1E;
  color:#fefefe;
  border-radius:0;
}
.tab-content-wrapper,.similar-listings {
  padding-left:0;
}
.tab-content-wrapper .tab-content-item,.similar-listings .tab-content-item {
  padding:15px 2px 15px;
  border-bottom:1px solid #EFEFEF;
}
.tab-content-wrapper .tab-content-item .thumb,.similar-listings .tab-content-item .thumb {
  margin-right:15px;
}
.tab-content-wrapper .tab-content-item h5,.similar-listings .tab-content-item h5 {
  margin-top:5px;
}
.tab-content-wrapper .tab-content-item h5 a,.similar-listings .tab-content-item h5 a {
  color:#AEAEAE;
  font-size:14px;
  font-weight:300;
  font-family:Open Sans;
  line-height:19px;
}
.tab-content-wrapper li:last-child,.similar-listings li:last-child {
  border-bottom:none;
}
.similar-listings-widget .widget-title {
  margin-bottom:0;
}
.tags .tags-wrapper {
  margin-top:10px;
  padding-left:0;
}
.single-tag {
  float:left;
  margin:7px;
}
.single-tag a {
  color:#B4B4B4;
  font-size:13px;
  font-family:Open Sans;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  border:1px solid #E8E8E8;
  padding:6px 8px;
  line-height:30px;
  position:relative;
  background-color:#FFF;
  z-index:0;
}
.single-tag a:hover {
  background-color:#8B1E1E;
  color:#fff;
}
.single-tag a:after {
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:100%;
  height:100%;
  content:'';
  border:1px solid #E8E8E8;
  z-index:-1;
}
.text-widget p {
  font-family:Open Sans;
  font-size:16px;
  font-weight:300;
  color:#AEAEAE;
}
.author-profile {
  float:left;
}
.author-profile h4 {
  margin-bottom:20px;
}
.author-profile .image-box {
  float:left;
  width:100%;
  position:relative;
}
.author-profile .image-box img {
  width:100%;
}
.author-profile .image-box .social-icons {
  background-color:rgba(0,149,230,0.9);
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  padding:10px 23px;
}
.author-profile .desc-box {
  float:left;
  width:100%;
  background-color:#FFF;
  padding:20px 0 10px;
}
.author-profile .desc-box h4 {
  font-size:20px;
  font-weight:300;
  color:#000;
  margin-top:2px;
  padding-bottom:15px;
  margin-bottom:12px;
  border-bottom:1px solid #CDCDCD;
  text-transform:capitalize;
}
.author-profile .desc-box p {
  font-size:14px;
  font-weight:300;
  margin:15px 0;
  color:#000;
}
.author-profile .desc-box p i {
  margin-right:5px;
  color:#B7B7B7;
  font-size:18px;
}
.author-profile .desc-box .gray-btn {
  margin-top:10px;
  float: left;
}
/**** Contact-Page ****/
.contact-page .page-title-section {
  background-image:url("../img/29_contact_page-title-header.png");
}
.map-wrapper {
  margin-bottom:30px;
  float:left;
  width:100%;
}
.map-wrapper .inner-wrapper {
  background-color:#FFF;
  padding:15px;
}
.map-wrapper #map {
  float:left;
  width:100%;
  height:400px;
}
.box-title {
  font-size:24px;
  color:#000;
  font-weight:100;
}
.contact-info {
  float:left;
}
.contact-info .inner-wrapper {
  background-color:#FFF;
  padding:20px;
}
.contact-info p {
  font-size:16px;
  font-weight:100;
  color:#bababa;
  padding-bottom:10px;
}
.contact-info .info-wrapper {
  float:left;
  width:100%;
  border-top:1px solid #EFEFEF;
  padding-top:15px;
}
.contact-info .info-wrapper span {
  font-size:14px;
  font-weight:100;
  color:#bababa;
  margin-right:14px;
}
.contact-info .info-wrapper span i {
  color:#848484;
  margin-right:8px;
}
.contact-form-wrapper {
  float:left;
}
.contact-form-wrapper .inner-wrapper {
  background-color:#FFF;
  padding:20px;
}
.contact-form-wrapper .contact-form .contact-form-left {
  float:left;
  width:50%;
}
.contact-form-wrapper .contact-form .contact-form-right {
  float:left;
  width:50%;
}
.contact-form-wrapper .contact-form input[type='text'] {
  border:1px solid #EEEEEE;
  text-indent:10px;
  line-height:30px;
  font-size:14px;
  height:65px;
  margin-bottom:12px;
}
.contact-form-wrapper .contact-form input[type="text"]::-webkit-input-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form input[type="text"]::-moz-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form input[type="text"]::-ms-input-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form input[type="text"]::-o-input-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form textarea::-webkit-input-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form textarea::-moz-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form textarea::-ms-input-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form textarea::-o-input-placeholder {
  color:#848484;
  font-size:14px;
  font-family:Open Sans;
}
.contact-form-wrapper .contact-form span {
  float:left;
  height:65px;
  width:65px;
  border:1px solid #EEEEEE;
  border-right:0;
  margin-bottom:12px;
}
.contact-form-wrapper .contact-form span i {
  color:#B4B4B4;
  font-size:16px;
  padding:10px;
  width:38px;
  height:38px;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  -ms-border-radius:100px;
  -o-border-radius:100px;
  border-radius:100px;
  border:1px solid #B6B6B6;
  text-align:center;
  line-height:18px;
  margin:12px auto 0 auto;
  display:block;
}
.contact-form-wrapper .contact-form textarea {
  min-height:142px;
  border:1px solid #EEEEEE;
  padding:10px;
  width:100%;
  margin-bottom:9px;
  font-size:14px;
}
.contact-form-wrapper .contact-form input[type='submit'] {
  width:100%;
  text-transform:uppercase;
  background-color:#8B1E1E;
  color:#fff;
  font-size:14px;
  font-family:Open Sans;
  font-weight:300;
  border:none;
  padding:21px 0;
  text-align:center;
  transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
}
.contact-form-wrapper .contact-form input[type='submit']:hover {
  background-color: rgba(0,149,230,0.8);
}
/**** Single-Page ****/
.single-page .blog-content .blog-post .post-content .featured-image:after {
  display:none;
}
.single-page .page-title-section {
  background-image:url("../img/single/30_page-title-header.png");
}
.single-page .blog-post {
  border-bottom:1px solid #E5E5E5;
}
.single-page .blog-content {
  border-bottom:none;
}
.single-page .post-content {
  border-bottom:none;
}
.single-page .post-content p {
  font-size:16px;
  font-weight:100;
  color:#bababa;
  padding-bottom:16px;
}
.comments-section {
  float:left;
  width:100%;
  background-color:#FFF;
  padding:20px 25px;
}
.comments-section .media-list {
  margin-top:20px;
}
.comments-section .media-list h4 {
  font-size:14px;
  font-weight:100;
  color:#3c3c3c;
  border-bottom:1px solid #E5E5E5;
  padding-bottom:10px;
  display:inline-block;
}
.comments-section .media-list h4 span {
  color:#A7A7A7;
}
.comments-section .media-list p {
  font-size:18px;
  font-weight:100;
  color:#A7A7A7;
}
.comments-section .media-list .media a.pull-left {
  margin-left:10px;
}
.comments-section .media-list .connectors {
  float:left;
  width:40px;
  height:40px;
  background-color:transparent;
  border-bottom:1px solid #E5E5E5;
  border-left:1px solid #E5E5E5;
}
.comments-section .media-list .media-object {
  width:64px;
  height:64px;
}
.comment-form-wrapper {
  float:left;
}
.comment-form-wrapper .box-title {
  margin-bottom:20px;
}
.comment-form-wrapper input[type='text'] {
  width:280px;
  float: left;
}
/**** property-details-page ****/
.property-details-page .page-title-section {
  background-image:url("../img/property/38_property-header.png");
}
.property-details-page .page-content .inner-wrapper {
  float:left;
  width:100%;
  background-color:#FFF;
}
.property-details-page .page-content .flexslider {
  border-radius:0px;
  box-shadow:none;
  border:none;
}
.property-details-page .page-content #details-slider {
  margin:0 0 30px;
  position:relative;
}
.property-details-page .page-content #details-slider .yellow-btn {
  position:absolute;
  bottom:25px;
  left:25px;
}
.property-details-page .page-content #details-carousel {
  margin-bottom:30px;
}
.property-details-page .page-content #details-carousel .slides>li {
  padding:0 9px;
}
.property-details-page .page-content #details-carousel .flex-direction-nav a {
  background-color:rgba(0,149,230,0.8);
  width:41px;
  height:51px;
  line-height:51px;
}
.property-details-page .page-content #details-carousel .flex-direction-nav a:before {
  content:'\f104';
  font-size:50px;
}
.property-details-page .page-content #details-carousel .flex-direction-nav a.flex-next:before {
  content:'\f105';
}
.property-details-page .page-content #details-carousel .flex-prev {
  left:15px;
  top:28px;
}
.property-details-page .page-content #details-carousel .flex-next {
  right:15px;
  top:28px;
}
.property-desc {
  float:left;
  width:100%;
  padding:0 25px;
}
.property-desc h3 {
  font-weight:500;
  font-size:18px;
}
.property-desc .slide-item-features {
  margin:0;
  padding-bottom:10px;
  float:left;
  width:100%;
  margin-bottom:20px;
}
.property-desc .item-features li {
  border:none;
  margin-right:15px;
  padding:3px 0px;
  font-size:12px;
}
.property-desc p {
  font-size:16px;
  font-weight:100;
  color:#bababa;
}
.property-desc h3 {
  font-size:20px;
  color:#000;
  font-weight:100;
}
.property-desc .additional-features {
  margin-top:25px;
  float:left;
  width:100%;
}
.property-desc .additional-features .features {
  padding-left:0;
  margin-top:5px;
  float:left;
  width:100%;
}
.property-desc .additional-features .features .single-feature {
  float:left;
  margin:4px;
}
.property-desc .additional-features .features .single-feature a {
  border:1px solid #E8E8E8;
  color:#616161;
  padding:10px 15px;
  line-height:40px;
  font-size:15px;
  font-weight:300;
}
.property-desc .additional-features .features .single-feature a i {
  color:#77d04e;
  margin-right:5px;
  font-size:20px;
}
.property-desc .property-location {
  float:left;
  width:100%;
  margin-top:30px;
  margin-bottom:30px;
}
.property-desc .property-location #property-location-map {
  float:left;
  width:100%;
  height:345px;
  margin-top:15px;
}
.status {
  background-color:#77d04e;
  position:absolute;
  bottom:25px;
  right:25px;
  font-size:16px;
  font-family:Roboto;
  font-weight:300;
  padding:8px 18px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  z-index:1;
}
.image-wrapper {
  position:relative;
}
.image-wrapper img {
  width: 100%;
}
/**** Responsive nav bar customization ****/
.navbar-toggle {
  margin-top:15px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #EEE;
}
/**** Media-queries ****/
@media screen and (max-width:1215px) {
  .single-agent .image-box {
    width:100%;
    height:auto;
  }
  .single-agent .desc-box {
    width:100%;
    height:auto;
  }
}
@media screen and (max-width:1200px) {
  .contact-info {
    width:100%;
  }
  .contact-form-wrapper {
    width:100%;
  }
  .contact-form-wrapper {
    margin:15px 0;
  }
  .page-title-section .container {
    margin-top:188px;
    margin-bottom:30px;
  }
  .contact-form-wrapper .contact-form input[type='text'] {
    width:75%;
  }
}
@media screen and (max-width:991px) {
  body {
    overflow-x:hidden;
  }
  .bottom-strip .container #backtop-btn {
    display:none;
  }
  .page-title-section .container {
    margin-top:188px;
    margin-bottom:30px;
  }
  #premium-bar nav li a {
    font-weight:300;
    padding:10px 10px;
    color:#fefefe;
    text-shadow:none;
    text-transform:capitalize;
  }
}
.services-section .container .services-wrapper .single-service {
  float:left;
}
#backtop-btn {
  display:none;
}
.blog-sidebar {
  float:left;
  margin-top:0px;
}

@media screen and (max-width:700px) {
.media-body {
  overflow:visible;
}
.page-title-section .container {
  margin-top:188px;
  margin-bottom:30px;
}
.main-flexslider .slides .slides .slide-box {
  display:none!important;
}
.connectors {
  display:none;
}
}
@media screen and (max-width:635px) {
.blog-page .blog-content .blog-post .post-content {
  width:75%;
}
.main-flexslider .slides .slides .slide-box {
  display:none!important;
}
.page-title-section .container {
  margin-top:143px;
  margin-bottom:30px;
}
.blog-page .blog-content .blog-post .meta-data {
  width:25%;
}
.contact-form-wrapper .contact-form .contact-form-left {
  width:100%;
}
.contact-form-wrapper .contact-form .contact-form-right {
  width:90%;
}
}
@media screen and (max-width:450px) {
#top-strip .social-icons {
  display:none;
}
.main-flexslider .slides .slides .slide-box {
  display:none!important;
}
.page-title-section .breadcrumb {
  margin-top:30px;
  margin-right:23px;
}
.page-title-section .page-title {
  margin-left:23px;
}
.page-title-section .container {
  margin-top:143px;
  margin-bottom:30px;
}
.contact-form-wrapper .contact-form .contact-form-right {
  width: 98%;
}
.services-section .container .services-wrapper .single-service{
  width: 50%;
  height: 300px;
}
} /* end @media max-width:450px */

/* ================================================================
   MWENDATEZI — COMPREHENSIVE MOBILE / TABLET RESPONSIVE OVERRIDES
   Covers: ≤991px (tablet), ≤767px (large phone), ≤480px (small phone)
   ================================================================ */

/* ── 1. Global overflow + container padding ─────────────────── */
@media (max-width: 991px) {
  body { overflow-x: hidden; }
  img  { max-width: 100%; height: auto; }
}
@media (max-width: 767px) {
  .row { margin-right: 0 !important; margin-left: 0 !important; }
  /* restore inner padding stripped by the global .container rule */
  .container {
    padding-right: 14px !important;
    padding-left:  14px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   2. HEADER / TOP-STRIP  (home + property-listing pages)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Container already has display:flex via page-class rules;
     allow items to wrap onto additional rows */
  .home-page header #top-strip .container,
  .property-listing-page header #top-strip .container {
    flex-wrap: wrap;
    gap: 0;
    padding: 6px 12px 0 !important;
    align-items: center;
    justify-content: space-between;
  }

  /* Logo – row 1, left */
  header #top-strip .top-strip-logo {
    flex: 0 0 auto;
    order: 1;
    margin-right: auto;
  }

  /* Auth / login links – row 1, right – show icons only */
  header #login-box {
    order: 2;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
  }
  header #login-box a {
    font-size: 20px;
    margin: 0 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: #1C1C1C !important;
    transition: background .2s, color .2s;
    padding: 0 !important;
  }
  header #login-box a:hover,
  header #login-box a:focus { background: rgba(139,30,30,.08); color: #8B1E1E !important; }
  /* Hide text labels; keep icons */
  header #login-box a span { display: none; }

  /* ── Home page: listing-type button row (row 2, full-width) ── */
  .home-page header #top-strip .listing-type-buttons-top {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    margin: 5px 0 4px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .home-page header #top-strip .listing-type-buttons-top::-webkit-scrollbar { display: none; }
  .home-page header #top-strip .listing-type-buttons-top .btn-group {
    display: inline-flex;
    white-space: nowrap;
    gap: 4px;
  }
  .home-page header #top-strip .listing-type-buttons-top .btn {
    flex-shrink: 0;
    height: 28px;
    line-height: 18px;
    padding: 4px 10px;
    font-size: 11px;
  }

  /* ── Property listing page: search form wraps to row 2 ── */
  .property-listing-page header #top-strip .container {
    row-gap: 6px;
    padding-bottom: 8px !important;
  }
  .property-listing-page header #top-strip .top-strip-search-form {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0;
    align-items: center;
  }
  .property-listing-page header #top-strip .top-strip-search-input {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
  }
  /* Listing type pills inside property-listing form: row 3 */
  .property-listing-page header #top-strip .listing-type-buttons-top {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .property-listing-page header #top-strip .listing-type-buttons-top::-webkit-scrollbar { display: none; }
  .property-listing-page header #top-strip .listing-type-buttons-top .btn {
    flex-shrink: 0;
    height: 28px;
    font-size: 11px;
  }
  .property-listing-page header #login-box { order: 2; }

  /* ── Old-style header (agents, blog, contact, single pages) ── */
  /* Social icons already hidden at ≤450px; ensure clean layout */
  #top-strip .social-icons { display: none !important; }
  #top-strip #login-box.pull-right {
    float: none !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    width: 100%;
  }
}

/* ══════════════════════════════════════════════════════════════
   3. HERO / FLEXSLIDER / SEARCH  (home page)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* ── Override all "hide slide-box on mobile" rules ── */
  .main-flexslider .slides .slides .slide-box,
  .main-flexslider .slides li .slide-box {
    display: block !important;
  }

  /* ── Flexslider: allow viewport to grow with content ── */
  .flex-viewport              { height: auto !important; }
  .main-flexslider            { height: auto !important; overflow: visible !important; }
  .main-flexslider .slides li { height: auto !important; float: none !important; width: 100% !important; }

  /* ── Hero image: decorative fixed-height strip ── */
  .main-flexslider .slides img {
    height: 230px !important;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 0;
    width: 100% !important;
  }

  /* ── Slide motto: centered over the image ── */
  .slide-motto,
  body.home-page .slide-motto {
    position: absolute !important;
    top:  115px !important;       /* center of 230px image */
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    font-size: 18px !important;
    text-align: center;
    width: 90% !important;
    margin: 0;
    padding: 0;
    z-index: 2;
    white-space: normal;
    text-shadow: 1px 1px 6px rgba(0,0,0,.75);
  }

  /* ── Slide box: block-flow below the hero image ── */
  .main-flexslider .slides .slides .slide-box,
  body.home-page .main-flexslider .slides .slides .slide-box {
    display: block !important;
    position: relative !important;
    top:    auto !important;
    left:   auto !important;
    width:  100% !important;
    transform: none !important;
    -webkit-transform: none !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 16px 12px 18px !important;
    border-top: 2px solid rgba(139,30,30,.12);
    z-index: 1;
  }

  /* ── Search filter tabs: scrollable horizontal row ── */
  body.home-page .search-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 6px;
    padding-left: 0;
    margin-bottom: 10px;
  }
  body.home-page .search-filter-tabs::-webkit-scrollbar { display: none; }
  body.home-page .search-filter-tab {
    flex-shrink: 0;
    font-size: 12px;
    padding: 7px 12px;
    border-radius: 8px 8px 0 0;
  }

  /* ── Search form: full-width touch-friendly pill ── */
  .search-form { border-radius: 10px; width: 100%; }
  body.home-page .search-input {
    height: 48px !important;
    font-size: 14px !important;
    padding: 12px 14px !important;
  }
  body.home-page .search-btn {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
  }

  /* ── Hide flexslider prev/next arrows on mobile ── */
  .main-flexslider .flex-direction-nav { display: none !important; }
}

/* ══════════════════════════════════════════════════════════════
   4. POPULAR LISTINGS CARDS (home page scroll track)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .popular-listings {
    margin-top: 0 !important;
    padding: 22px 0 40px;
  }
  .pop-list-header { margin-bottom: 12px; }
  .pop-list-heading { font-size: 20px; }
  .pop-track-wrap { padding: 6px 2px 10px; }
  /* Cards: near full viewport width on phone */
  .pop-card {
    flex: 0 0 calc(min(90vw, 310px));
    width: calc(min(90vw, 310px));
  }
  .pop-card__img-wrap { height: 180px; }
  .pop-card__slide img { height: 180px !important; }
}

/* ══════════════════════════════════════════════════════════════
   5. PROPERTY LISTING PAGE — filter bar + card grid
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Filter bar: sticky from top of screen */
  .pf-bar { top: 0; padding: 8px 0; }
  .pf-bar .container { padding-right: 10px !important; padding-left: 10px !important; }

  /* Cards: single column on phone */
  .pl-section .col-sm-6 { width: 100%; padding-right: 10px; padding-left: 10px; }
  .pl-header { margin-bottom: 12px; }
  .pl-map-col { padding-left: 10px; margin-top: 20px; }
}
/* Two-column grid on wider phones */
@media (min-width: 480px) and (max-width: 767px) {
  .pl-section .col-sm-6 { width: 50%; }
}

/* ══════════════════════════════════════════════════════════════
   6. AGENTS PAGE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .single-agent { width: 100% !important; padding: 8px 0; }
  .single-agent .image-box { width: 100% !important; height: 220px; }
  .single-agent .desc-box  { width: 100% !important; height: auto !important; padding: 16px; }
  /* Owl carousel arrows: hide on mobile */
  .owl-buttons { display: none; }
}

/* ══════════════════════════════════════════════════════════════
   7. RECENT LISTINGS  (home page section)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .recent-listings { margin: 36px 0; }
  .recent-listings .col-sm-4 { width: 100%; float: none; margin-bottom: 14px; }
  .listing-single-item { width: 100% !important; margin: 6px 0; }
}

/* ══════════════════════════════════════════════════════════════
   8. SERVICES SECTION
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .services-section { margin-bottom: 32px; }
  .services-section .container .services-wrapper .single-service { width: 50%; padding: 12px; }
}
@media (max-width: 480px) {
  .services-section .container .services-wrapper .single-service { width: 100%; }
}

/* ══════════════════════════════════════════════════════════════
   9. BLOG PAGE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Meta side-bar → compact horizontal strip */
  .blog-page .blog-content .blog-post .meta-data {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    padding: 10px 14px !important;
    border-bottom: 1px solid #f0ebe4;
    float: none !important;
  }
  .blog-page .blog-content .blog-post .meta-data .meta-data-item {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
  }
  .blog-page .blog-content .blog-post .meta-data .meta-data-item i {
    display: inline-block;
    font-size: 15px;
  }
  /* Post content: full width */
  .blog-page .blog-content .blog-post .post-content {
    width: 100% !important;
    float: none !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    border-left: 0 !important;
  }
  .blog-page .blog-content .blog-post .post-content h2 { margin-right: 0 !important; }
  .blog-page .blog-content .blog-post .post-content .featured-image:after { display: none; }
  .blog-sidebar { width: 100%; float: none; margin-top: 24px; }
  .comment-form-wrapper input[type='text'] { width: 100% !important; }
}

/* ══════════════════════════════════════════════════════════════
   10. CONTACT PAGE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .contact-info,
  .contact-form-wrapper { width: 100% !important; float: none !important; }
  .contact-form-wrapper { margin-top: 20px; }
  .contact-form-wrapper .contact-form .contact-form-left,
  .contact-form-wrapper .contact-form .contact-form-right { width: 100% !important; float: none !important; }
  .contact-form-wrapper .contact-form input[type='text'] { width: 100% !important; }
  .map-wrapper #map { height: 260px; }
}

/* ══════════════════════════════════════════════════════════════
   11. PROPERTY DETAILS PAGE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .property-desc { padding: 0 12px !important; }
  .property-desc .property-location #property-location-map { height: 220px !important; }
  .property-details-page .page-content #details-slider { margin: 0 0 12px; }
}

/* ══════════════════════════════════════════════════════════════
   12. INNER PAGES — PAGE TITLE SECTION & PREMIUM NAV
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Page title banner */
  .page-title-section .container {
    margin-top: 90px !important;
    margin-bottom: 18px !important;
    padding: 0 12px !important;
  }
  .page-title-section .page-title  { float: none !important; display: inline-block; }
  .page-title-section .breadcrumb  { float: none !important; display: block; margin-top: 8px !important; margin-right: 0 !important; }

  /* Premium navbar (agents, blog, etc.): style the hamburger */
  #premium-bar { padding: 6px 0; }
  #premium-bar .navbar-brand img { height: 28px; }
  #premium-bar .navbar-toggle {
    margin-top: 6px;
    margin-right: 6px;
    border: 1px solid rgba(255,255,255,.5) !important;
    border-radius: 6px;
    padding: 6px 9px;
    background: transparent !important;
  }
  #premium-bar .navbar-toggle .icon-bar { background-color: #fff !important; }
  #premium-bar .navbar-collapse {
    background: rgba(20,20,20,.96);
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 8px 0;
    border-radius: 0 0 8px 8px;
    margin: 0 -15px;
  }
  #premium-bar nav li a {
    font-size: 14px !important;
    padding: 11px 16px !important;
    border-radius: 6px !important;
    margin: 2px 8px;
    display: block;
  }
}

/* ══════════════════════════════════════════════════════════════
   13. INNER PAGE FILTER / SEARCH SECTION (agents, etc.)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .search-section .container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 8px;
  }
  .search-section .select-wrapper {
    flex: 1 1 calc(50% - 12px);
    float: none !important;
    margin: 8px 4px !important;
    min-width: 0;
  }
  .search-section input[type='submit'] {
    flex: 1 1 100%;
    margin: 8px 4px !important;
    width: calc(100% - 8px) !important;
    display: block;
  }
}

/* ══════════════════════════════════════════════════════════════
   14. FOOTER
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  footer { padding: 26px 0 8px; }
  footer .container [class*="col-"] { width: 100%; float: none; margin-bottom: 22px; }
  .bottom-strip { padding: 14px 0; text-align: center; }
  .bottom-strip .container p { line-height: 1.6; font-size: 13px; }
  .bottom-strip .container .social-icons {
    float: none;
    display: inline-flex;
    justify-content: center;
    margin: 8px auto 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   15. AUTH PAGES  (login / register / profile / password reset)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .auth-layout { flex-direction: column !important; gap: 0 !important; }
  /* Hide decorative hero image panel */
  .auth-left { display: none !important; }
  .auth-right {
    margin-left: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto;
    border-radius: 16px !important;
    padding: 24px 18px 22px !important;
  }
  .auth-main { padding: 22px 0 30px !important; }
  .auth-topbar-inner { padding: 0 12px; }
  /* Auth nav: icon-only on small screens */
  .auth-top-actions .auth-nav-link span { display: none; }
  .auth-top-actions .auth-nav-link {
    font-size: 20px;
    margin: 0 3px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ══════════════════════════════════════════════════════════════
   16. PROFILE PAGE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .profile-layout { flex-direction: column !important; gap: 18px !important; }
  .profile-sidebar { flex: 0 0 auto !important; max-width: 100% !important; width: 100% !important; }
  .profile-main { padding: 22px 0 40px !important; }
  .profile-page-heading { font-size: 26px; }
}

/* ══════════════════════════════════════════════════════════════
   17. SHARE SHEET + MULTI-TOUR BAR
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  .share-sheet .modal-dialog { width: 96vw; margin: 28px auto; }
  .share-sheet__platforms { grid-template-columns: 1fr; }
  .share-sheet__title { font-size: 22px; padding-right: 40px; }
  #multi-tour-bar {
    min-width: calc(100vw - 24px);
    left: 12px;
    transform: translateX(0);
    border-radius: 18px;
  }
}

/* ══════════════════════════════════════════════════════════════
   18. TABLET-SPECIFIC TWEAKS  (768–991px)
   ══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 991px) {
  /* Slight padding for containers */
  .container { padding-right: 20px !important; padding-left: 20px !important; }

  /* Pop cards: slightly narrower on tablet */
  .pop-card { flex: 0 0 280px; width: 280px; }

  /* Agents: stack image+desc vertically */
  .single-agent .image-box,
  .single-agent .desc-box { width: 100% !important; }
  .single-agent .desc-box { height: auto !important; }

  /* Blog: tighten meta side bar */
  .blog-page .blog-content .blog-post .meta-data { width: 22%; }
  .blog-page .blog-content .blog-post .post-content { width: 78%; }

  /* Page title section: slightly earlier shrinkage */
  .page-title-section .container { margin-top: 110px; }
}

/* ══════════════════════════════════════════════════════════════
   19. TYPOGRAPHY SCALE-DOWN ON SMALL SCREENS
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.5rem;  }
  h3 { font-size: 1.25rem; }
  .pop-list-heading { font-size: 18px; }
  .pop-card__body { padding: 14px 14px 16px; }
  .pop-card__title { font-size: 14px; }
  .pop-card__price { font-size: 13px; }
}

/* ══════════════════════════════════════════════════════════════
   20. MISC / UTILITY
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Title boxes */
  .title-box { padding-bottom: 28px; }
  .title-box h3 { font-size: 17px; padding: 12px; }

  /* Pagination touch targets */
  .pagination-wrapper .pagination li a { padding: 6px 11px; font-size: 15px; }

  /* Buttons: stack full-width where needed */
  .listing-single-item .item-inner .desc-box .buttons-wrapper .yellow-btn,
  .listing-single-item .item-inner .desc-box .buttons-wrapper .gray-btn { flex: 1 1 100%; }
}
/* END OF RESPONSIVE OVERRIDES */