/*slideshow*/
.slideshow-area,
.slider-holder {
    position: relative;
}

    .slider-holder .aios-slider-img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        pointer-events: none;
        z-index: 1;
        opacity: .28;
    }

        .slider-holder::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 400px;
            height: 159px;
            background: url(/wp-content/uploads/2025/09/Haven-Realty-logo-hi-res.png) no-repeat;
            background-size: contain;
            background-position: center;
            pointer-events: none;
        }
/*end*/

/*quick search*/
.quick-search-wrap {
    position: absolute;
    bottom: 5.677vw;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 15px;
    max-width: 620px;
    z-index: 5;
}

    .qs-form,
    .qs-form form {
        position: relative;
    }

        .qs-field {
            position: relative;
            display: block;
            width: 100%;
        }

            .qs-field input {
                width: 100%;
                height: 46px;
                border: none;
                background: rgb(2 43 42 / 75%);
                padding: 0 40px;
                font-size: 12px;
                font-weight: 300;
                color: #fff;
                letter-spacing: 2.3px;
                border-radius: 50px;
                -webkit-appearance: none;
                -moz-appearance: none;
            }

                .qs-field::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: calc(100% + 6px);
                    height: calc(100% + 6px);
                    border: 1px solid var(--primary);
                    border-radius: 50px;
                    pointer-events: none;
                }

                    .qs-btn {
                        position: absolute;
                        top: 0;
                        right: 19px;
                        bottom: 0;
                        margin: auto;
                        width: 20px;
                        height: 20px;
                        z-index: 5;
                    }

                        .qs-btn input {
                            font-size: 0;
                            padding: 0;
                            border: none;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            z-index: 6;
                            background: transparent;
                        }

                    .qs-btn > em {
                        font-size: 20px;
                        color: #fff;
                        display: block;
                        transition: var(--default-transition);
                    }

                .qs-btn:hover em {
                    color: var(--secondary);
                }
/*end*/

/*our numbers*/
section.our-numbers-area {
    position: relative;
    padding: 7.031vw 0;
}

    .on-bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    }

        .on-bg canvas {
            opacity: .15;
        }

            .our-numbers-area .container {
                position: relative;
                z-index: 5;
            }

                .on-title {
                    margin: 0 0 5.365vw;
                }

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

                        .on-item {
                            width: calc(100% /3);
                            padding: 0 8px;
                        }

                    .on-stats {
                        display: flex;
                        flex-direction: column;
                        gap: 15px;
                    }

                .stats-label {
                    font-size: 18px;
                    font-weight: 300;
                    text-transform: uppercase;
                    letter-spacing: 1.7px;
                }

            .stats-number {
                font-size: 46px;
                font-weight: 200;
                text-transform: uppercase;
                letter-spacing: 1.7px;
                line-height: 1.04;
                color: var(--primary);
            }

/*communities*/
section.featured-communities-area {
    position: relative;
    padding: 94px 0 0;
}

    .fc-title {
        position: relative;
        max-width: 80.313vw;
        margin: 0 auto 4.115vw;
        display: flex;
        justify-content: space-between;
        align-items: end;
    }

        .fc-lists {
            position: relative;
        }

            .fc-lists::after {
                content: '';
                position: absolute;
                top: -20px;
                left: 0;
                right: 0;
                box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.16);
                height: 100%;
                pointer-events: none;
                z-index: -1;
            }

                .fc-item > a {
                    position: relative;
                    display: block;
                }

                    .fc-img.site-image img {
                        aspect-ratio: 1600/700;
                    }

                        .fc-text-wrap {
                            position: absolute;
                            top: 5.729vw;
                            right: 7.188vw;
                            width: 100%;
                            max-width: 667px;
                            min-height: 337px;
                            background: rgb(0 0 0 / 71%);
                            color: #fff;
                            padding: 2.604vw 2.396vw;
                            display: flex;
                            align-items: center;
                        }

                            .fc-text {
                                font-size: 16px;
                                font-weight: 300;
                                letter-spacing: .2px;
                                line-height: 1.87;
                            }

                        .fc-text p {
                            display: -webkit-box;
                            -webkit-line-clamp: 7;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        }

                    .fc-name-wrap {
                        position: absolute;
                        bottom: 3.125vw;
                        left: 0;
                        right: 0;
                        width: 100%;
                        max-width: 1460px;
                        margin: auto;
                        height: 80px;
                        background: rgb(2 43 42 / 88%);
                        padding: 14px 132px;
                        z-index: 5;
                    }

                .fc-label {
                    position: relative;
                    top: 0;
                    font-size: 18px;
                    font-weight: 300;
                    text-transform: uppercase;
                    color: #f3e7cd;
                    letter-spacing: 4.1px;
                    padding: 17px 20px;
                    cursor: pointer;
                    text-align: center;
                    background: transparent;
                    transition: var(--default-transition);
                }

            .fc-name-slick .slick-current .fc-label {
                background: var(--secondary);
                color: #fff;
                top: -1.51vw;
            }

        .fc-name-slick .slick-slide {
            min-width: 100px;
            box-sizing: border-box;
        }

        .fc-photo-slick .slick-slide > div > div,
        .fc-name-slick .slick-slide > div > div {
            display: block !important;
        }
        
    .fc-photo-slick:not(.slick-initialize) > div:not(:first-child),
    .fc-name-slick:not(.slick-initialize) > div:not(:first-child) {
        display:none;
    }

        .fc-name-slick {
            margin-top: -1.51vw;
        }

            .fc-name-slick .slick-list {
                padding: 1.51vw 0 0;
            }

                .fc-btns.global-arrow {
                    width: 100%;
                    max-width: 396px;
                }
