안녕하세요 javascript 질문드려요..

윈도우 창이 모바일화면일때 팝업을 숨기고싶어서

제가 함수를 직접만드러봤는데요

자바스크립트만으로 만들줄도 몰르고해서 왜이게 작동이안되는지도 모르겠어요 ㅠㅠ

    $(function(){ //jQuery 준비
        
        var cn = 0;
        $('#background > ul > li').hide();
        $('#background > ul > li').eq(cn).fadeIn(500);
        setInterval(function(){
            if( cn < 1){
            cn++;
            }else{
            cn=0;
            }
            $('#background > ul > li').fadeOut(500);
            $('#background > ul > li').eq(cn).fadeIn(500);
        },3000);

        
          $('span.close').css('cursor','pointer');

           $('#popup').animate({    //애니메이트 효과시작         
                top:'200px'               // 속성값
         }, 1000,'easeOutElastic');     //1000은 듀레이션, 뒤는 ease 효과
      
        $('span.close').click(function(){
            $('#popup').hide();
        });
        
        //팝업 모바일 숨기는 함수
        function hide_show(){
        
        var size = $(window).innerWidth;
        
        function doHide(){
        
        if(size <= 768){

        $('#popup').css({"display":"none"});

        }else{

        $('#popup').css({"display":"block"});

        }

        }
        alert(window.innerWidth);
    
        }
     
  }); //jQuery 종료
 

밑에 팝업숨기는함수를 만들어봤습니다..

어떻게하면 이팝업을 모바일에서 안보이게할수있을까요..