@media screen and (max-width: 1163px) {
    /* ========================================================================= */
    /* --- 1. DESKTOP/LARGE SCREENS (MIN-WIDTH) --- */
    /* ========================================================================= */
    .footerTopContainer {
        width: 78%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .box-footer-right{
        margin-left: 20px;
        margin-right: 20px;
    }
    .box-footer-left{
        margin-left: 20px;
    }
    .footerMenus {
        width: max-content;
    }
    @media screen and (min-width: 768px) {
        /* Đảm bảo container không bị giới hạn chiều rộng mặc định của Bootstrap (nếu có) */
        .container {
            width: unset;
        }
    }
    @media screen and (min-width: 992px) {
        .container {
            width: unset;
        }
    }
    @media screen and (min-width: 860px) and (max-width: 992px) {
        /* Điều chỉnh menu header cho màn hình Tablet lớn */
        .headerNavMenu li {
            padding-right: 15px
        }
        .headerNavMenu li a {
            font-size: 13px
        }
    }
    @media screen and (min-width: 768px) and (max-width: 860px) {
        /* Điều chỉnh menu header cho màn hình Tablet vừa */
        .headerNavMenu li {
            padding-right: 8px
        }
        .headerNavMenu li a {
            font-size: 12px
        }
    }
    /* ========================================================================= */
    /* --- 2. LARGE TABLET/SMALL DESKTOP (MAX-WIDTH: 1300px - 992px) --- */
    /* ========================================================================= */
    @media (max-width: 1300px) {
        .footerLogoContainer .footerLogo img {
            width: 156px;
        }
        /* Fix lỗi tràn text trong footer menu */
        .footerMenu ul li a>p {
            white-space: nowrap;
            width: 90%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
    @media screen and (max-width: 1040px) {
        .mainContent>.container.list-county>.inner>.inner_wrapper>.sidebar_wrapper {
            padding-top: 30px;
        }
    }
    @media screen and (max-width: 1024px) {
        /* (Đã được xử lý trong khối 601px - 1024px dưới đây) */
    }
    @media screen and (max-width: 1000px) {
        .logo-doitac {
            height: 250px;
        }
        .headerNavMenu li {
            padding-right: 15px;
        }
    }
    /* ========================================================================= */
    /* --- 3. TABLET LANDSCAPE/SMALL LAPTOP (MAX-WIDTH: 990px) --- */
    /* ========================================================================= */
    @media screen and (max-width: 990px) {
        .searchTabsCtrl .input-tag-duong-content .sortBy {
            display: flex;
            justify-content: space-between;
        }
        .searchTabsCtrl .input-tag-duong .sortBy .select-holder {
            /*display:flex;*/
            justify-content: flex-end;
        }
        .searchTabsCtrl .input-tag-duong .sortBy .select-holder>select {
            min-width: 100px;
            max-width: 300px;
            width: 100%;
        }
        .input-tag-search {
            /*min-width: 100px;
        max-width: 300px;*/
        }
        .input-tag-duong-content .sortByinputtab .input-tag-search>tags-input {
            /*width: 100%;*/
        }

    }
    @media screen and (max-width: 950px) {
        /* Chế độ bản đồ/danh sách (Map/List View) */
        .twoColumnContent-Maps .leftBar {
            width: 100%;
        }
        .twoColumnContent-Maps #map {
            width: 100%;
        }
        .propList .propItemPriceCol .out-propItemPriceCol>div {
            padding-right: 0;
        }
        .propList .propItemPriceCol .out-propItemPriceCol>.locationWidget {
            margin: 0;
            padding-left: 0;
        }
        /* Chi tiết tài sản (Property Detail) - Chuyển sang 1 cột hoặc điều chỉnh flex */
        .twoColumnContainer .twoColumn_hasRight {
            display: flex;
            flex-direction: column;
        }
        .twoColumnContainer .twoColumn_hasRight>.leftBarWrapper {
            order: unset;
        }
        .twoColumnContainer .twoColumn_hasRight>.leftBarWrapper>.leftBar {
            padding-left: 0
        }
        .twoColumnContainer .twoColumn_hasRight>.leftBarWrapper>.leftBar>* {
            width: 100%;
        }
        /* Nội dung chi tiết */
        .locationContentWrapper .locationContentBlock {
            width: 100%;
            display: flex;
            flex-direction: row;
            /* Vẫn giữ 2 cột ban đầu, sẽ bị override ở @max-width: 768px */
        }
        .locationContentWrapper .locationContentBlock .propertyContent {
            width: 70%;
            padding-right: 20px;
        }
        .locationContentWrapper .locationContentBlock .propertyAdditionalContent {
            flex: 1;
            border-left: 1px solid #b5b5b5;
            padding-left: 20px;
            padding-right: 20px;
            margin-top: 60px;
        }
        footer {
            z-index: 9;
        } 
    }  
    
    /*===========================khung hình 870px =============================*/
    @media screen and (max-width: 870px) {
        .headerCartList {
            display: flow;
        }
        .footerLogoContainer .footerLogo img {
            width: 156px;
        }
        /* ========================================================================= */
        /* --- 4. TABLET PORTRAIT/MOBILE LARGE (MAX-WIDTH: 768px - 660px) --- */
        /* ========================================================================= */
        /* Quy tắc chung cho Tablet và Mobile */
        @media screen and (max-width: 768px) {
            .mainContent {
                margin-top: 60px;
            }
            /* Footer Awards */
            .footerTopContainer .footerContact .awards__container {
                width: 140px;
            }
            .awards__container_track-winner .track-winner {
                height: 80px;
            }
            /* Chi tiết tài sản - Chuyển sang 1 cột chính thức */
            .twoColumnContent.twoColumn_hasRight .propertyContentBlock>* {
                padding: 20px 0px 0
            }
            .locationContentWrapper .locationContentBlock {
                flex-direction: column;
                /* Chuyển thành 1 cột */
            }
            .locationContentWrapper .locationContentBlock .propertyContent {
                width: 100%
            }
            .locationContentWrapper .locationContentBlock .propertyAdditionalContent {
                width: 100%;
                border-left: 0px solid #b5b5b5;
                /* Bỏ border */
                margin-top: 0;
            }
            .twoColumnContainer .twoColumn_hasRight>.leftBarWrapper>.leftBar {
                padding: 0 10px;
            }
            /* Slider/Hình ảnh */
            .twoColumnContainer .twoColumn_hasRight #propertySlider,
            .twoColumnContainer .twoColumn_hasRight .sp-mask,
            .twoColumnContainer .twoColumn_hasRight .loading-image-container,
            .twoColumnContainer .twoColumn_hasRight .office-highlight {
                height: 225px !important;
            }
            .twoColumnContainer .twoColumn_hasRight .office-highlight {
                background-size: cover;
            }
            .twoColumnContainer .twoColumn_hasRight .sp-slides-container>.sp-arrows>.sp-arrow {
                width: 30px;
                height: 40px;
                background-size: 25px;
                background-position: 0px;
            }
            .twoColumnContainer .twoColumn_hasRight .sp-slides-container>.sp-arrows>.sp-next-arrow {
                background-position: 6px;
            }
            /* Tiêu đề */
            .mSearchTitle,
            .campaign .campaignTitle,
            .campaignBig .campaignTitle {
                /*font-size: 3.4rem;*/
            }
            .campaign .campaignText,
            .campaignBig .campaignText {
                display: none;
            }
            /* Điều chỉnh logo */
            .footerLogoContainer .footerLogo img {
                width: 136px;
                margin-top: 10px;
            }
            /* Điều chỉnh các phần tử trong footer menu */
            .footerMenu ul li a>p {
                white-space: nowrap;
                width: 90%;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            /* Điều chỉnh form tìm kiếm */
            .mSearchRow.main-search-row {
                flex-direction: column;
            }
            .mSearchRow.main-search-row .mSearchSet {
                flex: 0 0 100% !important;
            }
            .mSearchRow.main-search-row .mSearchSet.search-button-set {
                width: 100%;
            }
            #autocomplete-page_value {
                /*height: unset;*/
            }
            .mSearchLabel,
            .mSearchField .selecter .selecter-selected {
                height: auto;
            }
            .mSearchField .selecter .selecter-selected {
                padding: 7px 30px 7px 10px;
            }
            .mSearchLabel {
                line-height: 35px;
            }
            .paging ul li a.next:hover {
                background: unset;
            }
            .footerTopContainer {
                flex-direction: column;
                flex-basis: 100%;
                margin-left: 0;
                order: 0;
                display: contents;
                /* Điều chỉnh để các phần tử con chiếm full width */
            }
            @media screen and (max-width: 740px) {
                /* Sidebar List County - Chuyển sang 1 cột */
                .mainContent>.container.list-county>.inner>.inner_wrapper {
                    display: flex;
                    flex-direction: column;
                }
                .mainContent>.container.list-county>.inner>.inner_wrapper>.sidebar_wrapper {
                    width: 100% !important;
                    padding-top: 0px;
                    padding-left: 0px;
                }
            }
            @media screen and (max-width: 725px) {
                /* Form liên hệ (Enquire Form) */
                .enquireFormContainer .btnDelete {
                    background-position: 8px -14px;
                }
                .enquireFormContainer .btnDelete:hover {
                    background-position: 8px 16px;
                }
                /* Khối nội dung */
                #RootContent_maincontent_0_ctl03_divBlock>.container {
                    flex-direction: column;
                }
                #RootContent_maincontent_0_ctl03_divBlock>.container>* {
                    padding: 0;
                }
            }
            @media screen and (max-width: 715px) {
                /* Popup/Modal */
                .popupBGN .quick-modal-progress {
                    margin-top: 20px;
                }
                .questioner-title__text {
                    font-size: 24px !important
                }
            }
            @media screen and (max-width: 680px) {
                .footerMenu ul {
                    margin-top: 33px;
                }
                .footer_inner-container {
                    display: grid;
                }
                /*.footerLogoContainer {
                    order: 1;
                    flex-basis: 100%;
                    text-align: center;
                    margin-top: 30px;
                    padding-left: 0;
                    width: 100%;
                }*/
                .propKeyInfoNB>div .propKeyInfoNB-info {
                    width: 30%;
                }
                .group-title {
                    font-weight: bold;
                    font-size: 16px;
                    max-width: 20%;
                    width: 90%;
                }
                .box-footer-right{
                    margin-left: unset;
                    margin-right: unset;
                }
                .box-footer-left{
                    margin-left: unset;
                }
                .box-footer-left{
                    margin-left: unset;
                    max-width: unset;
                }
            }
            @media screen and (max-width: 660px) {
                /* CSS cũ: Tablet Portrait (660px) */
                .itemPopular .propItemPriceCol {
                    background: #edf2d6;
                }
                .mainHeaderLogo {
                    margin-top: 5px;
                    text-align: center;
                    width: fit-content !important;
                }
                .searchLayout .propItem,
                .input-tag-duong .input-tag-duong-content {
                    flex-direction: column;
                }
                .locationContentWrapper .posts>li,
                .input-tag-duong .input-tag-duong-content .sortBy,
                .input-tag-duong .input-tag-duong-content .input-search {
                    width: 100% !important;
                }
                .mSearch,
                .mSearch.mSearch-no-results {
                    margin-top: 0px;
                }
                .searchTabsCtrl .input-tag-duong .sortBy .select-holder {
                    max-width: 100%;
                    min-width: auto;
                }
                /* Nút tìm kiếm */
                .btn-timkiem-search {
                    width: 100%;
                    padding: 10px;
                }
                .btn-timkiem-search>input {
                    width: 100%;
                    margin-left: 0 !important;
                    padding: 12px 10px !important;
                }
                .searchTabsCtrl .input-tag-duong-content .sortBy.sortByinputtab tags-input .tags {
                    padding: 4px;
                }
                .input-tag-duong .search-money-s .sortBy {
                    padding-top: 0;
                    padding-bottom: 10px !important;
                }
                /* List item price col */
                .propList .propItemPriceCol .out-propItemPriceCol>div {
                    padding-right: 10px;
                }
                .propList .propItemPriceCol .out-propItemPriceCol>.locationWidget {
                    padding-left: 10px;
                }
                #RootContent_maincontent_0_ctl03_divBlock>.container .blockHeader {
                    text-align: left;
                }
                /* Input tìm kiếm */
                #master .mainContent .mSearch .mSearchFields .mSearchRow .mSearchSet.mSearchSet-7 .mSearchField .angucomplete-holder {
                    height: 45px;
                }
                #master .mainContent .mSearch .mSearchFields .mSearchRow .mSearchSet.mSearchSet-7 .mSearchField .angucomplete-holder>input {
                    height: 100%;
                }
                /* Fix flex basis cho mSearchSet */
                .mSearchSet {
                    width: 100% !important;
                    margin-bottom: unset;
                }
                .propKeyInfoNB>div .propKeyInfoNB-info {
                    width: unset;
                }
                .group-title {
                    font-weight: bold;
                    font-size: 16px;
                    max-width: 28%;
                    width: 90%;
                }
            }
            /* ========================================================================= */
            /* --- 5. MOBILE (MAX-WIDTH: 650px - 460px) --- */
            /* ========================================================================= */
            @media screen and (max-width: 650px) {
                /* Quick Modal */
                .quick-modal_io1178 #officeSize .questioner-title__text {
                    font-size: 24px !important
                }
                .quick-modal__container {
                    background: #fff !important;
                }
                .questioner-answers__radio-group .questioner-answers,
                .questioner-radio-out {
                    height: 280px;
                }

            }
            @media screen and (max-width: 600px) {
                /* CSS cũ: Mobile (600px) */
                .logo-doitac {
                    height: 250px;
                }
                /* Footer: 1 cột dọc (Mobile First) */
                .footer_inner-container {
                    flex-direction: column;
                    padding-bottom: 0px;
                    display: flex;
                    /* Bị lặp, giữ lại cái này để đảm bảo flex */
                }
                .footerLogoContainer {
                    order: 1;
                    flex-basis: 100%;
                    text-align: center;
                    margin-top: unset;
                    padding-left: 0;
                    width: 100%;
                }
                .footerContact,
                .menu-footer,
                .footerMenu {
                    flex-basis: 100%;
                    width: 100%;
                    margin-bottom: 2px;
                    padding: 2px;
                    /* Thêm padding từ block mobile first thứ 2 */
                }
                .menu-footer {
                    flex-direction: column;
                }
                .footerMenu {
                    padding-top: 7px;
                }
                .logo-lienket {
                    display: unset;
                    width: unset;
                }
                /* Fix lỗi Text/SĐT bị ngắt dòng */
                .footerContact .menu-right a {
                    white-space: nowrap;
                    display: flex;
                    align-items: center;
                }
                .footerContact .menu-right p {
                    font-size: 14px;
                }
                /* Tiêu đề khối (blockHeader) */
                .blockHeader-titel {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 15px;
                }
                .blockHeader-titel h3 {
                    font-size: 22px;
                }
                .search-wrapper,
                .search-box,
                .search-input {
                    width: 100%;
                }
                .search-wrapper {
                    justify-content: flex-end;
                }
                .search-box,
                .search-input {
                    height: 35px;
                }
                .search-button {
                    padding: 0 10px;
                }
                /* Copyright */
                .copyright {
                    font-size: 10px;
                    padding: 10px 15px;
                }
                .footerMenu ul li a>p {
                    white-space: unset;
                    word-break: auto-phrase;
                }
                /* Khối Thông tin BĐS (Block mobile first thứ 2) */
                .propertyKeyInfoSetRow {
                    flex-direction: column;
                    align-items: unset;
                }
                .propertyKeyInfoSetRow li {
                    justify-content:unset;
                    flex: 0 0 100%;
                    word-break: break-word;
                }
                .logo-zalo {
                    height: 27px;
                }
                .hidden {
                    display: none !important;
                }
                #autocomplete-page_value {
                    /*height: 45px;*/
                }
                .footerMenu h3 {
                    width: max-content;
                    padding-left: unset;
                    margin-left: unset;
                    padding-bottom: 16px;
                }
                .nexts{
                    margin-left: 15px;
                }
                .group-items {
                    display: unset;
                }
            }
            /* ========================================================================= */
            /* --- 6. TABLET/MOBILE RANGE (601px < width <= 1024px) - Xử lý Footer Tablet */
            /* ========================================================================= */
            @media (min-width: 800px) and (max-width: 1024px) {
                /* Logo chuyển xuống cuối */
                .footer_inner-container {
                    flex-wrap: wrap;
                    flex-direction: column;
                }
                .footerTopContainer {
                    flex-wrap: wrap;
                    flex-basis: 75%;
                    margin-left: 0;
                    width: 79%;
                }
                .footerContact {
                    flex-basis: 48%;
                    display: flex;
                    flex-direction: column;
                }
                .menu-footer {
                    flex-basis: 48%;
                    display: flex;
                    flex-wrap: wrap;
                }
                .footerMenu {
                    flex-basis: 100%;
                }
                .footerLogoContainer {
                    order: 1;
                    flex-basis: 100%;
                    width: 20%;
                }
                .logo-lienket {
                    margin-left: 14px;
                }
                .mSearchSet {
                    margin-bottom: unset;
                }
            }
            @media screen and (max-width: 490px) {
                footer .copyright,
                footer .copyright a {
                    width: unset;
                    display: block;
                    text-align: center;
                }
                .box-footer-right{
                    margin-left: unset;
                    margin-right: unset;
                }
                
            }
            /* ========================================================================= */
            /* --- 7. MOBILE SMALL (MAX-WIDTH: 480px - 400px) --- */
            /* ========================================================================= */
            /*@media screen and (max-width: 480px) {
    .btn-cookies {
        padding: 10px 0;
        font-size: 14px;
        width: 100%; /* Chiếm trọn 100% chiều rộng thanh */
        }
    }
    @media screen (max-width: 460px) {
        /* Nội dung Teaser */
        .imgTeaser .txtSection .contentEditable {
            max-height: 3.7em;
        }
        /* Footer Awards */
        .footerTopContainer .footerContact .awards__container {
            bottom: 52px;
        }
        /* Form liên hệ */
        .enquireFormContainer .enquireList .enquireListItem {
            display: flex;
            flex-direction: column;
        }
        .enquireFormContainer .enquireList .enquireListItem .enquireListImage,
        .enquireFormContainer .enquireList .enquireListItem .enquireListDesc {
            width: 100%;
            padding: 0px;
        }
        .enquireFormContainer .enquireList .enquireListItem .enquireListDesc {
            height: 100%;
            margin-top: 15px;
        }
        .formWrapper .enquireFormContainer .enquireList .enquireListItem .enquireListDesc {
            padding-left: 0px;
        }
    }
    @media screen and (max-width: 400px) {
        /* Footer Awards (Nhỏ nhất) */
        .footerTopContainer .footerContact .awards__container {
            width: 100px;
            margin: 0 0 5px 0;
            bottom: 68px;
        }
        .awards__container_track-winner .track-winner {
            height: 50px;
        }
    }
}