Adaptation, CSS media queries from the browser work from the phone no, why?

Question

css

Good day, tell me, I wrote media queries for the site, when the browser is compressed, everything adapts as it should, but when I upload it to the prod, I look from the phone as the full version of the site.
I checked on the phone there just everything falls under the request of 980 and less (IPhone SE is the old one), tell me, gentlemen, experts, what am I doing wrong?

Link to the site itself ( tyts ).
Link to CSS ( tyts )
I make a file through LESS just in case ( tyts )

It would also be great if you shared your experience and orientated how you adapt projects yourself? (for me, adaptation has always been a sore point)

PS There are a lot of media queries on order for large monitors and a little less, etc. but they do not intersect with each other (one does not overlap and does not interrupt it).

Answer 1

I did not see this in your head
here information: https://developer.mozilla.org/en/docs/Mozilla/Mobi...

<meta name="viewport" content="width=device-width, initial-scale=1">