I have found there is syntax for desktop devices is

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { }

But i need media query for 768px to 1240px desktop version only. Any one have idea about min & max condition for that media query.

  • Please check your custom theme "_variable.less" file there you will get exact idea about syntax with this variable used in that. Aug 23, 2019 at 5:53
  • I know about variables, i need syntax.
    – Yogesh
    Aug 23, 2019 at 5:55

1 Answer 1


You can use as below code in your less file:

@media (min-width: 768px) and (max-width:1240) { width: 75%; //your css goes here}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.