/*end*/

/*properties*/
section.featured-properties-area {
    position: relative;
    padding: 4.896vw 0;
}

    .fp-title {
        margin: 0 0 3.854vw;
    }

        .fp-lists {
            position: relative;
            margin: 0 -2.5px;
        }

            .fp-item {
                /*width: calc(100% / 3);*/
                padding: 0 2.5px;
            }

                .fp-item a {
                    position: relative;
                    display: block;
                }

                    .fp-img.site-image img {
                        aspect-ratio: 530/330;
                    }

                        .fp-details {
                            position: relative;
                            padding: 1.354vw 0.833vw 0.26vw;
                            text-align: center;
                            color: #161618;
                            font-weight: 200;
                        }

                    .fp-adress {
                        font-size: clamp(15px, 1.125vw, 18px);
                        text-transform: uppercase;
                        letter-spacing: 1px;
                    }

                .fp-adress span {
                    display: block;
                    font-size: clamp(12px, 0.938vw, 14px);
                    letter-spacing: .2px;
                    margin-top: 0.573vw;
                }

            .fp-price {
                font-size: clamp(25px, 1.875vw, 30px);
                margin: 1.042vw 0 1.563vw;
            }

        .fp-specs {
            font-size: 0;
        }

    .fp-specs span {
        display: inline-block;
        position: relative;
        font-size: clamp(12px, 0.938vw, 14px);;
        letter-spacing: .6px;
        padding: 0 1.042vw;
        text-transform: uppercase;
    }

        .fp-specs span:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 1px;
            height: 100%;
            background: #000;
        }

            .fp-details-hover {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                width: 100%;
                height: 100%;
                opacity: 0;
                transform: scale(0);
                pointer-events: none;
                z-index: 5;
                transition: var(--default-transition);
            }

                .fp-item a:hover .fp-details-hover {
                    opacity: 1;
                    transform: scale(1);
                    pointer-events: auto;
                }

                    .fp-img-hover {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }

                        .fp-img-hover canvas {
                            display: block;
                            width: 100%;
                            height: 100%;
                            background-size: cover;
                            background-position: center;
                            background-repeat: no-repeat;
                        }

                    .fp-content-hover {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        display: flex;
                        flex-direction: column;
                        text-align: center;
                        align-items: center;
                        justify-content: center;
                        color: #f3e7cd;
                        z-index: 2;
                        font-weight: 200;
                    }

                .fp-details-hover::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: calc(100% - 20px);
                    height: calc(100% - 20px);
                    background: var(--primary);
                    z-index: 1;
                    opacity: .8;
                }

            .fp-logo {
                max-width: 109px;
                margin: 0 auto 28px;
            }

        .fp-view {
            width: 10.417vw;
            height: 2.396vw;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #fff;
            border-radius: 50px;
            font-size: 12px;
            font-weight: 200;
            text-transform: uppercase;
            letter-spacing: 2.2px;
            margin-top: 1.302vw;
        }

    .fp-content-hover .fp-specs span::after {
        background: #f3e7cd;
    }

        .fp-btn {
            margin-top: 30px;
        }

            .fp-slick .slick-slide > div > div{
                display: block !important;
            }
            
                .fp-slick:not(.slick-initialize) > div:not(:first-child){
                    display:none;
                }
