text: window.onscroll = function() {fixednavbar(), fixedSidebarProduct()};
  // FOR SIDEBAR-PRODUCT FIXED WHEN SCROLL
  function fixedSidebarProduct() {
      var Top = document.getElementById("content-reverse").offsetTop - 160;
      var scrolling = $(this).scrollTop();
      if (scrolling > Top) {
          $(".product-bar").addClass("fixed-bar");
      } else {
          $(".product-bar").removeClass("fixed-bar");
      }
  }
  
  // FOR NAVBAR FIXED WHEN SCROLL
  function fixednavbar() {
      var scrolling = $(this).scrollTop();
      if (scrolling > 0) {
          $(".navbar-part").addClass("navbar-fixed");
      } else {
          $(".navbar-part").removeClass("navbar-fixed");
      }
  }
  
  // FOR CART POPUP CARD
  $(".cart-icon").on("click", function () {
      $(".cart-popup").addClass("active");
      $(".cross-btn").on('click', function () {
          $(".cart-popup").removeClass("active");
      });
  });
  
  
  // FOR WISHLIST POPUP CARD
  $(".wish-icon").on("click", function () {
      $(".wish-popup").addClass("active");
      $(".cross-btn").on('click', function () {
          $(".wish-popup").removeClass("active");
      });
  });
  
  
  // FOR LEFT NAV SIDEBAR SHOW & HIDE
  $(".menu-bar").on("click", function () {
      $(".navbar-slide").addClass("active");
      $(".cross-btn").on('click', function () {
          $(".navbar-slide").removeClass("active");
      });
  });
  
  
  // FOR RESPONSIVE DROPDOWN MENU
  $(function () {
      $(".navbar-dropdown a").click(function () {
          $(this).next().toggle();
          if ($('.dropdown-list:visible').length > 1) {
              $('.dropdown-list:visible').hide();
              $(this).next().show();
          }
      });
  });
  
  
  // FOR GRID SYSTEM PRODUCT CARD
  $('.grid-hori').on('click', function () {
      $('.grid-hori').addClass('active');
      $('.grid-verti').removeClass('active');
      $('.grid-verti').on('click', function () {
          $('.grid-verti').addClass('active');
          $('.grid-hori').removeClass('active');
      });
  });
  
  
  // FOR NASTED DROPDOWN
  $(function () {
      $(".nasted-dropdown a").click(function () {
          $(this).next().toggle();
          if ($('.nasted-dropdown li ul:visible').length > 1) {
              $('.nasted-dropdown li ul:visible').hide();
              $(this).next().show();
          }
      });
  });
  
  
  // FOR PASSWORD HIDE & SHOW
  $(".eye").on('click', function () {
      $(".eye").toggleClass("fa-eye-slash");
      $(".eye").toggleClass("fa-eye");
  
      var input = $("#pass");
      if (input.attr("type") === "password") {
          input.attr("type", "text");
      } else {
          input.attr("type", "password");
      }
  });
  
  // FOR RESIZE BUTTON PRODUCT
  $(window).on('resize', function (event) {
      if ($(window).width() < 480) {
          $("iframe").attr('width', '360')
          $("iframe").attr('height', '200')
      } else {
          $("iframe").attr('width', '640')
          $("iframe").attr('height', '360')
      }
  });
  
  
  $(function () {
      $('[data-toggle="tooltip"]').tooltip()
  })
  
  
  //AJAX ADD TO CART
  function formatNumber(num) {
      return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.')
  }
  
  function plus(id = '', option = '') {
      var $qty = $('#input-qty-' + id);
      var currentVal = parseInt($qty.val(), 10);
      if (!isNaN(currentVal)) {
          $qty.val(currentVal + 1);
      }
      if (option == 'update') updateCart(id, 'plus')
  }
  
  function minus(id = '', option = '') {
      var $qty = $('#input-qty-' + id);
      var currentVal = parseInt($qty.val(), 10);
      if (!isNaN(currentVal) && currentVal > 1) {
          $qty.val(currentVal - 1);
      }
      if (option == 'update') updateCart(id, 'minus')
  }
  
  //ADD TO CART ANIMATION
  $('.product-btn').on('click', function (e) {
      e.preventDefault()
      if ($(window).width() > 766) {
          cart = $('.link-cart').eq(0);
      }else if ($(window).width() < 766) {
          cart = $('.link-cart').eq(1);
      }
  
      let imgtodrag = $(this).parent('.product-content').parent('.product-card').find('.product-img img').eq(0);
      
      if (imgtodrag.length) {
          // duplicate the img
          var imgclone = imgtodrag.clone().offset({
              top: imgtodrag.offset().top,
              left: imgtodrag.offset().left
          }).css({
              'opacity': '0.8',
              'position': 'absolute',
              // 'height': '100%',
              'width': '30%',
              'z-index': '100'
          }).appendTo($('body')).animate({
              'top': cart.offset().top + 20,
              'left': cart.offset().left + 30,
              'opacity': '0.6',
              'width': 30,
              // 'height': 50
          }, 1500, 'easeOutExpo');
  
          imgclone.animate({
              'width': 0,
              'height': 0
          }, function () {
              $(this).detach()
          });
      }
  });
  
  //ANIMATE ADD TO CART IN DETAL PAGE
  $('.product-cart').on('click', function (e) {
      e.preventDefault()
      if ($(window).width() > 766) {
          cart = $('.link-cart').eq(0);
      }else if ($(window).width() < 766) {
          cart = $('.link-cart').eq(1);
      }
  
      let imgtodrag = $('.slick-track').find('img').eq(0);
      
      if (imgtodrag.length) {
          // duplicate the img
          var imgclone = imgtodrag.clone().offset({
              top: imgtodrag.offset().top,
              left: imgtodrag.offset().left
          }).css({
              'opacity': '0.8',
              'position': 'absolute',
              'height': '50%',
              'width': '50%',
              'z-index': '100'
          }).appendTo($('body')).animate({
              'top': cart.offset().top + 10,
              'left': cart.offset().left + 20,
              'opacity': '0.6',
              'width': 50,
              'height': 50
          }, 2000, 'easeOutExpo');
  
          imgclone.animate({
              'width': 0,
              'height': 0
          }, function () {
              $(this).detach()
          });
      }
  });
  
  $(window).on('load', function() {
      setTimeout(function() {
          $('.loading-screen').fadeOut('slow');
          $('body').css({
              'overflow': 'auto'
          });
      }, 800);
      $('.loading-screen').remove('slow');
      $('body').css({
          'overflow': 'auto'
      });
      setTimeout(function() {
          $('.animate-text').fadeOut('slow', function() {
              $(this).remove();
          });
      }, 700);
      setTimeout(function() {
          $('.animate-svg').fadeOut('slow', function() {
              $(this).remove();
          });
      }, 700);
  });
  