added media quiry

added media quiery