/*end*/

/*home valuation*/
section.home-valuation-area {
    position: relative;
    padding: 2.813vw 15px 4.688vw;
}

    .hv-inner {
        position: relative;
        max-width: 82.5vw;
        margin: 0 auto;
        padding: 5.521vw 5.729vw 5.208vw;
        border: 2px solid #c7c1ac;
        box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
        text-align: center;
    }

        .hv-title {
            margin: 0 0 1.198vw;
        }

            .hv-title h2 {
                font-size: clamp(30px, 2.188vw, 35px);
                font-family: var(--font-family-title);
                text-transform: uppercase;
                letter-spacing: 3px;
            }

                .hv-title span {
                    display: block;
                    font-size: clamp(15px, 1.125vw, 18px);
                    font-weight: 200;
                    text-transform: uppercase;
                    letter-spacing: .2px;
                    margin-top: 1.25vw;
                }

                    .hv-text {
                        font-size: clamp(14px, 1vw, 16px);
                        font-weight: 200;
                        letter-spacing: .7px;
                        line-height: 2;
                        max-width: 1038px;
                        margin: 0 auto;
                    }
                        
                        .hv-text p {
                            display: block;
                        }

                    .hv-form {
                        margin-top: 1.927vw;
                    }

                    .hv-form form {
                        font-size: 0;
                        position: relative;
                        margin: 0 -14px;
                    }

                .hv-field {
                    position: relative;
                    width: 33.33%;
                    padding: 0 14px;
                    display: inline-block;
                    vertical-align: top;
                }

            .hv-field input:not([type="submit"]) {
                font-size: clamp(12px, 1vw, 16px);
                font-weight: 200;
                letter-spacing: .2px;
                text-transform: uppercase;
                background: transparent;
                width: 100%;
                height: 3.125vw;
                color: #161618;
                padding: 0 1.042vw;
                resize: none;
                border: 1px solid var(--primary);
                -webkit-appearance: none;
                -moz-appearance: none;
            }

        .hv-field.hv-btn {
            width: 10.417vw;
            margin: 3.229vw auto 0;
            display: block;
            position: relative;
            padding: 0;
        }

    .hv-submit.global-btn {
        transition: var(--default-transition);
        z-index: 1;
    }

        .hv-field.hv-btn input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
            border: none;
            padding: 0;
            font-size: 12px;
            font-weight: 200;
            letter-spacing: 2px;
            color: #f3e7cd !important;
            text-transform: uppercase;
            transition: var(--default-transition);
        }

            .hv-submit.global-btn:hover input,
            .hv-submit.global-btn:hover {
                color: #fff !important;
            }

                .hv-form div.wpcf7 .ajax-loader {
                    display: block;
                    position: absolute;
                    right: 0;
                    left: 0;
                    margin: auto;
                    bottom: -18px;
                }

        .hv-form span.wpcf7-not-valid-tip {
            font-size: 14px;
        }

            .hv-form span.wpcf7-form-control-wrap {
                display: block;
            }

                .hv-form div.wpcf7-response-output {
                    margin: auto;
                    position: absolute;
                    width: calc(100% - 14px);
                    font-size: 14px;
                    color: #000;
                    text-align: center;
                    left: 0;
                    right: 0;
                    bottom: -35px;
                }

                    .hv-form .wpcf7-spinner {
                        position: absolute;
                        bottom: -24px;
                        left: 0;
                        right: 0;
                        margin: auto;
                    }

                        .hv-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
                            position: absolute;
                            top: auto;
                            bottom: 5px;
                            left: 0;
                            z-index: 100;
                            border: 1px solid #ff0000;
                            background: #fff;
                            padding: .2em .8em;
                            width: auto;
                        }
/*end*/

