@media (max-width: 1600px){
    .banner-section p{
        font-size: 30px;
    }
    .filter-section .download-report-block .btn{
        width: 22%;
    }
    .filter-section .search-tips-list{
        gap: 10px;
    }
    .filter-section .search-tips-list li{
        font-size: 14px;
    }
    .filter-section .filter-wrapper .form-select{
        padding: 12px 20px;
    }
    .filter-section .select2-container--default .select2-selection--multiple {
        padding: 12px 60px 12px 20px;
    }
    .filter-section .multiple-select-wrapper .btn{
        padding: 12px 0;
    }
    .filter-section .download-report-block .btn{
        padding: 12px 14px;
    }
    .filter-section .multiple-select-wrapper .btn{
        font-size: 20px;
    }
    .banner-section{
        height: 295px;
    }
    .payment-success-section h2{
        font-size: 42px;
    }
    .payment-success-section p{
        font-size: 22px;
    }
    .payment-success-section .payment-success-wrapper{
        padding: 60px 0;
    }

}


@media (max-width: 1200px) {
    .filter-section .download-report-block .btn {
        width: 28%;
    }
    .filter-section .search-tips-list li {
        font-size: 11px;
    }
    .report-modal h2{
        font-size: 24px;
    }
    .payment-success-section h2 {
        font-size: 36px;
    }
    .payment-success-section p {
        font-size: 20px;
    }
}

@media (max-width: 992px){
    .filter-section .search-tips-list{
        display: flex;
        gap: 10px;
        flex-flow: wrap;
    }
    .filter-section .download-report-block .btn{
        width: 48%;
    }
    .banner-section p{
        font-size: 28px;
    }
    .filter-section .search-tips-list li {
        font-size: 14px;
    }
    .filter-section .select2-container--default .select2-selection--multiple .select2-selection__choice{
        margin: 5px 5px 0 0;
    }
    .payment-success-section .payment-success-wrapper {
        padding: 40px 0;
    }
    .data-table-section div.dt-container div.dt-layout-table > div {
        overflow-x: scroll;
    }
    .data-table-section table.dataTable thead th {
        min-width: 170px;
    }

}


@media (max-width: 767px){
    .filter-section .search-tips-list{
        flex-flow: wrap;
        gap: 10px;
    }
    .filter-section .multiple-select-wrapper{
        flex-flow: wrap;
    }
    .filter-section .btn-block {
        max-width: 100%;
    }
    .filter-section .download-report-block{
        flex-flow: wrap;
    }
    .filter-section .download-report-block marquee{
        width: 100%;
        padding: 10px 0 15px;
    }
    .filter-section .download-report-block .btn {
        width: 100%;
    }
    .data-table-section div.dt-container div.dt-layout-table>div{
        overflow-x: scroll;
    }
    .banner-section p {
        font-size: 22px;
    }
    .data-table-section table.dataTable thead th{
        min-width: 170px;
    }
    footer p a{
        display: inline-block;
    }
    .banner-section .logo img{
        max-width: 70%;
    }
    .filter-section .filter-wrapper {
        padding: 20px 20px;
    }
    .data-table-section div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell{
        text-align: right;
    }
    .filter-section .select2-container--default .select2-selection--multiple .select2-selection__choice{
        margin: 5px 5px 0 0;
    }
    .filter-section .search-tips-list li{
        align-items: start;
    }
    .report-modal .modal-body {
        padding: 40px 20px;
    }
    .report-modal h2 {
        font-size: 22px;
        margin: 0;
    }
    .report-modal p {
        margin: 0;
    }
    .report-modal .input-block {
        padding: 0 0 20px;
    }
    .banner-section {
        height: 260px;
    }
    .payment-success-section h2 {
        font-size: 28px;
        margin: 0;
    }
    .payment-success-section p {
        font-size: 18px;
        margin: 0;
    }
    .payment-success-section .btn{
        margin: 0 0 20px;
    }
    .payment-success-section .payment-success-wrapper {
        padding: 10px 0 30px;
    }
    .payment-success-section {
        padding: 0 0 30px;
        margin-top: -120px;
    }
    .payment-success-section p{
        line-height: 24px;
    }
    .payment-success-section .light-text{
        line-height: 22px;
    }
    .payment-failed-section p{
        max-width: 100%;
    }

    .data-table-section .dt-container .dt-layout-row:nth-child(1) {
        display: flex;
        justify-content: end;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell > * {
        margin: 0;
    }

    .dt-length label {
        display: none;
    }
    .data-table-section .dt-container .dt-layout-row:nth-child(1) {
        padding: 0 10px;
    }
    .show-more-data-with-pagination div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
        padding-left: 55px;
    }
    .data-table-section div.dt-container .dt-search input{
        margin-left: 10px;
    }
    
}