@media (min-width: 1199px) AND (max-width: 1400px) {
    #visionSection .vision-container {
        width: 80%;
    }
}

@media (min-width: 1199px) {
    * {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh-dapur {
        top: 25%;
        left: 20%;
        transform: translateY(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh-kamar_tidur {
        top: 33%;
        right: 20%;
        transform: translateY(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh-ruang_tunggu {
        top: unset;
        bottom: 13%;
        left: 20%;
        transform: translateY(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosshaya-kamar_tidur {
        top: 30%;
        left: 30%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosshaya-ruang_tunggu {
        bottom: 15%;
        right: 15%;
        transform: translateY(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosshaya-ruang_komunal {
        top: 53%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosaku-kamar_tidur {
        top: 25%;
        left: 30%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosaku-ruang_tunggu {
        right: 0%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosaku-ruang_komunal {
        left: 33%;
        transform: translateX(-55%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-keys-kost-kamar_tidur {
        top: 10%;
        left: 30%;
        transform: translateX(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-keys-kost-ruang_komunal {
        left: 30%;
        transform: translateX(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-keys-kost-dapur {
        top: 45%;
        right: 10%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-ohayo-kamar_tidur {
        top: 5%;
        left: 33%;
        transform: translateX(-50%) scale(0.75);
    }

    .banner-item .house .expandable-amenities.expandable-amenities-ohayo-lift {
        right: 5%;
        transform: translateX(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-ohayo-ruang_komunal {
        bottom: 30%;
        left: 30%;
        transform: translateX(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-ohayo-ruang_komunal {
        bottom: 30%;
        left: 30%;
        transform: translateX(-50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh_regentown-dapur {
        top: 20%;
        left: 30%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh_regentown-ruang_komunal {
        top: 30%;
        right: 12%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh_regentown-ruang_tunggu {
        bottom: 20%;
        left: 40%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-josan-kamar_tidur {
        top: 45%;
        right: 15%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item .house .expandable-amenities.expandable-amenities-josan-dapur {
        bottom: 5%;
        left: 30%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-josan-ruang_tunggu {
        top: 20%;
        left: 40%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    #howToBookSection .container {
        max-width: 100%;
        padding: 0 50px;
    }

    #howToBookSection .how-to-book {
        width: 100%;
    }

    #testimonySection {
        border-radius: 0 250px 0 0;
    }

    .testimonies .testimony-item .message {
        height: 150px;
    }

    #visionSection .vision-value_container .vision-values {
        width: 40%;
    }

    #visionSection .vision-container {
        justify-content: center;
    }

    #visionSection .vision-container .title,
    #visionSection .vision-container .title span {
        font-size: 1.5rem;
    }

    #visionSection .vision-container .line-track {
        right: -10.5rem;
    }

    #valuesSection
        .values-container
        .values
        .value.value-social
        .value-container {
        left: -8rem;
    }

    #valuesSection
        .values-container
        .values
        .value.value-smart
        .value-container {
        right: 0rem;
    }

    #valuesSection
        .values-container
        .values
        .value.value-safety
        .value-container {
        left: -2rem;
    }

    #valuesSection
        .values-container
        .values
        .value.value-service
        .value-container {
        right: -6rem;
    }

    #advantagesSection .advatages-container .content {
        background-size: 85%;
        height: 50vh;
    }

    #advantagesSection .advatages-container .content .content-detail {
        width: 200px;
    }

    #detailBanner .house .accessibility-information {
        left: 50px;
    }

    #detailBanner .house .description {
        max-width: 450px;
        padding: 1.75rem;
    }

    #detailBanner .house .galleries {
        top: 200px;
        right: 50px;
        transform: scale(0.85);
    }

    /* LANDLORD */
    #landlordBanner .banner-content {
        left: 100px;
        padding: 150px 2rem;
    }
    /* LANDLORD */

    /* HOUSE */
    #houseHeader .content {
        max-width: 50vw;
    }

    #houseCatalog .catalogs .catalog-item {
        width: 50%;
    }
    /* HOUSE */
}

@media (max-width: 1024px) {
    #detailBanner .house .accessibility-information {
        left: 35px;
    }

    #detailBanner .house .galleries {
        right: 35px;
        transform: scale(0.8);
    }
}

@media (max-height: 700px) AND (min-width: 992px) {
    #facilityServices {
        margin-top: 5rem;
    }

    #detailBanner .house .description {
        bottom: -25px;
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh-dapur {
        top: 10%;
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-rumah_tumbuh-kamar_tidur {
        right: 15%;
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosaku-kamar_tidur {
        left: 35%;
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosaku-ruang_komunal {
        left: 35%;
    }

    .banner-item
        .house
        .expandable-amenities.expandable-amenities-kosaku-ruang_tunggu {
        right: 15%;
    }
}

@media (max-width: 992px) {
    main {
        overflow: hidden;
    }

    nav .navbar-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    nav .navbar-container .navbar-logo {
        width: 100px;
    }

    nav .navbar-container .navbar-mobile {
        position: absolute;
        top: 0px;
        right: -225px;

        background: rgb(var(--cc-light));
        border-radius: 0px 0px 30px 30px;
        box-shadow: 0px 4px 16px rgba(84, 84, 84, 0.29);

        width: 200px;
        padding: 2rem 1rem;

        list-style: none;
    }

    nav .navbar-container .navbar-mobile.open {
        animation: openMenuMobile 0.75s forwards;
    }

    @keyframes openMenuMobile {
        0% {
            right: -225px;
        }
        100% {
            right: 0px;
        }
    }

    nav .navbar-container .navbar-mobile.close {
        animation: closeMenuMobile 0.75s forwards;
    }

    @keyframes closeMenuMobile {
        0% {
            right: 0px;
        }
        100% {
            right: -225px;
        }
    }

    nav .navbar-container .navbar-mobile li.close-navbar {
        width: 20px;
        height: 20px;
        margin-left: auto;
        margin-bottom: 1.5rem;
    }

    nav .navbar-container .navbar-mobile li {
        margin-bottom: 1.25rem;
        text-align: right;
    }

    nav .navbar-container .navbar-mobile li a {
        color: rgb(var(--cc-dark));
        font-size: calc(1.5rem - 2px);
        text-decoration: none;
    }

    nav .navbar-container .navbar-mobile li a.active {
        font-weight: 700;
    }

    nav .navbar-container .navbar-mobile li a.cta-contact-wa {
        background: rgb(var(--cc-green));
        border-radius: 46px;

        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 4rem;
        padding: 7px 10px;

        color: rgb(var(--cc-light));
        font-size: 1rem;
        line-height: 0px;
    }

    nav .navbar-container .navbar-mobile li a.cta-contact-wa i.icon-whatsapp {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    nav .navbar-container .navbar-mobile li.copyright {
        margin-bottom: 0px;
        text-align: center;
        line-height: normal;
    }

    /* BANNER @ LANDING PAGE */
    #mainBanner {
        height: auto;
        padding-top: 75px;
    }

    .banner-item {
        height: 625px;
    }

    .banner-item .header {
        position: relative;
        margin-bottom: 3rem;
        text-align: center;
    }

    .banner-item:nth-of-type(2) .header,
    .banner-item:nth-of-type(3) .header {
        padding-top: 10px;
        margin-bottom: calc(3rem - 10px);
    }

    .banner-item .header .address {
        position: absolute;
        top: 10px;
        left: 25px;
    }

    .banner-item .header .address .icon-pinpoint {
        display: block;
        width: 20px;
        height: 20px;
    }

    .banner-item .header .address .content {
        opacity: 0;
        margin-top: 1rem;
        text-align: left;
        transition: 0.5s;
    }

    .banner-item .header .address .content.show {
        opacity: 1;
        transition: 0.5s;
    }

    .banner-item .header .house-title {
        width: 250px;
        height: 35px;
    }

    .banner-item .highlight-area {
        top: 40%;
        height: 50px;
    }

    .banner-item .house {
        background-size: cover;
        height: 375px;
    }

    .banner-item .banner-footer-mobile {
        position: absolute;
        bottom: 75px;
        z-index: 4;

        display: flex;
        width: 100%;
        height: 100px;
    }

    .banner-item .banner-footer-mobile .facilities {
        position: relative;

        display: flex;
        align-items: flex-end;
        justify-content: center;

        width: 33.333%;
        height: 100%;
        padding: 1rem 0;
    }

    .banner-item .banner-footer-mobile .facilities.green {
        background-color: rgb(var(--cc-green));
    }

    .banner-item .banner-footer-mobile .facilities.orange {
        background-color: rgb(var(--cc-orange));
    }

    .banner-item .banner-footer-mobile .facilities.yellow {
        background-color: rgb(var(--cc-yellow));
    }

    .banner-item .banner-footer-mobile .facilities .image {
        position: absolute;
        top: -45%;
        left: 50%;

        background: rgb(var(--cc-dark));
        border-radius: 50% 50% 50% 0;
        transform: translateX(-50%) rotate(-45deg);

        display: flex;
        align-items: center;
        justify-content: center;

        width: 95px;
        height: 95px;
    }

    .banner-item .banner-footer-mobile .facilities .image img {
        border-radius: 50%;
        width: 80px;
        height: 80px;
        object-fit: cover;
        transform: rotate(45deg);
    }

    .banner-item .banner-footer-mobile .facilities .content {
        display: flex;
        align-items: center;

        width: min-content;
        height: 50px;
        margin: 0 auto;

        color: rgb(var(--cc-light));
        font-size: 1.25rem;
        font-weight: 700;
        text-align: center;
    }

    .banner-item .cta-pelajari_lebih_lanjut {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);

        border: 1px solid rgb(var(--cc-dark));
        border-radius: 0px 40px 40px 40px;
        width: max-content;
        margin: 0 auto;
        padding: 0.5rem 1.5rem;

        color: rgb(var(--cc-dark));
        font-size: 1.25rem;
        text-decoration: none;
    }

    .banner-item .cta-pelajari_lebih_lanjut:hover {
        background-color: rgb(var(--cc-dark));
        color: rgb(var(--cc-light));
    }
    /* BANNER @ LANDING PAGE */

    /* ABOUT US @ LANDING PAGE */
    #aboutSection {
        background-image: url(../img/about/bg-main_mobile.png);
        height: 50vh;
    }

    #aboutSection .about-us-content .description {
        width: 85%;
    }
    /* ABOUT US @ LANDING PAGE */

    /* ADVANTAGE @ LANDING PAGE */
    #advantagesSection {
        background: #fafbfc;
        min-height: unset;
    }

    #advantagesSection .advatages-container .header {
        padding-top: 5rem;
    }

    #advantagesSection .advatages-container .header .title .title-logo {
        width: 100px;
    }

    #advantagesSection .advatages-container .header .title span,
    #advantagesSection .advatages-container .header .title strong {
        letter-spacing: 1px;
    }

    #splideAdvantages {
        margin-bottom: 5rem;
    }

    #splideAdvantages .advantages-item {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    #splideAdvantages .advantages-item .title {
        margin-bottom: 0.5rem;

        color: rgb(var(--cc-dark));
        font-size: 1.5rem;
        font-weight: 600;
    }

    #splideAdvantages .advantages-item .description {
        font-size: 1.25rem;
    }

    .advantages-image {
        width: 100%;
        height: 165px;
    }

    .advantages-image img {
        transform: scale(1.25);
        object-fit: contain;
        object-position: top;
    }

    #advantagesSection .advatages-container .header {
        margin-bottom: 2.5rem;
    }
    /* ADVANTAGE @ LANDING PAGE */

    /* HOW TO BOOK @ LANDING PAGE */
    #howToBookSection {
        height: auto;
        margin-bottom: 3.5rem;
    }

    #howToBookSection .header {
        padding-top: 5rem;
        margin-bottom: 3.5rem;
    }

    .how-to-book-item {
        padding: 1.5rem 0;
    }

    .how-to-book-item .step,
    .how-to-book-item .icon {
        height: 35px;
    }

    .how-to-book-item .content {
        width: 85%;
        margin: 0 auto;
        padding: 1.5rem 0;

        color: rgb(var(--cc-dark));
        font-size: 1.25rem;
        text-align: center;
    }

    .how-to-book-item .content .title {
        color: rgb(var(--cc-dark));
        font-size: 1.5rem;
        font-weight: 600;
    }
    /* HOW TO BOOK @ LANDING PAGE */

    /* TESTIMONY @ LANDING PAGE */
    #testimonySection {
        border-radius: 0 75px 0 0;
        height: auto;
        padding: 50px 1rem;
    }

    #testimonySection .header .title,
    #testimonySection .header .title strong {
        letter-spacing: 1px;
    }

    .testimonies .testimony-item .message,
    .testimonies .testimony-item .author .author-profile .subtitle {
        font-size: 1rem;
    }

    .testimonies .testimony-item .author .author-profile .title {
        font-size: 1.25rem;
    }
    /* TESTIMONY @ LANDING PAGE */

    /* HOUSE */
    #houseHeader .content {
        max-width: 70vw;
    }

    #houseCatalog {
        width: 95vw;
    }
    /* HOUSE */

    /* ABOUT BANNER */
    #aboutBanner {
        background-image: url(../img/about/bg-hero-banner_mobile.png);
        background-size: contain;
        background-position: top;

        height: 75vh;
        margin-top: 75px;
        margin-bottom: 3rem;
    }

    #aboutBanner .about-content .header {
        font-size: 1.25rem;
    }

    #aboutBanner .about-content .logo {
        width: 125px;
        margin: 1rem auto;
    }

    #aboutBanner .about-content .content {
        width: 300px;
        margin: 0 auto;
        font-size: 1.25rem;
        line-height: normal;
    }
    /* ABOUT BANNER */

    /* ABOUT VISION */
    /* DESKTOP VER */
    #visionSection .vision-value_container .vision-values {
        width: 75%;
    }

    /* DESKTOP VER */
    #aboutVision .about-vision-content .logo {
        width: 75px;
        margin: 0 auto 2rem;
    }

    #aboutVision .about-vision-content .title {
        color: rgb(var(--cc-dark));
        font-size: 1.5rem;
        text-align: center;
    }

    #aboutVision .about-vision-content .title span {
        font-size: 1.5rem;
        font-weight: 700;
    }

    #aboutVision .about-vision-content .title span.orange {
        color: rgb(var(--cc-orange));
    }

    #aboutVision .about-vision-content .title span.yellow {
        color: rgb(var(--cc-yellow));
    }

    #aboutVision .about-vision-content .title span.green {
        color: rgb(var(--cc-green));
    }

    #aboutVision .about-vision-content .long-arrow {
        position: relative;
        border-left: 1px dashed rgb(var(--cc-dark));
        width: 1px;
        height: 100px;
        margin: 1.5rem auto;
    }

    #aboutVision .about-vision-content .long-arrow::after {
        position: absolute;
        bottom: 0px;
        left: 0;
        transform: translateX(-55%) rotate(45deg);
        -webkit-transform: translateX(-55%) rotate(45deg);

        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        content: "";
        width: 8px;
        height: 8px;
    }

    #aboutVision .vision-value_container {
        width: 80%;
        margin: 0 auto 3.5rem;
    }

    #aboutVision .vision-value_container .title {
        width: max-content;
        margin: 0 auto 3rem;

        color: rgb(var(--cc-dark));
        font-size: 2.5rem;
        font-weight: 700;
        letter-spacing: 2px;
    }

    #aboutVision .vision-value_container .content,
    #aboutVision .vision-value_container .content * {
        margin-bottom: 2rem;

        font-size: 1.25rem;
        text-align: center;
    }

    #aboutVision .vision-value_container .vision-values {
        margin: 0 auto;
        padding: 0 1rem;
    }

    #aboutVision .vision-value_container .vision-values .vision-value_item {
        position: relative;
    }

    #aboutVision
        .vision-value_container
        .vision-values
        .vision-value_item
        .content {
        padding-left: 3rem;

        color: rgb(var(--cc-dark));
        font-size: 1rem;
        font-weight: 400;
        text-align: left;
    }

    #aboutVision
        .vision-value_container
        .vision-values
        .vision-value_item
        .marker {
        position: absolute;
        top: 2px;
        left: 0;

        border-radius: 2.5rem 0 2.5rem 2.5rem;
        width: 2rem;
        height: 2rem;
    }

    #aboutVision
        .vision-value_container
        .vision-values
        .vision-value_item:nth-child(1)
        .marker {
        background-color: rgb(var(--cc-orange));
    }

    #aboutVision
        .vision-value_container
        .vision-values
        .vision-value_item:nth-child(2)
        .marker {
        background-color: rgb(var(--cc-yellow));
    }

    #aboutVision
        .vision-value_container
        .vision-values
        .vision-value_item:nth-child(3)
        .marker {
        background-color: rgb(var(--cc-green));
    }
    /* ABOUT VISION */

    /* ABOUT MISSION */
    /* DESKTOP VERSION */
    #missionSection .container {
        max-width: 100%;
        padding: 0 50px;
    }
    #missionSection .content {
        align-items: center;
        justify-content: space-between;
    }

    #missionSection .content .mission-description {
        width: 30%;
    }

    #missionSection .content .mission-ornament {
        width: 10%;
    }

    #missionSection .content .mission-description h4 {
        font-size: 14px;
    }

    #missionSection .content .mission-description p {
        font-size: 12px;
    }
    /* DESKTOP VERSION */
    #aboutMission .mission-content {
        width: 80%;
        margin: 0 auto 3.5rem;
    }

    #aboutMission .mission-content .title {
        width: max-content;
        margin: 0 auto 3rem;

        color: rgb(var(--cc-dark));
        font-size: 2.5rem;
        font-weight: 700;
        letter-spacing: 2px;
    }

    #aboutMission .mission-content .content .mission-description {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        border: 1px dashed rgb(var(--cc-dark));
        border-radius: 40px 40px 40px 0px;
        padding: 1.5rem 2rem;

        text-align: center;
    }

    #aboutMission .mission-content .content .mission-description:last-child {
        margin-bottom: 0;
    }

    #aboutMission .mission-content .content .mission-description h4 {
        font-size: 1.5rem;
    }

    #aboutMission .mission-content .content .mission-description p {
        font-size: 1.25rem;
    }

    #aboutMission .mission-content .content .mission-ornament {
        width: 150px;
        margin: 10rem auto;
    }

    #aboutMission .content .mission-description .line-up,
    #aboutMission .content .mission-description .line-down {
        position: absolute;
    }

    #aboutMission .content .mission-description .line-up {
        bottom: -55%;
        transform: rotate(100deg);
        content: url(../img/img-arrow_mission.svg);
        width: 20%;
    }

    #aboutMission .content .mission-description .line-down {
        top: -48%;
        transform: rotate(100deg) scaleX(-1);
        content: url(../img/img-arrow_mission.svg);
        width: 20%;
    }
    /* ABOUT MISSION */

    /* ABOUT VALUES */
    /* DESKTOP VER */
    #valuesSection .values-container .values .value {
        transform: scale(0.85);
    }

    #valuesSection .values-container .values {
        width: 70%;
    }
    /* DESKTOP VER */
    #aboutValues {
        margin-bottom: 3rem;
    }

    #aboutValues .title {
        width: max-content;
        margin: 0 auto 3rem;

        color: rgb(var(--cc-dark));
        font-size: 2.5rem;
        font-weight: 700;
        letter-spacing: 2px;
    }

    #aboutValues .values-smart {
        background: rgb(var(--cc-dark));
    }

    #aboutValues .values-social {
        background: rgb(var(--cc-green));
    }

    #aboutValues .values-safety {
        background: rgb(var(--cc-orange));
    }

    #aboutValues .values-service {
        background: rgb(var(--cc-yellow));
    }

    #aboutValues .values .accordion {
        background: none;
        border: none;
        outline: none;
        width: 100%;
        padding: 18px;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        transition: 0.4s;
        cursor: pointer;
    }

    #aboutValues .values-service .accordion {
        color: rgb(var(--cc-dark));
    }

    #aboutValues .values .panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    #aboutValues .values .panel .content {
        max-width: 250px;
        margin: 0 auto;
        padding: 1.5rem 0;

        color: rgb(var(--cc-light));
        font-size: 1rem;
        text-align: center;
    }

    #aboutValues .values-service .panel .content {
        color: rgb(var(--cc-dark));
    }
    /* ABOUT VALUES */

    /* ABOUT TIMELINE */
    #aboutTimeline {
        margin-bottom: 3.5rem;
    }

    #aboutTimeline .title {
        display: flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 3.5rem;
    }

    #aboutTimeline .title span {
        margin-right: 0.5rem;
        padding-top: 0.5rem;

        font-size: 2.5rem;
        line-height: 3.75rem;
        letter-spacing: 1px;
    }

    #aboutTimeline .title .title-logo {
        width: 115px;
        height: 2.5rem;
    }

    #aboutTimeline .timeline-item {
        max-width: 300px;
        text-align: center;
    }

    #aboutTimeline .timeline-item .timeline-featured_image {
        height: 175px;
    }

    #aboutTimeline .timeline-item .timeline-title {
        margin-bottom: 1rem;
    }

    #aboutTimeline .timeline-item .timeline-content {
        font-size: 1.15rem;
    }
    /* ABOUT TIMELINE */

    /* COMMUNITY COMING SOON */
    #communityBanner {
        padding-top: 75px;
    }

    #comingSoonCommunity .title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #comingSoonCommunity .subtitle {
        width: 75%;
        margin: 0 auto;
    }
    /* COMMUNITY COMING SOON */

    /* LANDLORD BANNER */
    #landlordBanner {
        padding-top: 75px;
        padding-bottom: 2rem;
    }
    #landlordBanner .banner-content {
        position: relative;
        top: unset;
        left: unset;

        width: 100%;
        height: auto;
        padding: 2rem 1rem;
    }

    #landlordBanner .banner-content .title,
    #landlordBanner .banner-content .title span {
        font-size: 2rem;
        text-align: center;
    }

    #landlordBanner .banner-content .shortdesc {
        width: 90%;
        margin: 0 auto 1.5rem;
        text-align: center;
        line-height: normal;
    }
    /* LANDLORD BANNER */

    /* LANDLORD ADVANTAGES */
    #landlordAdvantages {
        padding: 0px;
    }

    #landlordAdvantages .title {
        display: block;
    }

    #landlordAdvantages .landlord-advantages-content {
        width: 85%;
        margin: 0 auto 3.5rem;
    }

    #landlordAdvantages .landlord-advantages-content .title span {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        margin-bottom: 0.5rem;
        font-weight: 400;
    }

    #landlordAdvantages .landlord-advantages-content .title span,
    #landlordAdvantages .landlord-advantages-content .title strong {
        font-size: 2rem;
        letter-spacing: 1px;
    }

    #landlordAdvantages .landlord-advantages-content .title strong {
        margin: 0 0.5rem;
        color: rgb(var(--cc-orange));
    }

    #landlordAdvantages .landlord-advantages-content .title .title-logo {
        width: 75px;
        margin: 0 auto 3.5rem;
    }

    #landlordAdvantages .landlord-advantages .landlord-advantages-item {
        width: 90%;
        height: 125px;
        margin: 0 auto;
    }

    #landlordAdvantages
        .landlord-advantages
        .landlord-advantages-item
        .landlord-advantages-cta-question {
        position: absolute;
        top: 0;
        right: 0;
    }
    /* LANDLORD ADVANTAGES */

    /* LANDLORD COMPARISON */
    #landlordComparison .title {
        display: flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 3.5rem;
    }

    #landlordComparison .title span,
    #landlordComparison .title strong {
        margin-top: 5px;
        font-size: 2rem;
        letter-spacing: 1px;
    }

    #landlordComparison .title .title-logo {
        width: 115px;
        margin-left: 1rem;
    }

    #landlordComparison .landlord-comparison-container {
        background: #fafbfc;

        padding: 3rem;
    }

    #landlordComparison .landlord-comparison-container .comparison-tab {
        display: flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 2rem;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab {
        border: 1px solid rgb(var(--cc-dark));
        border-radius: 0 2rem 2rem;
        min-width: 100px;
        margin: 0 0.5rem;
        padding: 0.5rem 1rem;

        font-size: 1.25rem;
        font-weight: 700;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab:focus,
    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab:focus-visible {
        outline: none;
        border: 0px;
        box-shadow: none;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab.btn-comparison-tab-beeliv
        img {
        height: 15px;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab.btn-comparison-tab-kompetitor.active {
        background: rgb(var(--cc-dark));
        color: rgb(var(--cc-light));
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab.btn-comparison-tab-beeliv.active {
        border-color: rgb(var(--cc-orange));
        background: rgb(var(--cc-orange));
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-tab
        .btn-comparison-tab.btn-comparison-tab-beeliv.active
        img {
        content: url(../img/logo/logo-text_white.svg);
    }

    #landlordComparison .landlord-comparison-container .comparison-content {
        display: none;
        border-radius: 40px;
        border: 1px solid #cacaca;
        background: #fff;
        box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.12);

        padding: 2rem 3rem;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-content.active {
        display: block;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-content
        .comparisons-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-content
        .comparisons-row:last-child {
        margin-bottom: 0;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-content
        .comparisons-row
        .comparisons-column,
    #landlordComparison
        .landlord-comparison-container
        .comparison-content
        .comparisons-row
        .comparisons-column
        * {
        font-size: 1.25rem;
    }

    #landlordComparison
        .landlord-comparison-container
        .comparison-content
        .comparisons-row
        .comparisons-column
        .icon-value {
        width: 15px;
        height: 15px;
    }
    /* LANDLORD COMPARISON */

    /* LANDLORD STEPS */
    #landlordSteps .landlord-step-content .title {
        display: block;
        margin-bottom: 2rem;
        text-align: center;
    }

    #landlordSteps .landlord-step-content .title span,
    #landlordSteps .landlord-step-content .title strong {
        font-size: 2rem;
        letter-spacing: 1px;
    }

    #landlordSteps .landlord-step-content .title .title-logo {
        width: max-content;
        height: 2rem;
        margin: 1rem auto;
    }

    #landlordSteps .landlord-step-content .subtitle {
        margin-bottom: 3rem;
    }

    #landlordSteps .landlord-step-content .landlord-steps {
        display: block;
    }

    #landlordSteps .landlord-step-content .landlord-steps .landlord-steps-item {
        padding: 0 1rem;
    }

    #landlordSteps
        .landlord-step-content
        .landlord-steps
        .landlord-steps-item
        .step,
    #landlordSteps
        .landlord-step-content
        .landlord-steps
        .landlord-steps-item
        .icon {
        width: max-content;
        height: 35px;
        margin: 0 auto;
        padding: 0px;
    }

    #landlordSteps
        .landlord-step-content
        .landlord-steps
        .landlord-steps-item
        .content {
        width: 95%;
        margin: 1.5rem auto;

        font-size: 1.25rem;
        text-align: center;
    }
    /* LANDLORD STEPS */

    /* LANDLORD TESTIMONIES */
    #landlordTestimonies {
        background: #fafbfc;
        padding: 3rem 0;
    }

    #landlordTestimonies .landlord-testimonies-content .title {
        font-size: 2rem;
    }

    #landlordTestimonies .landlord-testimonies-content .landlord-item {
        display: block;
        width: 75%;
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item
        .landlord-message {
        border-radius: 40px 40px 40px 0;

        height: 175px;
        margin-bottom: 2rem;
        padding: 2rem;

        font-size: 1rem;
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item.first
        .landlord-message {
        border: 1px solid rgb(var(--cc-green));
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item.second
        .landlord-message {
        border: 1px solid rgb(var(--cc-orange));
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item.third
        .landlord-message {
        border: 1px solid rgb(var(--cc-yellow));
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item
        .landlord-featured_image {
        width: 145px;
        margin: 0 auto 1.5rem;
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item
        .landlord-detail {
        text-align: center;
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item
        .landlord-detail
        .name {
        color: rgb(var(--cc-dark));
        font-size: 1.25rem;
        font-weight: 600;
    }

    #landlordTestimonies
        .landlord-testimonies-content
        .landlord-item
        .landlord-detail
        .job-title {
        color: rgb(var(--cc-dark));
        font-size: 1rem;
    }
    /* LANDLORD TESTIMONIES */

    /* LANDLORD REGISTRATION BANNER */
    #landlordRegistrationBanner {
        background: none;
        height: auto;
        padding: 0;
    }

    #landlordRegistrationBanner .banner {
        height: 350px;
    }

    #landlordRegistrationBanner .banner img {
        object-fit: cover;
        object-position: right;
    }

    #landlordRegistrationBanner .landlord-registration-banner-content {
        margin-top: -3rem;
        margin-bottom: 3.5rem;
    }

    #landlordRegistrationBanner .landlord-registration-banner-content .title {
        font-size: 2rem;
        letter-spacing: 1px;
        text-align: center;
    }
    /* LANDLORD REGISTRATION BANNER */

    /* FAQ BANNER */
    #faqBanner {
        padding-top: 75px;
    }

    #faqBanner .banner {
        height: 250px;
        margin-bottom: 3rem;
    }

    #faqBanner .banner .banner-image {
        object-fit: cover;
        object-position: left;
    }

    #faqBanner .banner .title {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;

        width: 100px;
        margin: -3rem auto 0;
    }
    /* FAQ BANNER */

    /* FAQ CONTENT */
    #faqContent .faq-container {
        padding: 0 2rem;
    }

    #faqContent .faq-container .faq-header-container {
        overflow: auto;
        width: 100%;
    }

    #faqContent .faq-container .faq-header-container .faq-header {
        width: max-content;
    }

    #faqContent .faq-container .faq-header-container .btn-faq-category {
        margin-right: 1rem;
    }

    #faqContent
        .faq-container
        .faq-header-container
        .btn-faq-category:last-of-type {
        margin-right: 0px;
    }

    #faqContent .faq-container .faq-header-container .btn-faq-category:focus,
    .btn-faq-category:focus-visible {
        border: 0px;
        outline: none;
        box-shadow: none;
    }

    #faqContent .faq-container .faq-body .faq-content .accordion.active,
    #faqContent .faq-container .faq-body .faq-content .accordion:hover {
        font-size: 2rem;
    }
    /* FAQ CONTENT */

    /* BTN LANDLORD */
    .btn-landlord-cta-container .btn-landlord-cta {
        border-radius: 25px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;

        font-size: 1rem;
        font-weight: 500;
    }

    .btn-landlord-cta-container .btn-registration {
        background-color: rgb(var(--cc-orange));
        width: max-content;
        margin: 0 auto 1rem;

        color: rgb(var(--cc-light));
    }

    .btn-landlord-cta-container .btn-consultation {
        display: flex;
        align-items: center;
        background-color: rgb(var(--cc-green));
        width: max-content;
        margin: 0 auto 1rem;

        color: rgb(var(--cc-light));
    }

    .btn-landlord-cta-container .btn-consultation span {
        width: 15px;
        height: 15px;
        margin-top: -5px;
        margin-right: 0.5rem;
    }
    /* BTN LANDLORD */

    /* DETAIL BANNER */
    #detailBanner {
        height: auto;
    }

    #detailBanner .highlight {
        height: 50px;
    }

    #detailBanner .house {
        background-size: cover;
        height: 65vh;
        margin-top: 75px;
        margin-bottom: 100px;
    }

    #detailBanner .house .gallery-amenities {
        display: flex;
    }

    #detailBanner .house .gallery-amenities img {
        position: absolute;
        z-index: 5;
        border-radius: 28px 28px 28px 0px;
        box-shadow: 1px 2px 6px rgba(69, 69, 69, 0.31);

        width: 125px;
        height: 115px;
        object-fit: cover;
        object-position: center;
    }

    #detailBanner .house .gallery-amenities img:nth-child(1) {
        left: 20%;
        bottom: -75px;
    }

    #detailBanner .house .gallery-amenities img:nth-child(2) {
        left: 50%;
        bottom: -25px;
        transform: translateX(-50%);

        border-radius: 28px 28px 0px 28px;
    }

    #detailBanner .house .gallery-amenities img:nth-child(3) {
        right: 20%;
        bottom: -50px;

        border-radius: 28px 28px 0px 28px;
    }

    #detailBanner .name {
        width: 250px;
        margin: 1rem auto;
    }

    #detailBanner .name.kosshaya {
        width: 200px;
    }

    #detailBanner .name.kosaku {
        width: 175px;
    }

    #detailBanner .name.ohayo {
        width: 150px;
    }

    #detailBanner .name.josan {
        width: 100px;
    }

    #detailBanner .address {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 2rem;
    }

    #detailBanner .address .icon-pinpoint {
        width: 20px;
        height: 20px;
        margin-right: 0.5rem;
    }

    #detailBanner .address .content {
        color: rgb(var(--cc-green));
        font-size: 1rem;
        font-style: italic;
        line-height: normal;
    }

    #detailBanner .description {
        margin-bottom: 3.5rem;
        padding: 0 3rem;

        font-size: 1.25rem;
        text-align: center;
        line-height: normal;
    }

    #detailBanner .accessibility-information {
        padding: 2rem 3rem;
        width: 75%;
        margin: 0 auto;
        text-align: center;
    }

    #detailBanner .accessibility-information .title {
        margin-bottom: 1rem;

        color: rgb(var(--cc-dark));
        font-size: 1.75rem;
        font-weight: 600;
        line-height: normal;
    }

    #detailBanner .accessibility-information .accessibilities .accessibility {
        border-radius: 1.5rem;
        margin-bottom: 1rem;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility:only-of-type,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility:last-of-type {
        margin-bottom: 0px;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .accordion {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem 1rem;

        color: rgb(var(--cc-light));
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 0;

        cursor: pointer;
        transition: 0.4s;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .accordion
        .icon {
        width: 20px;
        height: 20px;
        margin-right: 0.5rem;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel {
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.4s ease-out;

        padding: 0 1rem;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel
        .content-information {
        border-radius: 1rem;
        margin-bottom: 1rem;
        padding: 1rem;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel
        .content-information
        .info {
        border-bottom: 0.5px solid rgb(var(--cc-dark));
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel
        .content-information
        .info:only-of-type,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel
        .content-information
        .info:last-of-type {
        border: 0px !important;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel
        .content-information
        .info
        .title {
        margin-bottom: 0;

        font-size: 1.25rem;
        font-weight: 600;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility
        .panel
        .content-information
        .info
        .value {
        font-size: 1.75rem;
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-transportation {
        background-color: rgb(var(--cc-orange));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-shopping_center {
        background-color: rgb(var(--cc-yellow));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-health {
        background-color: rgb(var(--cc-green));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-education {
        background-color: rgb(var(--cc-dark));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-office {
        background-color: rgb(var(--cc-light));
        border: 1px solid rgb(var(--cc-dark));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-transportation
        .panel
        .content-information,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-shopping_center
        .panel
        .content-information,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility.accessibility-health
        .panel
        .content-information,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility.accessibility-education
        .panel
        .content-information {
        background-color: rgb(var(--cc-light));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility.accessibility-office
        .panel
        .content-information {
        background-color: rgb(var(--cc-dark));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-shopping_center
        .accordion,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-office
        .accordion {
        color: rgb(var(--cc-dark));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-office
        .panel
        .content-information
        .info
        .title,
    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-office
        .panel
        .content-information
        .info
        .value {
        color: rgb(var(--cc-light));
    }

    #detailBanner
        .accessibility-information
        .accessibilities
        .accessibility.accessibility-office
        .panel
        .content-information
        .info {
        border-bottom: 1px solid rgb(var(--cc-light));
    }
    /* DETAIL BANNER */

    /* DETAIL FACILITY SERVICES */
    #facilityServices .facility-service-items {
        display: block;
        width: max-content;
        margin: 0 auto;
    }

    #facilityServices .facility-service-items .item .icon,
    #facilityServices .facility-service-items .item {
        font-size: 1.5rem;
    }

    #facilityServices .facility-service-items .item .icon,
    #facilityServices .facility-service-items .item .icon img {
        width: 20px;
        height: 20px;
        margin-top: -5px;
    }
    /* DETAIL FACILITY SERVICES */

    /* DETAIL PUBLIC FACILITY */
    #publicFacilities {
        padding: 3rem 3rem 0rem;
    }

    #publicFacilities .title {
        margin: 0 auto 1.5rem;
    }

    #publicFacilities .owl-carousel-public-facilities-items {
        margin-bottom: 3rem;
    }

    #publicFacilities
        .owl-carousel-public-facilities-items
        .public-facilities-item {
        width: 85%;
    }

    #publicFacilities
        .owl-carousel-public-facilities-items
        .public-facilities-item
        img {
        border-radius: 50px 50px 50px 0px;
        object-fit: cover;
    }
    /* DETAIL PUBLIC FACILITY */

    /* DETAIL ROOM TYPE */
    #roomType {
        background: #fbfbfb;
        padding: 3rem 0;
    }

    #roomType .owl-carousel-room-types .room-types {
        padding: 1rem 0;
    }

    #roomType .owl-carousel-room-types .room-types .room-type-item {
        width: 85%;
        margin: 0 auto;
    }

    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .title {
        font-size: 1.5rem;
        letter-spacing: 0px;
    }

    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .facilities
        .title {
        font-size: 1.75rem;
        letter-spacing: 0px;
    }

    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .specifications
        .specification-item
        .value,
    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .specifications
        .specification-item
        .value
        *,
    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .facilities
        ul
        li {
        font-size: 1.25rem;
    }

    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .specifications
        .specification-item
        .value
        span {
        font-size: 1rem;
    }

    #roomType
        .owl-carousel-room-types
        .room-types
        .room-type-item
        .room-detail
        .facilities {
        height: 175px;
    }

    .preview-gallery .splide__arrow.splide__arrow--prev {
        left: -2.5em;
    }

    .preview-gallery .splide__arrow.splide__arrow--next {
        right: -2.5em;
    }
    /* DETAIL ROOM TYPE */

    /* DETAIL LOCATION */
    #location .card {
        width: 85%;
        margin: 0 auto;
    }

    #location .card .maps .gmap_iframe {
        height: 225px;
    }

    #location .card .info {
        display: block;
    }

    #location .card .info .address {
        margin-bottom: 1rem;
    }

    #location .card .info .btn-get-direction {
        width: max-content;
        margin: 0 auto 1rem;
    }
    /* DETAIL LOCATION */

    /* FAQ */
    #faqContent .faq-container .faq-body {
        width: 100%;
    }

    #faqContent .faq-container .faq-body .faq-content .accordion {
        padding: 1rem 2rem 1rem 0;
    }
    /* FAQ */

    /* FOOTER */
    footer .inner-footer {
        padding: 5rem 0 3rem;
    }

    footer .inner-footer .footer-logo {
        height: 150px;
        margin-bottom: 2rem;
    }

    footer .inner-footer .footer-logo img {
        object-position: center;
    }

    footer #supportChannels {
        text-align: center;
    }

    footer #supportChannels .title,
    footer .title-link {
        font-size: 1.5rem;
    }

    footer #supportChannels .support-channels {
        width: max-content;
        margin: 0 auto;
    }

    footer #supportChannels .support-channels li a {
        font-size: 1.25rem;
    }

    footer .social-media-channels {
        justify-content: center;
    }

    footer .social-media-channels li a {
        width: 30px;
        height: 30px;
    }

    footer .copyright {
        font-size: 1.25rem;
        text-align: center;
    }
    /* FOOTER */

    /* FLOATING WA */
    .floating-contact-us {
        bottom: 30px;
        right: 20px;
    }
    /* FLOATING WA */
}

