@media (min-width: 992px){

    div#mobile-menu {
        display: none !important;
    }
.site-header .navbar-nav li:hover ul.sub-menu {
    display: block;
}

}
@media (min-width: 768px){
    .hero-pattern-logo.mobile-logo {
    display: none;
}
.for-mobile {
    display: none;
}
.step-items {
    display: inline-block;
    width: 100%;
    clear: both;
}
        .step-items > div:first-child {
    /*position: sticky;
    top: 140px;*/
    float: left;
}
.step-items > div:last-child {
    float: right;
}
footer span.wpcf7-not-valid-tip {
    color: #EFE7DB;
}
.step-items::after, .step-items::before {
    clear: both;
    display: table;
    content: "";
}

.calu-individual-page .row>div:first-child {
    position: sticky;
    top: 150px;
    float: left;
}

.calu-individual-page .row {
    display: inline-block;
    width: 100%;
}

.calu-individual-page .right-side-img {
    float: left;
}

.calu-individual-page {
    overflow: visible;
}

.step-items {
    display: inline-block;
    width: 100%;
    clear: both;
}
/*profilepage*/
.row.residential-items.profile-page-sec {
    display: inline-block;
}

.row.residential-items.profile-page-sec > div {
    float: left;
}

.row.residential-items.profile-page-sec > div:first-child {
    position: sticky;
    top: 50px;
}

section.hero.hero-about-section.profile-page {
    overflow: visible;
}

.row.residential-items.profile-page-sec > div:last-child {
    float: right;
}
}
@media (max-width: 991px){
    div#mobile-menu ul.navbar-nav li.open ul.sub-menu {
    display: block;
}
.pop-section button.close-btn {

    border: 0px;
    position: absolute;
    top: 30px;
    right: 20px;
}
ul.sub-menu {
    transition: 0.5s;
}

div#mobile-menu ul.navbar-nav li.open .dropdown-arrow svg {
    transform: rotate(180deg);
}
    .dropdown-arrow svg {
        width: 21px;
        height: 21px;
        transition: 0.4s;
    }
    .dropdown-arrow {
        position: absolute;
        right: 0;
        width: 30px;
        height: 30px;
        top: 0;
        z-index: 9;
        text-align: right;
    }

div#mobile-menu ul.navbar-nav li {
    position: relative;
}
    ul.sub-menu {
        position: absolute;
        top: 37px;
        width: 100%;
        z-index: 999;
    }

    ul.sub-menu li a {
        padding-bottom: 0 !important;
    }
.admin-bar div#mobile-menu {
    padding-top: 70px;
}
.footer-logo a.desktop-logo {
    display: none;
}
    .site-header {
    position: relative !important;
    background: #823D40;
}

.container {
    padding: 0 20px;
}

    .navbar {
        flex-wrap: nowrap;
        display: inline-block;
    }

img.desktop-logo {
    display: none;
}

    a.navbar-brand {
        width: 100%;
        text-align: center;
        z-index: 1002; /* stays above the mobile menu curtain (999) */
        position: relative;
    }

img.mobile-logo {
    width: 149px;
    /* The logo is centred on the viewport while the call + hamburger row is pinned
       to the right edge, so the logo may only use what is left once that row's
       width is mirrored on both sides. Keeps an 8px minimum gap to the phone icon
       on narrow screens instead of running underneath it. */
    max-width: calc(100vw - 241px);
    height: auto;
    margin: auto;
}
button.navbar-toggler {
    padding: 0;
    border: none;
}
div#mobile-menu {
    background: #502C2F;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding: 0 0px;
    display: flex;
    transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    z-index: 999;
}
div#mobile-menu.show {
    height: 100vh;
    height: 100dvh;
    padding-top: 128px; /* clears the pinned header (108px) */
    padding-bottom: 240px; /* lets items scroll clear of the pinned contact footer */
    overflow-y: auto;
}
/* Header (logo + toggle) stays pinned above the curtain — logo never moves */
body.mobile-nav-open .site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
}
/* The brand link spans the full header width; while the menu is open let
   clicks pass through its empty areas (e.g. onto the sub-menu Back button)
   while the logo image itself stays clickable */
body.mobile-nav-open a.navbar-brand {
    pointer-events: none;
}
body.mobile-nav-open a.navbar-brand img {
    pointer-events: auto;
}
/* Burger drawn with spans so it morphs into a close icon in place */
button.navbar-toggler[data-menu-toggle] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button.navbar-toggler .burger-line {
    display: block;
    width: 26px;
    height: 2px;
    background: #EFE7DB;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
button.navbar-toggler .burger-line + .burger-line {
    margin-top: 5px;
}
body.mobile-nav-open button.navbar-toggler .burger-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
body.mobile-nav-open button.navbar-toggler .burger-line:nth-child(2) {
    opacity: 0;
}
body.mobile-nav-open button.navbar-toggler .burger-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}
/* The overlay no longer duplicates the logo/close button — the pinned header serves both */
div#mobile-menu .top-sec {
    display: none !important;
}
/* Staggered fade-in of menu content once the curtain opens.
   The opacity transition exists ONLY in the open state — on close the
   items snap hidden instantly while the curtain retracts (zuse behaviour). */
