Şuan görünüm üstdeki gibi altdaki gibi yapamadım estetiklik hep kayboldu

 <base href="http://demoradyo.tr.ht/">
  <link href="css/main.css" rel="stylesheet" type="text/css">
  <link rel="icon" type="image/png" href="upload/1631832578-6143ca022ff40.png" />
<style type="text/css">
.veri{
  margin-bottom: -27px;
}
  @media (max-width:768px){
.veri {
 float: left;
    width: 72%;
    top: 500rem;
    margin-top: -36px;
}
}
</style>
<footer class="fixfooter">
  <section class="section">
    <div class="fixfooter_box">
      <div class="fixfooter_sol">
        <div id="jp_container_1" class="jp-audio-stream" role="application" aria-label="media player">
          <div class="fixfooter_radyoicon mobilgizle">
            <img src="upload/1631823760-6143a790992a5.png" alt="Radyo Script">
          </div>
          <div class="cy_box_sarkisiisim mobilgizle">
            <div class="cy_box_baslik">
              CANLI YAYIN 
            </div>
            <div class="jp-title" aria-label="title">RADYO HAYAT</div>
          </div>
          <div class="cy_box_play">
            <button class="jp-play play" role="button" tabindex="0" >
              <div class="btn_play play">
                <span class="bar bar-1"></span>
                <span class="bar bar-2"></span> 
                <span class="bar bar-3"></span>       
              </div>
            </button>
          </div>
         <div class="cy_box_volume">
          <p class="veri">Bahar - Aman Basim</p>            
            <div class="cy_box_volume_slider">
              <div class="jp-volume-bar" style="display: block !important; ">
                <div class="jp-volume-bar-value" style="width: 80%; display: block !important; "></div>
              </div>
            </div>
            <div class="cy_box_mute">
              <button class="jp-mute" role="button">
                <span class="cy_box_sesacik"><img src="upload/icon/sound.png" alt="Radyo Hayat Ses Aç sound"></span>
                <span class="cy_box_seskapali"><img src="upload/icon/mute.png" alt="Radyo Hayat Ses Durdur Mute"></span>
              </button>

            </div>

          </div>
        </div>
        <div class="fixfooter_linkler ">
          <a href="https://api.whatsapp.com/send?phone=90542 693 25 07" target="_blank"><img src="upload/icon/whatsapp.png" alt="Whatsapp +90542 693 25 07 Phone Telefon Numarası"></a>
        </div>
      </div>

    </div>
  </section>

      <div id="radyo_play" class="jp-jplayer" style="width: 0px; height: 0px;">
    <img id="jp_poster_0" style="width: 0px; height: 0px; display: none;">
    <audio src="https://dinle.arabeskradyo.biz/i/stream?type=http&nocache=14742" title="RADYO HAYAT" loop="true" autoplay="true"></audio>
  </div>
</footer>