@media only screen and (min-width:768px ) {

    .card-title {
        font-size: 11px;
        font-weight: 600;
        color: #333333;
    }

    /*single number tile css*/
    .center-number-container .card-total {
        font-size: 35px;
        font-weight: 500;
    }
    .center-number-container .card-prefix {
        font-size: 18px;
    }
    .center-number-container .card-sufix {
        font-size: 18px;
    }
    .center-number-container .card-units {
        font-size: 18px;
    }
    /*single number chart tile css*/


    /*dual number chart tile css*/
    .center-number2-container .card-total {
        font-size: 30px;
        font-weight: 500;
    }
    .center-number2-container .card-prefix {
        font-size: 15px;
    }
    .center-number2-container .card-sufix {
        font-size: 15px;
    }
    .center-number2-container .number-title {
        font-size: 12px;
    }
    /*dual number chart tile css*/


    /*Numbers size inside three numbe card*/
    /*top big*/
    .card-number3 .card-number3-top-container .card-total {
        font-size: 38px !important;
        font-weight: 500;
    }
    .card-number3 .card-number3-top-container .card-prefix {
        font-size: 18px !important;
    }
    .card-number3 .card-number3-top-container .card-sufix {
        font-size: 18px !important;
    }
    .card-number3 .card-number3-top-container .card-units {
        font-size: 18px !important;
    }

    /*bottom small*/
    .card-number3 .card-number3-button-container .card-total {
        font-size: 16px !important;
        font-weight: 500;
    }
    .card-number3 .card-number3-button-container .card-prefix {
        font-size: 13px !important;
    }
    .card-number3 .card-number3-button-container .card-sufix {
        font-size: 13px !important;
    }
    .card-number3 .card-number3-button-container .card-units {
        font-size: 13px !important;
    }
    .card-number3 .card-number3-button-container .number-title {
        font-size: 10px !important;
    }
    /*Numbers size inside three numbe card*/


    /*Card Tile*/
    /* Heading */
    /*Total*/
    .card-chart-heading .card-prefix {
        font-size: 13px
    }

    .card-chart-heading .card-total {
        font-size: 15px;
        font-weight: 500
    }

    .card-chart-heading .card-sufix {
        font-size: 13px !important;
    }

    .card-chart-heading .card-units {
        font-size: 13px !important;
    }

    /*Trend*/
    .trend-text {
        margin-left: -2px;
        font-size: 8px;
    }

    /*Subtitle*/
    .card-chart-heading .card-subtitle {
        font-size: 9px;
        color: gray;
        padding: .1em 1em;
    }

    /*Chart container*/
    .card-chart-container {
        position: absolute;
        top: 6em; /*space of the chart from the top*/
        bottom: 0;
        left: 0.1em;
        right: 0.1em;
        padding: 0.1em !important;
    }

    /*Card tile*/


    .container-fluid {
        margin-left: 3px;
        margin-right: 3px;
    }

    .gridStack-body {
        padding-left: 0px;
        padding-right: 0px;
    }

        .gridStack-body .col-lg-12 {
            padding-left: 4px;
            padding-right: 4px;
        }

}