/*cta*/
section.cta-area {
    position: relative;
}

    .cta-lists {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

        .cta-item {
            width: calc(100% / 3);
        }

            .cta-item a {
                position: relative;
                display: block;
            }

                .cta-img.site-image {
                    background: #000;
                    transition: var(--default-transition);
                }

                    .cta-item a:hover .cta-img.site-image {
                        background: #b49c56;
                    }

                    .cta-img.site-image::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: var(--secondary);
                        opacity: 0;
                        pointer-events: none;
                        transition: var(--default-transition);
                    }

                    .cta-item a:hover .cta-img.site-image::after {
                        opacity: .3;
                    }

                        .cta-img.site-image img {
                            aspect-ratio: 533/499;
                            opacity: .55;
                        }

                    .cta-item a:hover .cta-img.site-image img {
                        filter: grayscale(1) brightness(1);
                        opacity: .3;
                    }

                .cta-label-wrap {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                    color: #fff;
                }

            .cta-label {
                font-size: 62px;
                font-family: var(--font-family-title);
                text-transform: uppercase;
            }

        .cta-label span {
            display: block;
            font-size: 24px;
            letter-spacing: 8px;
            margin-bottom: 23px;
        }
/*end*/

/*testimonial*/
section.testimonials-area {
    position: relative;
    margin-top: 2.604vw;
    padding: 5vw 15px 5.521vw;
}

    .tm-bg.site-bg canvas {
        filter: grayscale(.58);
        opacity: .16;
    }

        .tm-inner {
            position: relative;
            z-index: 5;
        }

            .tm-title {
                margin: 0 0 4.375vw;
            }

                .tm-lists {
                    position: relative;
                    max-width: 54.167vw;
                    margin: 0 auto;
                    text-align: center;
                }

                    .tm-qoute {
                        display: block;
                        background: url(../../assets/images/qoute.png) no-repeat;
                        background-size: contain;
                        background-position: center;
                        width: 45px;
                        height: 26px;
                        margin: 0 auto 2.708vw;
                    }

                        .tm-rev {
                            font-size: clamp(17px, 1.188vw, 19px);
                            font-weight: 200;
                            color: #161618;
                            letter-spacing: .5px;
                            line-height: 1.45;
                        }

                            .tm-rev p {
                                display: block;
                                margin: 0 0 15px;
                            }

                        .tm-rev span {
                            font-size: clamp(19px, 1.5vw, 24px);
                            text-transform: uppercase;
                            padding-top: 10px;
                            display: block;
                        }

                    .tm-btns.global-arrow {
                        max-width: 402px;   
                        margin: 100px auto 0;
                    }

                .tm-btns.global-arrow button em {
                    color: var(--secondary);
                }

            .tm-slick .slick-slide > div > div{
                display: block !important;
            }
            
        .tm-slick:not(.slick-initialize) > div:not(:first-child){
            display:none;
        }
/*end*/

/*featured videos*/
section.featured-videos-area {
    position: relative;
    padding: 3.958vw 15px 1.875vw;
}

    .fv-bg.site-bg {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
        width: 43.385vw;
        height: 29.375vw;
    }

        .fv-bg.site-bg canvas {
            opacity: .05;
        }

            .fv-inner {
                position: relative;
                z-index: 5;
                max-width: 82.25vw;
                margin: 0 auto;
            }

                .fv-title {
                    margin: 0 0 2.083vw;
                }

                    .fv-lists {
                        position: relative;
                    }

                        .fv-item a {
                            position: relative;
                            display: block;
                        }

                    .fv-img.site-image {
                        background: #161618;
                    }

                .fv-img.site-image img {
                    aspect-ratio: 1316/600;
                    opacity: .59;
                }

            .fv-item a:hover .fv-img.site-image img,
            .fv-item a:hover .fv-thumb-img.site-image img {
                opacity: 1;
            }

        .plybtn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 5.052vw;
            height: 5vw;
            background: url(../../assets/images/plybtn.png) no-repeat;
            background-size: cover;
            background-position: center;
        }

    .fv-thumb-lists {
        position: relative;
        padding: 0 2.083vw;
        margin: -4.167vw -10px;
    }

        .fv-thumb-slick .fv-item {
            padding: 0 10px;
        }

            .fv-thumb {
                position: relative;
                border: 4px solid #fff;
                cursor: pointer;
            }

                .fv-thumb-img.site-image {
                    background: #161618;
                }

                    .fv-thumb-img.site-image img {
                        opacity: .75;
                    }

                        .fv-thumb .plybtn {
                            width: 2.708vw;
                            height: 2.708vw;
                        }

                            .fv-arrow.global-arrow {
                                /*margin-top: 6.458vw;
                                margin-left: 2.083vw;*/
                                max-width: 525px;
                                margin: 6.458vw auto 0;
                            }

                        .fv-arrow.global-arrow button em {
                            color: var(--secondary);
                        }

                        .fv-arrow a {
                            max-width: 304px;
                        }

                    .yt-logo {
                        display: inline-block;
                        width: 90px;
                        height: 21px;
                        background: url(../../assets/images/yt-logo.png) no-repeat;
                        background-size: contain;
                        background-position: center;
                        margin-left: 10px;
                    }

                .fv-main-slick .slick-slide > div > div,
                .fv-thumb-slick .slick-slide > div > div {
                    display: block !important;
                }
                
            .fv-main-slick:not(.slick-initialize) > div:not(:first-child),
            .fv-thumb-slick:not(.slick-initialize) > div:not(:first-child) {
                display:none;
            }