div#mobile-menu .top-sec,
div#mobile-menu ul.navbar-nav > li,
div#mobile-menu .mobile-get-form {
    opacity: 0;
}
div#mobile-menu.show .top-sec,
div#mobile-menu.show ul.navbar-nav > li,
div#mobile-menu.show .mobile-get-form {
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
div#mobile-menu.show .top-sec {
    opacity: 1;
    transition-delay: 0.25s;
}
div#mobile-menu.show ul.navbar-nav > li {
    opacity: 1;
}
div#mobile-menu.show ul.navbar-nav > li:nth-child(1) { transition-delay: 0.30s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(2) { transition-delay: 0.34s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(3) { transition-delay: 0.38s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(4) { transition-delay: 0.42s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(5) { transition-delay: 0.46s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(6) { transition-delay: 0.50s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(7) { transition-delay: 0.54s; }
div#mobile-menu.show ul.navbar-nav > li:nth-child(8) { transition-delay: 0.58s; }
div#mobile-menu.show .mobile-get-form {
    opacity: 1;
    transition-delay: 0.66s;
}
/* Lock page scroll while the menu is open */
body.mobile-nav-open {
    overflow: hidden;
}
/* Menu footer block pinned to the viewport bottom while the menu is open —
   stays visible in both the menu and sub-menu views (reference behaviour).
   z-index sits above the sub-menu panel (1000), below the pinned logo/close (1002). */
div#mobile-menu.show .mobile-get-form {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    margin: 0;
    padding: 25px 20px;
    background: var(--Merlot, #502C2F); /* same as the menu — no colour seam */
}
/* Contact section inside the menu footer (label / email / socials / address) */
div#mobile-menu .menu-contact-label {
    color: rgba(239, 231, 219, 0.6);
    font-size: 13px;
    margin: 0 0 6px;
}
div#mobile-menu .menu-contact-email {
    color: #EFE7DB;
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 5px;
    display: inline-block;
}
div#mobile-menu .menu-social-links {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 34px;
    margin: 28px 0 0;
    padding: 0;
}
div#mobile-menu .menu-social-links a {
    display: inline-flex;
}
div#mobile-menu .menu-social-links svg {
    width: 20px;
    height: 20px;
    fill: #EFE7DB;
}
div#mobile-menu .menu-contact-address {
    margin: 28px 0 0;
    font-size: 13px;
}
div#mobile-menu .menu-contact-address a {
    color: rgba(239, 231, 219, 0.75);
    text-decoration: none;
}
/* The whole parent item opens the sub-menu panel, so no chevron needed on mobile */
div#mobile-menu .dropdown-arrow {
    display: none !important;
}
/* No separator lines under menu or sub-menu items on mobile;
   natural text-height boxes and large type like the reference site
   (overrides the a11y mu-plugin's 44px min tap target inside the menu) */
div#mobile-menu ul.navbar-nav a {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
}
/* Comfortable rhythm between the large menu items */
div#mobile-menu ul.navbar-nav {
    gap: 15px !important;
}
/* zuse-style sub-menu: overlay panel that scales in and fades/slides over the menu */
div#mobile-menu ul.sub-menu {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh;
    height: 100dvh;
    background: #502C2F;
    z-index: 1000;
    margin: 0;
    margin-left: 8px;
    padding: 128px 20px 240px;
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.24s cubic-bezier(0.4, 0, 0.6, 1), margin-left 0.24s cubic-bezier(0.4, 0, 0.6, 1);
    overflow-y: auto;
    list-style: none;
}
div#mobile-menu li.open > ul.sub-menu {
    opacity: 1;
    transform: scale(1);
    margin-left: 0;
}
div#mobile-menu ul.sub-menu > li {
    margin-bottom: 15px;
    padding: 0;
}
/* Back control inside the sub-menu panel (mirrors the reference behaviour) */
div#mobile-menu li.sub-menu-back {
    margin: 0;
    position: static !important; /* so the button anchors to the panel, not this li */
}
div#mobile-menu .sub-menu-back button {
    position: absolute;
    top: 44px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: 0;
    padding: 0;
    color: #EFE7DB;
    font-size: 16px;
    font-family: inherit;
}
button.navbar-toggler svg.close-menu {
    position: absolute;
    right: 0;
    top: 3px;
    left: 0;
    margin: auto;

        opacity: 0;
}
button.navbar-toggler[aria-expanded="true"] svg.close-menu{
    opacity: 1;
}
/*button.navbar-toggler[aria-expanded="true"] .menu-bar {
    opacity: 0;
}
*/
/*button.navbar-toggler[aria-expanded="false"] .close-menu {
    opacity: 0;
}*/
div#mobile-menu.show .top-sec {
    width: 100%;
    text-align: center;
    margin-bottom: 53px;
    padding: 0 20px;
}

