@media (min-width: 1280px) and (max-width: 1400px) {
    .head ul li a {
        font-size: 15px;
    }
}

@media (max-width: 1279px) {
    .register {
        align-items: center;
        justify-content: center;
        padding-bottom: 50px;
    }



    .information .tab {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        padding: 16px;
        border-radius: 16px;
        height: fit-content;
        min-width: 214px;
    }

        .information .tab a {
            padding: 12px 0px;
            gap: 6px;
        }

    .icon-noti .dropdown-noti {
        left: 0;
    }

    .verify-box, .account-confirm {
        max-width: 603px;
    }

    .otpbox.verifysuccess .verify-box {
        min-width: 603px;
    }

    .register .img-box {
        display: none;
    }

    .register .register-body .info-box input {
        width: 100%;
    }

    .register .register-info {
        width: 100%;
    }

    .register .register-body .info-box {
        width: 100%;
    }

    .register .box-info {
        display: flex;
        justify-content: center;
    }

    .register .register-box {
        max-width: 603px;
        flex: 1;
        min-width: unset;
    }
}

@media(max-width: 1279px) {
    .sidebar-menu {
        display: none;
    }

    .service-create .service-info .service-information .service-type {
        flex-wrap: wrap;
    }

    #content-info .noti-tab .tab {
        min-width: 214px;
    }

    .list-coupon .header-voucher-box, .list-coupon .item-coupon {
        min-width: 1264px;
    }

    .list-coupon {
        overflow-x: auto;
    }

    #content-info .noti-tab {
        overflow-x: auto;
    }

    .service-management .seller-performance .detail-statistic .table-performance, .service-management .reconcil-report #lst-report {
        overflow-x: auto;
    }

    #content-info.notification {
        min-width: 0px;
        flex: 1;
    }

    .service-management .seller-performance .detail-statistic .header-list, .service-management .seller-performance .detail-statistic #order-list-item .order-item, .service-management .seller-performance .detail-statistic #order-list-item .info-items {  
        min-width: 1124px;
    }

    .service-management .reconcil-report #lst-report.list-ecode-report .header-table, .service-management .reconcil-report #lst-report.list-ecode-report .list-item .item {
        grid-template-columns: 1fr 4fr 3.33fr 3fr 2.67fr 3fr 3fr 2.95fr 3fr;
    }

    .service-management .reconcil-report #lst-report .header-table, .service-management .reconcil-report #lst-report .list-item, #lst-report .refuse-box {
        min-width: 1248px;
    }

    .register.otpbox {
        padding: 50px 4px 280px 4px;
    }

    .service-list .item-row .operate .dropdown-content {
        left: -97px;
    }

    .service-list {
        overflow-x: auto;
    }

    .wap-menu {
        width: 430px;
        top: 0px;
        background: #fff;
        position: fixed;
        right: 0px;
        border: 1px solid #ddd;
        z-index: 1000;
        height: 100vh;
        display: none;
        flex-direction: column;
    }

    .service-create .needed-info .caution-service-box {
        display: none;
    }

    #header.head ul {
        display: none;
    }

    .menu {
        justify-content: flex-start;
    }


    .service-list .item-name span, .service-list .item-name span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .service-management .reviewing .review-list #lst-review .item-row .item-name .name span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .register .register-box {
        width: 100%;
        min-width: unset;
    }

    .verify-box, .account-confirm {
        max-width: 603px;
    }

    .register .box-info {
        display: flex;
        justify-content: center;
    }

    .head .account {
        display: unset;
    }

    .service-create {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .service-create.servicedetail {
            flex-direction: row;
            justify-content: unset;
            align-items: unset;
        }

            .service-create.servicedetail .info-service-box {
                width: 214px;
                min-width: 214px;
            }

    .service-info {
        width: 100%;
    }

    .menu {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .menu::-webkit-scrollbar {
            display: none;
        }

    .not-login-menu .link-login {
        height: 48px;
        border-radius: 100px;
        padding-top: 8px;
        padding-right: 16px;
        padding-bottom: 8px;
        padding-left: 16px;
        border: 1px solid #1E2B35;
        color: #1E2B35;
        font-weight: 600;
        font-size: 16px;
        line-height: 180%;
        letter-spacing: 0.3px;
        vertical-align: middle;
        flex: 1;
    }

    .lst-benefit .resp-mobile .swiper-slide {
        height: auto;
    }

    .head .container {
        justify-content: space-between;
    }

        .head .container .account {
            text-align: right;
            width: auto;
        }

    information .finance .package-money .package-info .info .store-info p {
        flex-wrap: wrap;
    }

    .lnk-login-head {
        display: flex;
    }

    .info-login-head {
        background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-menu.svg") no-repeat right center;
        width: 150px;
        float: right;
        justify-content: unset;
    }

        .info-login-head.index-head {
            float: left;
            height: 80px;
            align-items: center;
            justify-content: center;
            display: flex;
            background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/chevron-down.svg") no-repeat;
            background-position: right center;
            width: 240px;
            position: relative;
        }

    .account-head .info-login-head {
        background: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-menu.svg) no-repeat right center !important;
        width: 150px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .account-head .info-login-head img {
            display: block;
        }

        .account-head .info-login-head a {
            display: none;
        }

    .lnk-login-head img {
        margin: 0 35px;
    }

    .account .icon-noti {
        margin: 0;
    }

    .why-title {
        font-size: 32px;
    }

    .lst-benefit .col-lg-6 {
        height: 312px;
        margin-bottom: 15px;
    }

    .lst-benefit .resp-web .item {
        min-width: 45%;
        height: auto;
    }

    .plan.active .item-package {
        height: auto;
    }

    .lst-benefit {
        padding-bottom: 0px;
        flex-direction: column;
    }

    .success-dtd .textdtd-success {
        font-size: 24px
    }

    .box-success-slide .swiper-button-next,
    .box-success-slide .swiper-button-prev {
        top: 60px;
    }

    .box-abount-dtd .title-about {
        font-size: 48px;
        background-size: 8%;
        padding-left: 90px;
    }

    .lst-about-dtd .swiper-slide {
        height: 300px;
    }

    .acc-info-extend {
        display: none;
    }

    .head {
        position: relative;
    }



    .menu-top {
        position: relative;
        border-bottom: 1px solid #E9EEF4;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
    }

    .close-menu {
        background: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-close.svg") no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 7px;
        top: 9px;
        cursor: pointer;
    }

    .lst-menu ul {
        display: block;
        margin: 0;
        padding: 10px 25px;
    }

        .lst-menu ul li {
            float: unset;
            line-height: 40px;
            font-size: 24px;
        }

    .wap-menu .account-info-wap {
        position: absolute;
        bottom: 0px;
        padding: 15px;
        padding-bottom: 40px;
        width: 100%;
    }

    .wap-menu .account-inside {
        background: #FEF3E2;
        display: block;
        border-radius: 20px;
        padding: 10px;
        overflow: hidden;
    }

    .lnk-login-head-wap {
        display: flex;
        flex-direction: row;
        gap: 12px;
        align-items: center;
    }

        .lnk-login-head-wap img {
            width: 48px;
            float: left;
            height: 48px;
        }

    .info-partner-head-wap {
        float: left;
        line-height: normal;
        display: inline-grid;
        padding: 0 0 0 7px;
    }

    .wap-menu .login-parnter {
        font-weight: 700;
        display: flex;
    }

    .wap-menu .login-account {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-top: 5px;
    }

    .wap-menu .login-parnter .vip-seller {
        margin-left: 5px;
    }

    .wap-menu .info-top {
        border-bottom: 1px solid #FCCE86;
        overflow: hidden;
        padding-bottom: 10px;
        height: 60px;
    }

    .wap-menu .acc-info-extend-wap {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 10px;
    }

    .acc-info-extend-wap a {
        display: block;
        line-height: normal;
        text-decoration: none;
        padding: 10px;
    }

    .acc-info-extend-wap .access-sc {
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/fast-access.svg");
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
    }

    .acc-info-extend-wap .acc-info-sc {
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/profile.svg");
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
    }

    .acc-info-extend-wap .acc-logout {
        background-image: url("//cdn.dealtoday.vn/assets/sellercenter/v2/images/logout.svg");
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
        color: #E03137;
    }

    .lst-menu {
        overflow: hidden;
    }

    .not-login-menu {
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 40px;
        display: flex;
    }

        .not-login-menu .col-6 {
            text-align: center;
        }


        .not-login-menu .link-register {
            height: 48px;
            border-radius: 100px;
            padding-top: 8px;
            padding-right: 16px;
            padding-bottom: 8px;
            padding-left: 16px;
            border: none;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            line-height: 200%;
            letter-spacing: 0.3px;
            vertical-align: middle;
            flex: 1;
        }


    .service-list .list-items .item-service {
        max-width: 226px;
    }

        .service-list .list-items .item-service .item-name {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .service-list .evoucher-item .price .sale-price {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .service-list .evoucher-item .price .sale-price .price-detail {
            display: flex;
            flex-direction: column;
        }



    .info-footer {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 16px;
    }

        .info-footer .web-footer {
            display: flex;
            gap: 32px;
            justify-content: space-between;
            width: 100%;
        }

        .info-footer .dealtodayinfo {
            max-width: 329px;
        }

        .info-footer .address {
            max-width: 267px;
            padding-left: 8px
        }

        .info-footer .web-footer ul {
            display: flex;
            justify-content: space-between;
            flex: 1;
        }
    /*    .service-management .service-filter .chosen-box {
        display: none;
    }*/
    .submenu .menu-item span {
        font-size: 20px;
    }

    .contact-footer.web-map {
        display: flex;
        width: 100%;
        gap: 32px;
    }

        .contact-footer.web-map ul {
            display: flex;
            justify-content: space-between;
            flex: 1;
        }


    .item-package .item-pkg {
        padding: 24px 12px;
    }

    .item-package .vip-package .pack-icon {
        width: 261px;
        height: 160px;
        background-position: center;
    }

    .account-head a {
        display: none;
    }

    #header.head .wap-menu ul {
        display: block;
    }

    .login-parnter marquee {
        width: 100px;
    }

    .seller-profile.otpbox {
        padding-bottom: 75px;
    }

    .service-list .evoucher-item, .service-list .eticket-item, .service-list .header-list, .service-list .egift-item, .service-list .ebooking-item, .service-list .evoucher-item, .service-list .line-seperate {
        width: 1176px;
    }

    #content-info.usermanagement {
        overflow: hidden;
    }

    #content-info .detail-filter-box {
        gap: 12px;
    }

        #content-info .detail-filter-box .search-box {
            width: 181px;
            padding: 8px 16px;
            align-items: center;
        }

            #content-info .detail-filter-box .search-box input {
                width: 109px;
            }

    #content-info .service-list table {
        min-width: 800px;
        width: 100%;
        border-collapse: collapse;
    }

        #content-info .service-list table thead tr th, #content-info .service-list table tbody tr td {
            min-width: 130px;
            max-width: 500px;
        }

        #content-info .service-list table .dropdown-content {
            left: -112px;
        }

    .information .content-info .contact {
        display: none;
    }

    #content-info .my-account-detail .des div {
        min-width: 200px;
    }

    #content-info .acc-pwd div a {
        min-width: 155px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    #content-info .acc-pwd {
        max-width: unset;
    }

    .information .finance .package-money .package-info .info .store-info p {
        flex-wrap: wrap;
    }

    .information .money-charge {
        flex-direction: column;
    }

    .service-info .service-price .vat-box, .detail-info .vat-box, .detail-eticket .vat-box, .service-info .ebooking-price .vat-box, .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box {
        padding-top: 26px;
    }

    .info .date-combo-box .date-time span.datetime-input {
        display: flex;
        flex: 1;
    }

    .service-create .needed-info .info-need {
        flex-direction: row;
        flex-wrap: wrap;
    }

        .service-create .needed-info .info-need span {
            width: 100%;
        }

        .service-create .needed-info .info-need .info-complete {
            flex: 1 1 calc(50% - 16px);
        }

    .coupon-publish .publish .title-publish h3 {
        max-width: 480px;
    }

    .service-detail-box.marketing-detail-box {
        flex-direction: column;
    }

    .marketing-detail-box .related-service {
        width: 100%;
        max-width: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .marketing-detail-box .related-service span {
            width: 100%;
        }

    .related-service .marketing-item {
        flex: 1;
    }

    .detail-filter-box .search-box {
        width: 260px;
    }

    .service-table {
        min-width: 1151px;
    }

    .service-create .content-info .galleries .gallery-box .gallery-list, .service-create .content-info .galleries .gallery-box .image-list {
        gap: 12px;
    }

    .service-management .detail-faq .list-content-box {
        width: 214px;
        max-width: 214px;
        min-width: 214px;
    }

    .service-create .ecode {
        width: 100%;
    }

    .service-management .pos .pos-box:first-child {
        min-width: 430px;
    }

    .service-management .pos .pos-box .item-box.egift .price-list {
        flex-wrap: wrap;
    }

    #pos-detail .pos-detail {
        flex-direction: column;
    }

        #pos-detail .pos-detail .pos-information {
            flex-direction: row;
        }

            #pos-detail .pos-detail .pos-information .cashier-info {
                flex: 1;
            }

    .edit-mode .edit-info-box .address-box {
        flex-direction: column;
    }

    .edit-mode .edit-info-box .edit-box.coordinate {
        width: 100%;
    }

    .address-box .coordinate-display a {
        left: unset;
        justify-content: flex-end;
        right: 8px;
        top: 18px;
    }

    .service-management .seller-performance .statistics-performance {
        overflow-x: auto;
    }

        .service-management .seller-performance .statistics-performance .stastic {
            min-width: 432px;
        }

    #list-transaction .header-table, #list-transaction .item, #list-transaction .info-items {
        min-width: 1248px;
    }

    #list-transaction {
        overflow-x: auto;
    }

    .service-management .booking-management #list-booking .header-list.processing, .service-management .booking-management #list-booking .item, .service-management .booking-management #list-booking .info-items, .service-management .booking-management #list-booking .header-list.done {
        min-width: 1296px;
    }

    .service-management .booking-management #list-booking {
        overflow-x: auto;
    }

    f
    .seller-profile .question, .seller-profile .caution, .seller-profile .caution-box {
        display: none;
    }

    .service-package .type-services .list-services {
        display: flex;
        flex-direction: column;
    }

    .service-create .needed-info {
        width: 100%;
    }

    #customize-popup .other-function .function-total {
        display: flex;
        flex-direction: column;
    }

    #customize-popup {
        top: 38%;
    }

    #suggestions {
        width: 400px;
        left: -50px;
    }

    .marketing-service .item-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

        .marketing-service .item-list .marketing-item {
            min-width: unset;
        }

            .marketing-service .item-list .marketing-item .item-footer {
                margin-top: auto;
            }

    .related-service .marketing-item .item-footer-view {
        margin-top: auto;
    }

    .item-coupon .dropdown-content {
        left: -83px;
        top: 61px;
    }

    .acceptance-box .acceptance-point p {
        gap: 12px;
    }

    .acceptance-box .acceptance-point .more-content {
        overflow-x: auto;
    }

    .account.headerindex .icon-noti .dropdown-noti {
        top: 60px;
        width: 400px;
    }

    #content-info .list-noti .item .noti-detail .detail-body .dropdown-content {
        right: -45px;
        left: unset;
    }

    #content-info .header-noti .dropdown-content {
        left: unset;
        right: -50px;
    }
}
/*tablet end 1024*/
@media(max-width: 1023px) {
    #content-info h2, .user-header h2, #add-account h1 {
        font-size: 20px;
    }
    #lst-report .refuse-box {
        min-width: 1248px;
    }
    #lst-report .refuse-box {
        min-width: 1248px;
    }
    #content-info .list-noti .item .noti-detail .header-detail span {
        font-size: 14px;
    }
    #content-info .list-noti .item{
        padding: 16px 12px;
    }
    #content-info #list-notifications .info-items {
        flex-direction: column;
        align-items: flex-end;
    }

        #content-info #list-notifications .info-items .item-info {
            width: 100%;
        }
    .processing-status {
        flex: 1;
        padding: 4px 8px;
        min-width: 95px;
    }
    #content-info .list-noti .item .noti-detail .header-detail .time-get{
        min-width: 80px;
    }
    .acceptance-box .acceptance-point .header-point p {
        max-width: 225px;
    }

    .service-management .coupon-detail .counpon-detail .list-service .item .info-item span, .service-management .coupon-detail .counpon-detail .list-service .item.etk .header-item .header-box span, .service-management .coupon-detail .counpon-detail .list-service .item.egift .header-item span {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }

    .related-service .marketing-item {
        min-width: unset;
    }

    #suggestions {
        width: 350px;
        left: -50px;
    }

    .type-price .price-box {
        height: unset;
    }

    .info .date-combo-box {
        gap: 8px;
    }

    .information .package-registration .my-pack {
        flex-direction: column;
    }

    .seller-performance .detail-statistic .filter-voucher-box {
        flex-direction: row;
    }

    .acceptance-box .acceptance-point .respresent-box .represent {
        flex-direction: column;
    }


    .footer-uni span {
        color: #4D6577;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
    }

    .answer-body img {
        max-width: 100%;
    }

    .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .store-name span {
        display: none;
    }

    .service-management .reconcil-report .filter-box {
        flex-direction: row;
        align-items: center;
    }
    .service-management .reconcil-report.ecode-report .filter-box {
        flex-direction: column;
        align-items: flex-end;
    }
    .service-management .reconcil-report .filter-box .filter-voucher-box {
        flex: 1;
        align-items: flex-end;
    }

    .service-management .reconcil-report.ecode-report .filter-box .filter-voucher-box {
        flex-direction: row;
        width: 100%;
    }
        .service-management .reconcil-report.ecode-report .filter-box .filter-voucher-box .category-box {
            width: unset;
        }

            .service-management .reconcil-report .filter-box .filter-voucher-box .point-box {
                width: 100% !important;
                padding: 8px 16px !important;
            }


    .service-management .reconcil-report #lst-report.list-ecode-report .list-item .item, .service-management .reconcil-report #lst-report .total {
        min-width: 936px;
    }

    .service-management .reviewing .statics {  
        flex-direction: column;
        height: unset;
    }

    .service-management .customer .detail-filter-box {
        padding: 16px;
    }

    .service-create .needed-info .info-need {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .price-box .price-list {
        flex-wrap: wrap;
    }

    .service-management .customer #lst-customer .lst-customers {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: block;
    }

        .service-management .customer #lst-customer .lst-customers .header-table,
        .service-management .customer #lst-customer .lst-customers .item-row, .service-management .customer #lst-customer .lst-customers .info-items {
            min-width: 936px;
        }

    .footer-action .action .box-action #save-btn, .footer-action .action .box-action #preview-btn, .footer-action .action .box-action #confirm-btn, .action #back-btn {
        font-size: 14px;
    }

    .service-info .service-acceptance .filter-acceptances {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .service-info .service-price .price-box {
        flex-direction: column;
    }

    .service-create .needed-info {
        max-width: 100%;
        width: 100%;
    }

    .price-list-detail .price-box-detail .detail-info {
        flex-direction: column;
    }

    #content-info .detail-filter-box .search-box {
        width: 100%;
    }

    .package-info .pack-info .pack-detail .pack-type {
        flex-direction: column;
    }

        .package-info .pack-info .pack-detail .pack-type .type {
            padding: 16px;
            height: 56px;
        }

    #content-info .detail-filter-box .search-box {
        justify-content: space-between;
    }

    #content-info {
        padding: 16px;
    }

    .sidebar-menu .menu-item {
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #profile-detail .box-infomation .info-seller .company .box-info {
        flex-direction: column;
    }

    .register.otpbox, .verify-box.otpbox {
        padding: 20px 10px 50px 10px;
    }

    .icon-noti .dropdown-noti {
        left: -100px;
    }

    .sidebar-menu .menu-item a {
        height: 42px;
        display: flex;
        align-items: center;
    }

    .sidebar-menu {
        display: flex !important;
        flex-direction: column !important;
        padding-left: 0px;
        width: 100%;
    }



    .menu-item.active + .submenu {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 10px;
    }

    .submenu .menu-item span, .menu-item span {
        color: #616161;
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0px;
    }

    .detail-box, .statics {
        overflow-x: hidden;
        flex-wrap: wrap;
        overflow-y: hidden;
        height: auto;
    }

    #payment-detail {
        max-width: 527px;
        width: 95%;
    }

    .bg-info-right .row {
        display: flex;
        flex-direction: column;
    }

        .bg-info-right .row .col-xs-12 {
            flex: 1;
            display: flex;
            flex-direction: column;
            width: 100%;
        }

    .fast-connect-box {
        justify-content: flex-start;
    }

    .service-types {
        max-width: 268px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .detail-filter-box {
        flex-direction: column;
        padding-left: 0px;
        padding-right: 0px;
        align-items: flex-end;
    }

        .detail-filter-box .point-box, .detail-filter-box .category-box, .detail-filter-box .search-box {
            flex: 1;
            width: 100%;
            min-height: 54px;
            justify-content: space-between;
            padding: 8px 16px;
        }

    .filter-service-box {
        padding: 16px 16px 24px 16px;
    }



    .service-list {
        overflow-x: auto;
    }

    .detail-box .box:last-child {
        justify-content: center;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .header-index {
        display: none;
    }

    .head ul, .acc-info-extend {
        display: none;
    }

    .info-login-head.index-head {
        width: 40px;
    }

    .info-login-head {
        background: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-menu.svg) no-repeat right center !important;
        width: 150px;
        float: right;
        justify-content: unset;
    }



    .header-box .upgrade-box, .header-box .dealtoday-uni {
        display: none !important;
    }

    .account-head a {
        display: none;
    }



    .info-partner-head {
        display: none;
    }

    .info-footer {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8px;
    }

    .menu-top {
        position: relative;
        border-bottom: 1px solid #E9EEF4;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
    }

    .lst-menu {
        overflow: hidden;
    }

        .lst-menu ul {
            display: block;
            margin: 0;
            padding: 10px 25px;
        }

            .lst-menu ul li {
                float: unset;
                line-height: 40px;
                font-size: 24px;
            }

    .close-menu {
        background: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/icon-close.svg) no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 7px;
        top: 9px;
        cursor: pointer;
    }

    .wap-menu .account-info-wap {
        position: absolute;
        bottom: 0px;
        padding: 15px;
        padding-bottom: 40px;
        width: 100%;
    }

    .wap-menu .account-inside {
        background: #FEF3E2;
        display: block;
        border-radius: 20px;
        padding: 10px;
        overflow: hidden;
    }

    .wap-menu .info-top {
        border-bottom: 1px solid #FCCE86;
        overflow: hidden;
        padding-bottom: 10px;
        height: 60px;
    }

    .lnk-login-head-wap {
        display: flex;
        flex-direction: row;
        gap: 12px;
        align-items: center;
    }

        .lnk-login-head-wap img {
            width: 48px;
            float: left;
            height: 48px;
        }

    .info-partner-head-wap {
        float: left;
        line-height: normal;
        display: inline-grid;
        padding: 0 0 0 7px;
    }

    .wap-menu .login-parnter {
        font-weight: 700;
        display: flex;
    }

    .wap-menu .login-account {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-top: 5px;
    }

    .wap-menu .acc-info-extend-wap {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 10px;
    }

    .acc-info-extend-wap .access-sc {
        background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/fast-access.svg);
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
    }

    .acc-info-extend-wap a {
        display: block;
        line-height: normal;
        text-decoration: none;
        padding: 10px;
    }

    .acc-info-extend-wap .acc-info-sc {
        background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/profile.svg);
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
    }

    .acc-info-extend-wap .acc-logout {
        background-image: url(//cdn.dealtoday.vn/assets/sellercenter/v2/images/logout.svg);
        background-repeat: no-repeat;
        background-position: left 0px center;
        padding-left: 23px;
        color: #E03137;
    }




    #store-info {
        width: 100%;
        top: 50%;
    }

    .popup .store-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .image-upload-box {
        width: 175px;
        height: 87px;
    }

    .popup .image-upload-container {
        flex-direction: column;
    }

        .popup .image-upload-container .image-item img {
            width: 175px;
            height: 90px;
        }

    .seller-info {
        width: 100%;
    }

    .lnk-login-head img {
        display: none;
    }


    .info-login-head {
        width: 40px;
    }

    .head .account {
        width: 80px;
    }

    .title-intro {
        font-size: 24px;
    }

    .bg-step-create .title-intro {
        font-size: 28px;
        padding: 0 30px 20px;
    }

    .bg-step-create .title-step {
        font-size: 20px;
    }

    .bg-step-create .des-step {
        font-size: 14px;
    }

    .bg-step-create {
        background-image: none;
    }

        .bg-step-create .swiper-pagination, .box-benefit .swiper-pagination {
            display: block;
        }

        .bg-step-create .swiper-container {
            padding-bottom: 50px;
        }

    .box-benefit .swiper-container {
        padding-bottom: 50px;
        margin-left: 16px;
    }

    .success-dtd .swiper-button-next,
    .success-dtd .swiper-button-prev {
        display: none;
    }

    .success-dtd .title-success {
        font-size: 32px
    }

    .success-dtd .swiper-slide {
        padding: 0 10px;
    }

    .item-package .col-xs-12 {
        margin-bottom: 15px;
    }

    .item-package .pkg-price {
        height: 152px;
    }

    .header-account .phone-number {
        padding-right: 0;
    }

    .waitting-seller .body-start {
        flex-direction: column;
    }

    .bg-info-right {
        margin-top: 32px;
    }

    .lst-benefit .resp-web {
        display: none;
    }

    .resp-mobile {
        display: block;
    }

    .contact-footer.web-map {
        flex-direction: column;
        gap: 16px;
        display: flex;
        width: 100%;
    }

        .contact-footer.web-map ul {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
        }

    .footer-bottom {
        display: flex;
        padding-bottom: 8px;
        height: auto;
    }

        .footer-bottom .container {
            display: flex;
            flex-direction: column;
            gap: 24px;
            padding-top: 16px;
            padding-bottom: 16px;
        }

            .footer-bottom .container span {
                font-weight: 400;
                font-size: 14px;
                line-height: 160%;
            }

        .footer-bottom .social {
            display: flex;
            gap: 24px;
        }

            .footer-bottom .social a {
                display: flex;
                padding: 0px;
            }

    .verify-box, .account-confirm {
        min-width: 369px;
    }

    #content-info-popup, #sell-info-popup, #store-info.popup, #profile-detail, #detail-booking {
        max-width: 100%;
    }

        #profile-detail .box-infomation .info-seller .company .box-info {
            gap: 4px;
        }

    .plan {
        gap: unset;
    }

        .plan .item-package {
            height: auto;
        }

            .plan .item-package .item-detail-pack {
                height: 100%;
            }

    .lst-package .swiper-container.active .plan .swiper-slide {
        flex: none;
    }

    .service-list .service-table {
        max-width: 800px;
    }

    #resetPopup {
        width: 430px;
    }

    #add-account {
        max-width: 96%;
    }

    .information .finance .package-money {
        flex-direction: column;
    }

    .information .finance .transaction-history .header-tran, .information .finance .transaction-history .item-tran {
        width: 829px;
    }

    .information .finance .transaction-history {
        overflow-x: auto;
    }

    .information .finance {
        overflow: hidden;
    }

    .information .package-registration .pack-list-box {
        display: flex;
        flex-direction: column;
    }

    .information .package-registration .my-pack .box-pack .sku {
        flex-direction: row;
    }

        .information .package-registration .my-pack .box-pack .sku .sku-count {
            display: flex;
            flex-direction: row;
            font-size: 36px;
            align-items: center;
            line-height: 130%;
        }

            .information .package-registration .my-pack .box-pack .sku .sku-count span {
                position: unset;
                font-size: 36px;
            }

    .information .package-registration .my-pack .box-pack .sku {
        height: 75px;
        width: unset;
    }

    .information .money-charge .money-detail {
        min-width: 250px;
    }

    .information .money-charge .money-box .body-money .price-list-box .price-list .price-list-item {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .information .money-charge .money-box .body-money .price-list-box .price-list .price-list-item .price-box {
            max-width: 116px;
        }

    .package-info {
        flex-direction: column;
    }

    .servicelist .filter-tab .type-tab {
        min-width: max-content;
    }

    .servicelist .filter-tab {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .detail-filter-box .service-box {
        flex: 1;
        width: 100%;
        justify-content: space-between;
        padding: 8px 16px;
    }

    .popup .store-logo {
        flex-direction: column;
    }

        .popup .store-logo .photo-box {
            width: fit-content;
        }

    .service-create .service-info .service-information .service-type {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .service-create .service-info .service-information .service-type {
        width: fit-content;
    }

    .service-info {
        width: 100%;
        flex: 1;
    }

        .service-info .ebooking-info .info-box-combo {
            flex-direction: column;
        }

    .service-create .content-info .galleries .gallery-box .gallery-list {
        flex-direction: column;
    }

    .service-create .content-info .galleries img {
        width: 100%;
    }

    .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info, .new-etk-list .eticket-detail .etk-info .detail-info {
        flex-wrap: wrap;
    }

    .coupon-publish .publish .title-publish h3 {
        max-width: 300px;
    }


    #box-ecode {
        overflow-x: hidden;
    }

    #service-popup {
        max-width: 100%;
    }

        #service-popup .filter-box .filter-search-box .search-box input {
            width: 200px;
        }

        #service-popup .lst-item .item-box.egift .price-list {
            flex-wrap: wrap;
        }

        #service-popup .lst-item .item-box.etk .price-list .pack .list-etk {
            flex-wrap: wrap;
        }



    .service-management .coupon-detail .counpon-detail .coupon-service-info .detail-coupon-box {
        flex-direction: column;
        display: flex;
    }

    .coupon-detail .item .dropdown-icon-24 {
        min-width: 24px;
    }

    .service-management .pos {
        flex-direction: column;
    }

        .service-management .pos .pos-box .item-box.egift .price-list {
            flex-wrap: wrap;
        }

    .header-acceptance, .address-box {
        flex-direction: column;
    }

    #add-acceptance-point {
        max-width: 100%;
    }

    .service-management .seller-performance .detail-statistic #order-list-item {
        min-width: 936px;
    }

    .service-management .seller-performance .detail-statistic .table-performance {
        overflow-x: auto;
    }


    .service-management .booking-management #list-booking {
        overflow-x: auto;
    }


    .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box {
        width: 250px;
        justify-content: space-between;
        padding: 16px;
    }

    .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box {
        justify-content: space-between;
        gap: 8px;
    }

        .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter .date {
            width: 90px
        }

    .detail-statistic .filter-voucher-box {
        flex-direction: column;
        align-items: flex-end;
        flex: 1;
    }

    .service-management .seller-transaction .filter-transaction-box .filter-service-box {
        gap: 24px;
    }    

    .service-management .reconcil-report #lst-report .header-table, .service-management .reconcil-report #lst-report .list-item .item, .service-management .reconcil-report #lst-report .list-item .total-box, #lst-report .refuse-box {
        min-width: 1248px;
    } 

    #list-transaction, .service-management .reconcil-report #lst-report {
        overflow-x: auto;
    }

    .info-login-head:hover .acc-info-extend {
        display: none;
    }

    .service-management .seller-transaction .filter-transaction-box .filter-service-box {
        flex-direction: column;
        align-items: flex-end;
    }

        .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box {
            width: 100%;
        }

    #customize-popup .other-function .function-total {
        flex-direction: column;
        display: flex;
    }

    #customize-popup {
        top: 38%;
    }

    .detail-box .box {
        border-bottom: 1px solid #F1F2F4;
    }
    .contract-confirm .contract-detail .contract-info{
        overflow-x: auto;
    }

}

