How to Hide particular div tag using media query, CSS, Javascript, Jquery for tablet device

How to Hide particular div tag using media query, CSS, Javascript, Jquery for tablet device.

I am trying to hide only second div inside [class="row grid-container-960"]...

<div class="row grid-container-960">
    <div class="span3 col-md-3 col-sm-3 col-xs-12"></div>
    <div class="span3 col-md-3 col-sm-3 col-xs-12"></div>
    <div class="span3 col-md-3 col-sm-3 col-xs-12"></div>
    <div class="span3 col-md-3 col-sm-3 col-xs-12"></div>
</div>

@media (max-width: 1024px) {
    .r-footer-propertylinks .row div {
        display:none
    }
}