div#mobile-menu.show .top-sec button.navbar-toggler {
    width: 30px;
    height: 30px;
    position: relative;
    float: right;
    right: 0;
    top: 5px;
}
.site-header .navbar-nav {
    gap: 20px !important;
}

header ul.navbar-nav a {
    border-bottom: 1px solid var(--ColorMulberry, #823D40);
    width: 100%;
    display: inline-block;
    color: #EFE7DB;
    padding-bottom: 20px;
}

div#mobile-menu ul.navbar-nav {
    padding: 0 20px;
    width: 100%;
}

.mobile-get-form {
    background: #442326;
    padding: 40px 20px;
    margin-top: 30px;

        padding-bottom: 20%;
    width: 100%;
}

.mobile-get-form h3,
.mobile-get-form .get-form-title {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    margin-bottom: 22px;
    position: relative;
}
body .mobile-get-form form input {
    border: 0 !important;
    border-bottom: 2px solid #823D40 !important;
    width: 100%;
    background: transparent;
    padding-bottom: 10px;
    padding-left: 0;
    margin-bottom: 20px;
    color: #823D40;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0px !important;
}

.mobile-get-form input.wpcf7-form-control.wpcf7-submit {
        opacity: 1;
        position: absolute;
        right: 0;
        border-bottom: 0 !important;
        width: auto;
        bottom: 0;
    }

label.es-field-label {
    width: 100%;
    color: transparent;
}
.mobile-get-form input::placeholder {
    color: #823D40;
    font-size: 16px;
    font-weight: 700;
}

.maile-sec-mobile p {
    color: #EFE7DB;
    font-weight: 600;
    font-size: 14px;
}
.maile-sec-mobile {
    width: 100%;
    margin-top: 60px;
}
body.menu-open {
    overflow: hidden;
}
.site-header .site-logo img {
    max-height: max-content;
    width: 149px;
}
a.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.site-header nav li a:hover {
    color: #EFE7DB;
    border-bottom: 1px solid;
}
}



@media (min-width: 992PX){
.mobile-logo {
    display: none;
}
}
@media (max-width: 767px){

.new-layout-footer .copyright-text {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 20px;
}
.new-layout-footer .sub-form {
    margin-bottom: 30px;
}

footer .gform-footer.gform_footer.top_label {
    margin-top: 34px;
}
section.form-sec-leading-page ul li span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    gap: 0px;
}
section.form-sec-leading-page form > div.row.grid-row > div:nth-child(4) {
    padding-top: 0;
}

    .wpcf7-list-item {
        display: inline-block;
        margin: 0 0 0 0em ! IMPORTANT;
        margin-right: 10px !important;
    }

section.about-bannner.calculators-page-banner.landing-page img {
    height: 559px;
    object-fit: cover;
}

section.about-bannner.landing-page .hero-item h1 {
    font-size: 45px;
    line-height: 44px;
    letter-spacing: -1px;
}

.landing-page .hero-pattern-logo.position-absolute {
    display: none;
}

section.home-loan-sec .main-head-sec h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
}

section.home-loan-sec .main-head-sec h2 br {
    display: none;
    margin-bottom: 0 !important;
}

.main-head-sec a.enter-draw-btn {
    font-size: 16px;
    padding: 15px 20px;
}

section.home-loan-sec {
    padding-top: 70px;
    padding-bottom: 70px;
}

