Combine & handle Media Queries in Less

CHMQ-0.0.css

.foo {
  color: red;
}

@media only screen and (min-width: 768px) {
  .foo {
    color: green;
  }
}

@media only screen and (min-width: 1024px) {
  .foo {
    color: blue;
  }
}

.bar {
  background-color: red;
}

@media only screen and (min-width: 768px) {
  .bar {
    background-color: green;
  }
}

@media only screen and (min-width: 1024px) {
  .bar {
    background-color: blue;
  }
}