change sidebars columns depending on layout css

sidebars

    (function ($) {
           
    Drupal.behaviors.yourfunction = {
        attach: function(context) {
          $('body', context).once('responsetoggle', function () {
            $('body').bind('responsivelayout', function (e, d) {      
             
     
     
              if (d.to == 'narrow') {  
                      $('#region-content').removeClass('grid-8');  
                      $('#region-content').addClass('grid-7');    
                      $('#region-sidebar-second').removeClass('grid-4');  
                      $('#region-sidebar-second').addClass('grid-5');  
                     
                     
              }  
                     
     
                     
                      if (d.to != 'narrow') {
                      $('#region-content').removeClass('grid-7');  
                      $('#region-content').addClass('grid-8');    
                      $('#region-sidebar-second').removeClass('grid-5');  
                      $('#region-sidebar-second').addClass('grid-4');  
                      }              
     
               
         
            });
          });
        }
      }    
    }(jQuery));