section.home-loan-sec .main-head-sec {
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.on-price-sec {
    flex-direction: column;
}

.on-price-sec h3 {
    font-size: 35px;
    line-height: 45px;
}



.on-price-sec ul li {
    flex-direction: column;
}

.on-price-sec ul li span {
    width: 100%;
    margin-bottom: 9px;
}

section.how-it-work-leading-page {
    padding: 80px 0;
}

section.how-it-work-leading-page .container > h2 {
    margin-bottom: 40px;
}

section.how-it-work-leading-page .step-sec {
    padding-right: 0;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

section.how-it-work-leading-page .row.grid-row {
    gap: 50px 0;
}

section.test-monial-sec-la .header-sec h2 {
    font-size: 35px;
    line-height: 35px;
}

section.test-monial-sec-la {
    padding: 100px 0;
}

section.test-monial-sec-la .header-sec {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
}


section.test-monial-sec-la h2 {
  margin-bottom: 50px;
}

  .test-monial-sec-la .slick-slide {
    padding: 20px 30px;
  }

.test-monial-sec-la .slick-current.slick-active {
  opacity: 1;
}
.test-monial-sec-la .slick-slide {
  opacity: 0;
}
    .test-monial-sec-la .slick-prev {
        left: 7px;
        width: 26px;
    }
   .test-monial-sec-la .slick-next {
        right: 10px;
    }



.test-monial-sec-la .slick-next:before {
    background-image: url(../images/right-arrow.svg);
}




.test-monial-sec-la .slick-prev:before {
    background-image: url(../images/left-arrow.svg);
}

.test-monial-sec-la .slick-next::before, .test-monial-sec-la .slick-prev::before {
    background-size: 23px;
    width: 26px;
    height: 10px;
    content: "";
    display: inherit;
    background-repeat: no-repeat !important;
}
.test-monial-sec-la .slick-arrow {
    z-index: 99;
}
section.test-monial-sec-la .row.grid-row > div {
    z-index: 1;
    position: relative;
    max-width: 100%;
}

.cust-line {
    display: none;
}

section.faq-sec {
    padding: 100px 0;
}

    .faq-sec h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 50px;
    }

.faq-sec .accordion {
    padding: 0;
}

.faq-sec .accordion .accordion-item button.accordion-button {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
}

.accordion-body {
    padding-left: 20px;
    padding-right: 20px;
}

section.form-sec-leading-page {
    padding: 80px 0;
}

section.form-sec-leading-page .container {
    width: 100%;
}

section.form-sec-leading-page h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
}

section.form-sec-leading-page ul {
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
}

section.form-sec-leading-page ul li {
    width: 100%;
}

.bottom-check {
    margin-top: 0;
}
/*new leading page*/

    span.wpcf7-not-valid-tip {
    font-size: 12px;
}


.bottom-content.new-form-sec .form-group.textarea {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}

    .hero-pattern-logo.position-absolute.mobile-logo {
        bottom: -24px;
        top: inherit;
    }

.hero-pattern-logo.desktop-logo {
    display: none;
}
section#book-call-section section.enquiry-form-section .container {
    padding: 0;
}
    .calu-individual-page .right-side-img .borrowing-power-calculator-app, .calu-individual-page .right-side-img > div {
    float: none;
    right: inherit;
}
    .enquiry-form-section .form-group.col-sm-5 {
    padding: 0 30px;
}
footer input {
    font-size: 14px;
    margin-top: 10px;
}

