/* Mobile & tablet */
@media (max-width: 1023px) {
    .no-display-mobile-tablet {
        display: none !important;
    }

    .project-nhadat .container {
        padding: 10px;
    }

    .my-news-breadcum .container {
        padding: 2px 10px;
    }
.arcontactus-widget.right.arcontactus-message{
	display:none;
}
    .my-news-breadcum {
        background: #dcdcdc;
    }

        .my-news-breadcum .news-search input {
            background: #fff;
            padding: 12px;
            border-radius: 50px;
            font-size: 14px;
        }

    .detail-news-wrap .p-details h1 {
        line-height: 145%;
        font-size: 15px;
    }

    .my-side.user.side-info-detail-bds {
        position: fixed;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        z-index: 999999;
        border-radius: 12px 12px 0 0;
        padding: 15px 10px;
    }

    .detail-news-album .img-item {
        width: 50%;
        height: 175px;
    }

    .same-cate-title {
        font-size: 18px;
    }

    .same-cate ul.p-news-list__type2.rs {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 12px;
    }

    .my-side-news .side-news-item .title {
        font-size: 16px;
    }

    .side-news-link h3 {
        font-size: 14px;
    }

    .my-side.user.side-info-detail-bds .note {
        display: none;
    }

    .my-side.user.side-info-detail-bds .btn-tel {
        width: 40%;
        padding: 7px 10px;
        margin: 0;
    }

    .my-side.user.side-info-detail-bds .img {
        margin-left: 0;
        width: 44px;
        height: 44px;
        margin-right: 0;
        display: none;
    }

    .my-side.user.side-info-detail-bds .name {
        margin-right: 9px;
        font-size: 15px;
    }

    .project-nhadat {
        padding: 30px 0;
    }

    .search-box .arrow {
        padding: 8px 14px;
        font-size: 13px;
        height: 100%;
        width: 100%;
        padding-right: 28px;
    }

    .grid.wide {
        padding: 0 20px;
    }

    .footer-menu-fixed {
        background: #fff;
        bottom: 0;
        box-shadow: 0 -5px 10px rgba(0,0,0,.1);
        display: block;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .footer-menu-wrap {
        align-items: center;
        display: flex;
        position: relative;
        padding: 0;
        margin: 0;
    }

        .footer-menu-wrap:before {
            background-image: url(../images/circle-shape.png);
            content: "";
            height: 19px;
            left: 50%;
            position: absolute;
            top: -19px;
            transform: translateX(-50%);
            width: 70px
        }

        .footer-menu-wrap > li {
            width: 20%;
            list-style: none;
        }

            .footer-menu-wrap > li > a {
                color: #555;
                display: block;
                padding: 6px 0;
                text-align: center
            }

            .footer-menu-wrap > li svg {
                color: #f79922;
                width: 25px
            }

            .footer-menu-wrap > li span {
                display: block;
                font-size: 12px;
                line-height: 1;
                font-family: 'MonSB';
                font-weight: normal;
            }

            .footer-menu-wrap > li:nth-child(3) {
                position: relative
            }

                .footer-menu-wrap > li:nth-child(3) > a {
                    color: #fff;
                    position: relative;
                    z-index: 1
                }

                .footer-menu-wrap > li:nth-child(3) svg {
                    color: #fff
                }

        .footer-menu-wrap:before {
            background-image: url(https://dalathomes.com/wp-content/themes/dalathome-ver2/images/circle-shape.png);
            content: "";
            height: 19px;
            left: 50%;
            position: absolute;
            top: -16px;
            transform: translateX(-50%);
            width: 70px;
        }

        .footer-menu-wrap > li:nth-child(3):after {
            background: #cf1508;
            border-radius: 50%;
            bottom: -9px;
            content: "";
            height: 74px;
            left: 50%;
            pointer-events: none;
            position: absolute;
            transform: translateX(-50%);
            width: 74px;
        }

    .webantam-nav {
        display: none !important;
    }

    ul.footer-menu-wrap svg path, ul.footer-menu-wrap svg rect {
        stroke: #cf1508;
    }

    ul.footer-menu-wrap .phone svg path, ul.footer-menu-wrap .phone svg rect {
        stroke: #fff;
    }

    ul.footer-menu-wrap svg {
        margin-bottom: 4px;
    }

    .detail-news-author {
        display: none;
    }

    .p-place-list {
        height: auto;
    }

    .my-da-search .reset .icon::before {
        display: none;
    }

    .user-list-pro-rs .item {
        background-color: #fff;
        border-radius: 5px;
        padding: 12px 18px;
        box-shadow: 0 0 10px 0 #33333330;
    }

    .p-base-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 14px;
        row-gap: 14px;
    }

    .home-base-container .p-base-item:nth-child(7),
    .home-base-container .p-base-item:nth-child(8) {
        display: none;
    }

    .user-container.baidang {
        overflow: unset;
        background-color: transparent;
        padding: 0;
        box-shadow: unset;
    }

    .lefttrangcon.floatright {
        padding: 20px 24px;
    }

    .user-list-pro-rs {
        position: relative !important;
        top: unset;
        left: unset;
        display: grid !important;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 25px;
        row-gap: 25px;
    }

    .project-dangtin .container {
        padding: 0 !important;
    }

    .project-dangtin .righttrangcon {
        display: none;
    }

    .base-right-list .wrap {
        border: 1px solid #EAEAEA !important;
        background-color: #fff;
    }

    .user-container {
        width: 100%;
    }

    .base-left {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        z-index: 9;
        opacity: 0;
        pointer-events: none;
        background-color: #fff;
    }

    .base-right-list .heading {
        display: none;
    }

    .base-right-list .wrap-item.check {
        display: none;
    }

    .base-right-list .wrap-item:nth-child(2) {
        display: none;
    }

    .my-banner .swiper-button-next,
    .my-banner .swiper-button-prev {
        display: none;
    }

    .detail-news .container {
        padding-bottom: 25px;
    }

    .detail-news-bottom .my-left,
    .detail-news-bottom .my-right {
        float: unset;
        width: 100%;
    }

    .detail-da-side .btn-share {
        display: flex !important;
    }

    .detail-da-side {
        float: none;
        z-index: 1;
        padding: 0;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .detail-da-wrap {
        float: unset;
        width: 100%;
    }

    .detail-pro-left {
        width: 100%;
        float: unset;
    }

    .detail-pro-right {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .detail-pro .container {
        flex-direction: column-reverse;
        display: flex;
    }

    .my-side.place {
        display: none;
    }

    .my-side-news .side-news-item:last-child {
        margin-bottom: 0;
    }

    .my-news-bottom {
        display: flex;
        flex-direction: column;
    }

    .bottom-full-new-child ul.p-news-list__type2.rs {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 12px;
        margin-top: 36px;
        padding-bottom: 15px;
    }

    .my-news-bottom .bottom-left, .my-news-bottom .bottom-right {
        float: none;
        width: 100%;
        padding: 0;
        margin-top: 40px;
    }

    .da-wrap {
        width: 100%;
    }

    .my-banner-da .swiper-pagination {
        right: 20px;
        bottom: 8px;
    }

    .my-da-search {
        overflow-y: hidden;
        overflow-x: auto;
        overflow: unset;
    }

    .my-filter-1 .cate {
        /* display: none; */
    }

    .my-filter-1 .search {
        margin-bottom: 15px;
    }

    .my-filter-1 {
        display: block;
        padding: 12px;
    }

    .full-search-bds {
        width: 100%;
    }

    .back-decor-search {
        height: 100%;
    }

    .title-search-estate-child h3 {
        font-size: 15px;
    }

    .search-bds-child {
        padding: 35px 0;
    }

    .title-search-estate-child .container {
        padding: 0;
    }

    .lefttrangcon {
        width: 100% !important;
        padding: 0;
        float: unset;
    }

    .my-news-login .container {
        flex-direction: column;
    }

    .my-news-login .my-login-left {
        display: none;
    }

    .my-news-login .my-login-right {
        padding: 30px 15px;
        width: 100%;
    }

    .my-menu {
        display: block !important;
    }

    footer .container {
        flex-direction: column;
    }

    .footer-info {
        width: 100%;
    }

    .footer-heading {
        margin: 0;
        width: fit-content !important;
    }

    .footer-item,
    .footer-contact {
        /* display: none; */
        padding: 0;
        margin-top: 15px;
    }

    .footer-contact {
        margin-top: 15px !important;
        padding: 0 !important;
    }

        .footer-contact .input {
            margin-bottom: 20px !important;
        }

    .footer-item {
        margin-top: 15px !important;
        padding: 0 !important;
    }

    .home-news-wrap.my-right .wrap-item-img {
        width: 90px;
    }

    .home-news-wrap.my-right .wrap-item-content .options-item:last-child {
        display: none;
    }

    .home-news-wrap.my-right .wrap-item-content h3 {
        -webkit-line-clamp: 2;
        height: unset;
        font-size: 13px;
    }

    .home-project-item.my-right {
        display: none;
    }

    .home-project-item.my-left {
        width: 100%;
    }

    .mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        /* position: absolute; */
    }

    .header-top-right {
        display: none;
    }

    .search-link {
        display: none;
    }

    .top-header .container {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .accountm {
        display: none;
    }

    .content-search {
        flex-wrap: wrap;
        border-radius: 10px;
        background-color: #fff;
        position: unset;
    }

        .content-search .button .decor-dbs {
            display: none;
        }

    .searchbox-over .btn {
        font-size: 15px;
        height: 36px;
        padding: 0px 16px;
    }

    .side-e-content a {
        margin: 0;
        margin-bottom: 15px;
    }

    .side-e-content {
        flex-direction: column-reverse;
    }

    .content-search .texttim,
    .content-search .arrow,
    .content-search .box-tim,
    .content-search .button {
        margin: 0;
    }

    .jet-filter-items-dropdown {
        font-size: 10px;
        padding: 1px 4px;
        margin: 2px;
    }

    .decor-dbs strong {
        font-size: 14px;
    }

    .search-box .arrow.active .home-new-drop, .search-box .arrow.active .home-new-drop1, .search-box .arrow.active .home-new-drop-price {
        z-index: 2;
    }

    .search-box .arrow.arrow-quan-huyen .home-new-drop {
    }

    .home-new-drop .drop-item, .home-new-drop1 .drop-item, .home-new-drop-price .drop-item {
        font-size: 13px;
    }

    footer .footer-bottom .container {
        padding: 10px 20px;
        flex-flow: column;
    }

        footer .footer-bottom .container span {
            margin-bottom: 0;
            font-size: 14px !important;
            text-align: center;
        }

    .img-map-how {
        width: 100%;
    }

    .search-box .arrow > i {
        right: 10px;
        font-size: 12px;
    }
}

/* Tablet */
@media (min-width: 740px) and (max-width: 1023px) {
    .no-display-tablet {
        display: none !important;
    }

    .my-filter-1 .box-tim {
        width: 50%;
    }

    .help-wrap-1 {
        height: auto;
    }

    .home-news2-list .wrap-rights {
        padding-left: 23px;
    }

    .user-bds-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
        margin-top: 30px;
    }

    .base-right-list {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
        background-color: transparent;
        border: none;
    }

    .my-menu-container {
        width: 40%;
    }

    .detail-news-title {
        font-size: 28px;
    }

    .my-side-news .side-news-item .content {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .container-login {
        width: 60%;
    }

    .p-project-content .options {
        display: none;
    }

    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .home-project .container {
        padding-top: 75px !important;
    }

    .footer-contact {
        width: 50%;
    }

    .p-place-item .content h3 {
        font-size: 17px;
    }

    .p-place-item .content span {
        font-size: 14px;
    }

    .p-pro-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .p-pro-item {
        display: block !important;
    }

    .home-news-wrap.my-left .wrap-item-img {
        height: 225px;
    }

    .home-news-wrap.my-right .wrap-item {
        height: 88px;
    }

    .p-project-content .foot {
        margin-top: 10px;
    }
}

/* Mobile */
@media (max-width: 739px) {
    .no-display-mobile {
        display: none !important;
    }

    .my-news-breadcum .button-open {
        width: 41px;
        justify-content: center;
        background: #fff;
        border-radius: 50px;
        height: 41px;
    }

    .my-news-breadcum .slug {
        flex: 1 1 0;
    }

    .p-base-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .checkboxlist1.f.showcheck .none.checkboxlist-btn-close.p-btn-close {
        display: none !important;
    }

    .p-base-img {
        height: 135px;
    }

    .p-base-title {
        font-size: 15px;
        padding: 0 8px;
        padding-top: 8px;
    }

        .p-base-title span {
            margin-bottom: 4px;
        }

    .p-base-place span {
        font-size: 14px;
        line-height: 136%;
        -webkit-line-clamp: 2;
        padding: 0 8px;
        margin-bottom: 8px;
    }

    .p-base-options {
        padding: 8px;
        flex-direction: column;
        display: none;
    }

        .p-base-options .options-item:last-child {
            margin-bottom: 0;
        }

        .p-base-options .options-item {
            display: flex;
            flex-direction: row;
            margin-bottom: 8px;
        }

    .grid.wide {
        padding: 0 10px;
    }

    .my-tienich input {
        margin-top: 2px;
        height: fit-content;
        margin-top: 6px;
    }

    .my-dt-group .txtcreate {
        width: 100% !important;
    }

    header .texttim {
        display: block;
    }

    .detail-da-nav.fixed {
        top: 59px;
    }

    .my-filter-1 .box-tim .icon strong {
        font-size: 12px;
    }

    .bds-page-search {
        top: 120px !important;
    }

    header .texttim {
        position: relative;
        display: flex;
        align-items: center;
    }

        header .texttim .btn-delete {
            position: absolute;
            right: 10px;
            background-color: #f2f2f2;
            color: #333;
            width: 20px;
            height: 20px;
            font-size: 11px;
            border-radius: 50%;
            cursor: pointer;
            display: none;
        }

            header .texttim .btn-delete.show {
                display: flex;
            }

    .home-news2-heading .list-btn {
        display: none;
    }

    .home-news2-heading .list-cate {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .home-news2-heading .list-cate .decor {
            bottom: 0;
        }

    .home-news2-list .wrap-lefts {
        display: none;
    }

    .home-news2-list .wrap-rights {
        padding-left: 0;
    }

    .home-news2-list {
        height: 378px;
        display: none;
    }

        .home-news2-list .wraps {
            margin-top: 10px;
            height: 378px;
        }

        .home-news2-list .wrap-rights h3 {
            font-size: 14px;
        }

    .home-news2 {
        padding-bottom: 0;
        padding-top: 20px;
    }

        .home-news2 .container {
            padding-top: 0;
        }

    .home-news2-list .wrap-rights h3 p {
        -webkit-line-clamp: 1;
    }

    .btn-for-mb {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-bottom: 30px;
        margin-top: 20px;
        display: none;
    }

    .project-nhadat {
        padding: 0;
        padding-bottom: 0;
    }

    .p-bds-list.no-image .p-bds-item {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .p-bds-foot .infor-sdt {
        /* display: none; */
        margin-right: 0;
        padding: 6px 10px;
    }

    .my-title-top {
        font-size: 18px;
        margin-bottom: 8px;
        margin-top: 4px;
    }

    .li-table.li-update a {
        width: fit-content;
        white-space: nowrap;
        margin-top: 5px;
    }

    .li-email {
        display: none;
    }

    .li-dienthoai {
        width: fit-content;
    }

    .li-update {
        width: fit-content;
    }

    .my-news-breadcum .button-open span {
        display: none;
    }

    .p-da-item__type2 .options-item {
        display: flex;
        flex-direction: row;
        align-items: center !important;
    }

    .options-item span {
    }

    .detail-pro-img .item {
        height: 300px;
    }

    .detail-pro-break {
        font-size: 10px;
        margin-top: 14px;
        line-height: 155%;
        margin-bottom: 0;
    }

        .detail-pro-break a {
            margin-bottom: 4px;
        }

    .detail-pro-title {
        font-size: 15px;
        line-height: 150%;
    }

    .item-img-detail-estate {
        max-width: calc(100% / 3);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 6);
        flex: 0 0 calc(100% / 3);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .item-img-detail-estate .img a img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 140px;
            display: block;
            border-radius: 15px;
        }

    .detail-pro-place {
        font-size: 15px;
    }

    .detail-pro-price {
        flex-direction: column;
        padding: 0;
        position: relative;
    }

    .detail-pro-options {
        position: absolute;
        bottom: -26px;
        right: 6px;
    }

        .detail-pro-options .icon {
            box-shadow: 0 0 10px 0 #33333338;
        }

    .detail-pro-price .my-left {
        width: 100%;
        padding: 12px;
        justify-content: space-evenly;
    }

    .detail-pro-price .price-item span {
        text-align: center;
    }

    .detail-pro-price .price-item p {
        text-align: center;
    }

    .detail-pro-descript .title {
        margin-top: 20px;
        margin-bottom: 8px;
        font-size: 16px;
    }

    .detail-pro-descript section p {
        font-size: 15px;
    }

    .des-date-view-pro-child span {
        font-size: 13px;
    }

    .detail-pro-character {
        margin: 10px 0;
        padding: 10px 0;
    }

    .p-product-swiper {
        flex-flow: column;
    }

    .detail-pro-character .character-item:first-child .item:last-child {
        border-bottom: 0;
    }

    .detail-pro-character .character-wrap {
        flex-direction: column;
    }

    .detail-pro-character .character-item {
        width: 100%;
    }

    .my-news h1 {
        font-size: 20px;
    }

    .my-news h2 {
        width: 100%;
        font-size: 14px;
        margin-top: 14px;
    }

    span.no-data {
        color: #fff;
        font-size: 14px;
    }

    .my-banner-da {
        height: 350px;
    }

        .my-banner-da .swiper-button-next, .my-banner-da .swiper-button-prev {
            display: none;
        }

        .my-banner-da .content-top {
            font-size: 15px;
            flex-direction: column;
            display: flex;
        }

            .my-banner-da .content-top span {
                font-size: 14px;
                padding: 0;
                margin-top: 9px;
            }

                .my-banner-da .content-top span::before {
                    display: none;
                }

    .mobile {
        /* top: 15px; */
    }

    .my-mobile {
        display: block;
    }

    .container {
        padding: 20px 10px;
    }

    .my-news .container {
        padding: 20px 10px;
    }

    .detail-da-nav .container {
        overflow-x: auto;
        overflow-y: hidden;
        padding-top: 10px !important;
    }

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

    .options-for-mb .container {
        padding: 10px;
    }

    .mobile {
    }

    .lantop {
        margin-right: 10px;
    }

    .logo {
        transform: scale(.6) translateX(62px) !important;
    }

        .logo img {
            transform: scale(0.9);
        }

    .my-form {
        width: 100%;
    }

    .fancybox-content {
        width: 100% !important;
    }

    .fancybox-slide--iframe {
        padding: 0 !important;
    }

    .form-container .bottom {
        display: flex;
        flex-direction: column;
    }

        .form-container .bottom .log-gg {
            margin: 15px 0;
        }

        .form-container .bottom a {
            margin-top: 15px;
        }

    .search-link, #ShowMenu, .accountm {
        font-size: 16px;
        padding: 0;
        width: 35px;
        height: 35px;
        padding-top: 6px;
    }

    .form-container {
        width: 100%;
    }

    header .search-box .arrow {
        display: none;
    }

    header .box-tim {
        display: none;
    }

    .content-search {
        border-radius: 10px;
        background-color: transparent;
        backdrop-filter: unset;
        padding: 0;
        box-shadow: unset;
    }

    .side-b {
        width: 100%;
        margin-bottom: 8px;
    }

    .searchbox-over .button {
        width: 100%;
    }

    .searchbox-over.fixed-fixed {
        /* z-index: 9999; */
        /* position: fixed; */
        /* top: 69px; */
        /* height: 32px; */
    }

    .searchbox-over {
    }

    .texttim {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }

        .texttim input {
            border-radius: 5px;
            width: 100%;
            padding: 10px 14px;
        }

    .home-project .container {
        padding: 20px 0;
    }

    .home-project-heading {
        flex-direction: column;
        margin-bottom: 20px;
    }

        .home-project-heading .text h1 {
            text-align: center;
            font-size: 18px;
        }

        .home-project-heading .text h2 {
            text-align: center;
            font-size: 12px;
        }

        .home-project-heading a {
            margin-top: 10px;
        }

            .home-project-heading a span {
                font-size: 11px;
            }

    .home-pro-heading {
        flex-direction: column;
        margin-bottom: 20px;
    }

        .home-pro-heading .text h3 {
            text-align: center;
            font-size: 18px;
        }

        .home-pro-heading .text h4 {
            text-align: center;
            font-size: 12px;
        }

        .home-pro-heading a {
            margin-top: 10px;
        }

            .home-pro-heading a span {
                font-size: 11px;
            }

    .home-news-heading {
        flex-direction: column;
        margin-bottom: 20px;
    }

        .home-news-heading .text h3 {
            text-align: center;
            font-size: 18px;
        }

        .home-news-heading .text h4 {
            text-align: center;
            font-size: 12px;
        }

        .home-news-heading a {
            margin-top: 10px;
        }

            .home-news-heading a span {
                font-size: 11px;
            }

    .p-pro-list {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 14px;
    }

    .p-pro-img .hot {
        display: none;
    }

    .p-pro-img {
        width: 120px;
        height: auto;
        border-radius: 5px;
        height: 133px;
    }

    .p-pro-content .place .icon {
        display: none;
    }

    .p-pro-content {
        flex: 1;
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

        .p-pro-content h3 {
            font-size: 15px;
            height: auto;
            height: 40px;
        }

        .p-pro-content .place span {
            font-size: 13px;
            height: auto;
            height: 36px;
            padding: 0;
        }

    .p-pro-link {
        display: flex;
        align-items: center;
    }

    .p-pro-content .foot .price {
        font-size: 15px;
    }

    .home-news-list {
        flex-direction: column;
    }

    .home-news-wrap.my-left {
        width: 100%;
    }

        .home-news-wrap.my-left .wrap-item {
            width: 100%;
            margin-bottom: 10px;
            flex-direction: column !important;
        }

    .home-news-wrap.my-right {
        padding: 0;
    }

        .home-news-wrap.my-right .wrap-item {
            margin-bottom: 10px;
        }

    .home-news {
        padding: 25px 0;
    }

    .p-place-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .p-place-item .content h3 {
        font-size: 18px;
    }

    .p-place-item .content span {
        font-size: 14px;
    }

    .home-place {
        padding-top: 0;
        padding-bottom: 0;
    }

    .home-news-wrap.my-left .wrap-item-content {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }

    .p-project-content {
        flex: 1;
        padding: 10px;
        border: none;
    }

        .p-project-content .place span {
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            text-align: left;
        }

        .p-project-content .foot {
            margin-top: 12px;
        }

    .foot-update-resate span {
        font-size: 13px;
    }

    .decor-id-view-date span {
        font-size: 13px;
    }

    .phone-create-restae a {
        font-size: 13px;
    }

    .info-project-item section {
        font-size: 14px;
        text-align: justify;
    }

    .p-project-content .options span {
        font-size: 14px;
    }

    .p-project-content .place {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .p-project-content .title {
        padding-top: 0;
        font-size: 15px;
    }

    .p-project-link {
        flex-direction: column;
    }

    .p-project-img {
        width: 100%;
        height: 250px;
        border-radius: 10px;
    }

    .p-project-item {
        border-radius: 10px;
    }

    .p-project-img::before {
        border-radius: 0 0 10px 10px;
    }

    .home-project {
        padding-bottom: 0;
    }

    .home-pro {
        padding-top: 0;
        padding-bottom: 0;
    }

    .my-news-login .my-login-right {
        padding: 30px 15px;
    }

    .container-login {
        width: 90%;
    }

    .p-bds-img {
        grid-template-columns: repeat(3,minmax(0,1fr));
        height: 236px;
        display: unset;
    }

        .p-bds-img .img-item {
            height: 88.5px !important;
            grid-column: unset !important;
            grid-row: unset !important;
            display: none;
        }

            .p-bds-img .img-item:first-child {
                grid-column: unset !important;
                grid-row: unset !important;
                height: 100% !important;
                display: block;
                width: 100%;
            }

    .p-bds-content {
        border: none;
        padding: 0;
        width: 100%;
        padding: 12px;
    }

    .p-bds-foot {
        padding: 0;
        border: none;
        width: 100%;
        padding: 8px 14px;
    }

    .p-bds-content .title {
        font-size: 18px;
    }

    .p-bds-item {
        box-shadow: unset;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .p-bds-item:last-child::before {
            display: none;
        }

        .p-bds-item::before {
            content: '';
            position: absolute;
            width: 100vw;
            height: 4px;
            background-color: #f2f2f2;
            bottom: -14px;
        }

    .p-bds-content .options-item.address {
        display: none;
    }

    .p-bds-content .options-item.bath::before {
        display: none;
    }

    .p-bds-content .descript {
        display: none;
    }

    .p-bds-foot .avatar-content h3 {
        font-size: 12px;
    }

    .p-bds-foot .avatar-content span {
        font-size: 11px;
        line-height: 100%;
    }

    .p-bds-foot .infor-sdt span {
        font-size: 14px;
    }

    .p-bds-foot .infor-sdt i {
        font-size: 12px;
    }

    .p-bds-content .bottom-place {
        display: block;
        font-size: 14px;
        color: #505050;
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .p-bds-content .options {
        margin-bottom: 3px;
        margin-top: 7px;
    }

    .p-bds-content .bottom-place i {
        font-size: 12px;
    }

    .p-bds-list {
        row-gap: 25px;
    }

    .project-news {
        overflow: unset;
    }
.project-nhadat .project-news {padding-top: 0;margin-top: -8px;}
    .project-tinrao {
        overflow: unset;
        padding-bottom: 0;
        padding-top: 5px;
    }

    .my-banner-da .content-center h3 {
        font-size: 22px;
    }

    .my-banner-da .content-bottom {
        font-size: 14px;
        line-height: 22px;
    }

    .p-da-item__type2 {
        flex-direction: column;
        height: auto;
    }

        .p-da-item__type2 .img {
            width: 100%;
            /* height: 248px; */
        }

        .p-da-item__type2 .content {
            padding: 12px 15px;
            width: 100%;
        }

    .my-news-top {
        flex-direction: column;
        margin-top: 28px;
    }

        .my-news-top .top-left {
            margin-bottom: 20px;
            width: 100%;
        }

        .my-news-top .top-right {
            padding: 0;
            width: 100%;
        }

    .p-news-link__type2 {
        box-shadow: 0 2px 4px rgba(0,0,0,.11);
        border: 1px solid #f2f2f2;
        flex-direction: column;
        border-radius: 10px;
        overflow: hidden;
    }

        .p-news-link__type2 .title {
            font-size: 14px;
            line-height: 145%;
            height: auto;
        }

    .p-news-img__type2 .cate {
        font-size: 10px;
    }

    .p-news-link__type2 .descript {
        line-height: 145%;
        font-size: 13px;
    }

    .p-news-img__type2 {
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 135px;
    }

    .bottom-full-new-child ul.p-news-list__type2.rs a.p-news-link__type2 .p-news-img__type2 {
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 135px;
    }

    .p-news-content__type2 {
        padding-top: 10px;
        padding-bottom: 15px;
        padding-right: 10px;
    }

    .p-news-item__type2 {
        border: none;
        padding: 0;
    }

    .my-slug a {
        font-size: 12px;
    }

    .my-slug h3 {
        font-size: 13px;
        width: fit-content;
    }

    .my-slug {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 7px;
    }

    .detail-da .my-slug {
        justify-content: unset;
    }

    .detail-da-title {
        font-size: 18px;
    }

    .detail-da-top .btn-share {
        display: none;
    }

    .detail-da-place {
        color: #2c2c2c;
        font-size: 12px;
        margin-top: 4px;
        margin-bottom: 16px;
    }

    .detail-da-img {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

        .detail-da-img .img:nth-child(1) {
            height: 270px;
        }

    .detail-da-nav .nav-item h3 {
        font-size: 14px;
    }

    .detail-da-nav .nav-item span {
        font-size: 11px;
        margin-top: 3px;
        display: block;
    }

    .detail-da-wrap .wrap-tongquan .list-item {
        flex-direction: column;
    }

        .detail-da-wrap .wrap-tongquan .list-item span {
            margin-left: 0;
            margin-top: 8px;
            font-size: 13px;
        }

    .detail-da-wrap .wrap-title {
        font-size: 16px;
        margin-top: 15px;
    }

    .detail-da-wrap .wrap-tongquan .list {
        margin-top: 12px;
    }

    .detail-da-side h3 {
        display: none;
    }

    .detail-da-side span {
        display: none;
    }

    .detail-da-side .btn-mail span {
        display: block;
    }

    .detail-da-side .side-container {
        background-color: #fff;
        padding: 20px 10px !important;
        box-shadow: 0 0 10px 0 #3333;
        border-radius: 0;
    }

    .detail-da-side .btn-mail {
        margin: 0;
    }

    .detail-da-side {
        position: fixed;
        z-index: 999;
        bottom: 0;
        width: 100%;
        left: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        height: unset;
    }

        .detail-da-side .drop-container {
            width: 85%;
        }

        .detail-da-side .side-da-drop h3 {
            display: block;
        }

    .detail-news-title {
        font-size: 16px;
        font-family: MonB;
        line-height: 150%;
    }

    .detail-news-author .author-content h3 {
        font-size: 13px;
        font-weight: bold;
    }

    .detail-news-author .author-content span {
        font-size: 12px;
    }

    .detail-news-wrap .descript {
        font-size: 15px;
        line-height: 145%;
        text-align: justify;
        font-family: 'MonSB';
    }

    .detail-news-wrap .p-details, .detail-news-wrap .p-details h3 {
        font-size: 15px;
    }

    .detail-news-bottom .my-right {
        padding: 0;
    }

    .lefttrangcon {
        padding: 0 !important;
    }

    .user-container {
        box-shadow: none;
        border-radius: 0;
        padding: 6px 10px;
    }

    .titcreate {
        font-size: 20px;
    }

    .form-group span {
        font-size: 13px;
        top: -16px;
        left: 6px;
    }

    .btn-dangtin {
        font-size: 12px;
        width: 50px;
    }

    .txtcreate .form-group select option {
        font-size: 12px;
        padding: 5px 4px;
    }

    .thongbaobv {
        font-size: 13px;
    }

    .txtcreate textarea {
        font-size: 13px;
        padding: 10px;
    }

    .txtcreate input {
        font-size: 13px !important;
        padding: 0 10px;
    }

    .my-tienich tbody {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 6px;
    }

    .txtcreate select {
        padding: 0 10px;
    }

    .txt49 {
        width: 100%;
    }

    .lbchuthich {
        font-size: 14px;
        text-align: center;
    }

        .lbchuthich strong {
            font-size: 15px;
        }

    #address tr {
        display: flex;
        flex-direction: column;
    }

    #address td {
        margin: 0;
        margin-bottom: 10px;
    }

    .mycontentcreate > div {
        width: 100%;
        flex-direction: column;
        display: flex;
    }

    .mycontentcreate label {
        display: block;
        white-space: now;
        width: 100% !important;
    }

    .mycontentcreate input {
        width: 100% !important;
        margin-top: 4px;
    }

    .contentcreate > div {
        margin-bottom: 4px;
    }

    .txtcreate label {
        margin-bottom: 2px;
        display: flex;
        align-items: center;
        line-height: 24px;
    }

    .txtl {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    .btnguitin {
        margin-top: 0;
    }

    .lbluuy {
        font-size: 14px;
        line-height: 23px;
    }

    .chuthich {
        font-size: 14px;
    }

    .user-list-pro-rs {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .user-container.baidang {
        padding: 10px 10px;
    }

    .quanglybaidangtheloai {
        width: 100%;
        margin: 5px 0px;
    }

    .panel-heading input {
        width: 79%;
        margin-top: 5px;
    }

    .checkboxlist.showcheck {
        transform: translate(-1px, 14px);
    }

    .checkboxlist.f, .checkboxlist1.f {
        position: fixed !important;
        bottom: 0;
        left: 0 !important;
        width: 100%;
        transform: translate(0, 0);
        top: unset !important;
        flex-direction: column;
        overflow: unset;
        border-radius: 0;
        box-shadow: 0 0 24px 0 #33333336;
        padding-bottom: 20px;
        /* width: 100%; */
        /* height: 100%; */
        padding: 15px 0;
    }

    .none.checkboxlist-btn-close.p-btn-close {
        pointer-events: all;
    }

        .none.checkboxlist-btn-close.p-btn-close i {
            pointer-events: none;
        }

    .checkboxlist1.f.showcheck, .checkboxlist.f.showcheck {
        display: flex;
    }

    .search.search-name-bds .my-da-search.my-filter-1 {
        display: flex;
        width: 100% !important;
    }

    div#ctbanner_banner_UpdatePanelSearchN .txttimduan {
        margin-bottom: 0;
    }

    .p-bds-content .options-item {
        flex-direction: row;
    }

        .p-bds-content .options-item span {
            margin: 0;
        }

    .checkboxlist.f table {
        margin: 0 !important;
    }

    .my-filter-1__btn {
        margin-top: 15px;
    }

    .p-btn-close:hover {
        opacity: .8;
    }

    .p-btn-close {
        display: flex !important;
        position: absolute;
        width: 30px;
        height: 30px;
        bottom: calc(100% + 10px);
        right: 10px;
        background-color: var(--default-color-1);
        cursor: pointer;
        color: #fff;
        align-items: center;
        font-size: 13px;
        border-radius: 50%;
        justify-content: center;
        box-shadow: 0 0 10px 0 #33333338;
    }

    .p-boxkhuvuc.show {
        top: unset !important;
        position: fixed !important;
    }

    .p-boxkhuvuc {
        left: 0 !important;
        width: 100%;
        bottom: 0;
        top: unset !important;
        position: fixed !important;
        box-shadow: 0px 0 10px 0 #3333335c;
        border-radius: 0;
        overflow: unset;
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
    }

    .p-rangedrop.show {
        position: fixed !important;
        top: unset !important;
    }

    .p-rangedrop {
        left: 0 !important;
        width: 100%;
        bottom: 0;
        top: unset !important;
        position: fixed !important;
        box-shadow: 0px 0 10px 0 #3333335c;
        border-radius: 0;
        overflow: unset;
        width: 100%;
        padding: 0;
    }

        .p-rangedrop .top-range input {
        }

    #rangeMax,
    #rangeMax_1 {
        width: 105%;
    }

    .my-da-search {
        height: auto;
        flex-wrap: wrap;
        padding: 15px 10px;
    }

        .my-da-search > div {
            width: 100%;
        }

    .txttimduan {
        width: 100%;
        margin-bottom: 20px;
    }

    .my-da-search .box-tim {
        padding: 7px 10px;
        height: 31px;
        border: none !important;
        border-radius: 0 !important;
    }

        .my-da-search .box-tim::before {
            display: block !important;
        }

    #search-duan {
        width: 100%;
    }

    .search.search-name-bds #search-duan {
        right: 6px;
        width: 96%;
    }

    .sub-menu {
        display: flex;
        justify-content: space-between;
        padding-bottom: 20px;
        padding-top: 14px;
    }

    .detail-pro-tienich .tienich-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .detail-pro-character .character-title {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 16px;
    }

    .p-product-swiper .p-swiper-content .title {
        font-size: 15px;
    }

    .detail-pro {
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
    }

    .detail-pro-map .title {
        margin-top: 15px;
        font-size: 16px;
    }

    .detail-pro-tienich .tienich-item {
        width: 50px;
        height: 50px;
    }

        .detail-pro-tienich .tienich-item span {
            font-size: 11px;
            top: 87%;
        }

    .user-bds-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        margin-top: 20px;
        column-gap: 10px;
        row-gap: 10px;
    }

    .p-product-user .p-swiper-img {
        height: 140px;
    }

    .p-users .users-heading {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .p-users .users-heading-right {
        position: relative;
        top: unset;
        bottom: unset;
        right: unset;
        margin-top: 20px;
    }

    .p-users .container {
        margin-top: 0;
    }

    .users-banner {
        display: none;
    }

    .p-users .users-heading-left {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .p-users .users-heading-left span {
            margin: 0;
            margin-top: 10px;
            font-size: 20px;
        }

    .p-users .users-heading-ava {
        width: 90px;
        height: 90px;
    }

    .top-header .container,
    header {
        height: 90px !important;
    }

        .top-header .container:nth-child(2) {
            padding: 5px 10px
        }

    .my-filter-1.fixed-fixed {
    }

    .my-input-space {
        margin-bottom: 23px;
    }

    footer.hav {
        margin-bottom: 55px;
    }

    .cd-top {
        bottom: 101px;
    }

    .my-search-location.df.fixed-fixed,
    .bds-page-search.fixed-fixed {
        top: 100% !important;
    }

    .options-for-mb {
        display: block;
    }

    .home-news2-heading .list-cate a {
        font-size: 15px;
    }

    .my-filter-1 .box-tim .value {
        display: none !important;
    }

    .my-filter-1 .box-tim::before {
        display: none;
    }

    .my-filter-1 .cate {
        margin: 0;
        width: 100%;
        grid-column: 2 / 2;
        grid-row: 4 / span 1;
    }

    .filter-box {
        flex-direction: column;
        align-items: unset;
        padding-right: 0;
        padding-top: 0;
    }

    .list-search-bottom-wid {
        flex-direction: column;
        align-items: unset;
    }

    .box-sreets-child .label-search {
        font-size: 15px;
    }

    span#ctbanner_lbStreets {
        font-size: 15px;
        font-family: 'MonM';
        color: #242424;
    }

    .box-sreets-child {
        width: 100%;
        padding-top: 0;
    }

    .list-province-full {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 0;
    }

        .list-province-full .label-search, .list-ward-full .label-search {
            font-size: 14px;
        }

    .list-ward-full {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }

    .decor-title-se h4 {
        font-size: 15px;
    }

    .filter-btn {
        top: 0;
    }

    .my-filter-1 .box-tim {
        height: 100%;
        position: relative;
        font-size: 15px;
        font-family: 'MonM';
        color: #242424;
        border-radius: 50px;
        padding: 9px 8px 9px 15px;
        border: 1px solid #e0e0e0;
        width: 100%;
        display: block;
        background: #fff;
    }

    a#ctbanner_btnresetall {
        top: auto;
    }

    .my-filter-1 .box-tim .label-search {
        margin-bottom: 0;
        margin: 0;
        font-family: 'MONM';
        color: #242424;
        font-size: 15px;
    }

    .my-filter-1 .list-search-top-wid {
        width: 100%;
        justify-content: space-between;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
        margin-bottom: 17px;
    }

    .my-filter-1 .search {
        width: 100%;
    }

        .my-filter-1 .search input {
            width: 100%;
        }

    #ctbanner_banner_UpdatePanelSearchN {
        position: relative;
    }

    .my-filter-1 .box-tim .label-search i {
        font-size: 10px;
        right: 7px;
        top: 3px;
        z-index: 1;
    }

    .home-news2-list .wrap-rights .item {
        padding: 6px 5px;
    }

    .home-news2-list .wrap-rights .item-index {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }

    .footer-heading {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

        .footer-heading img {
            width: 60px;
            margin: 0;
        }

        .footer-heading h3 {
            font-size: 15px;
            margin-left: 16px;
        }

    .footer-info h3 {
        font-size: 18px !important;
    }

    .footer-info section p:nth-child(4)::before {
        left: -2px !important;
    }

    .content-duan {
        padding: 20px 0;
    }

    .p-drop-status,
    .p-drop-places {
        bottom: 0 !important;
        left: 0 !important;
        top: unset !important;
        width: 100%;
        position: fixed !important;
        border-radius: 0;
        box-shadow: 0 0 10px 0 #3333333b;
    }

    .home-news3 {
        display: block !important;
    }

    .titthongke {
        margin-bottom: 10px;
        align-items: unset;
        margin-top: 14px;
        align-items: center;
    }

        .titthongke .lblinkcount {
            display: block;
            font-size: 13px;
        }

    .sort-pro .custom-select {
        width: max-content;
        font-size: 13px;
        padding: 7px 12px 8px 12px;
    }

    .p-product-swiper .p-swiper-img {
        height: 184px;
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

    .detail-da-nav .nav-item {
        margin-right: 13px;
    }

    .p-product-swiper .p-swiper-content {
        border-radius: 0 0 10px 10px;
    }

        .p-product-swiper .p-swiper-content .place span {
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            line-height: 145%;
            font-size: 15px;
        }

    .detail-da-nav {
        margin-top: 0;
        padding-top: 0;
    }

    .detail-da .container {
        padding-top: 0;
        padding-bottom: 12px;
    }

    .detail-da-wrap .wrap-tongquan .da-detail {
        /* line-height: 14px; */
    }

    .detail-da-wrap {
        padding-bottom: 0;
    }

    .detail-pro .container {
        padding-bottom: 0;
        padding-top: 6px;
    }

    .home-hot-swiper .swiper-button-prev {
    }

    .home-hot-swiper .swiper-button-prev,
    .home-hot-swiper .swiper-button-next {
        bottom: -49px !important;
        top: unset;
    }

    .home-hot-swiper .swiper-button-next {
    }

    .home-hot-title {
        font-size: 20px;
    }

    .home-hot {
        padding: 0;
        overflow: hidden;
    }

    .home-hot-swiper .swiper {
        overflow: unset;
    }

    .my-news-top .top-left .content {
        padding: 15px;
    }

    .my-news-top .top-left .item {
        height: 290px;
    }

    .my-news-top .top-left .title {
        font-size: 18px;
        margin-top: 16px;
        margin-bottom: 5px;
    }

    .my-news-top .top-left .descript {
        font-size: 14px;
        line-height: 24px;
    }

    .my-news-bottom .bottom-left {
        margin-top: 20px;
    }

    .detail-news-bottom {
        padding-top: 8px;
    }

    .detail-news .container {
        padding: 20px 10px;
    }

    .popup-otp-container {
        max-width: unset;
        width: 100%;
    }

    .popup-otp .container {
        padding: 0;
    }

    .popup-otp .container {
        max-width: unset;
        width: 95%;
    }

    .p-title {
        font-size: 28px;
    }

    .p-bds-foot .avatar-content {
        padding-right: 20px;
        padding-left: 5px;
    }

    .character-options {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 0;
        row-gap: 0;
        padding-bottom: 0;
        padding-top: 0;
        margin: 0 0;
        padding: 6px 16px;
    }

        .character-options .options-item {
            padding: 10px 0;
            border-bottom: 1px solid #ffffff38;
        }

            .character-options .options-item:last-child {
                border-bottom: none;
            }

    .help-wrap-1 {
        height: 100%;
        width: 100%;
    }

    .my-filter-1 .cate a {
        width: 50%;
        text-align: center;
    }

    .drsearch.drmenu label {
        font-size: 16px;
    }

    .p-rangedrop .range-list a {
        font-size: 15px;
    }

    .detail-pro-character .character-item img {
        display: none;
    }

    .detail-pro-character .character-item .item {
        display: flex;
        justify-content: space-between;
        padding: 10px 4px;
    }

    .detail-pro-character .character-item h3 {
        font-size: 13px;
        width: 50%;
        margin-left: 0;
        padding-right: 5px;
    }

    .detail-pro-character .character-item span {
        font-size: 13px;
        flex: 1;
    }
}

@media (max-width: 414px) {
    .sub-menu-item span {
        font-size: 13px;
    }

    .sub-menu-item i {
        font-size: 19px;
    }
}

@media (max-width: 405px) {
    .sub-menu-item span {
        font-size: 12px;
    }
}

@media (max-width: 390px) {
    .sub-menu-item span {
        font-size: 12px;
    }
}

@media (max-width: 380px) {
    .sub-menu-item span {
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .sub-menu-item span {
        font-size: 11px;
    }
}

@media (max-width: 367px) {
    .sub-menu-item span {
        font-size: 10px;
    }
}