@media screen and (max-width: 1399px) {

    .project-apartment-lease_header,
    .project-home .project-home_header {
        padding: 0 2rem;
    }
}

@media screen and (max-width: 1150px) {
    .project-slider .project-item {
        flex-direction: column-reverse;
    }

    .project-slider .project-item .project-item_img {
        width: 100%;
        max-width: unset !important;
    }

    .project-slider .project-item .project-item_des {
        width: 100%;
        max-width: unset !important;
    }

    .banner-slider_title {
        font-size: 1.7rem;
    }

    .intro-home {
        font-size: 1.32rem;
    }

    .project-area_title,
    .project-policy_title,
    .project-virtual_title {
        font-size: 1.82rem;
    }

    .project-area_list ul li::before,
    .project-policy_list ul li::before {
        top: 0.4rem;
    }
}

@media screen and (max-width: 1024px) {
    .footer-info {
        flex-wrap: wrap;
        gap: 4rem;
    }

    .footer-info .footer-infor_left,
    .footer-info .footer-infor_right {
        max-width: 100%;
    }

    .project-apartment-lease .slick-prev {
        left: 3.5rem;
    }

    .project-apartment-lease .slick-next {
        right: 3.5rem;
    }

    .project-virtual_view {
        padding-bottom: 100%;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-collapse .navbar-nav {
        gap: 3.5rem;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-brand {
        text-align: center;
        flex: 1 0 auto;
    }
}

@media screen and (max-width: 650px) {
    .footer-info .footer-infor_left {
        flex-wrap: wrap;
        gap: 2.2rem;
    }

    .footer-hotline {
        margin-left: auto;
        margin-right: auto;
    }
}