.sub-form.for-mobile P {
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
}
.sub-form.for-mobile br {
    display: none;
}
.enquiry-form-section span.wpcf7-not-valid-tip {
    position: relative;
    right: 0;
    bottom: 0;

}
    .footer .address {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    
    .page-template-about section.our-team-about.property-items-section h2 {
    max-width: 240px;
}
.video-content p strong {
    font-weight: normal;
}
.page-template-about section.about-bannner .hero-item h1 {
    font-size: 33px;
    line-height: 34px;
}

.page-template-about section.about-bannner .hero-item p {
    font-size: 16px;
    line-height: 17px;
    max-width: 280px;
}
.property-content P {
    font-size: 16px;
}
.hero-about-section .section-header h3 {
    font-size: 16px;
}
.right-content .bottom-content p {
    font-size: 16px;
    line-height: 21px;
}
.home .site-section .site-video video {
        height: 667px;
        object-fit: cover;
    }
.residential-steps p {
    font-size: 16px;
}
.profile-page-sec .right-content h3 br {
    display: none;
}

section.hero.hero-about-section.profile-page .section-header h3 {
    font-size: 16px;
}
.property-items-section .container {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}
.video-content .body-text {
    width: 256px;
}
a.mobile-logo img {
    width: 160px;
}

    .home .hero-item p {
        max-width: 245px;
        font-size: 16px;
    }
.home .video-content h2 {
    max-width: 250px;
    width: 100%;
}
.service-content p {
    font-weight: 600;
    width: 217px;
}
    .footer .row > div {
    padding-left: 10px;
    padding-right: 10px;
}
    .for-desktop {
    display: none;
}
.footer .body-text {
    font-size: 14px;
    line-height: 16px;
}
.enquiry-form-section .row .form-group {
    width: 100%;
}
.footer .address p, .footer .address p a {
    font-size: 13px !important;
}

.enquiry-form-section .row {
        flex-direction: column;
        margin-left: -38px;
        margin-right: -38px;
    }
.enquiry-form-section textarea.form-control {
    height: 184px;
}
    .form-group.col-sm-5.textarea {
    margin-top: 70px;
    margin-bottom: 50px;
}
section.enquiry-form-section .container {
    padding-left: 38px;
    padding-right: 38px;
}
section.enquiry-form-section p {
    font-size: 16px;
}
.service-section .site-link a:hover {
    padding-right: 13px;
}
.api-images {
    width: 100%;
    margin-top: 63px;
}
    .calculators-page-banner .hero-item h6 {
        margin-top: 0px !important;
    }
.page-template-commercial .property-items-section .container::after, .page-template-residential .property-items-section .container::after {
    display: none;
}
.brokers-sec {
    float: left;
}

.brokers-sec {
    float: left;
}
.right-side-img iframe {
    max-width: 100%;
    float: left;
}
.page-template-commercial .property-items-section .row.property-items, .page-template-residential .property-items-section .row.property-items {
    padding: 0;
}
a.desktop-logo {
    display: none;
}

.hero-pattern-logo {
    width: 100%;
    bottom: 0px;
    z-index: 1;
}
.hero-banner-image img {
    /*height: 559px;*/
    height: 559px;
    object-fit: cover;
}

    /*.hero-pattern-logo.position-absolute {
        display: block;
    }*/

.video-content {
    padding-bottom: 0;
}

    .site-video video {
        height: 559px;
        object-fit: cover;
    }

.hero-item h1 {
    max-width: 210px;
}

.hero-content p {
    margin-top: 71px;
    max-width: 250px;
}

.video-content h2 {
    font-size: 24px;
    max-width: 240px;
}

.site-section .container {
    align-items: center !important;
}

.section-header h3 {
    font-size: 14px;
}

h2 {
    font-size: 24px;
    line-height: 30px;
}

section.service-section {
    padding-top: 57px;
    padding-bottom: 99px;
}

.service-section .grid-row {
    margin-top: 100px;
    gap: 50px;
}

.service-content {
    left: 20px;
    bottom: 44px;
}

.service-section h2 {
    margin-bottom: 28px;
}

.service-content p {
    margin-bottom: 0 !important;
}

p {
    font-size: 14px;
}

.site-link a {
    font-size: 14px;
}

.service-section .site-link a {
    padding-right: 13px;
}

.site-link a:before {
    top: 16px;
}

.testimonial-section {
    padding-top: 50px;
    padding-bottom: 97px;
}

.testimonial-slider .slide-box {
    margin: 0;
    padding: 10px;
}

.testimonial-slider .slide-box.slick-center p {
    font-size: 14px;
}

.testimonial-slider .slick-track {
}

.testimonial-slider .slide-box {
    opacity: 0;
}

.testimonial-slider .slick-next:before, .testimonial-slider .slick-prev:before {
    background-size: 23px;
    width: 26px;
    height: 30px;
}

.testimonial-slider .slide-box.slick-center .name {
    margin: 34px 0;
}

.testimonial-slider .slick-next {
    width: 26px;
}

.testimonial-slider .slick-next {
    right: 10px;
}

.testimonial-slider .slick-prev {
    left: 7px;
    width: 26px;
}

/*.testimonial-slider .slide-box.slick-center {
    padding-top: 70px;
    padding-bottom: 70px;
}*/

.book-call-section {
    padding-top: 50px;
    padding-bottom: 90px;
}

.row.step-items {
    margin-top: 0;
}

.book-call-section .section-header {
    margin-bottom: 81px;
}

.listing-sec ul li {
    font-size: 14px;
}

.book-call-section h3 {
    font-size: 14px;
}

.book-call-section h3 br {
    display: none;
}

.logo-section {
    padding: 75px 0;
}

.logo-slider {
    margin-top: 54px;
}

.logo-slider img {
    padding: 0 10px;
}
    .footer .container {
        padding: 0 20px;
        padding-right: 40px;
    }
.footer-logo {
    margin-bottom: 30px;
}

.footer-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.footer {
    padding-bottom: 90px;
}
.sub-form {
    width: 100%;
}

.col-sm-6.d-flex.justify-content-between {
    display: inline-block !important;
}

.copyright-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright-text p {
    font-size: 12px;
}

.footer p, .footer a {
    font-size: 12px;
}

.footer-logo img {
    width: 149px;
}
.sub-form.for-mobile {margin-top: 50px;}

.footer-menu ul {
    margin-bottom: 0;
}

.copyright-text {margin-top: 100px;}
.footer-bg.position-absolute.for-mobile {
    right: 10px;
}

.service-section .grid-row > div {
    width: 100%;
}
.hero-about-section {
    padding-top: 69px;
}

.hero-about-section .section-header h3 {
    margin-bottom: 20px;
}

.residential-image {
    width: 100%;
    margin-bottom: 53px;
}

.right-content {border-bottom: 0;}

.bottom-content {
    margin-top: 40px;
}

.property-items-section .container:before {
    display: none;
}

.property-items-section .section-header {
    margin-bottom: 40px;
}

.property-content {
    padding-left: 20px;
}

.property-item {
    margin-bottom: 100px;
}

.property-items-section .site-link {
    margin-top: 0;
}

section.enquiry-form-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.enquiry-form-section form.form.row {
    gap: 70px;
}
section.about-bannner {
    position: relative;
}

section.about-bannner h6.small-head {
    display: none;
}

section.about-bannner .hero-item h1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
}