@media(max-width: 500px) {
    .wap-menu {
        width: 100%;
    }
    .fee-service {
        padding: 0px;
    }
        .fee-service .service-fee-box{
            padding: 16px;
            border-radius: 0px;  
        }
        #content-info .header-noti .dropdown-content {
            right: -15px;
        }
    .fee-service .service-fee-box .fee-box .fee-detail-box .category-fee{
        grid-template-columns: 1fr 1fr;
    }
    .fee-service .service-fee-box .fee-box .service-type .type {
        padding: 12px;
    }
        .fee-service .service-fee-box .fee-box .service-type .type .header-type{
            gap: 4px;
        }
        .fee-service .service-fee-box .fee-box .service-type .type .fee-text{
            font-size: 12px;
        }
            .fee-service .service-fee-box .fee-box .service-type .type .fee-text span{

            }
            .fee-service .service-fee-box .fee-box .service-type .type .header-type i {
                min-width: 24px;
                width: 24px;
                height: 24px;
            }
        .fee-service .service-fee-box .fee-box .service-type .type .header-type span{
            font-size: 13px;
        }
        .box-abount-dtd .title-about {
            font-size: 36px;
            padding-left: 48px;
        }
    .fee-service .service-fee-box .fee-box .service-type .list-type{
        gap: 14px;
    }
    .account.headerindex .icon-noti .dropdown-noti {
        top: 60px;
        left: -135px;
    }
    #content-info .list-noti .item .noti-detail .detail-body .dropdown-content{
        right: -30px;
    }

    #content-info .list-noti .item .noti-detail .header-detail span {
        font-size: 14px;
    }

    .address-box .address {
        width: unset;
    }

    #content-info .list-noti .item {
        padding: 16px 8px;
    }

    .image-box .image-item img {
        width: 175px;
        height: 87px;
    }

    .image-box .image-list {
        gap: 8px;
    }

    .processing-status {
        max-width: fit-content;
    }

    .detail-statistic .filter-voucher-box .date-filter-box {
        justify-content: space-between;
    }

    .service-info .ebooking-price .pricebox .price-range .price-from input {
        max-width: 120px;
    }

    .service-content-info .image-upload-container {
        flex-direction: column;
    }

    .service-info .ebooking-price .vat-box input {
        max-width: 150px;
    }

    #service-popup {
        top: 50%;
    }

    .acceptance-box .acceptance-point .header-point p {
        max-width: 300px;
        min-width: 300px;
    }

    .service-create .ecode .ecode-config .ecode-detail-config .level {
        grid-template-columns: 1fr 1fr;
    }

    .marketing-detail-box .related-service {
        flex-direction: column;
    }

    .related-service .marketing-item {
        min-width: unset;
    }

    .marketing-service .item-list .marketing-item {
        display: flex;
        min-height: 200px;
        min-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .marketing-service .item-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        overflow-x: auto;
    }

    .icon-noti .dropdown-noti.uni {
        left: -130px;
    }

    .eticket-create-box .detail-eticket .eticket-name .info-box {
        flex-direction: column;
    }

    .lnk-footer-logo img {
        width: 214px;
    }

    .otpbox.verifysuccess .verify-box {
        min-width: unset;
    }

    .resetsuccess .verify-otp .header-otp, .header-otp {
        font-size: 24px;
    }

    .package-info .pack-info {
        padding: 24px 16px;
    }

    #profile-detail .box-infomation .info-seller .company .box-info .item span, #profile-detail .box-infomation .info-seller .company .item span {
        min-width: 145px;
    }

    .service-management .booking-management .filter-booking-box .filter-voucher-box {
        flex-wrap: wrap;
    }

    .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box {
        flex-wrap: wrap;
    }

        .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .date-filter-box {
            width: 100%;
            justify-content: space-between;
            gap: 4px;
        }

        .service-management .seller-transaction .filter-transaction-box .filter-service-box .filter-voucher-box .point-box {
            flex: 1;
            justify-content: space-between;
        }

    #pos-detail .pos-detail .pos-information {
        flex-direction: column;
    }

    .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter .date {
        width: 85px;
    }

    .service-management .booking-management .filter-booking-box .filter-voucher-box .search-box {
        width: 100%;
    }

    #pos-detail .pos-detail .pos-confirm-info .table-info {
        overflow-x: auto;
    }

        #pos-detail .pos-detail .pos-confirm-info .table-info .ecode-table {
            min-width: 888px;
        }

        #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note {
            flex-direction: column;
        }

    .service-management .pos .pos-box .item-box.evc.ebooking .detail .sell-box {
        flex-direction: row;
    }

    #pos-detail .pos-detail .pos-confirm-info .table-info .group-table-note .note-table {
        min-height: 120px;
    }

    .service-management .pos .pos-box .item-box.evc.ebooking .detail .sell-box .sell-text.sell-value {
        flex-direction: column;
    }

    .service-management .pos .pos-box .item-box.evc .detail .sell-box {
        flex-direction: column;
        gap: 8px;
    }

    .service-management .pos .pos-box:first-child {
        min-width: unset;
    }

    .service-management .coupon-detail .coupon-info {
        width: 100%;
    }

    .coupon-filter-box .filter-voucher-box .date-filter-box .date-filter .date {
        width: 90px;
    }

    .coupon-filter-box .filter-voucher-box .date-filter-box {
        padding: 8px;
        gap: 4px;
    }

    .popup .extend-program .date-combo-box, .popup .extend-program .date-combo-box .date-time-popup, .popup .extend-program .date-combo-box .date-time-popup .date-box {
        align-items: center;
        gap: 8px;
        height: unset;
    }

    .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .count-price-item {
        display: flex;
        flex-direction: column;
    }

    .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box {
        flex-wrap: wrap;
    }

        .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box .vat-value, .detail-info .vat-box input,
        .service-info .service-price .vat-box input, .detail-eticket .vat-box input {
            min-width: 50px;
            max-width: 75px;
        }

    .detail-info .vat-box span, .service-info .service-price .vat-box span {
        padding-left: 0px !important;
    }

    #content-info .noti-tab .tab {
        background: #fff;
        justify-content: center;
    }

    .service-management .reconcil-report .filter-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .service-management .seller-transaction .filter-transaction-box .filter-service-box {
        flex-direction: column;
    }

    #detail-booking .booking-info .customer-info .detail, #detail-booking .booking-info .charge .charge-man .detail {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #detail-booking .booking-info .information .detail .timebox {
        flex-direction: column;
    }


    .service-management .seller-performance .detail-statistic .filter-voucher-box {
        flex-wrap: wrap;
    }

        .service-management .seller-performance .detail-statistic .filter-voucher-box .point-box {
            flex: 1;
            justify-content: space-between;
        }

    .detail-statistic .filter-voucher-box .date-filter-box {
        width: 100%;
    }

    .popup .map-location a {
        left: 65%;
    }

    .service-management .service-filter .chosen-box {
        flex-direction: row;
    }

    .service-management .service-filter .info-store {
        padding: 16px 24px;
    }

    .service-management .coupon-detail {
        flex-direction: column;
        align-items: center;
    }

    #service-popup .filter-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }


    .service-create .ecode {
        width: 100%;
    }

        .service-create .ecode .ecode-config .ecode-detail-config .discount-level {
            flex-wrap: wrap;
        }

        .service-create .ecode .ecode-apply .target .service-apply .apply-type {
            flex-direction: column;
        }

    .service-management .service-detail-box .register-box {
        flex-direction: column;
        display: flex;
    }

        .service-management .service-detail-box .register-box .register-infomation {
            align-items: center;
        }

        .service-management .service-detail-box .register-box .content-box {
            width: 100%;
        }

    .marketing-service .marketing-list {
        overflow-x: auto;
    }

    .marketing-service .item-list .marketing-item {
        flex: 1;
    }

    .coupon-publish .publish {
        flex-direction: column;
        gap: 16px;
        align-items: end;
    }

    .coupon-filter-box .status-box-type {
        overflow-x: auto;
        overflow-y: hidden;
    }

        .coupon-filter-box .status-box-type .status-type {
            min-width: max-content;
        }


    .marketing-service .marketing-list .marketing-type {
        min-width: max-content;
    }

    .service-info {
        width: 100%;
    }

    .information .money-charge .money-box .body-money .price-list-box .price-list .price-list-item .price-box {
        max-width: 100px;
    }

    .service-package .type-services .list-services {
        display: flex;
        flex-direction: column;
    }

    .icon-noti .dropdown-noti {
        left: -135px;
    }

    .head .dealtoday-logo img {
        width: 135px;
        height: 25px;
    }

    .plan {
        flex-direction: column;
        gap: 24px;
    }

    .popup .store-body .store-logo {
        flex-wrap: wrap;
    }



    .register .register-box {
        min-width: 369px;
        padding: 24px 16px;
    }

    .verify-box, .account-confirm {
        max-width: 369px;
    }

    .package-info {
        flex-direction: column;
    }

        .package-info .pack-info .pack-detail .pack-type .type {
            gap: 8px;
        }

        .package-info .pack-info .pack-detail .pack-type p {
            line-height: unset;
        }

    .seller-info-footer .contact, #sellerinfo .contact, .payment-info .contact {
        flex-direction: column;
    }

    .information {
        flex-direction: column;
    }

        .information .tab {
            flex-direction: row;
            background: #FEF3E2;
            overflow-x: auto; /* ✅ chỉ cuộn ngang */
            overflow-y: hidden;
            gap: 8px;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x proximity;
            scroll-behavior: smooth;
            padding: 8px;
        }

    .service-management .service-filter .chosen-box .store-info-box {
        min-width: max-content;
    }


    .information .tab a {
        padding: 12px 16px;
        border: 1px solid #AAB9C5;
        border-radius: 16px;
        min-width: 220px;
    }

    .edit-mode .edit-info-box .position-box {
        flex-direction: column;
    }

    .information .content-info .contact {
        display: none;
    }

    #content-info .acc-pwd div a {
        min-width: 115px;
        align-items: center;
        display: flex;
        justify-content: center;
    }



    .information .tab a.active {
        border: 2px solid #F6911E;
    }

    .seller-profile .btn-box.successinfo {
        flex-direction: column;
    }

    .information .content-info {
        max-width: 398px;
        width: 100%;
    }

    #content-info .my-account-detail .des {
        flex-direction: column;
        gap: 8px;
    }

    #content-info .acc-pwd {
        max-width: unset;
    }

    #content-info .my-account-detail .des div h3 {
        width: 105px;
    }

    .detail-box .box {
        width: 50%;
    }

    #customize-popup {
        top: 40%;
    }

        #customize-popup .other-function .function-total {
            display: flex;
            flex-direction: column;
        }

    #content-info .sellinfomation .row {
        flex-direction: column;
    }

        #content-info .sellinfomation .row .col {
            flex-direction: row;
            flex: 1;
            max-width: unset;
            flex-wrap: nowrap;
        }

            #content-info .sellinfomation .row .col .label {
                flex: 1;
                width: 120px;
                min-width: 120px;
                max-width: 120px;
            }

    #resetPopup {
        width: 360px;
    }

    #content-info .detail-filter-box .search-box input {
        width: 300px;
    }

    .service-create.servicedetail {
        flex-direction: column;
    }

        .service-create.servicedetail .info-service-box {
            flex-direction: row;
            width: 100%;
            background: #FEF3E2;
            gap: 8px;
        }

            .service-create.servicedetail .info-service-box .detail-content {
                padding: 12px 16px;
                border: 1px solid #AAB9C5;
                border-radius: 16px;
                height: 48px;
                display: flex;
                align-items: center;
            }

                .service-create.servicedetail .info-service-box .detail-content:has(.active) {
                    border: 2px solid #F6911E;
                }

                .service-create.servicedetail .info-service-box .detail-content .dropdown-list-item {
                    display: none !important;
                }

    .detail-content .info-service .dropdown-icon {
        display: none;
    }

    .detail-content .info-service .info-selling span {
        font-size: 14px;
    }

    .service-create .service-info .service-information .service-type .type {
        width: 160px;
    }

    .datepicker, #datepicker, #datepicker-double {
        width: 100%;
    }

    .footer-picker h3 {
        width: 100%;
    }

    .datetime-picker {
        flex-direction: column;
    }

    .footer-picker {
        flex-direction: column;
        gap: 12px;
    }

    .service-content-info .store-logo {
        flex-direction: column;
    }

    .service-management .reviewing .statics .detail-static {
        flex-wrap: wrap;
    }

        .service-management .reviewing .statics .detail-static .box-static {
            width: 198px;
            max-width: 300px;
            min-width: 200px;
            justify-content: center;
        }

    .service-management .reviewing .review-list .filter-tab .filter-voucher-box .point-box {
        flex: 1;
        justify-content: space-between;
    }



    .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .store-name {
        margin-top: 0px;
    }

    .service-management .reviewing .review-list #lst-review .item-row .item-review .response-review .input-reply-box {
        width: 100%;
    }

    .service-management .reviewing .statics .detail-static .box-static:last-child {
        width: 100%;
        max-width: unset;
        border-top: 1px solid #F1F2F4;
    }

    .input-reply-box textarea {
        height: auto;
    }

    .service-management .reviewing .statics .detail-static .box-static:last-child span {
        text-align: center;
    }

    .service-management .reviewing .statics .detail-static .box-static:last-child .value {
        justify-content: center;
    }

    .service-management .reviewing .review-list .filter-tab .status-box-type {
        overflow-x: auto;
        overflow-y: hidden;
        width: 362px;
    }

    .service-management .reviewing .review-list .filter-tab .filter-voucher-box {
        flex-wrap: wrap;
    }

    .service-management .reviewing .review-list #lst-review .item-row {
        flex-direction: column;
        display: flex;
    }

        .service-management .reviewing .review-list #lst-review .item-row .item-review .response {
            padding-left: 5px !important;
        }



    .redirect-line, .redirect {
        overflow-x: auto;
        overflow-y: hidden;
        height: 24px;
    }

        .redirect-line h1, .redirect-line span, .redirect-line a, .redirect h1, .redirect span, .redirect a, .redirect p {
            min-width: fit-content;
        }

    .service-info .service-acceptance .filter-acceptances .search .search-info {
        width: 270px;
    }

    .popup .extend-program .price-change .info-box-combo, .popup .extend-program .publish-more .box-count {
        flex-direction: column;
    }

        .popup .extend-program .publish-more .box-count .count-box .count {
            flex: 1;
            width: 100%;
            min-height: 54px;
        }

        .popup .extend-program .publish-more .box-count .count-box:first-child {
            max-width: unset;
        }

    .service-create .content-info .galleries .gallery-box .logo-box img {
        width: 126px;
        height: 126px;
    }

    .service-create .content-info .galleries .gallery-box .logo-box {
        flex-direction: column;
    }

    .service-create .content-info .galleries img {
        width: 175px;
        height: 87px;
    }

    .service-create .content-info .galleries .gallery-box .image-list {
        gap: 8px;
    }



    .info-set .selling-information {
        flex-direction: column;
    }

        .info-set .selling-information .info-sell .time {
            display: flex;
            gap: 4px;
        }

    .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .info-combo-box, .popup .eticket-group .pack-item .etk-detail .etk-list .etk-item-detail .etk-info .box-count {
        flex-direction: column;
        display: flex;
    }

    .popup .extend-program .etk-pack-time .date-combo-box .date-time-popup {
        padding: 8px;
    }

    .footer-picker .btn-box {
        width: 100%;
    }

    .time-picker .display-datetime.create-time, .time-picker .display-datetime {
        flex-direction: column;
    }

    .eticket-create-box .detail-eticket .eticket-list .eticket-detail .etk-info .detail-info {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .service-management .reviewing .review-list .filter-tab .date-filter-box {
        width: 100%;
        justify-content: space-between;
    }

    .header-uni .logo-head span {
        font-size: 16px;
    }

    .header-uni .logo-head a img {
        width: 120px;
        height: 24px;
    }

    .header-uni .head-box {
        flex-wrap: wrap;
        padding-bottom: 16px;
    }

        .header-uni .head-box .search-box {
            order: 3;
            width: 100%;
            margin-left: unset;
            max-width: unset;
        }

        .header-uni .head-box .account {
            margin-left: auto;
        }

    .d2d-uni .introduction .use-group-box {
        grid-template-columns: 1fr 1fr;
    }

        .d2d-uni .introduction .use-group-box .use-box span {
            text-align: center;
        }

    .d2d-uni .rules .question-btn {
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .d2d-uni .contact .support-box, .footer-uni {
        flex-direction: column;
    }

    .service-management .detail-faq .list-content-box {
        display: none;
    }

    .service-management .detail-topic .questions .question-topic {
        display: flex;
        flex-direction: column;
    }

    .service-management.fagdetail .contact .support-box {
        flex-direction: column;
    }

        .service-management.fagdetail .contact .support-box .hotline {
            justify-content: center;
        }

    #suggestions {
        top: 55px;
        width: 100%;
        left: 0;
    }

    .service-management .service-detail-box .register-box .content-box {
        padding-left: 20px;
    }

    .service-management .service-detail-box.marketing-detail-box .register-box {
        padding: 16px 8px;
        gap: 8px;
    }

    .service-management .service-detail-box .register-box .register-infomation {
        height: 243px;
    }

    .service-management .reconcil-report .filter-box {
        padding: 8px;
    }

    .service-management .reconcil-report .filter-box {
        align-items: flex-end;
        gap: 8px;
    }

    .service-management .reconcil-report .filter-report-box{
        width: 100%;
        justify-content: space-between;
    }
    .service-management .reconcil-report .filter-box .month-filter-box.month-filter-thch .filter-voucher-box {
        justify-content: space-between;
    }

    .month-filter-box .filter-voucher-box .date-filter-box {
        gap: 8px;
    }

    .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter .date {
        width: 90px;
    }

    .popup .extend-program .egift-service .price-list-egift .price-item .detail-price-item .vat-box span {
        padding-left: 0px !important;
    }

    .service-create .content-info .editor-box img {
        width: unset;
        height: unset;
        max-width: 100%;
    }

    .popup .extend-program .price-change .info-combo-box {
        flex-direction: column;
    }

    .verify-otp .otp {
        gap: 8px;
    }

    .icon-noti .dropdown-noti {
        left: -123px;
    }
    .service-management .reconcil-report.ecode-report .filter-box .filter-voucher-box {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .service-management .reconcil-report.ecode-report .filter-box .filter-voucher-box .category-box {
            max-width: 294px;
        }


        .service-management .reconcil-report.ecode-report .filter-box .filter-voucher-box .date-filter-box {
            order: 3;
        }

        .service-management .reconcil-report.ecode-report .filter-box .filter-voucher-box .search-btn {
            order: 2;
        }
    #reject{
        max-width: 300px;
    }
}


