What style to choose for media expressions?

Question

css

Is it possible to sometimes write media expressions while adhering to the "mobile first" approach, for example, in the form:

.selector {
  @media (min-width: 768px) and (max-width: 1199px) {
    display: none;
  }
}

or should you always stick to the same mobile first style, i.e.:

.selector {
  @media (min-width: 768px)  {
    display: none;
  }
  
  @media (min-width: 1200px)  {
    display: block;
  }
}