section.about-bannner .hero-item p {
    margin-bottom: 0;
}

section.about-bannner .hero-item {
    height: 100%;
    align-items: self-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.container.hero-content.position-absolute {
    top: 0;
    align-items: center;
    justify-content: s;
}

.our-team-about .row.property-items {
    padding: 0;
    margin-left: -20px !important;
    margin-top: 55px;
}

section.our-team-about.property-items-section .section-header {
    padding-left: 20px;
}

section.our-team-about.property-items-section {
    padding-top: 0;
}

section.our-team-about.property-items-section h2 {
    margin-bottom: 40px;
}

section.our-team-about.property-items-section .container {
    padding-top: 57px;
    padding-bottom: 0;
}
section.got-question h2 {
    font-size: 24px;
}

section.got-question h2 b {
    width: 100%;
    display: inline-block;
}

section.got-question {
    padding-top: 100px;
    padding-bottom: 100px;
}

section.got-question ul li p {
    font-weight: 700;
}
.calculators-page-banner ul {
    flex-direction: column;
    gap: 9px;
}

.calculators-page-banner ul li {
    width: 100%;
   
}

.calculators-page-banner .site-video video {
    height: 1430px;
}



section.about-bannner .hero-item h1 {
    font-size: 24px;
    line-height: 31px;
}

section.about-bannner.calculators-page-banner h6.small-head {
    display: block;
    margin-bottom: 20px;
}

.calculators-page-banner ul li .inner-sec {
    padding: 25px;
    min-height: min-content;
    background: rgb(255 255 255 / 80%);
}

.calculators-page-banner ul li .inner-sec h2 {
    min-height: auto;
    margin-bottom: 44px;
}.calculators-page-banner ul li .inner-sec p {
    max-width: 100%;
}

.brokers-sec .details-sec .es_form_wrapper {
    float: left;
    margin-left: 0 !important;
}
.calculators-page-banner .hero-content .hero-item {
        padding-top: 68px !important;
        justify-content: flex-start;
    }
    
.calculators-page-banner .hero-content .hero-item h1 {
    max-width: 300px;
}
.right-side-img.for-mobile {
    margin-top: 73px;
}
.brokers-sec {
    width: 100%;
    margin-top: 100px;
}
.brokers-sec .details-sec {
    flex-direction: column;

        gap: 10px;
}
.brokers-sec .details-sec figcaption form{
        gap: 10px;
}
.brokers-sec .details-sec figure {
    width: 100%;
}

.brokers-sec .details-sec figcaption {
    width: 100%;
    height: auto;
}

.brokers-sec .details-sec figcaption .info-sec {
    margin-bottom: 53px;
}

section.hero.hero-about-section.calu-individual-page {
    padding-bottom: 100px;
}


.profile-page-sec .residential-image .backto-tema {
    display: none;
}

.profile-page-sec .social-link {
    margin-top: 39px;
    margin-bottom: 0;
}


.profile-page-sec .bottom-content .bottom-content {
    display: none;
}

.right-content .bottom-content {
    padding-bottom: 0;
}
.infocontent {
    margin-top: 72px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.sub-form {
    margin-bottom: 30px;
}
    section.how-it-work-leading-page .step-sec {
    margin-bottom: 30px;
    
    padding-right: 20px;
}

.faq-sec h2 {
    max-width: 500px;
    margin: auto;
    margin-bottom: 50px;
}

.faq-sec .accordion {
    padding: 0 100px;
}

.on-price-sec ul li span {
    width: 140px;
}

.on-price-sec ul li p {
    width: 90%;
}


    .enquiry-form-section span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.enquiry-form-section .form-control {
    font-size: 12px;
}
.page-template-about section.about-bannner .hero-item h6 {
    margin-top: 0;
}
.property-items-section .section-header {
    margin-bottom: 100px;
    position: relative;
}
.page-template-about section.about-bannner .hero-item {
        padding-top: 0;
    }
.property-items-section .container {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.logo-slider {
    margin-top: 80px;
}
.logo-section {
    padding: 100px 0 100px 0;
}
.logo-slider img {
    width: 115px;
}
.service-section .col-sm-6 {
    padding: 0 13px;
}
.brokers-sec {
    float: left;
}
a.mobile-logo img {
    width: 160px;
}
.enquiry-form-section input[type="submit"] {
    margin-left: 0;
    padding-right: 10px;
}
.enquiry-form-section .row {
    margin-left: -20px;
    margin-right: -20px;
}
.enquiry-form-section .form-group.col-sm-5 {
    padding: 0 20px;
}
section.about-bannner .hero-item {
    padding-top: 22%;
}

.hero-content p {
    margin-top: 21px;
}

.site-video video {
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.service-section .grid-row {
    margin: 0 -12px;
}

.testimonial-slider .slide-box {
    margin: 0 30px;
}

.testimonial-slider .slick-next {
    right: 17.1vw;
    width: 92px;
}

.testimonial-slider .slick-prev {
    left: 17.1vw;
    width: 92px;
}
.testimonial-slider .slick-next:before, .testimonial-slider .slick-prev:before {
    background-size: 100%;
    width: 70px;
}
.testimonial-slider .slick-list.draggable {
    padding: 0 20vw !important;
}

/*.testimonial-slider .slide-box.slick-center {
    padding: 90px 50px;
}
*/
.testimonial-slider .slide-box.slick-center p {
    font-size: 20px;
}

.row.step-items {
    flex-direction: column;
}

/*.row.step-items > div {flex: inherit;width: 100%;}*/

.listing-sec {
    max-width: 100%;
}

.book-call-section .section-header {
    margin-bottom: 40px;
}

.footer .container {
    padding: 0 50px;
}

footer .justify-content-between {
    flex-direction: column;
}

.footer-menu {
    display: flex;
    justify-content: space-between;
}

.copyright-text {
    margin-top: 30px;
}
.right-content {
    padding-bottom: 30px;
}

.enquiry-form-section form.form.row {
    margin-left: -40px;
    margin-right: 40px;
}

.footer .body-text {
    font-size: 16px;
    line-height: 21px;
}
section.about-bannner .hero-item h1 {
    margin-bottom: 90px !important;
}

section.about-bannner video {
    height: 600px;
}

.our-team-about .row.property-items {
    padding: 0;
}

.book-call-section {
    padding: 60px 0;
}

section.about-bannner .hero-pattern-logo {
    top: 12px;
    display: none;
}

.calculators-page-banner ul {
    gap: 12px;
}
.calculators-page-banner ul li .inner-sec {
    padding: 24px;
}

.calculators-page-banner ul li .inner-sec h2 {
    line-height: 25px;
    font-size: 20px;
}

.calculators-page-banner ul li .inner-sec p {
    font-size: 13px;
}

.calculators-page-banner ul li .inner-sec p br {
    display: none;
}

.calculators-page-banner .site-video video {
    height: 870px;
}
.brokers-sec .details-sec figure {
    width: 125px;
    margin: 0;
}
h2 {
    font-size: 30px;
    line-height: 33px;
}

.brokers-sec .details-sec {

    gap: 20px;
}

.calu-individual-page p {
    font-size: 14px;
}
.brokers-sec .details-sec figcaption input.form-control {
    width: 100%;
}

.brokers-sec .details-sec figcaption form {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.profile-page-sec .social-link {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 45px;
}

section.calculators-page-banner .hero-item h1 {
    margin-bottom: 40px !important;
}
}



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

.new-layout-footer .copyright-text {
    width: 256px;
}

section.how-it-work-leading-page .step-sec {
    margin-bottom: 43px;
    padding-right: 90px;
}
.enquiry-form-section span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.enquiry-form-section .form-control {
    font-size: 12px;
}
.testimonial-slider .slick-next {
    right: 17.1vw;
    width: 92px;
}

.testimonial-slider .slick-prev {
    left: 17.1vw;
    width: 92px;
}
.testimonial-slider .slick-next:before, .testimonial-slider .slick-prev:before {
    background-size: 100%;
    width: 70px;
}
.testimonial-slider .slick-list.draggable {
    padding: 0 20vw !important;
}
.logo-slider img {
    width: 110px;
}
    .enquiry-form-section .form-group.col-sm-5 {
    padding: 0 30px;
}

.enquiry-form-section .row {
    margin-left: -30px;
    margin-right: -30px;
}

.enquiry-form-section input[type="submit"] {
    padding-right: 10px;
}
.page-template-about section.about-bannner .hero-pattern-logo {
    top: 66px;
}

.site-header .navbar-nav {
    gap: 30px !important;
}
.site-header .site-logo img {
    max-height: 28px;
}
.video-content {
    padding-bottom: 10px;
}

.body-text {
    margin-top: 40px;
}

.site-section .container {
    align-items: center !important;
}

.testimonial-slider .slide-box {
    margin: 0 40px;
}

.book-call-section .section-header {
    margin-bottom: 60px;
}

.footer .container {
    padding: 0 30px;
}
.right-content {
    padding-bottom: 30px;
}
section.about-bannner .hero-item h1 {
    margin-bottom: 90px !important;
}

    section.about-bannner video {
        height: 700px;
        object-fit: cover;
    }
.our-team-about .row.property-items {
    padding: 0;
}

.book-call-section {
    padding: 60px 0;
}

section.about-bannner .hero-pattern-logo {
    top: 175px;
}
.calculators-page-banner ul li .inner-sec {
    padding: 24px;
}

.calculators-page-banner ul li .inner-sec h2 {
    line-height: 25px;
    font-size: 20px;
}

.calculators-page-banner ul li .inner-sec p {
    font-size: 13px;
}

.calculators-page-banner ul li .inner-sec p br {
    display: none;
}

.calculators-page-banner .site-video video {
    height: 870px;
}

.calculators-page-banner ul {
    gap: 15px;
}

.calculators-page-banner .hero-pattern-logo.position-absolute {
    top:-70px !important;
}

section.calculators-page-banner .hero-item h1 {
    margin-bottom: 40px !important;
}
}

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

.new-layout-footer .copyright-text {
    width: 256px;
}
    .enquiry-form-section .form-group.col-sm-5 {
    padding: 0 30px;
}
    .site-header .site-logo img {
        max-height: 28px;
    }
.enquiry-form-section .row {
    margin-left: -30px;
    margin-right: -30px;
}

.enquiry-form-section input[type="submit"] {
    padding-right: 10px;
}
   section.about-bannner video {
        height: 700px;
        object-fit: cover;
    }
    section.about-bannner .hero-pattern-logo {
    top: 162px;
}
section.about-bannner .hero-item h1 {
    margin-bottom: 59px !important;
}
.video-content {
    padding-bottom: 10px;
}

.body-text {
    margin-top: 40px;
}

.site-section .container {
    align-items: center !important;
}

.testimonial-slider .slide-box {
    margin: 0 40px;
}

.book-call-section .section-header {
    margin-bottom: 60px;
}

.footer .container {
    padding: 0 30px;
}
.calculators-page-banner ul {
    gap: 15px;
}
.calculators-page-banner .hero-pattern-logo.position-absolute {
    top:-70px !important;
}
}
@media (min-width: 1200px) and (max-width: 1299px){
    
.footer-bg.position-absolute {
    right: -50px;
}
  section.about-bannner video {
        height: 800px;
        object-fit: cover;
    }
    section.about-bannner .hero-pattern-logo {
        top: 145px;
    }
.calculators-page-banner ul {
    gap: 19px;
}
.calculators-page-banner .hero-pattern-logo.position-absolute {
    top: -82px  !important;
}
.page-template-about section.about-bannner .hero-pattern-logo {
    top: 39px;
}
.calculators-page-banner .hero-content .hero-item {
    padding-top: 0px !important;
   
}

}
/* Short mobile screens: compact menu type so all items fit above the pinned contact footer */
@media (max-width: 991px) and (max-height: 660px) {
    div#mobile-menu ul.navbar-nav a {
        font-size: 22px !important;
    }
    div#mobile-menu ul.navbar-nav {
        gap: 12px !important;
    }
    div#mobile-menu ul.sub-menu > li {
        margin-bottom: 10px;
    }
}

