@media screen and (min-width:1200px) {
    .container{
        max-width:1100px!important;
    }
    .mw-80{
      max-width:80%;
    }
    .mw-50{
      max-width:50%;
    }

    .form-group-50{
        width:100%;
        max-width:50%;
        display:inline-block;
    }
}
@media screen and (min-width:1280px) {
   .pn-adv-list .container,.adv_order .container, .adv-financial .container, .pn-partner-payment-list .container{
      max-width:1250px!important;
   }
}
@media screen and (min-width:1600px) {
   .pn-adv-list .container, .adv_order .container, .adv-financial .container, .pn-partner-payment-list .container{
      max-width:1400px!important;
   }
}
@media screen and (min-width:1400px) {
   .pn-adv-list .container, .adv_order .container, .adv-financial .container, .pn-partner-payment-list .container{
      max-width:1300px!important;
   }
}

@media screen and (max-width:1400px) {
    .bx-item{
        padding:0.7rem 1rem;
    }
    .df-box-admin > .sidebar{
        width:20rem;
    }
    .bx-item .nav-admin > li > a{
        font-size:1.4rem;
    }
    .df-box-admin > .main{
       width: calc(100% - 20.5rem);
   }
    .box-aside-admin .box-heading h2{
        font-size:1.4rem;
    }
    .pn-footAdmin .df-ft .left{
        width:20rem;
    }
    .pn-boxAdmin section.content{
        padding:0 0.5rem;
    }
    .df-p-about .nd{
        padding:0 3rem;
    }
    .container {
        max-width:94%;
    }
    .df-filter-admin .left select{
        width:14rem;
    }
    .df-filter-admin .left input[type='text']{
        width:15rem;
    }
    .df-ft .left{
        width:30rem;
    }
    .pn-footAdmin .df-ft .center{
        padding-left:15px;
    }
    .pn-footAdmin .df-ft .center{
        width:40%;
    }

   .df-ft .right{
        width: calc(100% - 46rem);
   }
   .df-box-admin .content{
      padding:7px 7px;
   }

    .df-box-admin .df-ft .right {
        width: calc(40% - 21rem);
    }
}
@media screen and (max-width:1280px) {
    .df-box-admin > .main {
        width:100%;
    }
    .df-box-admin > .sidebar{
        display:none!important;
    }
    #sidebarToggle{
      display:inline-block;
    }
    .container {
        max-width:98%!important;
    }
    .mySwiper .content h2,.mySwiper .content p.desc{
        font-size:5rem;
    }
    .mySwiper .content{
        width:94%;
    }

    .banner_full .background h1{
        font-size:3rem;
    }
    .logo_partner{
        width:20rem;
    }
    .nav_member>li{
        margin-left:4rem;
    }
    .wp_inner_partner{
        max-width:96%;
        min-height:unset!important;
    }
    .tabList_regisBillboard>li{
        min-width: calc(20% - 1rem);
        margin: 0 0.5rem;
    }
    .regis_step_1_50 .left{
        padding-right:3rem;
    }
    .note_regis{
        max-width:100%;
    }
    .regis_step_1_50{
        flex-direction:column;
    }
    .regis_step_9{
        max-width:96%!important;
    }

}

@media screen and (max-width:1024px) {
    .nav_member>li {
        margin-left:2rem;
    }
    .pn-heading-partner .container{
        padding:0 5px;
    }
    .df-p-about .img,.df-p-about .nd{
        width:50%;
    }
     .df-ft .left {
        width: 26rem;
    }
    .df-ft .right {
        width: calc(100% - 30rem);
    }
    .list-blogs{
        grid-template-columns:1fr 1fr 1fr;
    }
    .img_ads_order{
        flex-direction:column;
    }
    .gird_advs_hz .adv-item .adv-img {
      width: 20rem;
    }
    .gird_advs_hz .adv-item .adv-info {
      width: calc(100% - 21rem);
    }
    .table-minWidth-1000{
        min-width:1000px;
    }
}

