Какой код лучше использовать на адаптивных сайтах?

Добрый день.

Очень нужен совет.

В блоке стоит два кода РСЯ. На ПК показывается первый, но на телефоне - выводится адаптивный.

Какой их этих вариантов лучше использовать для блоков РСЯ?

1) <style type="text/css">

@media screen and (max-width: 1024px) {

.mobile_direct {

display:none;

}}

@media screen and (min-width: 1024px) {

.desktop_direct {

display:none;

}}

</style>

<div class="mobile_direct">

код блока из 1 объявления

</div>

<div class="desktop_direct">

код блока из 2 объявления

</div>

2) <div class="hidden-xs">1 блок</div>

<div class="visible-xs">2 блок</div>