반응형 사이트에 아래와 같은 소스로 PC에서 스크롤배너를 실행되게 하였습니다.

그런데, 모바일에서 아래 소스를 실행하면 레이아웃이 깨지는 현상이 있어서요.

PC일때만 실행되고 모바일일때는 감춰지게 하는 방법이 있을까요?

<style>
#quick {
position:absolute;z-index:100;top:660px;left:50%;margin-left:630px;width:200px; height:200px;border:0px solid gray;
}
</style>     

<div id="quick">스크롤배너</div>
</section>
</div> 

<script>
$(function() {

  var UI = {
    init: function() {
      this.quickMenuFn();

    },

    initialize: function() {
      this.id = {
        target: {
          quick: '#quick',

        },

      };
      this.init();
    },

    quickMenuFn: function() {
      var quick = $(this.id.target.quick);
      var qTop = parseInt(quick.css('top'));

      $(window).scroll(function() {
        var winTop = $(window).scrollTop();

        quick.stop().animate({
          top: winTop + qTop
        }, 400);

      })
    },

  };

  $(function() {
    UI.initialize();
  })

})
</script>