Error in input type date, time and selection

I wanted to create an appointment form, I used bootstrap,css,html and jquery. It was responsive. Everything was as I wanted, but as the screen size gets smaller, the background of the input type date, time and select option becomes gray. can you help?

The view of the form from a computer and phone is given in the picture: https://i.stack.imgur.com/6PSTN.png

here are the codes: https://dosya.co/89br7335szm9/Yeni_Randevu.rar.html