Как вы огранизовываете свои sass файлы?
Для sass использую незыблемое правило 7 к 1 sass-7-1-pattern
а касательно media то аналогично подключаю его в эту структуру, делить его и прописывать стили под каждым кустом не вижу смысла, да и удобнее мне как-то отдельным файлом.
В своей компании мы используем следующую архитектуру:assets/
  stylesheets/
    shared/
    admin/
    application/
    vendors/
    admin.scss
    application.scss
    shared.scssshared.scssshared.scss - этот файл подгружается везде и содержит все общее, мы указываем что бы он грузил все файлы из shared/*@import 'shared/*';
А в папке shared может лежать например colors_picker.scss, calendar.scss и т.п. то что используется прям вездеapplication.scssapplication.scss - основной файл проекта, который грузится как дефолтный. Тут мы грузим общий shared + все файлы из папки application@import 'shared';
@import 'application/*';
В папке application лежат файлы основных страниц, например:welcome.scss
user.scss
page.scss
Где стили данных страниц. Так же можно там создать папку components и вынести мелкие обьекты туда, например footer, header и т.п. далее подгружать их в основном файле или в файлах страницadmin.scssПо аналогии c application делаем дальше:
admin.scss - стили админки, тут она может быть просто на бутстрапе поэтому основной файл почти как всегда:@import 'shared';
@import 'admin/*';
@import 'vendors/bootstrap.scss'
В папке admin/ лежит файл dashboard.scss который и будет рендерится + берем из папки venders bootstrap.Что касается media
Если у вас они занимают значительное место, можете в папке application создать папку media, туда и класть, далее рендерить, например в application/page.scss.@import 'media/page_file1.scss';
@import 'media/page_file2.scss';