Media queries should not require a user to understand partial imports and css. This should work out of the box:

const Component = styled.div`
  display: block;
  @media (max-width: 500px) {
    display: inline-block;
  }
`;