/* Landscape phones and other short viewports: there is no longer room to pin the
   contact block to the bottom without it covering the menu items, so let it scroll
   with the menu content instead and drop the padding that reserved space for it. */
@media (max-width: 991px) and (max-height: 600px) {
    div#mobile-menu.show {
        padding-bottom: 40px;
    }
    div#mobile-menu.show .mobile-get-form {
        position: static;
        z-index: auto;
        margin-top: 40px;
        padding-bottom: 0;
    }
    div#mobile-menu ul.sub-menu {
        padding-bottom: 40px;
    }
}

/* ===== Mobile header actions — click-to-call + hamburger, side by side ===== */
.header-actions,
.header-call-btn { display: none; }
@media (max-width: 991px) {
    /* Anchored to the navbar's right edge and centred on the header's midline.
       Absolute so the full-width brand link keeps the whole viewport to centre
       the logo against, and so the row stays put while the menu is open. */
    .site-header .header-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1002; /* above the mobile menu curtain (999) and sub-menu panel (1000) */
    }
    .site-header .header-call-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        color: #EFE7DB; /* matches the cream hamburger on the maroon header */
        line-height: 0;
        text-decoration: none;
    }
    .site-header .header-call-btn .header-call-icon {
        display: block;
        width: 35px;
        height: 35px;
    }
    .site-header .header-call-btn:hover .header-call-icon,
    .site-header .header-call-btn:focus-visible .header-call-icon {
        opacity: 0.82;
    }
}