How often to declare a media query?

Question

css

Good afternoon, I use a separate css file for each block in the project. The site is adapted for phones.
Example:
header.css
contenr.css
block1.css
and so on.
Now for the mobile version media query is used in one file, example:
mobile-480.css

@media (min-width: 0px) and (max-width: 480px) {
/* Здесь все стили для всего сайта под 480px */
}

Accordingly, it is not convenient! Does anyone have experience with multiple inclusion media query ?
That is, it is much more convenient to call a media query in each individual css file:
header.css
contenr.css
block1.css
Will this affect performance, etc....?

Answer 1

1. Write styles for mobile versions directly in block files
   What is discrimination against devices with negative screen widths?)