@media screen and (max-width:991px) {
    .df-adv_view{
        flex-direction:column;
    }
    .df-adv_view .aside,.df-adv_view .center{
        width:100%;
    }
    .adv_module{
        display:grid;
        grid-template-columns:1fr 1fr 1fr 1fr;
    }
    .wrapAdminList #list_ads,.wrapAdminList #list_pays{
        min-width:1000px;
    }
    .df-nd-paymentsd{
      flex-direction:column;
    }
    .df-nd-paymentsd > .left, .df-nd-paymentsd > .right{
        width:100%;
        padding:1rem 1rem;
    }
}

@media screen and (max-width:850px) {
     .tb-content-tooltip .tooltip-container .tooltip-text {
        max-width: 85vw;
        font-size: 13px;
        left: 50%;
        transform: translateX(-50%);
    }

    .daterangepicker{
        width:calc(100% - 48px)!important;
        left:24px!important;
    }
    .regis_step_1_50 > div{
        width:100%!important;
        padding:0 0!important;
    }
    .b_close_filterPartner {
        visibility: visible;
        z-index: 99;
        position: relative;
        display: inline-block;
    }

    .pn-adv-list .container, .adv_order .container{
        width:98%;
    }
    .partner_menu{
        display:block;
    }
    .df-hp > .right{
        display:flex;
        justify-content:flex-end;
        align-items:center;
    }
    .nav_partner{
        display:none;
    }
    .block_edit_price .df-64 .left,.block_edit_price .df-64 .right{
        width:100%;
        padding:0;
        border-color:transparent;
    }
    .wrapBillboard{
        padding-bottom:50%;
    }
    .regis_step_pdm .left,.regis_step_1_50 .right{
        width:100%;
        padding:0 0;
        margin-bottom:2rem;
    }
    .block_ttcb .df-64 .left,.block_ttcb .df-64 .right{
        width:100%;
        padding:0 0;
    }
    .regis_step_pdm{
        flex-direction:column;
    }
    .df-64{
        flex-direction:column;

    }
    .block_ttcb .df-64{
        justify-content:space-between;
    }
    .df-profile-Cus .main_center{
        width:100%;
    }
    .df-adv_view .aside{
        width:100%;
    }

    .df-profile-Cus{
        flex-direction:column;
    }
    .df-profile-Cus .sidebar_profile{
        width:100%;
        margin-bottom:1rem;
    }
    .nav_web>li{
        padding:0 0;
    }
    .df-menu{
        align-items:flex-start;
    }
    .tit_listAdv{
        text-align:center;
        margin:1rem 0 2rem 0;
    }
    .btn_close_memberFilter{
      visibility:visible;
      z-index:99;
      position:relative;
      display:inline-block;
    }

    .ctr_open_filter{
        display:block;
        visibility:visible;
    }
    #soft-by{
        width:18rem;
    }
    .filterAdv{
        background-color:transparent!important;
        border-color:transparent!important;
        position:relative;
        z-index:99;
    }
    .df-listAdv .left,#m_filterControl {
        position: fixed;
        top:0rem;
        left: 0;
        height: 100%;
        overflow-y:auto;
        width:100%;
        background: #fff;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 1001;
    }
    .df-listAdv .left.show,.sidebar_filter.show{
       transform: translateX(0)!important;
    }
    .filterAdv{
        padding:2rem 1.5rem;
    }
    .df-listAdv .main{
        width:100%;
    }
    .df-listAdv::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1000;
}