/*end*/

/*social media*/
section.social-media-area {
    position: relative;
    padding: 5.104vw 0 4.427vw;
}

    .sm-title-smi {
        max-width: 82.5vw;
        margin: 0 auto 3.125vw;
        display: flex;
        align-items: end;
        justify-content: space-between;
    }

        .sm-smi a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            font-size: 27px;
            background: var(--primary);
            border-radius: 100%;
            color: var(--secondary);
            margin-left: 18px;
        }

            .sm-smi a:hover {
                background: var(--secondary);
                color: #fff;
            }

                .sm-row {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    margin: 0 -5px;
                }

                    .sm-item {
                        width: 20%;
                        padding: 5px;
                    }

                        .sm-item a {
                            position: relative;
                            display: block;
                        }

                    .sm-profile {
                        position: relative;
                    }

                .sm-profile-content {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    padding: 15px;
                }

            .sm-profile-img {
                position: relative;
                max-width: 126px;
                margin: 0 auto;
                padding: 5px;
            }

        .sm-profile-img img {
            border-radius: 100%;
        }

        .sm-profile .sm-img.site-image canvas {
            display: block;
            width: 100%;
            height: 100%;
        }

    .sm-profile-img::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #161618;
        border-radius: 100%;
    }

        .sm-profile-btn {
            margin-top: 26px;
        }

            .sm-profile-btn a {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 226px;
                height: 52px;
                border: 1px solid #161618;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 300;
                text-transform: uppercase;
                color: #161618;
                letter-spacing: 2.2px;
            }

                .sm-profile-btn a:hover {
                    background: var(--secondary);
                    border: 1px solid var(--secondary);
                    color: #fff;
                }

                    .sm-item > a {
                        position: relative;
                        display: block;
                    }

                        .sm-img.site-image {
                            background: var(--primary);
                        }

                            .sm-profile .sm-img.site-image {
                                background: transparent;
                            }

                                .sm-item > a:hover .sm-img.site-image img {
                                    opacity: .23;
                                }
/*end*/


.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle {
    width: 100%;
    height: 46px;
    border: none;
    background: rgb(2 43 42 / 75%);
    padding: 0 40px;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 2.3px;
    text-overflow: ellipsis;
}
.hp-quick-search .dropdown-menu.open {
    max-height: 300px !important;
}
.hp-quick-search ul.dropdown-menu.inner {
    max-height: 250px !important;
}
.hp-quick-search .bs-searchbox .form-control{
    color: #555555 !important;
}

section.slideshow-area{
    z-index: 6;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1440px) {
    
}

