<style>
.hidden-sm-down .hidden-xs-down {
display: none !important;
}
</style>
<div class="block_home_three_1 margin-top-75 hidden-sm-down hidden-xs-down">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="block_cosmetic_one_1">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="block_cosmetic_one_2">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="block_cosmetic_one_3">
</div>
</div>
</div>
This is a static block code, I want to hide this static block for smaller screen devices and I applied this styling and used the hidden feature of bootstrap to it but it won't work. Any ideas why this isnt working?