css - Responsive Grid IE8 -

i have grid of 4x1 elements wrap 2x2 below width want rid of padding left 3rd item in 2x2 grid in ie8 use nth-child that's ie9+

<section>   <div>1</div><div>2</div><div>3</div><div>4</div> </section>  div{width:50%;padding-left:20px;float:left;} div.first-child{padding-left:0;}  @media screen , (min-width: 1000px){   div{width:25%;} }