reposition div on window resize

reposition div on window resize

Hi there

How can I change the right & top position of a div when the browser is being resized.

 

  1.     $(window).resize(function() {
         updateScreen();
         mobScreen();
  2.     
        });
     
  3. function mobScreen(){
       
         screenWidth = $(window).outerWidth();     
         
         
         if(screenWidth < 500){
          console.log("screen is smaller: "+screenWidth);
          
          $('#player-target').css({
           
           "right": 1070,
           "top": -220

           }
          );
         }
         
         
         if(screenWidth > 500){
          console.log("screen is bigger: "+screenWidth);
          
           $('#player-target').css({
           
           "right": 0,
           "top": 0
           }
          );
         }
         
        }