body {
    
    

}

h1 {

    font-size: 16px;
    text-transform: uppercase;
}

#myServiceEmployeesTable {
    position: relative;
    left: -5Vw;
    background-color:white;
}


.my-textbox {
    height: 4Vh;
    font-size: medium;
    padding: 2px 2px 2px 2px;
}



@media screen and (max-width: 1920px) {
    #myServiceEmployeesTable {
        position: relative;
        left: -18Vw;
        width:95Vw;
        background-color: white;
    }

    .my-recordArea-in-ClientData {
        display: grid;
        grid-template-columns: repeat(5, minmax(150px,320px));
        grid-template-rows: minmax(30px,50px);
    }
}


@media screen and (max-width: 1600px) {

        #myServiceEmployeesTable {
        position: relative;
       
        left: -10Vw;
        width: 90Vw;
        background-color: white;
    }

    h1 {
        position:relative;
        top:20px;
        z-index:2;
       
    }

    .my-recordArea-in-ClientData {
        display: grid;
        grid-template-columns: repeat(5, minmax(100px,320px));
        grid-template-rows: minmax(30px,50px);
    }


}


@media screen and (max-width: 1366px) {

  


   
}