Css @import rule is not working in media queries

Question

(Hello from Armenia)

In my HTML template I connected main.css file. And in that file I have 3 media queries for website to be responsive.

main.css