@media (max-width: 768px) {
        .value {
            font-size: 3rem !important;
        }

        .card-header {
            font-size: 0.9rem;
            padding: 0.5rem;
        }

        .accordion-button {
            padding: 0.75rem 1rem;
            font-size: 0.9rem;
        }

        .chart-container {
            height: 250px !important;
        }

        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .modal-dialog {
            margin: 0.5rem auto;
        }

        .rt-card .card-body h1 {
            font-size: 1.5rem;
        }

        #usiaTable {
            min-width: 600px;
        }
    }

    @media (max-width: 767.98px) {
        .modal-btn-fix {
            z-index: 10 !important;
            position: relative !important;
        }

        .carousel-control-prev,
        .carousel-control-next {
            z-index: 9 !important;
        }

        .modal-btn-fix::after {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            z-index: -1;
        }
    }

    .modal-backdrop {
        z-index: 1040 !important;
    }

    .modal {
        z-index: 1050 !important;
    }

    .modal-backdrop.show {
        opacity: 0.5;
        cursor: pointer;
    }
    
    .dem-top{
        position: fixed; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        z-index: -1; 
        background-color: rgba(215, 219, 221 , 0.4);
    }
    
    .dem-pcon{
        padding-top: 1%;
    }
    
    .dem-fs-up{
        font-size: 2.3rem;
    }
    
    .dem-fs-up-dua{
        font-size: 1.1rem;
    }
    
    .dem-fs{
        font-size: 3rem;
    }
    
    .dem-tab-up{
        overflow-x: auto; 
        width: 100%;
    }
    
    .dem-btn-z{
        z-index:10;
    }
    
    .dem-cc-h{
        height:250px;
    }
    
    .dem-cc-hL{
        height:200px;
    }