FlexSlider not working, need re-size browser

I need your valuable help on my problem with flexslider, I implement two flexslider in the same page and the third tab appear the images cuts unless resize the window.
Attach to you the screen of my problem and the the Zip of all resource html page.

 $('#announcement-slider').flexslider({
                  animation: "slide",
                  animationLoop: false,
                  slideshowSpeed: 4000,
                  itemWidth:510,
                  itemMargin: 5,
                  minItems: 1,
                  maxItems: 3,
                  start: function(slider){
                    $('body').removeClass('loading');
                     if ($(this).length > 0) {
                           $('#tab2').hide();       
                      }
                  }
            });
                     //To manage the Patents slider
         $('#patent-slider').flexslider({
                  animation: "slide",
                  animationLoop: false,
                  itemWidth:230,
                  itemMargin: 5,
                  minItems: 2,
                  maxItems: 2,
                  start: function(slider){
                    $('body').removeClass('loading');
                  }
 
              });
            //To manage the gallery slider
            $('#gallery-slider').flexslider({
                  animation: "slide",
                  animationLoop: false,
                  itemWidth:170,
                  itemMargin: 5,
                  minItems: 2,
                  maxItems: 4,
                  start: function(slider){
                    $('body').removeClass('loading');
                  },

            });
Ask_Experts.zip