Above & Below Size Media Queries implementation

Technical Q&A
1

How to implement above and below screen size media queries?

I have been trying to implement media queries with screen 370px with font size of 12 with below screen and font size of 14 with above screen but no luck yet? How would I do that?

In general, Does the min-width and max-width means the same below & above screen ? I m little bit confused.

Here is my code

@media only screen and (max-width: 370px) {
  .icon-column__title {
    font-size: 12px !important;
  }
}