Having great difficulty to line up the input fields

Please the image 

See these fields.  It seems no matter what I did, it is always too far, long short.  Please help me to align them by the Student Name input.

Birth date does not line up with student name.. I have tried various width 

Gender and Grade : for some reason, it looks like wrapped around. I have tried various id, cid width.From the advanced css, all width should not cause  this wrap around. I even force the padding to 0.  

New roboclub member.. the label width is teh same as student name, but the input kept right justified. Cid and input width are the same. 

Your form has a lot of custom CSS codes that are affection on style and position of the fields. 

Add this CSS code at the bottom of existing code:

#label_24 {

    width : 172px!important;  

}

#id_3{

    width : 317px!important;

    padding-right : 0px!important;

}

#id_48 {

    width : 302px!important;

    padding-right : 0px!important; 

}

Also set Label Alignment of Gender and Grade fields to Left. 

After that you form will look like this.

Here is my demo form: https://form.jotformpro.com/71934485788980 

Feel free to clone it. 

Hope this will help. Let us know if you need further assistance.