why media screen and (min-width: 567px) override @media screen and (min-width: 470px) and (min-width: 499px)

Question

I have boostrap and css but why media screen and (min-width: 567px) override @media screen and (min-width: 470px) and (min-width: 499px)