/* Khi panel mở: backdrop hiện */
.df-listAdv.panel-open::before {
    opacity: 1;
    visibility: visible;
}

    .tit_ft{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .cus_menu{
        display:block;
    }
   .df-menu .left{
    display:none;
   }
   .logo_m{
    display:block;
    width:12rem;
   }
   .heading_cus .container{
    width:100%;
    max-width:100%;
    padding-left:10px;
    padding-right:10px;
   }
   .nav_member>li{
      margin-left:0.5rem;
   }
   .heading_cus{
    padding:1rem 0 1.5rem 0;
   }
   .mySwiper .content{
    width:100%;
    padding:0 2rem;
   }
   .mySwiper .content h2, .mySwiper .content p.desc {
        font-size:4rem;
    }
    .item-slide{
        height: calc(33.33vh - 4rem);
    }
    .gird_search{
        flex-direction:column;
    }
    .gird_search .item.item_4 {
    flex: 0 0 50px;
}
    .box-search-member{
        margin-top:2rem;
    }
    .btn_search_member{
        width:100%;
        padding:0 1rem;
        line-height:4.6rem;
    }
    #input_daterange{
        font-size:1.6rem;
    }
    .pn-createAdv{
        padding:2rem 0;
    }
    .pn-typeAdv{
        padding:0 0;
    }
    .pn-advEndow, .pn-advHot, .pn-advs{
        padding:1rem 0;
    }
    .girdCreateAdv .item img{
        width:7rem;
    }
    .group_tit>h2{
        font-size:2rem;
    }
    .gird_typeAdv{
        grid-gap: 2rem;
    }
    .gird_advs_hz .adv-item .adv-img a{
        padding-bottom:100%;
    }
    .box-files{
        height:37rem;
    }
    .l-rel > li > a img{
        width:7rem;
    }
    .l-rel > li > a .the_title{
        width:calc(100% - 7.5rem);
    }
    .l-rel > li > a .the_title{
        font-size:1.3rem;
    }
    .df-bga .box-sidebar .t-rel{
        text-align:left;
        font-size:2rem;
    }
    .df-adv{
        flex-direction:column;
    }
    .df-adv .sidebar_filter{
        width:100%;
    }
    .df-adv .main_center{
        width:100%;
        padding:0 0;
    }
    .nd_step_5{
        width:100%;
        max-width:100%;
    }
    .df-control{
        margin-top:2rem;
    }
    .nd_step_6 .df-64 .left,.nd_step_6 .df-64 .right{
        width:100%;
        padding:0 0;
        border-color:transparent!important
    }
    .regis_step_7 .nd{
        max-width:100%;
    }
    .block_giadaihan .df-55{
        flex-direction:column;
    }
    .block_giadaihan .df-55 .left,.block_giadaihan .df-55 .right{
        width:100%;
        padding:0 0;
        margin:1rem 0;
    }
    .step_8_booking .df_73{
        flex-direction:column;
    }
    .df-64 .left .form-group{
        padding-left:0;
    }
    .step_8_booking .df_73 > .left,.step_8_booking .df_73 .right{
        width:100%;
        padding:0 0;
        margin-top:2rem;
    }
    .regis_step_8 .cont.step_8_nd{
        max-width:100%;
    }
    .regis_step_7 .cont{
        max-width:100%!important;
    }
    .nav_barTab .container{
        overflow-x:auto;
        padding-bottom:1rem;
        padding:0 0 0.8rem 0;
   }
   .nav_barTab .container .tabList_regisBillboard{
      min-width:1000px;
   }
   .box-manager-file{
        flex-direction:column;
    }
   .adv_overview{
    flex-direction:column;
   }
   .box-manager-file > .list-file{
     width:100%;
     margin-bottom:1rem;
   }
   .box-manager-file .box-view-file{
     width:100%;
     margin-bottom:1rem;
   }
   .pn-member-action,.pn-member-action .wrap_bgMember{
      min-height:unset;
   }
}
@media screen and (max-width:768px) {

   .adv_overview .img,.adv_overview .info{
     width:100%;
     padding:0 0;
   }
   .Swiper_sp_hot_img{
      height:50rem;
   }
   .list-para-camp,.gird_ndqc{
    grid-template-columns:1fr;
   }
   .df-admin-partner-detail{
    flex-direction:column;
   }
   .df-admin-partner-detail > .left{
    width:100%;
    flex-direction:column;
   }
   .df-admin-partner-detail > .right{
    width:100%;
   }
   .df-ava .view_gl{
     width:100%;
   }
   .df-ava .view_info{
    width:100%;
   }
}
@media screen and (max-width:700px) {
    .wrapAdminList .df-ava{
        flex-direction:column;
    }
    .df-ava .view_ttcb, .df-ava .view_giathue {
        width:100%;
    }
    .list-blogs{
        grid-gap:2rem;
    }
    .gird_advs_hz .adv-item .adv-info .adv-body .text-left{
        padding-right:0.5rem;
    }
    .gird_advs_hz .adv-heading h3 a{
        line-height:1.2;
        font-size:1.4rem;
    }
    .gird_advs_hz .adv-heading h3{
        margin-bottom:0;
    }
    .gird_advs_hz .adv-item .adv-info{
        padding-right:0;
    }
    .banner_full .background{
        height:45vh;
    }
    .pn-member-action .wrap_bgMember{
        width:100%;
        padding:2rem 3rem;
    }
    .wrap_bgMember h1.tit_member{
        font-size:3rem;
        margin-top:0;
    }
    .wrapBillboard{
        padding-bottom:70%;
    }
    .df-bga{
        flex-direction:column;
    }
    .df-bga .box-main,.df-bga .box-sidebar{
        width:100%;
    }
    .l-rel{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-gap:1rem;
    }
    .df-bga .box-sidebar{
        margin-top:2rem;
    }
    .gird_admin_tk{
        grid-template-columns:1fr 1fr;
    }
    .df-note-led{
        flex-direction:column;
    }
     .df-note-led .cont{
        width:100%;
        padding:0;
     }
}
@media screen and (max-width:650px) {
    .wrap_bgSchedule .date_set .calendar{
        width:100%;
        display:block;
    }
    .swiper-container-calendar .swiper-slide{
        flex-direction:column;
    }
    .list-blogs{
        grid-template-columns:1fr 1fr;
    }
    .p-menu-list>li{
        padding:1rem 0.5rem;
    }
    .df-p-about{
        flex-direction:column;
    }
    .df-p-about .img, .df-p-about .nd{
        width:100%;
    }
    .df-p-about .nd{
        padding:2rem 2rem;
    }
    .df-p-about .img{
        padding-bottom:40%;
    }
    .block_calendar .calendar{
        width:100%;
    }
    .list_status_booking{
        flex-direction:column;
    }
    .list_status_booking>li{
        margin-bottom:0.5rem;
    }
    .df-50 .label_left{
        padding-right:2rem;
    }
    .wrapFilterTabOrder{

        overflow-x:auto;
        padding-bottom:0.2rem;
    }
    .wrapFilterTabOrder .filter-order{
       min-width:600px;
    }
    .gird_kgqc{
        grid-template-columns:1fr 1fr;
    }
    .df-filter-admin{
        flex-direction:column-reverse;
    }
    .df-filter-admin .left,.df-filter-admin .right{
        width:100%;
        padding:0;
        margin:0.5rem 0;
    }
    .tb-content-tooltip .tooltip-container .tooltip-text{
        max-width: max-content;
        top:0;
        bottom:unset;
        top:-170px;
    }
}

