Farklı Çözünürlüklerde Div Gösterimi

Eğer belli bir çözünürlük altı veya üstünde divi göstermek isterseniz aşagıdaki kodu kullanabilirsiniz. Ben minumum 1200 px altında göstermesini istedim.

    <style type="text/css">
        .fiyat {
            display: none;
        }
        @media (max-width: 1200px){
            .fiyat {
                display:block
            }
        }
    </style>
<div class="fiyat">{{ icerik.id|cevirisutun(dilbu,'icerik') }}</div>