@media screen and (min-width: 1400px), screen and (max-width: 768px) {
    
    .card-title {
        
        font-size: 13px;
        font-weight: 600;
        color: #333333;
    }

    
    .center-number-container .card-total {
        font-size: 55px;
        font-weight: 400;
    }
    .center-number-container .card-prefix {
        font-size: 30px;
    }
    .center-number-container .card-sufix {
        font-size: 40px;
    }
    .center-number-container .card-units {
        font-size: 40px;
    }
    
    .center-number2-container .card-total {
        font-size: 40px;
        font-weight: 500;
    }
    .center-number2-container .card-prefix {
        font-size: 28px;
    }
    .center-number2-container .card-sufix {
        font-size: 28px;
    }
    .center-number2-container .number-title {
        font-size: 13px;
    }
    
    .card-number3 .card-number3-top-container .card-total {
        font-size: 55px !important;
        font-weight: 400;
    }   
    .card-number3 .card-number3-top-container .card-prefix {
        font-size: 40px !important;
    }    
    .card-number3 .card-number3-top-container .card-sufix {
        font-size: 30px !important;
    }    
    .card-number3 .card-number3-top-container .card-units {
        font-size: 30px !important;
    }        

    
    .card-number3 .card-number3-button-container .card-total {
        font-size: 22px !important;
        font-weight: 500;
    }
    .card-number3 .card-number3-button-container .card-prefix {
        font-size: 16px !important;
    }
    .card-number3 .card-number3-button-container .card-sufix{
        font-size: 16px !important;
    }
    .card-number3 .card-number3-button-container .card-units {
        font-size: 16px !important;
    }
   
    .card-prefix {
        font-size: 13px;
        font-weight: 500
    }
    .card-total {
        font-size: 20px;
        font-weight: 500        
    }
    .card-sufix {
        font-size: 14px !important;
    }
    .card-units {
        font-size: 26px !important;
    }
    
    .trend-text {
        margin-left: -2px;
        font-size: 12px;
    }

    .card-subtitle {
        font-size: 11px;
        color: gray;
        padding: .1em 0em;
    }

    
    .card-chart-container {
        position: absolute;
        top: 7em;
        bottom: 0;
        left: 0.5em;
        right: 0.5em;
    }

    

}