@mixin mobile {
  @media screen and (max-width: 767px) {
    @content;
  }
}

@mixin mobile {
  // Viewport width is less than 768px (iPad portrait), or
  // the viewport is 900px wide but has an aspect ratio of
  // 16:9 (like an iPhone in landscape).
  @media only screen and (max-width: 767px),
         only screen and (max-width: 900px) and (min-aspect-ratio: 16/9) {
    @content;
  }
}

Use mobile layout for mobile devices in landscape orientation
feat: Use mobile layout for mobile devices in landscape orientation

Viewports less than or equal to 900px in width that have a minimum 
aspect ratio of 16:9 will use the mobile layout.