@media(max-width: 390px) {
    .header-account .phone-number .phoneNumber {
        font-size: 14px;
    }
    .box-abount-dtd .title-about {
        padding-left: 36px;
    }
    .account.headerindex .icon-noti .dropdown-noti {
        top: 60px;
        width: 370px;
        left: -123px;
    }

    #content-info .list-noti .item {
        padding: 16px 4px;
    }

    .service-management .reviewing .review-list .filter-tab .status-box-type {
        width: 100%;
    }

    .service-management .reviewing .review-list .filter-tab .date-filter-box {
        gap: 12px;
    }

    .service-management .reviewing .review-list .filter-tab .status-box-type .status-type {
        padding: 0px 10px;
    }

    .image-box .image-item img, .image-upload-box {
        width: 156px;
        height: 78px;
    }

    .address-box .coordinate-display a, .popup .map-location a {
        justify-content: flex-end;
        width: fit-content;
        left: 90%;
        top: 18px
    }

        .address-box .coordinate-display a span, .popup .map-location a span {
            display: none;
        }

    .acceptance-box .acceptance-point .header-point p {
        min-width: unset;
    }

    .coupon-publish .publish .title-publish span {
        font-size: 20px;
    }

    .month-filter-box .filter-voucher-box .date-filter-box, .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box {
        padding: 8px;
        gap: 8px;
    }

    #service-popup .filter-box .filter-search-box .search-box {
        width: 230px;
    }

    .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box {
        padding: 8px;
        gap: 4px;
    }

        .service-management .booking-management .filter-booking-box .filter-voucher-box .date-filter-box .date-filter {
            gap: 4px;
        }

    .service-management .booking-management .filter-booking-box {
        padding: 16px;
    }

    .detail-statistic .filter-voucher-box .date-filter-box {
        gap: 12px;
    }

    .service-info .ebooking-price .pricebox .price-range .price-from input {
        max-width: 90px;
    }

    .service-info .ebooking-price .vat-box input {
        max-width: 100px;
    }

    #pos-detail .pos-detail .pos-information {
        min-width: unset;
    }

    .acceptance-box .acceptance-point .more-content {
        overflow-x: auto;
    }

    .service-create .ecode .ecode-config .ecode-detail-config .level {
        display: flex;
    }

    .acceptance-box .acceptance-point .header-point p {
        max-width: 250px;
    }

    .service-create .ecode .ecode-config .ecode-detail-config .level #discountType {
        flex: 1;
        min-width: 150px;
    }

    .service-create .ecode .ecode-config .ecode-detail-config .level .input-value-currentcy input {
        max-width: 120px;
    }

    .icon-noti .dropdown-noti.uni {
        left: -115px;
    }

    .footer-action .action .box-action #save-btn, .footer-action .action .box-action #preview-btn, .footer-action .action .box-action #confirm-btn, .action #back-btn {
        font-size: 12px;
    }

    #content-info .section {
        padding: 0px;
    }

    .header-account .phone-number {
        gap: 8px;
    }

    .service-management .service-filter .info-store .header-info h1 {
        font-size: 20px;
    }

    .businesstype .type .btype p {
        font-size: 12px;
    }

    .verify-box, .account-confirm {
        min-width: unset;
    }

    .icon-noti .dropdown-noti {
        width: 370px;
        left: -103px;
    }

    .detail-content .info-service.active .info-selling span {
        font-size: 12px;
    }

    .d2d-uni .contact span, .service-management .contact span, .information .content-info .contact span {
        font-size: 24px;
    }

    .service-management .reviewing .statics .detail-static .box-static {
        min-width: unset;
    }
    .service-management .reconcil-report .filter-box .filter-voucher-box .date-filter-box .date-filter .date{
        width: 80px;
    }
}