How to add the css into custom develop liquid shopify theme from the scratch for the resposive?

Question

I develop the shopify theme from the scratch and now I don't know where should i add the media query for the responsive for the sections and the template.

When i add multiple media query it pick only the one and ignore the others.

Please anyone guide me for this problem?

Image show which page and section I want to add the media query to make responsive