@media only screen 
and (max-height : 880px) {
    .DataGrid{
        height: 600px;
    }
    .GridLarge{
        height: 380px;
    }
    .GridSmall{
        height: 250px;
    }
    .GridDoc {
        height: 250px;
    }
}

@media only screen and (min-height : 881px) and (max-height : 1080px) {
    .DataGrid {
        height: 700px;
    }

    .GridLarge {
        height: 450px;
    }

    .GridSmall {
        height: 250px;
    }

    .GridDoc {
        height: 250px;
    }
}

@media only screen and (min-height : 1081px) and (max-height : 1200px) {
    .DataGrid {
        height: 850px;
    }
    .GridLarge {
        height: 600px;
    }
    .GridSmall {
        height: 250px;
    }
    .GridDoc {
        height: 350px;
    }
}

@media only screen and (min-height : 1201px) and (max-height : 1440px) {
    .DataGrid {
        height: 1050px;
    }
    .GridLarge {
        height: 750px;
    }
    .GridSmall {
        height: 250px;
    }
    .GridDoc {
        height: 450px;
    }
}

@media only screen and (min-height : 1441px) and (max-height : 1600px) {
    .DataGrid {
        height: 1200px;
    }
    .GridLarge {
        height: 900px;
    }
    .GridSmall {
        height: 250px;
    }
    .GridDoc {
        height: 550px;
    }
}

@media only screen and (min-height : 1601px) and (max-height : 2160px) {
    .DataGrid {
        height: 1600px;
    }
    .GridLarge {
        height: 1250px;
    }
    .GridSmall {
        height: 250px;
    }
    .GridDoc {
        height: 650px;
    }
}

@media only screen and (min-height : 2161px) {
    .DataGrid {
        height: 1750px;
    }
    .GridLarge {
        height: 1450px;
    }
    .GridSmall {
        height: 250px;
    }
    .GridDoc {
        height: 750px;
    }
}