Это вопрос не к медиазапросам, а к самой разметке.
А описание вопроса у вас просто пипец, конечно :))
Я не буду описывать возможности реализации, так как я не вижу структуры (например, перенос с помощью order, если всё это в рамках одного родителя и т. п.). Скажу только универсальный вариант — делайте копию вашего сайдбара там, где надо, а на медиазапросах скрываете основной и показываете вторичный. Либо на JS делаете перемещение DOM в нужное место.
Ну вот я сам такой. Но я не открыт к предложениям, если что :))
Ну а в целом, найти такого человека — практически нереально. По крайней мере я не нашёл, поэтому я своих дизайнеров консультирую в технической части самостоятельно перед тем, как отдавать это всё разработчикам.
Misha_mishy1, вообще, хороший дизайн учитывает то, что у людей в целом экраны в районе 1300–1500 пикселей.
Я лично не принимаю адаптивные макеты без этого варианта. Так, в целом рисовать нужно несколько разрешений:
1. Большой ПК (1300+).
2. Стандарт ПК (1300).
3. Планшет горизонтальный (1024).
3. Планшет вертикальный (768).
4. Мобильный стандарт (360px, он и для всех обычных iPhone подойдёт, хоть это и типичный viewport Android).
5. Мобильный маленький, 320px — iPhone 5, опционально.
А описание вопроса у вас просто пипец, конечно :))
Я не буду описывать возможности реализации, так как я не вижу структуры (например, перенос с помощью order, если всё это в рамках одного родителя и т. п.). Скажу только универсальный вариант — делайте копию вашего сайдбара там, где надо, а на медиазапросах скрываете основной и показываете вторичный. Либо на JS делаете перемещение DOM в нужное место.