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:auto;
                max-height: 740px;
            }
             @media screen and (max-height: 925px) {
            .fixTableHead_BDG {
                overflow-y: auto;
                max-height: 440px;
                height:auto;
            }
        }
        }
        
    }

}

/* 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:auto;
                /*max-height: 300px;*/
            }
    .fixTableHead_ADG {
            overflow-y: auto;
            height: auto;
            /*max-height: 300px;*/
        }
    @media screen and (max-height: 1080px) {
        @media screen and (max-height: 960px) {
            .fixTableHead_SDG {
                overflow-y: auto;
                max-height: 300px;
                height:auto;
            }
            .fixTableHead_ADG {
            overflow-y: auto;
            height: auto;
            max-height: 300px;
        }
        }
    }

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

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

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

        .fixTableHead_ADG {
            overflow-y: auto;
            height: auto;
            max-height: 150px;
        }

    }
}

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

        .fixTableHead_ADG {
            overflow-y: auto;
            height: auto;
            max-height: 200px;
        }
    }
}

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