@media only screen and (max-width: 1366px) {
    .fc-text {
        line-height: 1.5;
    }
    .fc-name-wrap {
        padding: 14px 20px;
    }
    .fc-text-wrap {
        max-width: 627px;
        min-height: 287px;
    }
} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    .stats-number {
        font-size: 36px;
    }

    .fc-text-wrap {
        max-width: 557px;
        min-height: 237px;
        top: 3.729vw;
        right: 4.188vw;
    }
    .fc-text {
        font-size: 15px;
    }
    .fc-label {
        font-size: 15px;
        letter-spacing: 2.1px;
    }

    .fp-view {
        width: 14.417vw;
        letter-spacing: 1.2px;
    }

    .cta-label {
        font-size: 45px;
    }
    .cta-label span {
        margin-bottom: 10px;
    }

    .tm-btns.global-arrow {
        margin: 70px auto 0;
    }

    .sm-profile-btn a {
        min-width: 160px;
        height: 42px;
        font-size: 11px;
        letter-spacing: 0;
    }
    .sm-profile-btn {
        margin-top: 15px;
    }
    .sm-profile-img {
        max-width: 106px;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    section.our-numbers-area {
        padding: 50px 0;
    }
    .on-lists {
        flex-direction: column;
        gap: 30px;
    }
    .on-item {
        width: 100%;
    }

    section.featured-communities-area {
        padding: 50px 0 0;
    }
    .fc-title {
        max-width: 100%;
        margin: 0 auto 30px;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }
    .fc-lists::after {
        top: -10px;
    }
    .fc-text-wrap {
        max-width: calc(100% - 30px);
        min-height: auto;
        top: 50%;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        padding: 30px;
    }
    .fc-name-wrap {
        position: relative;
        bottom: 0;
    }
    .fc-name-slick .slick-current .fc-label {
        top: 0;
    }
    .fc-label {
        max-width: fit-content;
        margin: 0 auto;
    }

    section.featured-properties-area {
        padding: 50px 0;
    }
    .fp-logo {
        max-width: 80px;
        margin: 0 auto 15px;
    }
    .fp-price {
        margin: 15px 0;
    }
    .fp-view {
        width: 100%;
        max-width: 200px;
        height: 40px;
        margin-top: 15px;
    }

    section.home-valuation-area {
        padding: 50px 15px;
    }
    .hv-inner {
        max-width: 100%;
        padding: 50px 30px;
    }
    .hv-field input:not([type="submit"]) {
        height: 40px;
    }
    .hv-field.hv-btn {
        width: 200px;
    }

    .cta-item {
        width: 100%;
    }

    section.testimonials-area {
        margin-top: 30px;
        padding: 50px 15px;
    }
    .tm-lists {
        max-width: 100%;
    }
    .tm-btns.global-arrow {
        margin: 40px auto 0;
    }

    section.featured-videos-area {
        padding: 50px 15px;
    }
    .fv-inner {
        max-width: 100%;
    }
    .plybtn {
        width: 70px;
        height: 70px;
    }
    .fv-thumb .plybtn {
        width: 40px;
        height: 40px;
    }
    .fv-arrow.global-arrow {
        margin: 60px auto 0;
    }

    section.social-media-area {
        padding: 50px 0;
    }
    .sm-title-smi {
        max-width: 100%;
        margin: 0 auto 30px;
        padding: 0 15px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
    }
    .sm-smi a {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin: 0 5px;
    }
    .sm-item {
        width: 50%;
    }
    .sm-item.sm-profile {
        order: -1;  
        width: 100%;
    }
    .sm-profile .sm-img.site-image {
        max-width: 312px;
        margin: 0 auto;
    }
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .fc-text {
        font-size: 13px;
    }

    .fp-details {
        padding: 15px;
    }
    .fp-specs span {
        padding: 0 10px;
    }

    .hv-field {
        width: 100%;
        padding: 7px 14px;
    }

    .fv-bg.site-bg {
        height: 50%;
    }
    .fv-arrow.global-arrow {
        flex-wrap: wrap;
        justify-content: space-evenly;
        max-width: 330px;
    }
    .fv-arrow a {
        order: 3;
    }

    .sm-profile .sm-img.site-image canvas {
        height: 200px;
    }

    .hv-form div.wpcf7-response-output {
        bottom: -45px;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
    .qs-field input {
        padding-left: 15px;
        letter-spacing: 1px;
    }

    .on-title {
        margin: 0 0 30px;
    }
    .stats-number {
        font-size: 26px;
    }

    .fc-text p {
        -webkit-line-clamp: 3;
    }
    .fc-text-wrap {
        padding: 15px;
    }

    .hv-inner {
        padding: 50px 15px;
    }
    .hv-title h2 {
        letter-spacing: 0;
    }
    .hv-title span {
        margin-top: 10px;
    }
    .hv-title {
        margin: 0 0 30px;
    }
    .hv-field input:not([type="submit"]) {
        padding: 0 10px;
    }
    .hv-submit.global-btn {
        max-width: 100%;
    }

    .cta-label span {
        font-size: 19px;
        letter-spacing: 5px;
    }
    .cta-label {
        font-size: 35px;
    }

    .fv-img.site-image img {
        aspect-ratio: 1316/690;
    }
    .fv-arrow.global-arrow {
        max-width: 330px !important;
    }
}