How to make div with triangle on top and bottom with CSS?

I would like to make a div with triangle on top and bottom like this :

http://ift.tt/1ghBI0J

It's difficult because there is a pattern on it and responsive is required.

Could you please help me.

Thank you so much