Media Query OverLaping large.css file

Bassicaly, I'm trying to make my website responsive, but whenever I edit ' small.css ' file, properties that I edit in it affects ' large.css ' styles, and then I ruin whole layout, I use @media (min-width: 1200px) and (max-width: 1920px) {...} for large.css and @media (min-width: 340px) and (max-width: 510px) {...} for small.css , also, the large.css file is linked in the top of the my HTML file, and all other .css files are listed below the large one