@media screen  and (min-width:320px) and (max-width:374px){
    h1{
        font-size: 16px !important;
    }
    .titleDiv{
        width: 59%;
    }

    .container{
        margin-top: 1rem !important;
    }

    .EmployeeNameLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;  
    }

    .EmployeeNameLabelsDiv label:nth-child(2){
        margin-left: 10px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }

    .EmployeeAgeLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;
    }

    .EmployeeAgeLabelsDiv label:nth-child(2){
        padding-left: 5px;
        padding-right: 5px;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }
    
    .EmployeeDepartmentLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;
    }
    .EmployeeDepartmentLabelsDiv label:nth-child(2){
        margin-left: 10px !important;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }
    .EmployeeSalaryLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;
    }
    .EmployeeSalaryLabelsDiv label:nth-child(2){
        padding-left: 6px;
        padding-right: 5px;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }

    th{
        font-size: 9px !important;
        padding: 0px 2.5px 0px 0px !important;
        margin: 0px !important;
        
    }

    td{
        font-size: 9px !important;
        padding: 0px !important;
        margin: 0px !important;
       
    }
    
    
    .editBtn .btn{
        font-size: 8px !important;
        padding: 1px 2px 1px 1px !important;
        font-weight: 700 !important;
        width: 100% !important;
        
    }

    .tableDeleteBtn .btn{
        margin: 0px 0px 0px 1px !important;
        font-size: 8px !important;
        padding: 1px 2px 1px 1px !important;
        font-weight: 700 !important;
        width: 100% !important;
    }
    
    .checkBox{
         margin-left: 4px !important; 
    }
    
.addAndDeleteBtns{
    font-size: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 400 !important;
}
.deleteSelectionBtn{
    font-size: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 400 !important;
}
.tableContainer{
    margin-top: 19px !important;
}


}


@media screen  and (min-width:375px) and (max-width:575px){
    h1{
        font-size: 16px !important;
    }
    .titleDiv{
        width: 59%;
    }

    .container{
        margin-top: 1rem !important;
    }

    .EmployeeNameLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;  
    }

    .EmployeeNameLabelsDiv label:nth-child(2){
        margin-left: 10px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }

    .EmployeeAgeLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;
    }

    .EmployeeAgeLabelsDiv label:nth-child(2){
        padding-left: 5px;
        padding-right: 5px;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }
    
    .EmployeeDepartmentLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;
    }
    .EmployeeDepartmentLabelsDiv label:nth-child(2){
        margin-left: 10px !important;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }
    .EmployeeSalaryLabelsDiv label:nth-child(1){
        font-weight: 600 !important;
        font-size: 13px !important;
    }
    .EmployeeSalaryLabelsDiv label:nth-child(2){
        padding-left: 6px;
        padding-right: 5px;
        font-size: 10px;
        background-color: rgb(250 133 0);
        color: white;
        border-radius: 10px;
        font-weight: 500 !important;
        text-align: center;
        text-decoration: none !important;
    }

    th{
        font-size: 9px !important;
        padding: 0px 2.5px 0px 0px !important;
        margin: 0px !important;
        
    }

    td{
        font-size: 9px !important;
        padding: 0px !important;
        margin: 0px !important;
       
    }
    
    
    .editBtn .btn{
        font-size: 8px !important;
        padding: 1px 2px 1px 1px !important;
        font-weight: 700 !important;
        width: 100% !important;
        
    }

    .tableDeleteBtn .btn{
        margin: 0px 0px 0px 1px !important;
        font-size: 8px !important;
        padding: 1px 2px 1px 1px !important;
        font-weight: 700 !important;
        width: 100% !important;
    }
    
    .checkBox{
         margin-left: 4px !important; 
    }
.addAndDeleteBtns{
    font-size: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 400 !important;
}
.deleteSelectionBtn{
    font-size: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 400 !important;
}
.tableContainer{
    margin-top: 19px !important;
}

}