.search-box {
  width: 533px;
  margin: 20px auto 0 auto;
  position: relative;
}

.suburb-search-form .ui-autocomplete-input {
  width: 100%;
  padding: 10px 15px;
  border: 0;
  border-radius: 3px;
  height: 48px;
  background: #ffffff;
  color: var(--primary);
  font-family: 'Plus Jakarta Sans';
  font-weight: 500;
  font-size: 16px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  letter-spacing: 0px;
  outline: 0px solid #f8f8f8;
}
.suburb-search-form button.submit {
  background-color: var(--themecolor);
  padding: 15px 20px;
  border: none;
  color: var(--white);
  font-weight: 600;
  border-radius: 3px;
  font-size: 16px;
  line-height: 1.1;
  height: 48px;
  min-width: 68px;
  text-transform: capitalize;
  position: absolute;
  right: 0;
  top: 0;
    font-family: 'Plus Jakarta Sans';
}
.suburb-search-form {
  display: flex;
}

.hmtop-ul {
  margin-top: 0;
  padding: 0;
}

.areas-list {
  column-count: 2;
}
.areas-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  color: var(--primary);
}
.areas-list li::before {
  position: absolute;
  content: "";
  background: url(../images/navigation-icon.svg) no-repeat left top;
  filter: invert(35%) sepia(5%) saturate(537%) hue-rotate(182deg)
    brightness(70%) contrast(100%);
  left: 0;
  width: 13px;
  height: 17px;
  top: 3px;
}
.areas-list li a {
  font-size: 15px;
  font-weight:normal;
  color: var(--primary);
}

.areas-list li:hover::before,
.areas-list li.active::before {
  filter: invert(48%) sepia(75%) saturate(605%) hue-rotate(340deg)
    brightness(95%) contrast(100%);
}
.areas-list li.active,
.areas-list li:hover > a {
  color: var(--themecolor);
}

#hmcontent {
  max-height: 710px;
}
.areas-detail .box-cnt-left {
  width: 50%;
  flex: 1;
  padding-right: 100px;
}
.areas-detail .box-cnt-left #hmcontent1 {
  max-height: 330px;
}
.inner-banner .title-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

#suburb-search-popup-content {

    padding: 20px;
    text-align: left;
}
#suburb-search-popup-content form .flex-wrap{
    justify-content:space-between;
}

.page-id-77 .svdetail_midcont {
    margin-bottom: 0;
}

@media (max-width: 1439.98px) {
  .areas-detail .box-cnt-left {
    padding-right: 60px;
  }
  .box-cnt-right {
    width: 50% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 1199.98px) {
  .areas-detail .box-cnt-left {
    padding-right: 40px;
  }
}
@media (max-width: 991.98px) {
  .areas-detail .box-cnt-left {
    width: 100%;
    padding-right: 0;
  }
  .box-cnt-right {
    width: 100% !important;
  }
  .about-left iframe {
    height: 500px;
  }
}
@media (max-width: 767.98px) {
  .areas-list li {
    padding-left: 22px;
  }
  .about-left iframe {
    height: 400px;
  }
}
@media (max-width: 575.98px) {
  .areas-list li a {
    font-size: 14px;
  }
  .areas-list li {
    padding-left: 20px;
  }
  .search-box {
    width: 100%;
    margin: 20px auto 20px auto;
  }
}