Как анимировать появление блока в media queries?
У Вас нет изменения цвета с красного на зеленый. 
Есть 2 блока, один красный, другой зеленый и у них меняется display. (Правда в Вашем коде появления красного блока я не добилась)
display не анимируется с помощью transition, только opacity, либо JS/JQ.
с display transition не прокатит лучше меняйте цвет родителю .qqq
codepen.io/webmasterotboga/pen/GNyQWg