@media (max-width: 576px) {
    * {
        font-size: 12px;
    }

    .banner-item {
        height: 525px;
    }

    .banner-item .house {
        height: 275px;
    }

    .owl-carousel-testimonies .testimony-item .message {
        font-size: 1rem;
    }

    .advantages-image img {
        object-fit: cover;
    }

    #aboutBanner {
        height: 45vh;
    }

    #detailBanner .house {
        height: 35vh;
    }

    #detailBanner .house .gallery-amenities img:nth-child(1) {
        left: 0;
    }

    #detailBanner .house .gallery-amenities img:nth-child(3) {
        right: 0;
    }

    #publicFacilities
        .owl-carousel-public-facilities-items
        .public-facilities-item {
        height: 350px;
    }

    /* ABOUT */
    #aboutMission .content .mission-description .line-up,
    #aboutMission .content .mission-description .line-down {
        width: 35%;
    }

    #aboutMission .content .mission-description .line-up {
        bottom: -45%;
    }

    #aboutMission .content .mission-description .line-down {
        top: -35%;
    }
    /* ABOUT */

    /* TENANT TESTIMONY */
    .testimonies .testimony-item .message {
        height: 170px;
    }

    .owl-carousel-testimonies .testimony-item .message {
        height: unset;
    }

    .owl-carousel-testimonies .testimony-item .author .author-profile .title {
        font-size: 14px;
    }

    .owl-carousel-testimonies
        .testimony-item
        .author
        .author-profile
        .subtitle {
        font-size: 12px;
    }
    /* TENANT TESTIMONY */

    /* LANDLORD */
    #landlordTestimonies .landlord-item {
        width: 100%;
    }

    #landlordTestimonies .landlord-item .landlord-content {
        width: 70%;
    }
    /* LANDLORD */

    /* HOUSE */
    #houseHeader .content {
        max-width: 95%;
    }

    #houseCatalog {
        width: 100vw;
    }

    #houseCatalog .catalogs .catalog-item {
        width: 100%;
        padding: 0;
    }

    #houseCatalog .catalogs .catalog-item .body {
        height: 275px;
    }

    #houseCatalog .catalogs .catalog-item .header .address {
        left: 15px;
    }

    #houseCatalog .catalogs .catalog-item .header .address .content {
        top: -70px;
        left: -10px;
        transform: unset;
    }

    #houseCatalog .catalogs .catalog-item .header .address .content .arrow {
        left: 20px;
        transform: rotate(45deg);
    }
    /* HOUSE */
}

