Valek-web Zir

tk. mainloop() в конец вставь, он для вывода окошка используется

Как вариант: отлавливать не только ширину экрана, но и высоту. Или проверять на orientation (landscape или portrait), чтобы отличать экран телефона от экрана ноута. А вообще, у какого это телефона вьюпорт 1024px?

height:100% у этого дива убери

100% не будет работать, потому что у main тоже 100%, а у его родителя нет высоты. Значит и у main нет высоты, а значит и у дива тоже нет.

Используешь флексы - используй флексы, не надо костылять.

"Конкретный элемент" - это id.

document.getElementById('sort_sel')
//или
$('#sort_sel')

Решение - это называется тоггл или аккордеон. (в этом примере чистый javascript ) в самом верху страницы есть работающий пример, советую побольше лазить на этом сайте, получите много информации.
Вот ещё вариант на чистом javascript
Вот вариант на Jquery тут доступна вложенность

Потому что вы им запрещаете :)