JavaScript 媒体查询打破了 greensock

我正在尝试创建一个导航栏，当使用JavaScript和Greensock单击时，该导航栏可以滑入和滑出。出于某种原因，单击时操作在不同大小单击时随机不起作用，但有时它工作得很好。

我的代码如下，您可以在以下位置找到此导航的实时示例：http://www.kramergraphicdesign.com/Maura_Website/

    var resize = function(){
    var viewportWidth = $(window).width();
  var lastLiWith = $('#logo').width();
  console.log(openOrShut + " this is the true false var");

   if ($(window).width() >= 0 && $(window).width() <= 639 ) {  

          console.log("mobile");
          $("#logo, #close, .arrow-right").click(function()
          {
            console.log("mobile-click");
            if(openOrShut === false)
            {
              TweenLite.to("#custom-nav",".5",{x:viewportWidth-lastLiWith});
              openOrShut = true;
            }
            else{
              TweenLite.to("#custom-nav",".5",{x:0});
              openOrShut = false;
            }
          });
   }
   else if ($(window).width() >= 640 ) {  
          console.log("tablet");
          $("#logo, #close, .arrow-right").click(function()
          {
            console.log("tablet-click");
            if(openOrShut === false)
            {
              TweenLite.to("#custom-nav",".5",{x:400});
              openOrShut = true;
            }
            else{
              TweenLite.to("#custom-nav",".5",{x:0});
              openOrShut = false;
            }
          });

   } 
   else if ($(window).width() >= 1025 && $(window).width() <= 10000 ) {  
          console.log("dekstop");
          $("#logo, #close, .arrow-right").click(function()
          {
            console.log("desktop-click");
            if(openOrShut === false)
            {
              TweenLite.to("#custom-nav",".5",{x:400});
              openOrShut = true;
            }
            else{
              TweenLite.to("#custom-nav",".5",{x:0});
              openOrShut = false;
            }
          });
   } 
 };


$(document).ready(resize);

$(window).resize(function(){
resize();
});