@media (max-width: 400px) {
    /* TENANT TESTIMONY */
    .testimonies .testimony-item .message {
        height: 190px;
    }
    /* TENANT TESTIMONY */

    /* HOUSE DETAIL */
    #facilityServices {
        padding: 3rem 1rem;
    }

    #detailBanner .house .gallery-amenities img {
        width: 115px;
    }

    .facility-service-items .item .description {
        width: 250px;
    }

    #detailBanner .accessibility-information {
        padding: 2rem 0rem;
    }
    /* HOUSE DETAIL */
}

@media (max-width: 350px) {
    /* HOUSE */
    #houseCatalog .catalogs .catalog-item .header .address .icon-pinpoint {
        width: 25px;
        height: 25px;
    }

    #houseCatalog .catalogs .catalog-item .header .address .icon-pinpoint img {
        width: 15px;
        height: 15px;
    }
    /* HOUSE */

    /* HOUSE DETAIL */
    #detailBanner .accessibility-information {
        padding: 0px;
    }

    #detailBanner .house .gallery-amenities img {
        width: 100px;
        height: 100px;
    }
    /* HOUSE DETAIL */

    /* TENANT TESTIMONY */
    .testimonies .testimony-item .message {
        height: 220px;
    }
    /* TENANT TESTIMONY */
}