added media queries for responsive type