@media only screen and (min-width:801px) {
    .dashboard .modviw {
        display: none;
    }
}

@media only screen and (max-width:800px) {
    .dashboard .grdags {
        padding-right: 1px;
        padding-left: 1px;
    }

    .dashboard .panel {
        height: 11em;
        overflow: hidden;
        margin-bottom: 3px;
    }

    .dashboard .panel-body {
        display: none;
    }

    .dashboard .panel-heading {
        padding: 20px 15px ;
        height: inherit;
    }

        .dashboard .panel-heading .glyphicon {
            text-align: center;
            padding-right: 0px;
            font-size: 80px;
            display: inherit;
        }

        .dashboard .panel-heading .grpdistlt {
            text-align: center;
            display: inherit;
            font-size:20px;
        }
}

@media only screen and (max-width:767px) {
    .dashboard .panel-heading .grpdistlt {
        font-size: 15px;
    }
}