You can nest media queries in SASS!

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

.foo {
  content: 'no media query';
  
  @media screen and (min-width: 640px) {
    content: 'min-width: 640px';
    
    @media (max-width: 1024px) {
      content: 'min-width: 640px and max-width: 1024px';
    }
  }
  
  @media screen and (min-width: 1024px) {
    content: 'max-width: 1024px';
  }
}

SassMeister-output.css

.foo {
  content: 'no media query';
}
@media screen and (min-width: 640px) {
  .foo {
    content: 'min-width: 640px';
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .foo {
    content: 'min-width: 640px and max-width: 1024px';
  }
}

@media screen and (min-width: 1024px) {
  .foo {
    content: 'max-width: 1024px';
  }
}