@media screen and (max-width:576px) {
    .wrapBillboard{
        padding-bottom:90%;
    }
    .Swiper_sp_hot_img {
        height:40rem;
    }
    .gird_advs_hz .adv-item .adv-img {
        width: 14rem;
    }
    .gird_advs_hz .adv-item .adv-info {
        width: calc(100% - 14.5rem);
    }
    .adv_meta>li:first-child{
        display:none;
    }
    .girdCreateAdv .item img {
        width: 5rem;
    }
    .adv_vertical .info{
        padding:0.5rem 1rem;
    }
    .pn-foot .foot2{
        padding:0 1rem;
    }
    .df-ft .left {
        width: 15rem;
    }
    .df-ft .right {
        width: calc(100% - 16rem);
    }
    .df-ft{
        align-items:flex-start;
    }
    .block_adv_edit .inner_bg{
        padding:0.8rem;
    }
    .adv_module>li{
        padding:1rem 0.5rem;
    }
    .adv_module>li>a img{
        width:2rem;
    }
    .tit_adv_edit{
        font-size:1.8rem;
    }
    .adv_module>li>a{
        font-size:1.3rem;
    }
    .mySwiper .content h2, .mySwiper .content p.desc{
        font-size:3.4rem;
    }
    .item-slide {
        height: calc(40vh - 4rem);
    }
    .pn-menu-p .container{
        padding:0 5px;
    }
    .adv_module>li>a img{
        width:2.5rem;
    }
    .df-discount-control{
        flex-direction:column;
    }
     .df-discount-control .left,.df-discount-control .right{
        width:100%;
        padding:0 0;
        margin-bottom:1rem;
     }
     .gird_3c{
        grid-template-columns:1fr 1fr;
     }
     .df-cusNT{
        flex-direction:column;
     }
     .df-cusNT .subMenu-left,.df-cusNT .box-main{
        width:100%;
     }
     .listSubmenu{
        display:grid;
        grid-template-columns:1fr 1fr;
     }
     .wp_inner_partner{
        padding-left:1rem;
        padding-right:1rem;
     }
     .df-admin-partner-detail{
        flex-direction:column;
     }
     .df-admin-partner-detail > .left,.df-admin-partner-detail > .right{
        width:100%;
        padding:0;
        margin-bottom:0.5rem;
        justify-content:flex-start;
     }
     .wrapAdminList .box-main .tab{
        padding:5px 10px;
     }
     .box-manager-file > .list-file,.box-manager-file .box-view-file{
         height:40rem;
     }
     #myModal .modal-content {
        padding: 5px 5px;
    }
    .tb-content table{
        font-size:13px;
    }
    .tb-content table tfoot td{
        font-size:14px!important;
    }
    .nd_schedule table{
        font-size:12px!important;
    }
    .swiper-container-calendar1 .calendar h3{
        font-size:14px;
    }
    .tooltip-container{
        top:5px;
    }
    .list-status-schedule > li label{
        font-size:1rem;
    }
}
@media screen and (max-width:500px) {
     .tb-content-tooltip .tooltip-container .tooltip-text {
        max-width: 96vw;
        padding: 10px 12px;
        font-size: 12px;
        line-height: 1.5;
        left:0;
        left: clamp(-70px, 50vw - 255px, -15px);
    }
    .girdCreateAdv {
        grid-template-columns: 1fr;
    }
     .block_giadaihan .df-55{
        flex-direction:column;
     }
    .block_giadaihan .df-55 > .left,.block_giadaihan .df-55 > .right{
        width:100%;
        padding:0 0;
    }
    .block_giadaihan .df-55 > .right{
        margin-bottom:2rem;
    }
    .gird_2c{
        grid-template-columns:1fr;
    }
    .df_adv_heading{
        flex-direction:column;
    }
    .p_rightFilter{
        justify-content:space-between;
        margin:0.5rem 0;
    }
    .pn-kgqc{
        padding-top:3rem;
    }
    .nd_step_5{
        font-size:1.6rem;
        line-height:1.4;
    }
     .ul-cf{
        padding-left:0;
    }
    .ul-cf>li .icon img{
        width:3rem;
        height:3rem;
    }
    .ul-cf>li .icon{
        width:4rem;
    }
    .ul-cf>li .txt{
        width: calc(100% - 4rem);
    }
    .ul-cf>li .txt h4{
        font-size:1.6rem;
        line-height:1.3;
    }
    .ul-cf>li .txt p{
        font-size:1.4rem;
        line-height:1.3;
    }
    .ul-ck>li .txt{
        font-size:1.6rem;
        line-height:1.4;
    }
    .df-p-about .img{
        padding-bottom:50%;
    }
    .pn-admin-login{
        min-height:60vh!important;
    }
    .box-product-rating{
        margin-top:15px;
    }
}
@media screen and (max-width:440px) {
    .gird_typeAdv .item h3{
        line-height:1.3;
    }
    .adv_vertical .info h4 a{
        font-size:1.4rem;
        -webkit-line-clamp:4;
    }
    .adv_vertical{
        font-size:1.4rem;
    }
    .lb_down{
        font-size:1.6rem;
    }
    .adv_vertical .img .label-s{
        font-size:1.2rem;
    }
    .adv_vertical .img .label-v{
        font-size:1.3rem;
    }
    .group_tit>h2{
        font-size:1.8rem;
    }
    .adv_action_ct > a{
        font-size:1.4rem;
        width: calc(50% - 0.5rem);
    }
    .nav_member>li>a>img{
        height:2.4rem;
    }
    .logo_footer{
        max-height:8rem;
        margin-bottom:1rem;
    }
    .Swiper_sp_hot_img {
        height: 30rem;
    }
    .heading_cus .container{
        padding-left:7px;
        padding-right:7px;
    }
    .gird_advs_hz .adv-item{
        flex-direction:column;
        padding:0.2rem;
    }
     .gird_advs_hz .adv-item .adv-img,.gird_advs_hz .adv-item .adv-info{
        width:100%;
    }
    .gird_advs_hz .adv-item .adv-img a{
        padding-bottom:60%;
    }
    .gird_advs_hz .adv-heading h3{
        width:100%;
    }
    .gird_advs_hz .adv-heading{
        margin-top:1rem;
    }
    .gird_advs_hz .adv-heading .box-rating{
        width:160px;
    }
    .banner_full .background{
        height:35vh;
    }
    .banner_full .background h1{
        font-size:3rem;
    }
    .pn-member-login .container,.pn-member-regis .container{
        padding:0 0;
    }
    .pn-member-action .wrap_bgMember{
        padding:2rem 2rem;
    }
    .wrap_bgMember h1.tit_member{
        font-size:2.7rem;
    }
    .wrap_bgMember p.subtit{
        font-size:1.6rem;
    }
    .gird_3cm{
        grid-template-columns:1fr;
    }
    .gird_3cm .item_3cm{
        justify-content:flex-start;
    }
    .gird_3cm .item_3cm input.input_34{
        width:100%;
    }
    .df-50 .label_left{
        width:35%;
        padding-right:1rem;
    }
    .df-50 .input_right{
        width:65%;
    }
     .lib_advImg>ul{
        grid-template-columns:1fr 1fr 1fr;
    }
    .adv_overview h1{
        margin:1rem 0;
    }
    .heading_adv{
        font-size:1.6rem;
    }
    .nd_step_6{
        padding:1rem 1rem;
    }
      .banner_full .background h1{
        font-size:2.4rem;
    }
    .l-rel{
        grid-template-columns:1fr;
        grid-gap:0;
    }
     .df-filter-admin .left{
        display:block;
    }
    .df-filter-admin .left select,.df-filter-admin .left input[type='text']{
        width:100%;
        margin-bottom:0.8rem;
    }
    .df-filter-admin .btn_ft_partner{
        display:inline-block;
        line-height:2.8rem;
    }
     .gird_3c{
        grid-template-columns:1fr;
     }

}
@media screen and (max-width:410px) {
    .df-ft{
        flex-direction:column;
    }

     .df-ft > div{
        width:100%!important;
        margin-bottom:0.5rem;
     }
    .df-foot{
        flex-direction:column;
    }
    .df-foot > div{
        width:100%!important;
        padding:0 0!important;
        margin-bottom:1rem;
    }
    .pn-foot .foot-top{
        padding-bottom:1rem;
    }
    .foot-top{
        margin-bottom:1rem;
    }
}

@media screen and (max-width:390px) {
     .adv_module{
        grid-template-columns:1fr 1fr;
    }
    .Swiper_sp_hot_img {
        height: 28rem;
    }
}
@media screen and (max-width:370px) {
    .Swiper_sp_hot_img {
        height: 25rem;
    }
    .gird_admin_tk{
        grid-template-columns:1fr;
    }
    .list-blogs {
       grid-template-columns: 1fr;
    }
     .gird_kgqc{
        grid-template-columns:1fr;
    }
}