table {
    border-collapse: collapse;
    width: 100%;
}

/* BIG DATA GRIDS*/

.fixTableHead_BDG {
    overflow-y: auto;
    width: 100%;
}

.gwcolorHeader {
    position: sticky;
    top: -1px;
}

.fixTableHead_BDG thead th {
    position: sticky;
    top: -1px;
}

@media screen and (max-width: 1920px) {
    @media screen and (max-height: 1080px) {
        @media screen and (max-height: 960px) {
            .fixTableHead_BDG {
                overflow-y: auto;
                height: 740px;
            }
             @media screen and (max-height: 925px) {
            .fixTableHead_BDG {
                overflow-y: auto;
                height: 440px;
            }
        }
        }
        
    }

}

/* SMALL DATA GRIDS*/

.fixTableHead_SDG {
    overflow-y: auto;
    width: 100%;
}

    .fixTableHead_SDG thead th {
        position: sticky;
        top: -1px;
    }

@media screen and (max-width: 1920px) {
    .fixTableHead_SDG {
                overflow-y: auto;
                height: 300px;
            }
    @media screen and (max-height: 1080px) {
        @media screen and (max-height: 960px) {
            .fixTableHead_SDG {
                overflow-y: auto;
                height: 300px;
            }
        }
    }

    .fixTableHead_SDG {
        overflow-y: auto;
        height: 300px;
    }
}

/* ========== FOR LAPTOPS =========*/

@media only screen and (max-width:1536px) {
    @media only screen and (max-height:768px) {
        .fixTableHead_SDG {
            overflow-y: auto;
            height: 440px;
        }
    }
}

/*TABLETS*/
@media only screen and (max-width:1024px) {
    @media only screen and (max-height:768px) {
        .fixTableHead_SDG {
            overflow-y: auto;
            height: 475px;
        }
    }
}

@media only screen and (max-width:1536px) {
    @media only screen and (max-height:668px) {
        .fixTableHead_SDG {
            overflow-y: auto;
            height: 300px;
        }
    }
}