css üzerinde düzenleme

merhaba arkadaşlar

<section class="pt-0 pt-md-5">
<div class="container">
<!-- Title -->
<div class="row mb-4">
<div class="col-12 text-center">
<h4 class="mb-0">Popüler Turlar</h4>
</div>
</div>


bu section daki popüler tur alanının başlığını mobilde yukarı götürmem gerek pc de de aynı yerinde kalması gerek inline css olarak bunun kodunu nasıl yazabilirim

pt-4 mobilde dört birim yukarı çıkar
PT-md-0 eğer cihaz 970px (hatalı olabilirim 720de olabilir)den geniş ise yukarıdaki boşluğu sıfırla bu şekilde sadece mobilde üstten boşluk bırakır iyi çalışmalar

teşekkürler oldu