


		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	
		
		
		
		
		
		
			

	

	

	

	

	

	
	

	

			

	
		
		

    
	
	

	


	

	

	

	

	

	

	

	


	

	
	

	

	

	

	

	


	

	

	
	

	

	
	
	
	
		

	
	
	
	

	

	

		

		

		

		

	

	


	
	
	

	

	

		


			

		
		
		     
		    
		
		     
		    
		
		
			
			

		
		
		

	

	

		

	

	

	

    

	
	
	

	

	

	
	
	

	

	

	
	

		

    

	

    

    



    

    



    

		
		
		
		
        
        

		

        
        

        
            
        

        
            
        

        
            
        

        

        
        

        
        
        
        
        
        

        
        
            
        
        

		
		
			

		
		 
		
		
		

  
  
    
  
  
		
		<!DOCTYPE html>

<html lang="en" >



<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">	
	<meta name="msvalidate.01" content="910F2540AA15200F452788753686BE1B" />
    

        

        <title>Barrettes 3 Heart White Clear</title>



        

            <meta name="keywords" content="Barrette,White Barrette,3 Heart White Clear Barrette,Beauty Town Beauty Town barrettes,3 heart hair accessory,white clear barrettes,hair accessories wholesale,B2B hair accessories,barrette for hair,hair clips,wholesale barrettes,hair styling accessories" />

        



        

            <meta name="desciption" content="Barrettes 3 Heart White Clear from Beauty Town combine elegant design with functionality, perfect for enhancing hairstyles with a touch of charm. Ideal for wholesale B2B customers looking to stock quality hair accessories.">

        

        <meta name="author" content="KT Supply Wholesale">

    



    <!-- Favicon -->

    <link rel="icon" type="image/png" href="https://ktsupplywholesale.com/assets/images/icons/favicon.png">



    <!-- WebFont.js -->

    <script>

        WebFontConfig = {

            google: { families: ['Poppins:400,500,600,700'] }

        };

        ( function ( d ) {

            var wf = d.createElement( 'script' ), s = d.scripts[0];

            wf.src = 'https://ktsupplywholesale.com/assets/js/webfont.js';

            wf.async = true;

            s.parentNode.insertBefore( wf, s );

        } )( document );

    </script>



    <link rel="preload" href="https://ktsupplywholesale.com/assets/vendor/fontawesome-free/webfonts/fa-regular-400.woff2" as="font" type="font/woff2"

        crossorigin="anonymous">

    <link rel="preload" href="https://ktsupplywholesale.com/assets/vendor/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" type="font/woff2"

        crossorigin="anonymous">

    <link rel="preload" href="https://ktsupplywholesale.com/assets/vendor/fontawesome-free/webfonts/fa-brands-400.woff2" as="font" type="font/woff2"

            crossorigin="anonymous">

    <link rel="preload" href="https://ktsupplywholesale.com/assets/fonts/wolmart.woff?png09e" as="font" type="font/woff" crossorigin="anonymous">



    <!-- Vendor CSS -->

    <link rel="stylesheet" type="text/css" href="https://ktsupplywholesale.com/assets/vendor/fontawesome-free/css/all.min.css">

    <link rel="stylesheet" href="https://ktsupplywholesale.com/assets/vendor/swiper/swiper-bundle.min.css">



    <!-- Plugin CSS -->

    <link rel="stylesheet" type="text/css" href="https://ktsupplywholesale.com/assets/vendor/magnific-popup/magnific-popup.min.css">



    <!-- Default CSS -->

    <link rel="stylesheet" type="text/css" href="https://ktsupplywholesale.com/assets/css/style.min.css">

    <link rel="stylesheet" type="text/css" href="https://ktsupplywholesale.com/assets/css/custom.css">

    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />



    

    <style type="text/css">

        .search-searching-area-l2 {

          z-index: 20000000000;

          font-family: inherit;

          font-size: 13px;

          background-color: ##fff;

          border-radius: 3px;

          color: ##333;

          border: 1px solid ##ddd;

        }

        .searchSuggestionHeading {



        }

        .hide{

          display: none;

        }

        .overlay {

            position: fixed; /* Sit on top of the page content */

            width: 100%; /* Full width (cover the whole page) */

            height: 100%; /* Full height (cover the whole page) */

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background-color: rgba(0,0,0,0.5); /* Black background with opacity */

            z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */

            cursor: pointer; /* Add a pointer on hover */

        }

        .loading-text{

            position: absolute;

            top: 50%;

            left: 50%;

            font-size: 50px;

            color: white;

            transform: translate(-50%,-50%);

            -ms-transform: translate(-50%,-50%);

        }

        @media (max-width: 479px) {

            * {

                font-size: 16px;

            }

        }

        @property --a {
            initial-value: 0deg;
            inherits: false;
            syntax: '<angle>';
        }
        @property --h {
            initial-value: 0;
            inherits: false;
            syntax: '<number>';
        }
        .loader {
            padding: 2rem 4rem;
            font-family: monospace;
            font-weight: bold;
            color: #fff;
            border-style: solid;
            border-width: 1vmin;
            font-size: 2rem;
            --charge: hsl(var(--h, 0), 80%, 50%);
            -o-border-image: conic-gradient(var(--charge) var(--a), transparent calc(var(--a) + 0.5deg)) 30;
                border-image: conic-gradient(var(--charge) var(--a), transparent calc(var(--a) + 0.5deg)) 30;
            -webkit-animation: load 2s infinite ease-in-out;
                    animation: load 2s infinite ease-in-out;
                    
            top: 50%;
            left: 50%;
            position: absolute;
            width: 200px;
            transform: translate(-50%, -50%);

        }
        @-webkit-keyframes load {
            0%, 10% {
                --a: 0deg;
                --h: 0;
            }
            100% {
                --a: 360deg;
                --h: 100;
            }
        }
        @keyframes load {
            0%, 10% {
                --a: 0deg;
                --h: 0;
            }
            100% {
                --a: 360deg;
                --h: 100;
            }
        }
      </style>



    <link rel="stylesheet" type="text/css" href="https://ktsupplywholesale.com/assets/css/searchbox.css">

    

    

    <script>

        var baseURL = "https://ktsupplywholesale.com/";

        var recaptchaKey = "6LeZBIodAAAAAFborS-hm975_ZSL-LzLTODIMjMM";

        var loading = (action,textToShow) => {
            
            if(action == 'show'){
                $('.overlay').removeClass('hide');

                if(typeof(textToShow) == 'undefined'){
                    textToShow = 'Loading...';
                }
                $('.loader').text(textToShow);
            }else if (action == 'hide'){
                $('.overlay').addClass('hide');
            }
            
        }
    </script>

</head>



<body class="my-account">

    <div class="overlay hide">

        <div class="loader">Loading...</div>

    </div>

    <div class="page-wrapper">

        <h1 class="d-none">Wholesale - Shop the best</h1>
	

<!-- Start of Header -->
<header class="header">
    
		
<div class="header-top">
    <div class="container">
        <div class="header-left">
        	       	 
        		
        		
        			
		
		
		
	           			<p class="welcome-msg">Search Function has update to search Brand, Collections and products</p>       			        			
        			
        		
            
        </div>
        <div class="header-right">
            <style>
                div#\:0\.targetLanguage{
                    display: inline-flex;
                }
                .goog-te-combo {
                    background: transparent;
                    color: black;
                    display: block;
                    border: 1px solid #ccc;
                }
                .goog-logo-link{
                    display: none !important;
                }
                .goog-te-gadget{
                    color: transparent !important;
                }
            </style>
            
            <a href="/Contact-US" class="d-lg-show">Contact Us</a>
            

            
		
		
		 
                <a href="/login" class="d-lg-show login "><i
                        class="w-icon-account"></i>Log In</a>
                <span class="delimiter d-lg-show">/</span>
                <a href="/register" class="ml-0 d-lg-show">Register</a>
            
            <div id="body_my_account"></div>
        </div>
    </div>
</div>

	
    <!-- End of Header Top -->

    
    
		








<div class="header-middle">
    <div class="container">
        <div class="header-left mr-md-4">

            <a href="#" class="mobile-menu-toggle w-icon-hamburger" aria-label="menu-toggle"></a>

            <a href="/" class="logo ml-lg-0">
                <img src="/assets/images/logo.png" alt="logo" width="216" height="67" />
            </a>

            <form method="get"
                  action="/searchQ"
                  id="aiSearchFormDesktop"
                  name="aiSearchFormDesktop"
                  class="header-search ai-search-wrap">

                <div class="ai-search-box">

                    <input type="text"
                           class="form-control ai-search-input"
                           name="searchword"
                           id="aiSearchInputDesktop"
                           placeholder="Search products, brands, collections..."
                           autocomplete="off"
                           required
                           value="">

                    <button type="button" class="ai-voice-btn" aria-label="Voice search" title="Voice search">
                        🎤
                    </button>

                    <button type="submit" class="ai-search-btn">
                        <i class="w-icon-search"></i>
                        <span>Search</span>
                    </button>

                </div>

                <div class="ai-search-suggest"></div>
            </form>

        </div>

        <div class="header-right ml-4">
            <div class="dropdown cart-dropdown cart-offcanvas mr-0 mr-lg-2">
                <div class="cart-overlay"></div>

                <a href="#" class="cart-toggle label-down link">
                    <i class="w-icon-cart">
                        <span class="cart-count">0</span>
                    </i>
                    <span class="cart-label">Cart</span>
                </a>

                <div class="dropdown-box" style="overflow-y: scroll; overflow-x: hidden; height: 100%;">
                    <div class="cart-header">
                        <span>Shopping Cart</span>
                        <a href="#" class="btn-close">Close<i class="w-icon-long-arrow-right"></i></a>
                    </div>

                    <div id="shopping_cart_side_menu"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="header-mobile-search">
    <div class="container d-md-display">
        <form method="get"
              action="/searchQ"
              id="aiSearchFormMobile"
              class="ai-search-wrap">

            <div class="ai-search-box">

                <input type="text"
                       id="aiSearchInputMobile"
                       class="form-control ai-search-input"
                       name="searchword"
                       placeholder="Search products, brands, collections..."
                       autocomplete="off">

                <button type="button" class="ai-voice-btn" aria-label="Voice search" title="Voice search">
                    🎤
                </button>

                <button class="ai-search-btn" type="submit">
                    <i class="w-icon-search"></i>
                    <span>Search</span>
                </button>

            </div>

            <div class="ai-search-suggest"></div>

        </form>
    </div>
</div>
<!-- End of Header Middle -->

<style>
.ai-search-wrap {
    position: relative;
    flex: 1;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.ai-search-box {
    display: flex;
    align-items: center;
    width: 100%;
    border: 2px solid #1f5fa9;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.ai-search-box:focus-within {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13,110,253,.18);
}

.ai-search-input {
    flex: 1;
    min-width: 0;
    height: 52px;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    letter-spacing: .2px;
    background: #fff;
}

.ai-search-input::placeholder {
    color: #8a8f98;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .15px;
    opacity: 1;
}

.ai-search-input:focus {
    outline: none;
    box-shadow: none !important;
}

.ai-voice-btn {
    height: 52px;
    width: 50px;
    min-width: 50px;
    border: 0;
    border-left: 1px solid #eee;
    background: #fff;
    color: #1f5fa9;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-voice-btn:hover {
    background: #f2f7ff;
}

.ai-voice-btn.listening {
    background: #eaf2ff;
    color: #d60000;
}

.ai-search-btn {
    height: 52px;
    min-width: 120px;
    padding: 0 22px;
    border: 0;
    background: #1f5fa9;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .2px;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ai-search-btn:hover {
    background: #184f90;
}

.ai-search-btn i {
    font-size: 18px;
}

.ai-search-suggest {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
    max-height: 650px;
    overflow-y: auto;
    text-align: left !important;
}

.ai-search-suggest .suggest-section-title {
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
}

.ai-search-suggest .suggest-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    text-decoration: none !important;
    color: #222 !important;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.ai-search-suggest .suggest-row:hover {
    background: #f5f8fc;
}

.ai-search-suggest .suggest-info {
    flex: 1;
    min-width: 0;
}

.ai-search-suggest .suggest-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: #222;
}

.ai-search-suggest .suggest-sub {
    margin-top: 3px;
    font-size: 12px;
    color: #777;
}

.ai-search-suggest .suggest-thumb {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.ai-search-suggest .suggest-thumb img {
    width: 50px !important;
    height: 50px !important;
    object-fit: contain !important;
    display: block !important;
}

.ai-search-suggest .suggest-empty {
    padding: 18px;
    text-align: center;
    color: #777;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
}

/* Mobile */
@media (max-width: 767px) {
    #aiSearchFormDesktop {
        display: none !important;
    }

    .header-middle #aiSearchFormDesktop {
        display: none !important;
    }

    .header-mobile-search {
        display: block !important;
        padding: 10px 12px;
        background: #fff;
    }

    #aiSearchFormMobile {
        display: block !important;
        width: 100%;
        max-width: 100%;
        margin: 0;
        flex: none;
    }

    #aiSearchFormMobile .ai-search-box {
        width: 100%;
        border-radius: 8px;
    }

    #aiSearchInputMobile {
        height: 48px;
        padding: 0 12px;
        font-size: 15px;
    }

    #aiSearchInputMobile::placeholder {
        font-size: 14px;
    }

    #aiSearchFormMobile .ai-voice-btn {
        height: 48px;
        width: 46px;
        min-width: 46px;
        font-size: 18px;
    }

    #aiSearchFormMobile .ai-search-btn {
        width: 56px;
        min-width: 56px;
        padding: 0;
    }

    #aiSearchFormMobile .ai-search-btn span {
        display: none;
    }

    #aiSearchFormMobile .ai-search-suggest {
        top: 50px;
        width: 100%;
        max-height: 520px;
    }
}

/* Desktop */
@media (min-width: 768px) {
    .header-mobile-search {
        display: none !important;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

    document.querySelectorAll(".ai-search-wrap").forEach(function (form) {
        let timer = null;
        const input = form.querySelector(".ai-search-input");
        const box = form.querySelector(".ai-search-suggest");
        const voiceBtn = form.querySelector(".ai-voice-btn");

        if (!input || !box) return;

        function loadSuggest(q) {
            q = q.trim();

            if (q.length < 2) {
                box.innerHTML = "";
                box.style.display = "none";
                return;
            }

            fetch("/helper/search_suggest.cfm?q=" + encodeURIComponent(q))
                .then(function (response) {
                    return response.text();
                })
                .then(function (html) {
                    box.innerHTML = html;
                    box.style.display = html.trim().length ? "block" : "none";
                })
                .catch(function () {
                    box.innerHTML = "";
                    box.style.display = "none";
                });
        }

        input.addEventListener("keyup", function () {
            const q = this.value.trim();

            clearTimeout(timer);

            timer = setTimeout(function () {
                loadSuggest(q);
            }, 300);
        });

        if (voiceBtn) {
            if (!SpeechRecognition) {
                voiceBtn.style.display = "none";
            } else {
                const recognition = new SpeechRecognition();

                recognition.lang = "en-US";
                recognition.interimResults = false;
                recognition.maxAlternatives = 1;

                voiceBtn.addEventListener("click", function () {
                    try {
                        voiceBtn.classList.add("listening");
                        recognition.start();
                    } catch (e) {
                        voiceBtn.classList.remove("listening");
                    }
                });

                recognition.onresult = function (event) {
                    const text = event.results[0][0].transcript.trim();

                    input.value = text;
                    loadSuggest(text);
                    input.focus();
                };

                recognition.onerror = function () {
                    voiceBtn.classList.remove("listening");
                };

                recognition.onend = function () {
                    voiceBtn.classList.remove("listening");
                };
            }
        }

        document.addEventListener("click", function (e) {
            if (!form.contains(e.target)) {
                box.style.display = "none";
            }
        });
    });
});
</script>
	
    <!-- End of Header Middle -->

    
    
		


 
<div class="header-bottom sticky-content fix-top sticky-header has-dropdown" style="border-bottom: 1px solid #eeee;">
    <div class="container">
        <div class="inner-wrap">
            <div class="header-left">
                <div class="dropdown category-dropdown has-border" data-visible="true">
                    <a href="" class="category-toggle text-dark" role="button" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="true" data-display="static"
                        title="Browse Categories">
                        <i class="w-icon-category"></i>
                        <span>Browse Categories</span>
                    </a>

                    <div class="dropdown-box">
                        
                            <ul class="menu vertical-menu category-menu" style="padding-bottom: 0;">
                                <li class="has-submenu">
                                         
                                            <a href="/health-beauty"><i class="w-icon-heartbeat"></i>Health & Beauty </a>
                                        
                                    <hr class="divider" style="margin:0">
                                    <ul class="menu vertical-menu category-menu submenu">

                                         

                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Bath & Body 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/579/health-beauty/bath-body/bath-body-accessories">Bath & Body Accessories </a></li>
                                                    
                                                        <li><a href="/collections/575/health-beauty/bath-body/bath-shower">Bath & Shower </a></li>
                                                    
                                                        <li><a href="/collections/576/health-beauty/bath-body/body-moisturizers">Body Moisturizers </a></li>
                                                    
                                                        <li><a href="/collections/582/health-beauty/bath-body/gifts-value-sets">Gifts & Value Sets </a></li>
                                                    
                                                        <li><a href="/collections/577/health-beauty/bath-body/hand-foot-care">Hand & Foot Care </a></li>
                                                    
                                                        <li><a href="/collections/629/health-beauty/bath-body/scrub">Scrub </a></li>
                                                    
                                                        <li><a href="/collections/578/health-beauty/bath-body/self-care-wellness">Self Care & Wellness </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Fashion 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/597/health-beauty/fashion/accessories">Accessories </a></li>
                                                    
                                                        <li><a href="/collections/630/health-beauty/fashion/caps">Caps </a></li>
                                                    
                                                        <li><a href="/collections/595/health-beauty/fashion/clothing">Clothing </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Fragrance 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/574/health-beauty/fragrance/candles-home-fragrance">Candles & Home Fragrance </a></li>
                                                    
                                                        <li><a href="/collections/571/health-beauty/fragrance/women-fragrance">Women Fragrance </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Hair 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/558/health-beauty/hair/accessories">Accessories </a></li>
                                                    
                                                        <li><a href="/collections/561/health-beauty/hair/gifts-value-sets">Gifts & Value Sets </a></li>
                                                    
                                                        <li><a href="/collections/594/health-beauty/hair/hair-braid">Hair Braid </a></li>
                                                    
                                                        <li><a href="/collections/557/health-beauty/hair/hair-brushes-combs">Hair Brushes & Combs </a></li>
                                                    
                                                        <li><a href="/collections/626/health-beauty/hair/hair-cap">Hair Cap </a></li>
                                                    
                                                        <li><a href="/collections/555/health-beauty/hair/hair-color">Hair Color </a></li>
                                                    
                                                        <li><a href="/collections/627/health-beauty/hair/hair-oil">Hair Oil </a></li>
                                                    
                                                        <li><a href="/collections/628/health-beauty/hair/hair-spray">Hair Spray </a></li>
                                                    
                                                        <li><a href="/collections/556/health-beauty/hair/hair-styling-tools">Hair Styling Tools </a></li>
                                                    
                                                        <li><a href="/collections/559/health-beauty/hair/kids-haircare">Kids Haircare </a></li>
                                                    
                                                        <li><a href="/collections/552/health-beauty/hair/shampoo-conditioner">Shampoo & Conditioner </a></li>
                                                    
                                                        <li><a href="/collections/554/health-beauty/hair/styling-products">Styling Products </a></li>
                                                    
                                                        <li><a href="/collections/593/health-beauty/hair/supplement">Supplement </a></li>
                                                    
                                                        <li><a href="/collections/562/health-beauty/hair/textured-hair-care">Textured Hair Care </a></li>
                                                    
                                                        <li><a href="/collections/560/health-beauty/hair/travel-size">Travel Size </a></li>
                                                    
                                                        <li><a href="/collections/553/health-beauty/hair/treatment">Treatment </a></li>
                                                    
                                                        <li><a href="/collections/607/health-beauty/hair/wig">Wig </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Makeup 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/534/health-beauty/makeup/bags">Bags </a></li>
                                                    
                                                        <li><a href="/collections/533/health-beauty/makeup/brushes-tools">Brushes & Tools </a></li>
                                                    
                                                        <li><a href="/collections/536/health-beauty/makeup/eyes">Eyes </a></li>
                                                    
                                                        <li><a href="/collections/531/health-beauty/makeup/face">Face </a></li>
                                                    
                                                        <li><a href="/collections/535/health-beauty/makeup/gifts">Gifts </a></li>
                                                    
                                                        <li><a href="/collections/532/health-beauty/makeup/lips">Lips </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Men 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/585/health-beauty/men/body-care">Body Care </a></li>
                                                    
                                                        <li><a href="/collections/587/health-beauty/men/cologne">Cologne </a></li>
                                                    
                                                        <li><a href="/collections/586/health-beauty/men/hair">Hair </a></li>
                                                    
                                                        <li><a href="/collections/584/health-beauty/men/shaving">Shaving </a></li>
                                                    
                                                        <li><a href="/collections/583/health-beauty/men/skin-care">Skin Care </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Nails 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/538/health-beauty/nails/gel-manicures">Gel Manicures </a></li>
                                                    
                                                        <li><a href="/collections/542/health-beauty/nails/gifts-value-stes">Gifts & Value Stes </a></li>
                                                    
                                                        <li><a href="/collections/541/health-beauty/nails/manicure-pedicure-tools">Manicure & Pedicure Tools </a></li>
                                                    
                                                        <li><a href="/collections/539/health-beauty/nails/nail-art-design">Nail Art & Design </a></li>
                                                    
                                                        <li><a href="/collections/540/health-beauty/nails/nail-care">Nail Care </a></li>
                                                    
                                                        <li><a href="/collections/537/health-beauty/nails/nail-polishes">Nail Polishes </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Personal Care 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/635/health-beauty/personal-care/fragrance">Fragrance </a></li>
                                                    
                                                        <li><a href="/collections/633/health-beauty/personal-care/oral-care">Oral Care </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Skin Care 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/543/health-beauty/skin-care/cleansers">Cleansers </a></li>
                                                    
                                                        <li><a href="/collections/544/health-beauty/skin-care/moisturizers">Moisturizers </a></li>
                                                    
                                                        <li><a href="/collections/549/health-beauty/skin-care/mother-baby">Mother & Baby </a></li>
                                                    
                                                        <li><a href="/collections/548/health-beauty/skin-care/supplements">Supplements </a></li>
                                                    
                                                        <li><a href="/collections/550/health-beauty/skin-care/tools">Tools </a></li>
                                                    
                                                        <li><a href="/collections/551/health-beauty/skin-care/travel-size">Travel Size </a></li>
                                                    
                                                        <li><a href="/collections/545/health-beauty/skin-care/treatment-serums">Treatment & Serums </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Store Supply 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/634/health-beauty/store-supply/store-display">Store Display </a></li>
                                                    
                                                        <li><a href="/collections/632/health-beauty/store-supply/store-essential">Store Essential </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Tools & Brushes 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/568/health-beauty/tools-brushes/accessories">Accessories </a></li>
                                                    
                                                        <li><a href="/collections/567/health-beauty/tools-brushes/hair-brushes-combs">Hair Brushes & Combs </a></li>
                                                    
                                                        <li><a href="/collections/565/health-beauty/tools-brushes/hair-removal-tools">Hair Removal Tools </a></li>
                                                    
                                                        <li><a href="/collections/563/health-beauty/tools-brushes/hair-styling-tools">Hair Styling Tools </a></li>
                                                    
                                                        <li><a href="/collections/566/health-beauty/tools-brushes/makeup-brushes-tools">Makeup Brushes & Tools </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                        
                                    </ul>
                                </li>
                            </ul>
                        
                            <ul class="menu vertical-menu category-menu" style="padding-bottom: 0;">
                                <li class="has-submenu">
                                          
                                            <a href="/party-supplies"><i class="w-icon-birthday-cake"></i>Party Supplies </a>
                                        
                                    <hr class="divider" style="margin:0">
                                    <ul class="menu vertical-menu category-menu submenu">

                                         

                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Birthday Party 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/225/party-supplies/birthday-party/boys-birthday-party">Boys Birthday Party </a></li>
                                                    
                                                        <li><a href="/collections/118/party-supplies/birthday-party/decorations-accessories">Decorations/Accessories </a></li>
                                                    
                                                        <li><a href="/collections/625/party-supplies/birthday-party/first-birthday">First Birthday </a></li>
                                                    
                                                        <li><a href="/collections/43/party-supplies/birthday-party/general-birthday">General Birthday </a></li>
                                                    
                                                        <li><a href="/collections/226/party-supplies/birthday-party/girls-birthday-party">Girls Birthday Party </a></li>
                                                    
                                                        <li><a href="/collections/504/party-supplies/birthday-party/milestone-birthday-party">Milestone Birthday Party </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Celebrations 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/45/party-supplies/celebrations/baby-shower">Baby Shower </a></li>
                                                    
                                                        <li><a href="/collections/508/party-supplies/celebrations/celebration-themes">Celebration Themes </a></li>
                                                    
                                                        <li><a href="/collections/48/party-supplies/celebrations/graduation-party">Graduation Party </a></li>
                                                    
                                                        <li><a href="/collections/49/party-supplies/celebrations/wedding">Wedding </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Decorations 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/148/party-supplies/decorations/accessories">Accessories </a></li>
                                                    
                                                        <li><a href="/collections/143/party-supplies/decorations/bags">Bags </a></li>
                                                    
                                                        <li><a href="/collections/168/party-supplies/decorations/bakery-box">Bakery Box </a></li>
                                                    
                                                        <li><a href="/collections/133/party-supplies/decorations/balloons">Balloons </a></li>
                                                    
                                                        <li><a href="/collections/129/party-supplies/decorations/banners">Banners </a></li>
                                                    
                                                        <li><a href="/collections/128/party-supplies/decorations/centerpiece">Centerpiece </a></li>
                                                    
                                                        <li><a href="/collections/130/party-supplies/decorations/confetti">Confetti </a></li>
                                                    
                                                        <li><a href="/collections/164/party-supplies/decorations/cupcake-wrapper">Cupcake Wrapper </a></li>
                                                    
                                                        <li><a href="/collections/509/party-supplies/decorations/cutlery">Cutlery </a></li>
                                                    
                                                        <li><a href="/collections/459/party-supplies/decorations/gifts">Gifts </a></li>
                                                    
                                                        <li><a href="/collections/466/party-supplies/decorations/party-favors">Party Favors </a></li>
                                                    
                                                        <li><a href="/collections/239/party-supplies/decorations/photo-booth-prop">Photo Booth Prop </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Seasonal Party 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/57/party-supplies/seasonal-party/easter-party">Easter Party </a></li>
                                                    
                                                        <li><a href="/collections/58/party-supplies/seasonal-party/halloween-party">Halloween Party </a></li>
                                                    
                                                        <li><a href="/collections/59/party-supplies/seasonal-party/hanukkah">Hanukkah </a></li>
                                                    
                                                        <li><a href="/collections/61/party-supplies/seasonal-party/new-year">New Year </a></li>
                                                    
                                                        <li><a href="/collections/62/party-supplies/seasonal-party/patriotic">Patriotic </a></li>
                                                    
                                                        <li><a href="/collections/63/party-supplies/seasonal-party/saint-patricks-party">Saint Patricks Party </a></li>
                                                    
                                                        <li><a href="/collections/65/party-supplies/seasonal-party/summer">Summer </a></li>
                                                    
                                                        <li><a href="/collections/66/party-supplies/seasonal-party/thanksgiving-autumn">Thanksgiving/Autumn </a></li>
                                                    
                                                        <li><a href="/collections/67/party-supplies/seasonal-party/valentines-party">Valentines Party </a></li>
                                                    
                                                        <li><a href="/collections/68/party-supplies/seasonal-party/winter-christmas">Winter/Christmas </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Tableware 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/511/party-supplies/tableware/bamboo-tableware">Bamboo Tableware </a></li>
                                                    
                                                        <li><a href="/collections/156/party-supplies/tableware/dinnerware">Dinnerware </a></li>
                                                    
                                                        <li><a href="/collections/157/party-supplies/tableware/drinkware">Drinkware </a></li>
                                                    
                                                        <li><a href="/collections/160/party-supplies/tableware/flatware">Flatware </a></li>
                                                    
                                                        <li><a href="/collections/505/party-supplies/tableware/metallic-tableware">Metallic Tableware </a></li>
                                                    
                                                        <li><a href="/collections/496/party-supplies/tableware/mini-tableware">Mini Tableware </a></li>
                                                    
                                                        <li><a href="/collections/159/party-supplies/tableware/napkins">Napkins </a></li>
                                                    
                                                        <li><a href="/collections/158/party-supplies/tableware/serveware">Serveware </a></li>
                                                    
                                                        <li><a href="/collections/506/party-supplies/tableware/table-decorations">Table Decorations </a></li>
                                                    
                                                        <li><a href="/collections/621/party-supplies/tableware/tableware-set">Tableware Set </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Theme Party 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/113/party-supplies/theme-party/college-party-supplies">College Party Supplies </a></li>
                                                    
                                                        <li><a href="/collections/507/party-supplies/theme-party/nfl-tableware">NFL Tableware </a></li>
                                                    
                                                        <li><a href="/collections/115/party-supplies/theme-party/religious-party">Religious Party </a></li>
                                                    
                                                        <li><a href="/collections/467/party-supplies/theme-party/solid-color-tableware">Solid Color Tableware </a></li>
                                                    
                                                        <li><a href="/collections/116/party-supplies/theme-party/sports-party">Sports Party </a></li>
                                                    
                                                        <li><a href="/collections/592/party-supplies/theme-party/theme-party-collections">Theme Party Collections </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                        
                                    </ul>
                                </li>
                            </ul>
                        
                            <ul class="menu vertical-menu category-menu" style="padding-bottom: 0;">
                                <li class="has-submenu">
                                        
                                            <a href="/kitchen-supplies"><i class="w-icon-home"></i>Restaurant/Kitchen</a>
                                        
                                    <hr class="divider" style="margin:0">
                                    <ul class="menu vertical-menu category-menu submenu">

                                         

                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Disposable 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/197/restaurant-supplies/disposable/all-purpose-disposable">All Purpose Disposable </a></li>
                                                    
                                                        <li><a href="/collections/209/restaurant-supplies/disposable/aluminum-food-containers">Aluminum Food Containers </a></li>
                                                    
                                                        <li><a href="/collections/173/restaurant-supplies/disposable/baking-tools">Baking Tools </a></li>
                                                    
                                                        <li><a href="/collections/172/restaurant-supplies/disposable/beverage-containers">Beverage Containers </a></li>
                                                    
                                                        <li><a href="/collections/174/restaurant-supplies/disposable/disposable-bags">Disposable Bags </a></li>
                                                    
                                                        <li><a href="/collections/212/restaurant-supplies/disposable/eco-friendly-products">Eco Friendly Products </a></li>
                                                    
                                                        <li><a href="/collections/198/restaurant-supplies/disposable/paper-food-containers">Paper Food Containers </a></li>
                                                    
                                                        <li><a href="/collections/191/restaurant-supplies/disposable/plastic-food-containers">Plastic Food Containers </a></li>
                                                    
                                                        <li><a href="/collections/618/restaurant-supplies/disposable/plastic-utensils">Plastic Utensils </a></li>
                                                    
                                                        <li><a href="/collections/205/restaurant-supplies/disposable/serveware">Serveware </a></li>
                                                    
                                                        <li><a href="/collections/204/restaurant-supplies/disposable/tableware">Tableware </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Drinkware 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/201/restaurant-supplies/drinkware/cups">Cups </a></li>
                                                    
                                                        <li><a href="/collections/206/restaurant-supplies/drinkware/glassware">Glassware </a></li>
                                                    
                                                        <li><a href="/collections/202/restaurant-supplies/drinkware/plastic-reusable-drinkware">Plastic Reusable Drinkware </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Equipment 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/223/restaurant-supplies/equipment/asian-kitchen-equipment">Asian Kitchen Equipment </a></li>
                                                    
                                                        <li><a href="/collections/446/restaurant-supplies/equipment/cooking-equipment">Cooking Equipment </a></li>
                                                    
                                                        <li><a href="/collections/217/restaurant-supplies/equipment/food-service-carts">Food Service Carts </a></li>
                                                    
                                                        <li><a href="/collections/448/restaurant-supplies/equipment/ice-beverage-equipment">Ice/Beverage Equipment </a></li>
                                                    
                                                        <li><a href="/collections/218/restaurant-supplies/equipment/warming-equipment">Warming Equipment </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Food/Beverage 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/433/restaurant-supplies/food-beverage/coffee">Coffee </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Smallwares 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/449/restaurant-supplies/smallwares/accessories">Accessories </a></li>
                                                    
                                                        <li><a href="/collections/224/restaurant-supplies/smallwares/asian-store-supplies">Asian Store Supplies </a></li>
                                                    
                                                        <li><a href="/collections/500/restaurant-supplies/smallwares/bar-tools">Bar Tools </a></li>
                                                    
                                                        <li><a href="/collections/498/restaurant-supplies/smallwares/catering-products">Catering Products </a></li>
                                                    
                                                        <li><a href="/collections/177/restaurant-supplies/smallwares/chafing-dishes-accessories">Chafing Dishes/Accessories </a></li>
                                                    
                                                        <li><a href="/collections/219/restaurant-supplies/smallwares/cookware">Cookware </a></li>
                                                    
                                                        <li><a href="/collections/178/restaurant-supplies/smallwares/cutting-boards-and-carving">Cutting Boards and Carving </a></li>
                                                    
                                                        <li><a href="/collections/179/restaurant-supplies/smallwares/dispensers">Dispensers </a></li>
                                                    
                                                        <li><a href="/collections/185/restaurant-supplies/smallwares/food-display">Food Display </a></li>
                                                    
                                                        <li><a href="/collections/222/restaurant-supplies/smallwares/food-preparation">Food Preparation </a></li>
                                                    
                                                        <li><a href="/collections/180/restaurant-supplies/smallwares/food-storage">Food Storage </a></li>
                                                    
                                                        <li><a href="/collections/600/restaurant-supplies/smallwares/kitchen-clothing">Kitchen Clothing </a></li>
                                                    
                                                        <li><a href="/collections/181/restaurant-supplies/smallwares/kitchen-hand-tools">Kitchen Hand Tools </a></li>
                                                    
                                                        <li><a href="/collections/182/restaurant-supplies/smallwares/kitchen-organizers">Kitchen Organizers </a></li>
                                                    
                                                        <li><a href="/collections/213/restaurant-supplies/smallwares/organizers">Organizers </a></li>
                                                    
                                                        <li><a href="/collections/494/restaurant-supplies/smallwares/pet-related">Pet Related </a></li>
                                                    
                                                        <li><a href="/collections/208/restaurant-supplies/smallwares/restaurant-furniture">Restaurant Furniture </a></li>
                                                    
                                                        <li><a href="/collections/499/restaurant-supplies/smallwares/server-supplies">Server Supplies </a></li>
                                                    
                                                        <li><a href="/collections/501/restaurant-supplies/smallwares/signs">Signs </a></li>
                                                    
                                                        <li><a href="/collections/184/restaurant-supplies/smallwares/tabletop-accessories">Tabletop Accessories </a></li>
                                                    
                                                        <li><a href="/collections/497/restaurant-supplies/smallwares/tabletop-services">Tabletop Services </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                            <li class="has-submenu">
                                                <a href="javascript:void(0)">Tabletop 
                                                </a>
                                                <ul class="menu vertical-menu category-menu submenu" style="top:-1rem;overflow-y: auto;max-height: 350px; width: max-content;">
                                                    
                                                    
                                                        <li><a href="/collections/598/restaurant-supplies/tabletop/bakeware">Bakeware </a></li>
                                                    
                                                        <li><a href="/collections/187/restaurant-supplies/tabletop/dinnerware">Dinnerware </a></li>
                                                    
                                                        <li><a href="/collections/200/restaurant-supplies/tabletop/flatware">Flatware </a></li>
                                                    
                                                        <li><a href="/collections/473/restaurant-supplies/tabletop/melamine-dinnerware">Melamine Dinnerware </a></li>
                                                    
                                                        <li><a href="/collections/220/restaurant-supplies/tabletop/oven-to-table">Oven To Table </a></li>
                                                    
                                                        <li><a href="/collections/602/restaurant-supplies/tabletop/pet-food-ware">Pet Food ware </a></li>
                                                    
                                                        <li><a href="/collections/474/restaurant-supplies/tabletop/porcelain-dinnerware">Porcelain Dinnerware </a></li>
                                                    
                                                        <li><a href="/collections/493/restaurant-supplies/tabletop/reusable-plastic-dinnerware">Reusable Plastic Dinnerware </a></li>
                                                    
                                                        <li><a href="/collections/186/restaurant-supplies/tabletop/serveware">Serveware </a></li>
                                                    
                                                        <li><a href="/collections/207/restaurant-supplies/tabletop/tableware-accessories">Tableware Accessories </a></li>
                                                    
                                                </ul>
                                            </li>
                                        
                                        
                                    </ul>
                                </li>
                            </ul>
                        
                    </div>
                </div>
                <nav class="main-nav">
                    <ul class="menu active-underline">
                        <li>
                            <a href="/shop-by-brand">Shop By Brand</a>
                        </li>
                        
                        <li>
                            <a href="/shop-by-product-line">Shop by collections</a>
                        </li>
                        
                    </ul>
                </nav>
            </div>
            
        </div>
    </div>
</div>


	
    
</header>
<!-- End of Header -->       

        
	

		
<!-- Start of Main -->
<main class="main">
    <!-- Start of Breadcrumb -->
    <nav class="breadcrumb-nav">
        <div class="container">
            <ul class="breadcrumb" style="border:none;">
                <li><a href="/">Home</a></li>
                <li>
                    
                        Product Detail
                    
                </li>
            </ul>
        </div>
    </nav>
    <!-- End of Breadcrumb -->

	

<!-- Start of PageContent -->

<div class="page-content checkout">
    <div class="container">
        <section class="contact-section">
        	    

        	
            
              
        	    	
        	<main class="main mb-10 pb-1">
				<div class="page-content">
				    <div class="container">
				        <div class="row gutter-lg">     						        	
				        				        	
				                					        	
				        				        	
				        				        	
				         

			
		
		
		
		
		
		
		
		
									
		
	










		
		
		




    <meta name="appleid-signin-client-id" content="com.ktsupplywholesale">
    <meta name="appleid-signin-scope" content="name">
    <meta name="appleid-signin-redirect-uri" content="https://ktsupplywholesale.com/apple-register-login">
    <meta name="appleid-signin-state" content="BF03AA54">
    <meta name="appleid-signin-nosnce" content="123121231">
    <meta name="appleid-signin-use-popup" content="true">
	<link rel="stylesheet" type="text/css" href="/assets/js/popper.min.js">


<style>
    .separator {
      display: flex;
      align-items: center;
      text-align: center;
    }

    .separator::before,
    .separator::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid #eee;
    }

    .separator:not(:empty)::before {
      margin-right: .25em;
    }

    .separator:not(:empty)::after {
      margin-left: .25em;
    }

    .apple-signin > div {
      width: 100% !important;
      height: 100% !important;
    }
    #appleid-signin > div {

      max-width: unset !important;
    }
    text {
        font-size: small !important;
    }

    .signin-button > div > div > svg {
        height: 50px;
        width: 100%;
        font-size: unset !important;
    }
    
    .mmt-5 {
        margin-top: unset;
    }
    @media (max-width: 479px) {
        .mmt-5 {
            margin-top: 5px;
        }
    }
</style>

<div class="main-content">
    <div class="product product-single row">
        <div class="col-md-6 mb-4 mb-md-8">
        	
			<style>
/* =========================
   PRODUCT VIDEO / YOUTUBE
   Complete CSS (drop-in)
   ========================= */

/* Wrapper inside swiper slide (keeps alignment) */
.product-video{
  position: relative;
  width: 100%;
  max-height: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  overflow: hidden;
}

/* If you ever use a <video> tag */
.product-video-player{
  width: 100%;
  height: 100%;
  max-height: 900px;
  object-fit: contain;
}

/* YouTube thumbnail/iframe wrapper (acts like image) */
.youtube-embed{
  position: relative !important;  /* MUST be anchor for play button */
  width: 100%;
  height: 100%;
  max-height: 900px;
  background: #fff;
  overflow: hidden;
  display: block;
}

/* keep same “image-like” aspect ratio as your 800x900 images */
.youtube-embed::before{
  content: "";
  display: block;
  padding-top: 112.5%;
}

/* Thumbnail image + iframe fill wrapper */
.youtube-embed img,
.youtube-embed iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Make thumbnail behave like product image */
.youtube-embed img{
  z-index: 1;
  object-fit: cover;     /* or "contain" if you want full image with bars */
}

/* iframe on top when loaded */
.youtube-embed iframe{
  z-index: 2;
}

/* Play button overlay centered */
.youtube-play-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;            /* MUST be above image */
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(0,0,0,0.60);
  color: #fff;
  font-size: 44px;
  line-height: 90px;
  text-align: center;
  pointer-events: none;  /* click passes through to container */
  user-select: none;
}

/* Optional hover polish */
.youtube-embed:hover .youtube-play-btn{
  background: rgba(255,0,0,0.85);
  transform: translate(-50%, -50%) scale(1.08);
}

/* =========================
   THUMBNAIL PLAY ICON (small)
   (for your .thumb-play in thumbnails)
   ========================= */
.product-thumb{
  position: relative;
}

.thumb-play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0,0,0,0.60);
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px){
  .product-video{ max-height: 450px; }
  .product-video-player{ max-height: 450px; }

  .youtube-embed{ max-height: 450px; }
  .youtube-embed::before{ padding-top: 75%; }  /* shorter on mobile */

  .youtube-play-btn{
    width: 70px;
    height: 70px;
    font-size: 34px;
    line-height: 70px;
  }
}

</style>

<script>
var ytPlayers = {}; // keep players by element id

function makeThumbHtml(id){
  return ''+
    '<img src="https://img.youtube.com/vi/'+id+'/hqdefault.jpg" alt="Video">' +
    '<span class="youtube-play-btn">▶</span>';
}

function onYouTubeIframeAPIReady(){ /* required by API */ }

document.addEventListener("DOMContentLoaded", function () {

  document.querySelectorAll(".js-yt-thumb").forEach(function(el, idx){

    // give each container a unique id for player
    if(!el.id) el.id = "ytbox_" + idx;

    el.addEventListener("click", function(){

      var box = this;
      var vid = box.getAttribute("data-ytid");
      if(!vid) return;

      // clear thumb + insert iframe
      box.innerHTML =
        '<iframe id="ytif_'+box.id+'" '+
        'src="https://www.youtube-nocookie.com/embed/'+vid+'?autoplay=1&rel=0&modestbranding=1&playsinline=1&enablejsapi=1" '+
        'frameborder="0" allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen></iframe>';

      // create API player
      ytPlayers[box.id] = new YT.Player("ytif_"+box.id, {
        events: {
          onStateChange: function(e){
            // 0 = ended, 2 = paused
            if(e.data === 0){
              // restore thumbnail (removes More videos overlay)
              box.innerHTML = makeThumbHtml(vid);
            }
          }
        }
      });

      box.style.cursor = "default";
    });

  });

});
</script>


<script src="https://www.youtube.com/iframe_api"></script>

            <div class="product-gallery product-gallery-sticky">
                <div class="swiper-container product-single-swiper swiper-theme nav-inner" data-swiper-options="{
                    'navigation': {
                        'nextEl': '.swiper-button-next',
                        'prevEl': '.swiper-button-prev'
                    }
                }">
                    <div class="swiper-wrapper row cols-1 gutter-no">
                        <div class="swiper-slide">
                        	<figure class="product-image">
								
														
									
								        <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/09536.jpg"
								        	 data-zoom-image="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/09536.jpg"
								             alt="merchtitle"
								             width="800"
								             height="900"
								             style="visibility:hidden;"
								             onload="this.style.visibility='visible';"
								             onerror="this.onerror=null; this.closest('.swiper-slide').style.display='none';">
														
									
								                        	    
                            </figure>
                        </div>
                        

						
							
							    
							
							    
							
							
						
											
						 						                       
											
						 
											
						
                        
							
												
							
						  
						
						
						
                    </div>
                    <button class="swiper-button-next"></button>
                    <button class="swiper-button-prev"></button>
                </div>                
                <div class="product-thumbs-wrap swiper-container" data-swiper-options="{
                    'navigation': {
                        'nextEl': '.swiper-button-next',
                        'prevEl': '.swiper-button-prev'
                    }
                }">
                    <div class="product-thumbs swiper-wrapper row cols-4 gutter-sm">
                        <div class="product-thumb swiper-slide">                     
							
		                        <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/09536.jpg" alt="Product Thumb" width="800" height="900">
								
							                           	
                        </div>
                        
                        
			            
						
							
							    
							    
							
							
						
			                                                            
											
						  		
							                                                            
												
						
						
						
						  

					
					
					
                    </div>
                    <button class="swiper-button-next"></button>
                    <button class="swiper-button-prev"></button>
                </div>
            </div>	

			
        </div>
        <div class="col-md-6 mb-6 mb-md-8">
            <div class="product-details" data-sticky-options="{'minWidth': 767}">
            	
            		
            		
                <h1 class="product-title">Barrettes 3 Heart White Clear</h1>
                <div class="product-bm-wrapper">
					                 	
					
						
		                    <figure class="brand">
		                        <img src="https://storage.googleapis.com/ktsupply_bucket/brand_logos/Beauty-Town.jpg" alt="Beauty Town"
		                            width="105" height="48" />
		                    </figure>																							        																										        
						
						
					                 	

                    <div class="product-meta">



                    	



                        <div class="product-categories">

			        		

				        	

				        	

				        					        									

				        	

				        	

							


                            Category:                                                       

                            <span class="product-category">
                            	
                            	Accessories
                            </span>  
                        </div>



                        

							
						
							


                        <div class="product-sku">                        	

                            SKU: <span>33584507931</span>

                        </div>                        

                        
                    </div>
                </div>


                <hr class="product-divider">


            	
            	
            	







				



				
					
		
		
		
					
					



	                <div class="product-categories">

	                	

	                	

	                		

	                		

	                	
		
		
		
		                			  
		                		<b>Minimum Order Quantity : 24</b>
		                		
		                			                	
		                
		                <br><br>
		                
		                						
							
								
								Total MOQ Price : <b><font size="4">$27.60</font></b>								
										                
		                

	                	<br><br>              	

	                    
	                    	Stock Code : Regular Stock<br><br>
							
									
									In Fulfillment Center : <font color="red">600</font>
								
										
	                    

	                    
	                </div>

	            	<hr class="product-divider">    
	                

				
				
	             
						
	                <div class="product-price">
	                			
	                
		                <img src="https://storage.googleapis.com/ktsupply_bucket/wholesale_images/wholesale_price.jpg"> <ins class="new-price"><font size="5">$1.15</font></ins>
		                
		                
							 		                	
	                </div>

	                <hr class="product-divider">   
	                <div class="fix-bottom product-sticky-content sticky-content">
	                    <div class="product-form container justify-content-center">
							
								<div class="product-qty-form">

									<div class="input-group">

										<input class="quantity form-control" id="507931_qty" oninput="myFunction()" data-product-id="507931" type="number" 
		
		
		 data-value="24" min="24" data-step="24" >

										<button class="quantity-plus w-icon-plus"></button>

										<button class="quantity-minus w-icon-minus"></button>

									</div>

								</div>

							
								<button class="btn btn-primary btn-cart" data-product-id="507931" >
									<i class="w-icon-cart"></i>
									<span>Add to Cart</span>
								</button>
							

	                    </div>

	                </div>

		                
						
							<hr class="product-divider">
							<div class="product-short-desc">
								<ul class="list-type-check list-style-none">
		                			
		                			
	                				
		                			<i class="w-icon-truck"></i> Estimated Ship Date : <b>Monday, July 20, 2026</b>					
					
									
								</ul>
							</div>				
						
		                
		                
	             

	             <hr class="product-divider"> 

				
				
				        					
				

            </div>
			

				
				

				
				
				
				


				
				<style>
				/* Bigger variant text on desktop */
				@media (min-width: 992px) {
				
				  .swiper-slide .product-name a {
				    font-size: 15px !important;
				    font-weight: 600;
				    line-height: 1.3;
				  }
				
				  .swiper-slide .product span {
				    font-size: 14px !important;
				    font-weight: 600;
				  }
				
				  /* Price color stronger */
				  .swiper-slide .product span {
				    color: #336699;
				  }
				
				}
				</style>				
				<h6 class="mb-3 ls-normal appear-animate text-center text-md-left">
				    More Options Available
				    <span class="d-block d-md-none text-muted small">
				        Swipe to view →
				    </span>
				</h6>
	            <hr class="product-divider">
	            <div class="swiper-container swiper-theme shadow-swiper appear-animate pb-4" data-swiper-options="{
	                'spaceBetween': 12,
	                'slidesPerView': 2.5,
				    'breakpoints': {
				        '480': {
				            'slidesPerView': 2.5
				        },
				        '576': {
				            'slidesPerView': 2.5
				        },
				        '768': {
				            'slidesPerView': 3
				        },
				        '992': {
				            'slidesPerView': 4
				        },
				        '1200': {
				            'slidesPerView': 4
				        }
				    }
	            }">		
	                <div class="swiper-wrapper row cols-xl-12 cols-lg-6 cols-md-4 cols-4 swiper-nav-lg nav-top">            
	                	
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/198530/Barrettes-Chic-Bow-Sky-Blue">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/198530/Barrettes-Chic-Bow-Sky-Blue">
											
											
											
											
															
												
											
											
											   
																						
												<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07479.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07479.jpg';" alt="
												   	                                
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/198530/Barrettes-Chic-Bow-Sky-Blue">
		                                	Chic Bow Sky Blue
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$1.15</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/198534/Barrettes-Princess-Sea">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/198534/Barrettes-Princess-Sea">
											
											
											
											
															
												
											
											
											   
																						
												<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07484.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07484.jpg';" alt="
												   	                                
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/198534/Barrettes-Princess-Sea">
		                                	Princess Sea
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$1.15</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/198533/Barrettes-Princess-Valentine">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/198533/Barrettes-Princess-Valentine">
											
											
											
											
															
												
											
											
											   
																						
												<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07483.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07483.jpg';" alt="
												   	                                
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/198533/Barrettes-Princess-Valentine">
		                                	Princess Valentine
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$1.15</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/198532/Barrettes-Princess-White">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/198532/Barrettes-Princess-White">
											
											
											
											
															
												
											
											
											   
																						
												<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07482.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07482.jpg';" alt="
												   	                                
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/198532/Barrettes-Princess-White">
		                                	Princess White
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$1.15</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/198531/Barrettes-Princess-Royalty">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/198531/Barrettes-Princess-Royalty">
											
											
											
											
															
												
											
											
											   
																						
												<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07481.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07481.jpg';" alt="
												   	                                
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/198531/Barrettes-Princess-Royalty">
		                                	Princess Royalty
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$1.15</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/198528/Barrettes-Chic-Bow-Sea">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/198528/Barrettes-Chic-Bow-Sea">
											
											
											
											
															
												
											
											
											   
																						
												<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07476.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/33584/07476.jpg';" alt="
												   	                                
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/198528/Barrettes-Chic-Bow-Sea">
		                                	Chic Bow Sea
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$1.15</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                </div>           
	            </div>	
	            
	            	<div class="separator">OR</div>
	            
	            
	            
				
	            
	            
	            	<div class="row">
		            	<div class="col-12 text-center">
			            	
			            	
			            	
			            	
			            	<a href="https://ktsupplywholesale.com/page/1272/Fashion-Barrettes" class="btn btn-outline-info">		            
			            		View All 157 Patterns
			            	</a>
		            	</div>
	            	</div>
	            	<hr class="product-divider">
	            
				
				
				
				
        </div>



    </div>



    <div class="tab tab-nav-boxed tab-nav-underline product-tabs">



        <ul class="nav nav-tabs" role="tablist">



            <li class="nav-item">

                <a href="#product-tab-description" class="nav-link active">Description</a>

            </li>



            <li class="nav-item">

                <a href="#product-tab-specification" class="nav-link">Specification</a>

            </li>

			
			
			

			
			
				
					
			
        </ul>



        <div class="tab-content">
			<style>
			#product-tab-description {
			    line-height: 1.8;
			    font-size: 15px;
			}
			
			#product-tab-description p {
			    margin-bottom: 12px;
			}
			
			#product-tab-description ul {
			    margin-top: 10px;
			    padding-left: 25px;
			}
			
			#product-tab-description li {
			    margin-bottom: 8px;
			}		
			</style>        
			<div class="tab-pane active" id="product-tab-description">
			    <div class="row mb-4">
			        <div class="col-md-12 mb-12">
			
			            
			
			            <div class="mb-4">
			                Barrettes 3 Heart White Clear from Beauty Town combine elegant design with functionality, perfect for enhancing hairstyles with a touch of charm. Ideal for wholesale B2B customers looking to stock quality hair accessories. <P>
			            </div>
			
			            <ul class="list-type-check">
			                
			                    
			
			                    
			                
			                    
			
			                    
			                
			                    
			
			                    
			                
			                    
			
			                    
			                
			                    
			
			                    
			                
			                    
			
			                    
			                
			            </ul>
			
			        </div>
			    </div>
			</div>

			
			

			  

							          

			

            <div class="tab-pane" id="product-tab-specification">

                <ul class="list-none">
                    <li>
                        <label>SKU</label>
                        <p>33584507931</p>
                    </li>

                    
                    <li>
                        <label>Color</label>
                        <p>White</p>
                    </li>
                    

                    



                    



                    



                    <li>



                    	



                        <label>Design</label>



                        <p>3 Heart White Clear</p>



                    </li>



                         



                                                            



                </ul>



            </div>



        </div>



    </div>







    



    <br><br>    



    



	

	

    

</div>

<script src="https://ktsupplywholesale.com/assets/vendor/jquery/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>




    
    
    

    

    
    
    

    
    
    

    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "Barrettes 3 Heart White Clear",
      "image": ["https://storage.googleapis.com/ktsupply_bucket/product_images/33584/09536.jpg"],
      "sku": "33584507931",
      "brand": { "@type": "Brand", "name": "Beauty Town" },
      "offers": {
        "@type": "Offer",
        "url": "https://ktsupplywholesale.com/product/199767/Barrettes-3-Heart-White-Clear",
        "priceCurrency": "USD",
        "price": "27.60",
        "priceValidUntil": "2026-12-31",
        "availability": "https://schema.org/InStock",
        "itemCondition": "https://schema.org/NewCondition"
      }
    }
    </script>









	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	




<script>
    function onSubmitLogin(token){
		document.getElementById('g-recaptcha-response').innerText = token;
	}
	function onSubmitRegister(token){
		document.getElementById('g-recaptcha-response').innerText = token;
	}
	 function runValidation() {
        // body...
        $("#loginForm").validate({
            errorClass: "error fail-alert",
            validClass: "valid success-alert",
            rules: {
              email: {
                required: true,
                email: true
              },
              password: {
                required:true,
              }
            },
            submitHandler: function(form) {
                $('#btn_login').addClass('load-more-overlay loading');

                // if (!grecaptcha.getResponse()) {
                //     // 1) Before sending we must validate captcha
                //     grecaptcha.reset();
                //     // return false;
                // }

                // $("#loginForm")[0].submit();

                grecaptcha.execute().then(

	                $.ajax({
	                	url: $('#loginForm').attr('action'),
	                	method: $('#loginForm').attr('method'),
	                	data: $("#loginForm").serialize(),
	                	success: function (response){
	                		// alert('success')
	                		let rData = JSON.parse(response);
	                		rData.data.forEach(function(elem){
							    Object.entries(elem).forEach(([key, value]) => {
							      $('.login-error').append(`${key} ${value}`);
							    });
							});
							if (rData.success) {
								$('.login-error').addClass('alert alert-success alert-bg')
								window.location = window.location.href;
							}else{
								$('.login-error').addClass('alert alert-error alert-bg');
								$('#btn_login').removeClass('load-more-overlay loading');
							}
	                	},error: function (response){
							console.log(response)
	                	}
	                })
                )
            }
        });

        $("#registrationForm").validate({
			errorClass: "error fail-alert",
			validClass: "valid success-alert",
			rules: {
			  name: "required",
			  phone_number: "required",
			  country: "required",
			  email: {
			    required: true,
			    email: true
			  },
			  password: {
			  	required:true,
			    minlength: 5
			  },
			  confirm_password: {
			  	required:true,
			    minlength: 5,
			    equalTo: "#reg_password"
			  },
			},
			submitHandler: function(form) {
				
				$('#btn_register').addClass('load-more-overlay loading');
				// if (!grecaptcha.getResponse()) {
		  //           // 1) Before sending we must validate captcha
		  //           grecaptcha.reset();
		  //           grecaptcha.execute();
		  //           return false;
		  //       }
                $.ajax({
                	url: $('#registrationForm').attr('action'),
                	method: $('#registrationForm').attr('method'),
                	data: $("#registrationForm").serialize(),
                	success: function (response){
                		// alert('success')
                		console.log(response)
                		let rData = JSON.parse(response);
                		console.log(response)
                		$('.register-error').text('');
                		rData.data.forEach(function(elem){
						    Object.entries(elem).forEach(([key, value]) => {
						      $('.register-error').append(`${key}: ${value}`);
						    });
						});
						if (rData.success) {
							$('.register-error').addClass('alert alert-success alert-bg')
							$('.login-error').text($('.register-error').text());
							$('.login-error').append('<br/> Please Confirm and login here to continue.');
							$('.login-error').addClass('alert alert-success alert-bg')
							$('a[href="#sign-in"]')[0].click()
							$('.register-error').removeClass('alert alert-error alert-bg');
							// window.location = window.location.href;
						}else{
							$('.register-error').addClass('alert alert-error alert-bg');
							$('.register-error').removeClass('alert alert-success alert-bg')
							$('#btn_register').removeClass('load-more-overlay loading');
						}
                	},error: function (response){
						console.log(response)
                	}
                })
			   
		        // form.submit();
			}
		});

		grecaptcha.ready(function() {
            grecaptcha.execute('6LeZBIodAAAAAFborS-hm975_ZSL-LzLTODIMjMM', {action: 'homepage'}).then(function(token) {
                document.getElementById('g-recaptcha-response').innerText = token;
            });
        });
    }

    $('#stockAlert').on("click",function(event){
    	let merchid = $(this).attr('data-product-id');
    	let webid = $(this).attr('data-web-id');

    	Swal.fire({
		  title: "Notify me when product is back in stock",
		  text: "You will get a e-mail notification. Please press 'Yes'",
		  icon: "warning",
		  showCancelButton: true,
		  confirmButtonColor: "#3085d6",
		  cancelButtonColor: "#d33",
		  confirmButtonText: "Yes!"
		}).then((result) => {

			if (result.isConfirmed) {
				$.ajax({
	            	url: baseURL+'ajax_apis/request.cfc?method=AddToStockAlert',
	            	method: 'POST',
	            	data: {
	            		merchid : merchid,
	            		webid : webid
	            	},
	            	success: function (response){
	            		obj = JSON.parse(response);
	            		if (obj.success) {
	            			Swal.fire({
						      title: "Added!",
						      text: "Your email has been added in stock alert.",
						      icon: "success"
						    });
	            		}else{
	            			Swal.fire({
						      title: "Duplication",
						      text: obj.message,
						      icon: "error"
						    });
	            		}
	            	},error: function (response){
						Swal.fire({
					      title: "Cancelled",
					      text: "Something went wrong!",
					      icon: "error"
					    });

	            	}
	            })
			}
		});
    })

	$('.btn-clearance-cart').on("click",function(event){
    	let merchid = $(this).attr('data-merchid');
    	let webid = $(this).attr('data-webid');
    	let clearanceprice = $(this).attr('data-clearance-price');

		$.ajax({
			url: baseURL+'ajax_apis/request.cfc?method=addToClearanceWishlist',
			method: 'POST',
			data: {
				merchid : merchid,
				webid : webid,
				clearanceprice : clearanceprice,
				qty: 1
			},
			success: function (response){
				obj = JSON.parse(response);


				if (obj.success) {
					Swal.fire({
						title: "Added!",
						text: obj.message,
						icon: "success"
					});
					setTimeout(() => {
					    location.reload();
					}, 2000);
				}else{
					Swal.fire({
						title: "Error!",
						text: obj.message,
						icon: "error"
					});
				}
			},error: function (response){
				Swal.fire({
					title: "Cancelled",
					text: "It did not go through. please try it later!",
					icon: "error"
				});

			}
		})
    })
</script>				        	
				        				        	
				        				        	
				        

<aside class="sidebar product-sidebar sidebar-fixed right-sidebar sticky-sidebar-wrapper">

    <div class="sidebar-overlay"></div>

    <a class="sidebar-close" href=""><i class="close-icon"></i></a>

    <a href="" class="sidebar-toggle d-flex d-lg-none"><i class="fas fa-chevron-left"></i></a>

    <div class="sidebar-content scrollable">

        <div class="sticky-sidebar">

            <div class="widget widget-icon-box mb-6">
                
                <div class="icon-box icon-box-side">
                    <span class="icon-box-icon text-dark">
                        <i class="w-icon-shipping"></i>
                    </span>
                    <div class="icon-box-content">
                        <h4 class="icon-box-title">Free Shipping</h4><br>
                        <p>$1,499.99 or more<br><br> <b>Continental US Only</b></p>
                    </div>
                </div>

				
            </div>  

            <!-- End of Widget Icon Box -->

			<!-- banner section

			            <div class="widget widget-banner mb-9">
                <div class="banner banner-fixed br-sm">
                    <figure>
                        <img src="assets/images/shop/banner3.jpg" alt="Banner" width="266"
                            height="220" style="background-color: 1D2D44;" />
                    </figure>
                    <div class="banner-content">
                        <div class="banner-price-info font-weight-bolder text-white lh-1 ls-25">
                            40<sup class="font-weight-bold">%</sup><sub
                                class="font-weight-bold text-uppercase ls-25">Off</sub>
                        </div>
                        <h4
                            class="banner-subtitle text-white font-weight-bolder text-uppercase mb-0">
                            Ultimate Sale</h4>
                    </div>
                </div>
            </div>			

            End of Widget Banner -->



			<!-- More product section

					
            <div class="widget widget-products">
                <div class="title-link-wrapper mb-2">
                    <h4 class="title title-link font-weight-bold">More Products</h4>
                </div>
            
                <div class="swiper nav-top">
                    <div class="swiper-container swiper-theme nav-top" data-swiper-options = "{
                        'slidesPerView': 1,
                        'spaceBetween': 20,
                        'navigation': {
                            'prevEl': '.swiper-button-prev',
                            'nextEl': '.swiper-button-next'
                        }
                    }">
                        <div class="swiper-wrapper">
                            <div class="widget-col swiper-slide">
                                <div class="product product-widget">
                                    <figure class="product-media">
                                        <a href="">
                                            <img src="assets/images/shop/13.jpg" alt="Product"
                                                width="100" height="113" />
                                        </a>
                                    </figure>
                                    <div class="product-details">
                                        <h4 class="product-name">
                                            <a href="">Smart Watch</a>
                                        </h4>
                                        <div class="ratings-container">
                                            <div class="ratings-full">
                                                <span class="ratings" style="width: 100%;"></span>
                                                <span class="tooltiptext tooltip-top"></span>
                                            </div>
                                        </div>
                                        <div class="product-price">$80.00 - $90.00</div>
                                    </div>
                                </div>
                                <div class="product product-widget">
                                    <figure class="product-media">
                                        <a href="">
                                            <img src="assets/images/shop/14.jpg" alt="Product"
                                                width="100" height="113" />
                                        </a>
                                    </figure>
                                    <div class="product-details">
                                        <h4 class="product-name">
                                            <a href="">Sky Medical Facility</a>
                                        </h4>
                                        <div class="ratings-container">
                                            <div class="ratings-full">
                                                <span class="ratings" style="width: 80%;"></span>
                                                <span class="tooltiptext tooltip-top"></span>
                                            </div>
                                        </div>
                                        <div class="product-price">$58.00</div>
                                    </div>
                                </div>
                                <div class="product product-widget">
                                    <figure class="product-media">
                                        <a href="">
                                            <img src="assets/images/shop/15.jpg" alt="Product"
                                                width="100" height="113" />
                                        </a>
                                    </figure>
                                    <div class="product-details">
                                        <h4 class="product-name">
                                            <a href="">Black Stunt Motor</a>
                                        </h4>
                                        <div class="ratings-container">
                                            <div class="ratings-full">
                                                <span class="ratings" style="width: 60%;"></span>
                                                <span class="tooltiptext tooltip-top"></span>
                                            </div>
                                        </div>
                                        <div class="product-price">$374.00</div>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-col swiper-slide">
                                <div class="product product-widget">
                                    <figure class="product-media">
                                        <a href="">
                                            <img src="assets/images/shop/16.jpg" alt="Product"
                                                width="100" height="113" />
                                        </a>
                                    </figure>
                                    <div class="product-details">
                                        <h4 class="product-name">
                                            <a href="">Skate Pan</a>
                                        </h4>
                                        <div class="ratings-container">
                                            <div class="ratings-full">
                                                <span class="ratings" style="width: 100%;"></span>
                                                <span class="tooltiptext tooltip-top"></span>
                                            </div>
                                        </div>
                                        <div class="product-price">$278.00</div>
                                    </div>
                                </div>
                                <div class="product product-widget">
                                    <figure class="product-media">
                                        <a href="">
                                            <img src="assets/images/shop/17.jpg" alt="Product"
                                                width="100" height="113" />
                                        </a>
                                    </figure>
                                    <div class="product-details">
                                        <h4 class="product-name">
                                            <a href="">Modern Cooker</a>
                                        </h4>
                                        <div class="ratings-container">
                                            <div class="ratings-full">
                                                <span class="ratings" style="width: 80%;"></span>
                                                <span class="tooltiptext tooltip-top"></span>
                                            </div>
                                        </div>
                                        <div class="product-price">$324.00</div>
                                    </div>
                                </div>
                                <div class="product product-widget">
                                    <figure class="product-media">                                   	
                                        <a href="">
                                            <img src="assets/images/shop/18.jpg" alt="Product"
                                                width="100" height="113" />
                                        </a>
                                    </figure>
                                    <div class="product-details">
                                        <h4 class="product-name">
                                            <a href="">CT Machine</a>
                                        </h4>
                                        <div class="ratings-container">
                                            <div class="ratings-full">
                                                <span class="ratings" style="width: 100%;"></span>
                                                <span class="tooltiptext tooltip-top"></span>
                                            </div>
                                        </div>
                                        <div class="product-price">$236.00</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button class="swiper-button-next"></button>
                        <button class="swiper-button-prev"></button>
                    </div>
                </div>
            </div>			

            End of More product section -->

        </div>

    </div>

</aside>

	

				        	
				        				        
				        </div>
				    </div>
								        
        	</main>
        </section>
        <!-- End of Contact Section -->
    </div>

</div>


<!-- End of PageContent -->

		</main>
<!-- End of Main -->
	

		<div class="embedsocial-hashtag" data-ref="156c0eadf460d06cecd78e94a8ec7f8f5725b8d0"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>
	

		
<img src="https://tracker.metricool.com/c3po.jpg?hash=129c16fde4c35e39ee8802f7562952d6"/>
 


<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '408162988643285');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=408162988643285&ev=PageView&noscript=1"
/></noscript>


    <!-- Start of Footer -->

        <footer class="footer appear-animate" data-animation-options="{
            'name': 'fadeIn'
        }">
            
            <div class="container">
                <div class="footer-top">
                    <div class="row">
                        <div class="col-lg-4 col-sm-6">
                            <div class="widget widget-about">
                                <a href="" class="logo-footer">
                                    <img src="https://ktsupplywholesale.com/assets/images/logo.png" alt="logo-footer" width="144" height="45" />
                                </a>
                                <div class="widget-body">
                                	<h6>Customer Support 24/7</h6>
                                    <p class="widget-about-title">E-mail : wholesale@ktsupply.com</p>
                                    <p class="widget-about-title">Please allow us for 1-2 business days to response.</p>
                                                            
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="widget">
                                <h3 class="widget-title">Company</h3>
                                <ul class="widget-body">
                                    <li><a href="/About-US">About Us</a></li>
                                    <li><a href="/Department">Department</a></li>
                                    <li><a href="/Contact-US">Contact Us</a></li>
                                    <li><a href="/what-we-shipped">What We Shipped</a></li>
                                    <li><a href="/cart-policy">Cart Policy</a></li>
                                     
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="widget">
                                <h4 class="widget-title">Policies</h4>
                                <ul class="widget-body">
                                    <li><a href="/Terms-and-Conditions">Terms and Conditions</a></li>
                                    <li><a href="/Terms-and-Conditions">Privacy and Security</a></li>
                                    <li><a href="/Membership">Membership</a></li> 
                                    <li><a href="/Special-Order">Special Order</a></li>
                                    <li><a href="/product-policy">Product Policy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="widget">
                                <h4 class="widget-title">Customer Service</h4>
                                <ul class="widget-body">
                                	<li><a href="/pos">POS/Website Set UP</a></li>
                                	<li><a href="/Payment">Payment</a></li>
                                    <li><a href="/Return-Policy">Return Policy</a></li>
                                    <li><a href="/Shipping-Policy">Shipping Policy</a></li>
                                    <li><a href="/tax">Tax</a></li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

				<div class="footer-bottom">
				    <div class="footer-left">
				        <p class="copyright">
				            Copyright © 2026 KT Supply Wholesale. All Rights Reserved.
				        </p>
				    </div>
				    <div class="footer-center">
				        <figure class="payment">
				            <img src="https://ktsupplywholesale.com/assets/images/payment/payment_creditcard.png" alt="payment" width="354" height="39">
				        </figure>
				    </div>
				    
				</div>
            </div>
        </footer>
        <!-- End of Footer -->
    </div>
    <!-- End of Page-wrapper-->

    <!-- Start of Sticky Footer -->
    <div class="sticky-footer sticky-content fix-bottom">
        <a href="/" class="sticky-link active">
            <i class="w-icon-home"></i>
            <p>Homes</p>
        </a>
        <a href="/shop-by-brand" class="sticky-link">
            <i class="w-icon-category"></i>
            <p>Shop</p>
        </a>
        
		
		
		
            <a href="/login" class="sticky-link">
                <i class="w-icon-account"></i>
                <p>Login</p>
            </a>
            <a href="/register" class="sticky-link">
                <i class="w-icon-cog2"></i>
                <p>Register</p>
            </a>
        

        <div class="header-search hs-toggle dir-up">
            <a href="" class="search-toggle sticky-link">
                <i class="w-icon-search"></i>
                <p>Search</p>
            </a>
            <form method="get" action="/search_word" id="searchwordForm" name="searchwordForm" class="input-wrapper">
                <input type="text" class="form-control custom-search-box custom-search-box-mobile" name="searchword" id="searchjsonmobile2" placeholder="Search your product ..."
                    required value="" />
            </form>
        </div>
    </div>
    <!-- End of Sticky Footer -->

    <!-- Start of Scroll Top -->
    <a id="scroll-top" class="scroll-top" href="top" title="Top" role="button"> <i class="w-icon-angle-up"></i> <svg
            version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
            <circle id="progress-indicator" fill="transparent" stroke="000000" stroke-miterlimit="10" cx="35" cy="35"
                r="34" style="stroke-dasharray: 16.4198, 400;"></circle>
        </svg> </a>
    <!-- End of Scroll Top -->

    


 


    <!-- Start of Mobile Menu -->
    <div class="mobile-menu-wrapper">
        <div class="mobile-menu-overlay"></div>
        <!-- End of .mobile-menu-overlay -->

        <a href="" class="mobile-menu-close"><i class="close-icon"></i></a>
        <!-- End of .mobile-menu-close -->

        <div class="mobile-menu-container scrollable">
            <form method="get" action="/search_word" id="searchwordForm" name="searchwordForm"  class="input-wrapper">
                <input type="text" class="form-control custom-search-box custom-search-box-mobile" name="searchword" id="searchjsonmobile1" placeholder="Search your product ..."
                    required value="" />
            </form>
            <!-- End of Search Form -->
            <div class="tab">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a href="#main-menu" class="nav-link active">Main Menu</a>
                    </li>
                    <li class="nav-item">
                        <a href="#categories" class="nav-link ">Categories</a>
                    </li>                    
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab-pane" id="categories">
                	
                    <ul class="mobile-menu">    
                    	                	
                        <li><a href="/">Home</a></li>
                        
                                                 
                        <li>
                            <a href="javascript:void(0)">Health & Beauty</a>
                            
                            <ul>
                            	
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Bath & Body</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/579/health-beauty/bath-body/bath-body-accessories">Bath & Body Accessories </a></li>
									
                                    	<li><a href="/collections/575/health-beauty/bath-body/bath-shower">Bath & Shower </a></li>
									
                                    	<li><a href="/collections/576/health-beauty/bath-body/body-moisturizers">Body Moisturizers </a></li>
									
                                    	<li><a href="/collections/582/health-beauty/bath-body/gifts-value-sets">Gifts & Value Sets </a></li>
									
                                    	<li><a href="/collections/577/health-beauty/bath-body/hand-foot-care">Hand & Foot Care </a></li>
									
                                    	<li><a href="/collections/629/health-beauty/bath-body/scrub">Scrub </a></li>
									
                                    	<li><a href="/collections/578/health-beauty/bath-body/self-care-wellness">Self Care & Wellness </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Fashion</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/597/health-beauty/fashion/accessories">Accessories </a></li>
									
                                    	<li><a href="/collections/630/health-beauty/fashion/caps">Caps </a></li>
									
                                    	<li><a href="/collections/595/health-beauty/fashion/clothing">Clothing </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Fragrance</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/574/health-beauty/fragrance/candles-home-fragrance">Candles & Home Fragrance </a></li>
									
                                    	<li><a href="/collections/571/health-beauty/fragrance/women-fragrance">Women Fragrance </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Hair</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/558/health-beauty/hair/accessories">Accessories </a></li>
									
                                    	<li><a href="/collections/561/health-beauty/hair/gifts-value-sets">Gifts & Value Sets </a></li>
									
                                    	<li><a href="/collections/594/health-beauty/hair/hair-braid">Hair Braid </a></li>
									
                                    	<li><a href="/collections/557/health-beauty/hair/hair-brushes-combs">Hair Brushes & Combs </a></li>
									
                                    	<li><a href="/collections/626/health-beauty/hair/hair-cap">Hair Cap </a></li>
									
                                    	<li><a href="/collections/555/health-beauty/hair/hair-color">Hair Color </a></li>
									
                                    	<li><a href="/collections/627/health-beauty/hair/hair-oil">Hair Oil </a></li>
									
                                    	<li><a href="/collections/628/health-beauty/hair/hair-spray">Hair Spray </a></li>
									
                                    	<li><a href="/collections/556/health-beauty/hair/hair-styling-tools">Hair Styling Tools </a></li>
									
                                    	<li><a href="/collections/559/health-beauty/hair/kids-haircare">Kids Haircare </a></li>
									
                                    	<li><a href="/collections/552/health-beauty/hair/shampoo-conditioner">Shampoo & Conditioner </a></li>
									
                                    	<li><a href="/collections/554/health-beauty/hair/styling-products">Styling Products </a></li>
									
                                    	<li><a href="/collections/593/health-beauty/hair/supplement">Supplement </a></li>
									
                                    	<li><a href="/collections/562/health-beauty/hair/textured-hair-care">Textured Hair Care </a></li>
									
                                    	<li><a href="/collections/560/health-beauty/hair/travel-size">Travel Size </a></li>
									
                                    	<li><a href="/collections/553/health-beauty/hair/treatment">Treatment </a></li>
									
                                    	<li><a href="/collections/607/health-beauty/hair/wig">Wig </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Makeup</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/534/health-beauty/makeup/bags">Bags </a></li>
									
                                    	<li><a href="/collections/533/health-beauty/makeup/brushes-tools">Brushes & Tools </a></li>
									
                                    	<li><a href="/collections/536/health-beauty/makeup/eyes">Eyes </a></li>
									
                                    	<li><a href="/collections/531/health-beauty/makeup/face">Face </a></li>
									
                                    	<li><a href="/collections/535/health-beauty/makeup/gifts">Gifts </a></li>
									
                                    	<li><a href="/collections/532/health-beauty/makeup/lips">Lips </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Men</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/585/health-beauty/men/body-care">Body Care </a></li>
									
                                    	<li><a href="/collections/587/health-beauty/men/cologne">Cologne </a></li>
									
                                    	<li><a href="/collections/586/health-beauty/men/hair">Hair </a></li>
									
                                    	<li><a href="/collections/584/health-beauty/men/shaving">Shaving </a></li>
									
                                    	<li><a href="/collections/583/health-beauty/men/skin-care">Skin Care </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Nails</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/538/health-beauty/nails/gel-manicures">Gel Manicures </a></li>
									
                                    	<li><a href="/collections/542/health-beauty/nails/gifts-value-stes">Gifts & Value Stes </a></li>
									
                                    	<li><a href="/collections/541/health-beauty/nails/manicure-pedicure-tools">Manicure & Pedicure Tools </a></li>
									
                                    	<li><a href="/collections/539/health-beauty/nails/nail-art-design">Nail Art & Design </a></li>
									
                                    	<li><a href="/collections/540/health-beauty/nails/nail-care">Nail Care </a></li>
									
                                    	<li><a href="/collections/537/health-beauty/nails/nail-polishes">Nail Polishes </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Personal Care</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/635/health-beauty/personal-care/fragrance">Fragrance </a></li>
									
                                    	<li><a href="/collections/633/health-beauty/personal-care/oral-care">Oral Care </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Skin Care</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/543/health-beauty/skin-care/cleansers">Cleansers </a></li>
									
                                    	<li><a href="/collections/544/health-beauty/skin-care/moisturizers">Moisturizers </a></li>
									
                                    	<li><a href="/collections/549/health-beauty/skin-care/mother-baby">Mother & Baby </a></li>
									
                                    	<li><a href="/collections/548/health-beauty/skin-care/supplements">Supplements </a></li>
									
                                    	<li><a href="/collections/550/health-beauty/skin-care/tools">Tools </a></li>
									
                                    	<li><a href="/collections/551/health-beauty/skin-care/travel-size">Travel Size </a></li>
									
                                    	<li><a href="/collections/545/health-beauty/skin-care/treatment-serums">Treatment & Serums </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Store Supply</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/634/health-beauty/store-supply/store-display">Store Display </a></li>
									
                                    	<li><a href="/collections/632/health-beauty/store-supply/store-essential">Store Essential </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Tools & Brushes</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/568/health-beauty/tools-brushes/accessories">Accessories </a></li>
									
                                    	<li><a href="/collections/567/health-beauty/tools-brushes/hair-brushes-combs">Hair Brushes & Combs </a></li>
									
                                    	<li><a href="/collections/565/health-beauty/tools-brushes/hair-removal-tools">Hair Removal Tools </a></li>
									
                                    	<li><a href="/collections/563/health-beauty/tools-brushes/hair-styling-tools">Hair Styling Tools </a></li>
									
                                    	<li><a href="/collections/566/health-beauty/tools-brushes/makeup-brushes-tools">Makeup Brushes & Tools </a></li>
									
                                   </ul>     
                                </li>
                                
                           </ul>
                           
                       </li>    
                       
                                                 
                        <li>
                            <a href="javascript:void(0)">Party Supplies</a>
                            
                            <ul>
                            	
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Birthday Party</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/225/party-supplies/birthday-party/boys-birthday-party">Boys Birthday Party </a></li>
									
                                    	<li><a href="/collections/118/party-supplies/birthday-party/decorations-accessories">Decorations/Accessories </a></li>
									
                                    	<li><a href="/collections/625/party-supplies/birthday-party/first-birthday">First Birthday </a></li>
									
                                    	<li><a href="/collections/43/party-supplies/birthday-party/general-birthday">General Birthday </a></li>
									
                                    	<li><a href="/collections/226/party-supplies/birthday-party/girls-birthday-party">Girls Birthday Party </a></li>
									
                                    	<li><a href="/collections/504/party-supplies/birthday-party/milestone-birthday-party">Milestone Birthday Party </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Celebrations</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/45/party-supplies/celebrations/baby-shower">Baby Shower </a></li>
									
                                    	<li><a href="/collections/508/party-supplies/celebrations/celebration-themes">Celebration Themes </a></li>
									
                                    	<li><a href="/collections/48/party-supplies/celebrations/graduation-party">Graduation Party </a></li>
									
                                    	<li><a href="/collections/49/party-supplies/celebrations/wedding">Wedding </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Decorations</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/148/party-supplies/decorations/accessories">Accessories </a></li>
									
                                    	<li><a href="/collections/143/party-supplies/decorations/bags">Bags </a></li>
									
                                    	<li><a href="/collections/168/party-supplies/decorations/bakery-box">Bakery Box </a></li>
									
                                    	<li><a href="/collections/133/party-supplies/decorations/balloons">Balloons </a></li>
									
                                    	<li><a href="/collections/129/party-supplies/decorations/banners">Banners </a></li>
									
                                    	<li><a href="/collections/128/party-supplies/decorations/centerpiece">Centerpiece </a></li>
									
                                    	<li><a href="/collections/130/party-supplies/decorations/confetti">Confetti </a></li>
									
                                    	<li><a href="/collections/164/party-supplies/decorations/cupcake-wrapper">Cupcake Wrapper </a></li>
									
                                    	<li><a href="/collections/509/party-supplies/decorations/cutlery">Cutlery </a></li>
									
                                    	<li><a href="/collections/459/party-supplies/decorations/gifts">Gifts </a></li>
									
                                    	<li><a href="/collections/466/party-supplies/decorations/party-favors">Party Favors </a></li>
									
                                    	<li><a href="/collections/239/party-supplies/decorations/photo-booth-prop">Photo Booth Prop </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Seasonal Party</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/57/party-supplies/seasonal-party/easter-party">Easter Party </a></li>
									
                                    	<li><a href="/collections/58/party-supplies/seasonal-party/halloween-party">Halloween Party </a></li>
									
                                    	<li><a href="/collections/59/party-supplies/seasonal-party/hanukkah">Hanukkah </a></li>
									
                                    	<li><a href="/collections/61/party-supplies/seasonal-party/new-year">New Year </a></li>
									
                                    	<li><a href="/collections/62/party-supplies/seasonal-party/patriotic">Patriotic </a></li>
									
                                    	<li><a href="/collections/63/party-supplies/seasonal-party/saint-patricks-party">Saint Patricks Party </a></li>
									
                                    	<li><a href="/collections/65/party-supplies/seasonal-party/summer">Summer </a></li>
									
                                    	<li><a href="/collections/66/party-supplies/seasonal-party/thanksgiving-autumn">Thanksgiving/Autumn </a></li>
									
                                    	<li><a href="/collections/67/party-supplies/seasonal-party/valentines-party">Valentines Party </a></li>
									
                                    	<li><a href="/collections/68/party-supplies/seasonal-party/winter-christmas">Winter/Christmas </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Tableware</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/511/party-supplies/tableware/bamboo-tableware">Bamboo Tableware </a></li>
									
                                    	<li><a href="/collections/156/party-supplies/tableware/dinnerware">Dinnerware </a></li>
									
                                    	<li><a href="/collections/157/party-supplies/tableware/drinkware">Drinkware </a></li>
									
                                    	<li><a href="/collections/160/party-supplies/tableware/flatware">Flatware </a></li>
									
                                    	<li><a href="/collections/505/party-supplies/tableware/metallic-tableware">Metallic Tableware </a></li>
									
                                    	<li><a href="/collections/496/party-supplies/tableware/mini-tableware">Mini Tableware </a></li>
									
                                    	<li><a href="/collections/159/party-supplies/tableware/napkins">Napkins </a></li>
									
                                    	<li><a href="/collections/158/party-supplies/tableware/serveware">Serveware </a></li>
									
                                    	<li><a href="/collections/506/party-supplies/tableware/table-decorations">Table Decorations </a></li>
									
                                    	<li><a href="/collections/621/party-supplies/tableware/tableware-set">Tableware Set </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Theme Party</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/113/party-supplies/theme-party/college-party-supplies">College Party Supplies </a></li>
									
                                    	<li><a href="/collections/507/party-supplies/theme-party/nfl-tableware">NFL Tableware </a></li>
									
                                    	<li><a href="/collections/115/party-supplies/theme-party/religious-party">Religious Party </a></li>
									
                                    	<li><a href="/collections/467/party-supplies/theme-party/solid-color-tableware">Solid Color Tableware </a></li>
									
                                    	<li><a href="/collections/116/party-supplies/theme-party/sports-party">Sports Party </a></li>
									
                                    	<li><a href="/collections/592/party-supplies/theme-party/theme-party-collections">Theme Party Collections </a></li>
									
                                   </ul>     
                                </li>
                                
                           </ul>
                           
                       </li>    
                       
                                                 
                        <li>
                            <a href="javascript:void(0)">Restaurant Supplies</a>
                            
                            <ul>
                            	
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Disposable</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/197/restaurant-supplies/disposable/all-purpose-disposable">All Purpose Disposable </a></li>
									
                                    	<li><a href="/collections/209/restaurant-supplies/disposable/aluminum-food-containers">Aluminum Food Containers </a></li>
									
                                    	<li><a href="/collections/173/restaurant-supplies/disposable/baking-tools">Baking Tools </a></li>
									
                                    	<li><a href="/collections/172/restaurant-supplies/disposable/beverage-containers">Beverage Containers </a></li>
									
                                    	<li><a href="/collections/174/restaurant-supplies/disposable/disposable-bags">Disposable Bags </a></li>
									
                                    	<li><a href="/collections/212/restaurant-supplies/disposable/eco-friendly-products">Eco Friendly Products </a></li>
									
                                    	<li><a href="/collections/198/restaurant-supplies/disposable/paper-food-containers">Paper Food Containers </a></li>
									
                                    	<li><a href="/collections/191/restaurant-supplies/disposable/plastic-food-containers">Plastic Food Containers </a></li>
									
                                    	<li><a href="/collections/618/restaurant-supplies/disposable/plastic-utensils">Plastic Utensils </a></li>
									
                                    	<li><a href="/collections/205/restaurant-supplies/disposable/serveware">Serveware </a></li>
									
                                    	<li><a href="/collections/204/restaurant-supplies/disposable/tableware">Tableware </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Drinkware</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/201/restaurant-supplies/drinkware/cups">Cups </a></li>
									
                                    	<li><a href="/collections/206/restaurant-supplies/drinkware/glassware">Glassware </a></li>
									
                                    	<li><a href="/collections/202/restaurant-supplies/drinkware/plastic-reusable-drinkware">Plastic Reusable Drinkware </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Equipment</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/223/restaurant-supplies/equipment/asian-kitchen-equipment">Asian Kitchen Equipment </a></li>
									
                                    	<li><a href="/collections/446/restaurant-supplies/equipment/cooking-equipment">Cooking Equipment </a></li>
									
                                    	<li><a href="/collections/217/restaurant-supplies/equipment/food-service-carts">Food Service Carts </a></li>
									
                                    	<li><a href="/collections/448/restaurant-supplies/equipment/ice-beverage-equipment">Ice/Beverage Equipment </a></li>
									
                                    	<li><a href="/collections/218/restaurant-supplies/equipment/warming-equipment">Warming Equipment </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Food/Beverage</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/433/restaurant-supplies/food-beverage/coffee">Coffee </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Smallwares</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/449/restaurant-supplies/smallwares/accessories">Accessories </a></li>
									
                                    	<li><a href="/collections/224/restaurant-supplies/smallwares/asian-store-supplies">Asian Store Supplies </a></li>
									
                                    	<li><a href="/collections/500/restaurant-supplies/smallwares/bar-tools">Bar Tools </a></li>
									
                                    	<li><a href="/collections/498/restaurant-supplies/smallwares/catering-products">Catering Products </a></li>
									
                                    	<li><a href="/collections/177/restaurant-supplies/smallwares/chafing-dishes-accessories">Chafing Dishes/Accessories </a></li>
									
                                    	<li><a href="/collections/219/restaurant-supplies/smallwares/cookware">Cookware </a></li>
									
                                    	<li><a href="/collections/178/restaurant-supplies/smallwares/cutting-boards-and-carving">Cutting Boards and Carving </a></li>
									
                                    	<li><a href="/collections/179/restaurant-supplies/smallwares/dispensers">Dispensers </a></li>
									
                                    	<li><a href="/collections/185/restaurant-supplies/smallwares/food-display">Food Display </a></li>
									
                                    	<li><a href="/collections/222/restaurant-supplies/smallwares/food-preparation">Food Preparation </a></li>
									
                                    	<li><a href="/collections/180/restaurant-supplies/smallwares/food-storage">Food Storage </a></li>
									
                                    	<li><a href="/collections/600/restaurant-supplies/smallwares/kitchen-clothing">Kitchen Clothing </a></li>
									
                                    	<li><a href="/collections/181/restaurant-supplies/smallwares/kitchen-hand-tools">Kitchen Hand Tools </a></li>
									
                                    	<li><a href="/collections/182/restaurant-supplies/smallwares/kitchen-organizers">Kitchen Organizers </a></li>
									
                                    	<li><a href="/collections/213/restaurant-supplies/smallwares/organizers">Organizers </a></li>
									
                                    	<li><a href="/collections/494/restaurant-supplies/smallwares/pet-related">Pet Related </a></li>
									
                                    	<li><a href="/collections/208/restaurant-supplies/smallwares/restaurant-furniture">Restaurant Furniture </a></li>
									
                                    	<li><a href="/collections/499/restaurant-supplies/smallwares/server-supplies">Server Supplies </a></li>
									
                                    	<li><a href="/collections/501/restaurant-supplies/smallwares/signs">Signs </a></li>
									
                                    	<li><a href="/collections/184/restaurant-supplies/smallwares/tabletop-accessories">Tabletop Accessories </a></li>
									
                                    	<li><a href="/collections/497/restaurant-supplies/smallwares/tabletop-services">Tabletop Services </a></li>
									
                                   </ul>     
                                </li>
                                
		                                                    	
                                <li>
                                    <a href="javascript:void(0)">Tabletop</a>
                                    <ul>
                                    
                                    	<li><a href="/collections/598/restaurant-supplies/tabletop/bakeware">Bakeware </a></li>
									
                                    	<li><a href="/collections/187/restaurant-supplies/tabletop/dinnerware">Dinnerware </a></li>
									
                                    	<li><a href="/collections/200/restaurant-supplies/tabletop/flatware">Flatware </a></li>
									
                                    	<li><a href="/collections/473/restaurant-supplies/tabletop/melamine-dinnerware">Melamine Dinnerware </a></li>
									
                                    	<li><a href="/collections/220/restaurant-supplies/tabletop/oven-to-table">Oven To Table </a></li>
									
                                    	<li><a href="/collections/602/restaurant-supplies/tabletop/pet-food-ware">Pet Food ware </a></li>
									
                                    	<li><a href="/collections/474/restaurant-supplies/tabletop/porcelain-dinnerware">Porcelain Dinnerware </a></li>
									
                                    	<li><a href="/collections/493/restaurant-supplies/tabletop/reusable-plastic-dinnerware">Reusable Plastic Dinnerware </a></li>
									
                                    	<li><a href="/collections/186/restaurant-supplies/tabletop/serveware">Serveware </a></li>
									
                                    	<li><a href="/collections/207/restaurant-supplies/tabletop/tableware-accessories">Tableware Accessories </a></li>
									
                                   </ul>     
                                </li>
                                
                           </ul>
                           
                       </li>    
                                                 
                    </ul>
					
                    </ul>
                </div>
                <div class="tab-pane active" id="main-menu">
                    <ul class="mobile-menu">
                    	
		
		
		 
                            <li>
                                 <a href="/login" ><i class="w-icon-account"></i>Log In</a>
                            </li>
                            <li>
                                 <a href="/register" ><i class="w-icon-plus"></i>Register</a>
                            </li>
                        
                                                  
                        <li>
                            <a href="/shop-by-brand">
                                Shop By Brand
                            </a>
                        </li>
                        
                        <li>
                            <a href="/shop-by-product-line">Shop by collections</a>
                        </li>                        
                        <li>                            
                    		<a href="mailto:wholesale@ktsupply.com">wholesale@ktsupply.com</a>
                        </li>
                                               
                        
		
		
		 
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Mobile Menu -->
    
    
    
        <div class="search-fluid" id="search-fluid-box" role="region" aria-label="search Search Container" style="display: none;">
  <div class="search-searching-area-l2" id="loaderContainer" style="display: none; right: auto; top: 124px; left: 447px;">
      <div class="searchLoader" id="searchLoader" style="display: none; text-align: center;"><img src="https://js.search.com/search-js-v1/img/search-loader.GIF" alt="Loading...">
      </div>
  </div>
  <div class="search-arrow" id="searchArrow" style="display:none;">
  </div>
  <div class="search-searching-area-l2" id="searchSearchingArea" style="right: auto; top: 124px; left: 447px; display: block !important;" tabindex="-1">
      <div class="searchNoResults searchNoResults-new" id="searchSearchNoResults" style="display:none;">
      </div>
      <div class="searchSuggestionsBlock" id="searchSuggestionsBlock">
          <div class="searchAutoSuggestion-l2" id="searchAutoCompleteArea" style="display: none;">
          </div>
          
          <div class="searchAutoSuggestion-l2 hide" id="suggestionSearchesArea">
              <div class="searchSuggestionHeading"><span class="searchHeadingText">Suggestions</span><span class="searchLoader" id="search-loader-2"></span>
              </div>
              <div id="suggestionsList">
              </div>
          </div>

          <div class="searchAutoSuggestion-l2 hide" id="searchPopularSearchesArea">
              <div class="searchSuggestionHeading"><span class="searchHeadingText">Popular Searches</span><span class="searchLoader" id="search-loader-2"></span>
              </div>
              <div id="popularSearchesList">
              </div>
          </div>

          <div class="searchAutoSuggestion-l2 hide" id="searchRecentSearchesArea">
              <div class="searchSuggestionHeading"><span class="searchHeadingText">Recent Searches</span><span class="searchLoader" id="search-loader-2"></span>
              </div>
              <div id="recentSearchesList">
              </div>
          </div>
          <div class="searchAutoSuggestion-l2 hide" id="searchCategoryArea">
              <div class="searchSuggestionHeading"><span class="searchHeadingText">Category</span><span class="searchLoader" id="search-loader-2"></span>
              </div>
              <div id="categoryList">
              </div>
          </div>
          <div class="searchAutoSuggestion-l2 hide" id="searchBrandArea">
              <div class="searchSuggestionHeading"><span class="searchHeadingText">Brand</span><span class="searchLoader" id="search-loader-2"></span>
              </div>
              <div id="brandList">
              </div>
          </div>
      </div>
      <div class="searchResultsBlock hide" id="searchResultsBlock">
          <div class="searchSuggestionHeading" id="searchProductHeading" >
              <span class="searchHeadingText">Products</span>
              
          </div>
          <div class="searchSearchResults-l2" id="productsList" style="display: block;">
          </div>
      </div>
  </div>
  <div onkeydown="search_commons.setupNextTabForLastChild();" tabindex="0"></div>
</div>
    



    <!-- Plugin JS File -->
    <script src="https://ktsupplywholesale.com/assets/vendor/jquery/jquery.min.js"></script>
    <script src="https://ktsupplywholesale.com/assets/vendor/jquery.plugin/jquery.plugin.min.js"></script>
    <script src="https://ktsupplywholesale.com/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
    <script src="https://ktsupplywholesale.com/assets/vendor/zoom/jquery.zoom.js"></script>
    <script src="https://ktsupplywholesale.com/assets/vendor/jquery.countdown/jquery.countdown.min.js"></script>
    <script src="https://ktsupplywholesale.com/assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="https://ktsupplywholesale.com/assets/vendor/skrollr/skrollr.min.js"></script>

    
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    
    <!-- Swiper JS -->
    <script src="https://ktsupplywholesale.com/assets/vendor/swiper/swiper-bundle.min.js"></script>

    <!-- Main JS -->
    <script src="https://ktsupplywholesale.com/assets/js/main_new.min.js"></script>

    
    <script src="https://ktsupplywholesale.com/assets/js/search_elastic.js"></script>
    
    
    
        <script src="https://ktsupplywholesale.com/assets/js/custom_wl.js?v=12"></script>
    	

    
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2FVBC5BWM8"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-2FVBC5BWM8');
    </script>   
        <!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){
  w[l]=w[l]||[];
  w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
  var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),
      dl=l!='dataLayer'?'&l='+l:'';
  j.async=true;
  j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
  f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P6MBCR2');
</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript>
  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P6MBCR2"
          height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->




        <script type="text/javascript">
(function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){var d="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};a.people.toString=function(){return a.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
for(h=0;h<i.length;h++)g(a,i[h]);var j="set set_once union unset remove delete".split(" ");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement("script");e.type="text/javascript";e.async=!0;e.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?
MIXPANEL_CUSTOM_LIB_URL:"file:"===f.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";g=f.getElementsByTagName("script")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);

// Enabling the debug mode flag is useful during implementation,
// but it's recommended you remove it for production
mixpanel.init('8db8153f8dc5e1ffcf23fccfc9cf82c6', {debug: true}); 
mixpanel.track('Sign up');
</script>

<script>
	amplitude.getInstance().logEvent('ktsupplywholesale.com');	
</script>

<script type="text/javascript">
  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  ;r.type="text/javascript"
  ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS"
  ;r.crossOrigin="anonymous";r.async=true
  ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js"
  ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  console.log("[Amplitude] Error: could not load SDK")}}
  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  ;function s(e,t){e.prototype[t]=function(){
  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  var o=function(){this._q=[];return this}
  ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  ;return this}
  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  ;function v(e){function t(t){e[t]=function(){
  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  }return n._iq[e]};e.amplitude=n})(window,document);

  amplitude.getInstance().init("077713c7db6a3dbe3335d7a9a953e7a3");
</script>

<script src="https://cdn.jsdelivr.net/npm/highlight.run@latest"></script>
<script>window.H.init('0dqzl9do')</script>
     

    
<style>
img {
  pointer-events: none;
}
</style>




</html>
			

<script>
    $('.quantity').on('blur',function(){
        let qty = $(this).val();
        let step = $(this).attr('data-step');
        let minQty = $(this).attr('min');
        let pID = $(this).attr('data-product-id');

        let newQty = Math.ceil(qty/step) * step;
        $(this).val(newQty);

        // let pPrice = $('#p_'+pID+' > span').text().replace('$','');
        // let psPriceClass = $('#ps_'+pID+' > span').addClass('load-more-overlay loading');

        // let psPrice = pPrice*newQty;
        // $('#ps_'+pID+' > span').text('$'+psPrice.toFixed(2)).removeClass('load-more-overlay loading');  

        getShippingCostDetails()
       
    })
    const web_id = '199767';
    const price =  1.15;
	const cartPrice = price.toString().trim();
    let idQuanity = "507931_qty";
    const gatewayMerchantId = '2602139';

    function getShippingCostDetails(){
        
        let quantityOrdered = 0;
        if($('#'+idQuanity).val() != ''){
            quantityOrdered = $('#'+idQuanity).val();
            
        }else{
            quantityOrdered = $('#'+idQuanity).attr('data-value');
        }

        $.ajax({

            url: baseURL+'ajax_apis/request.cfc?method=calculateFreight',
            method: 'POST',
            type: 'JSON',
            async: 'false',
            data: {
                web_id : web_id,
                qty: quantityOrdered,
            },
            success: function(response){
                let data = JSON.parse(response); 
                $('#orderQty').text(quantityOrdered)
                $('input[name="itemqty"]').val(quantityOrdered)
                $('input[name="itemprice"]').val(data.itemPrice)
                $('#orderSubtotal').text('$'+data.subtotal.toFixed(2))
                $('#orderFreight').text('$'+data.freight)
                // $('#orderTax').text('$'+data.tax)
                $('#orderFreightPerItem').text('$'+data.perItemShipping)
                $('#orderTotal').text('$'+(data.subtotal+data.freight).toFixed(2))
            },error: function(response){
                console.log('response');
            }
        })
    }

    if(typeof($('.quantity').val()) != 'undefined'){
        getShippingCostDetails();
    }
</script>

<script>
    /**
     * Define the version of the Google Pay API referenced when creating your
     * configuration
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|apiVersion in PaymentDataRequest}
     */
    const baseRequest = {
    apiVersion: 2,
    apiVersionMinor: 0
    };

    /**
     * Card networks supported by your site and your gateway
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
     * @todo confirm card networks supported by your site and gateway
     */
    const allowedCardNetworks = ["AMEX", "DISCOVER", "JCB", "MASTERCARD", "VISA"];

    /**
     * Card authentication methods supported by your site and your gateway
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
     * @todo confirm your processor supports Android device tokens for your
     * supported card networks
     */
    const allowedCardAuthMethods = ["PAN_ONLY", "CRYPTOGRAM_3DS"];

    /**
     * Identify your gateway and your site's gateway merchant identifier
     *
     * The Google Pay API response will return an encrypted payment method capable
     * of being charged by a supported gateway after payer authorization
     *
     * @todo check with your gateway on the parameters to pass
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#gateway|PaymentMethodTokenizationSpecification}
     */
    const tokenizationSpecification = {
    type: 'PAYMENT_GATEWAY',
    parameters: {
        'gateway': 'authorizenet',
        'gatewayMerchantId': '2602139'
    }
    };

    /**
     * Describe your site's support for the CARD payment method and its required
     * fields
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
     */
    const baseCardPaymentMethod = {
    type: 'CARD',
    parameters: {
        allowedAuthMethods: allowedCardAuthMethods,
        allowedCardNetworks: allowedCardNetworks,
        billingAddressRequired: true,
        billingAddressParameters: {
            format: 'FULL',
            phoneNumberRequired: true
        }
    }
    };

    /**
     * Describe your site's support for the CARD payment method including optional
     * fields
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
     */
    const cardPaymentMethod = Object.assign(
    {},
    baseCardPaymentMethod,
    {
        tokenizationSpecification: tokenizationSpecification
    }
    );

    /**
     * An initialized google.payments.api.PaymentsClient object or null if not yet set
     *
     * @see {@link getGooglePaymentsClient}
     */
    let paymentsClient = null;

    /**
     * Configure your site's support for payment methods supported by the Google Pay
     * API.
     *
     * Each member of allowedPaymentMethods should contain only the required fields,
     * allowing reuse of this base request when determining a viewer's ability
     * to pay and later requesting a supported payment method
     *
     * @returns {object} Google Pay API version, payment methods supported by the site
     */
    function getGoogleIsReadyToPayRequest() {
    return Object.assign(
        {},
        baseRequest,
        {
            allowedPaymentMethods: [baseCardPaymentMethod]
        }
    );
    }

    /**
     * Configure support for the Google Pay API
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|PaymentDataRequest}
     * @returns {object} PaymentDataRequest fields
     */
    function getGooglePaymentDataRequest() {
    const paymentDataRequest = Object.assign({}, baseRequest);
    paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
    paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
    paymentDataRequest.merchantInfo = {
        // @todo a merchant ID is available for a production environment after approval by Google
        // See {@link https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist|Integration checklist}
        merchantId: 'BCR2DN6TSOZNZBBH',
	    merchantName: 'KT Supply LLC'
    };

    paymentDataRequest.callbackIntents = ["SHIPPING_ADDRESS", "PAYMENT_AUTHORIZATION"];
    paymentDataRequest.shippingAddressRequired = true;
    paymentDataRequest.emailRequired = true;
    paymentDataRequest.shippingAddressParameters = getGoogleShippingAddressParameters();
        // paymentDataRequest.shippingOptionRequired = true;

    return paymentDataRequest;
    }

    /**
     * Return an active PaymentsClient or initialize
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/client#PaymentsClient|PaymentsClient constructor}
     * @returns {google.payments.api.PaymentsClient} Google Pay API client
     */
    function getGooglePaymentsClient() {
    if ( paymentsClient === null ) {
        paymentsClient = new google.payments.api.PaymentsClient({
        environment: "PRODUCTION",
        merchantInfo: {
            merchantId: 'BCR2DN6TSOZNZBBH',
	        merchantName: 'KT Supply LLC'
        },
        paymentDataCallbacks: {
            onPaymentAuthorized: onPaymentAuthorized,
            onPaymentDataChanged: onPaymentDataChanged
        }
        });
    }
    return paymentsClient;
    }


    function onPaymentAuthorized(paymentData) {
    return new Promise(function(resolve, reject){

    // handle the response
    processPayment(paymentData).then(function(response) {
            console.log(response);
            response = JSON.parse(response);
          resolve({transactionState: response.transactionState});
          if(response.success){
                window.location = baseURL+'my-account/cart/order-confirmation?q='+response.order_info
            }
        })
        .catch(function() {
            resolve({
            transactionState: 'ERROR',
            error: {
              intent: 'PAYMENT_AUTHORIZATION',
              message: 'Something went wrong!',
              reason: 'PAYMENT_DATA_INVALID'
            }
          });
        });

    });
    }

    /**
     * Handles dynamic buy flow shipping address and shipping options callback intents.
     *
     * @param {object} itermediatePaymentData response from Google Pay API a shipping address or shipping option is selected in the payment sheet.
     * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#IntermediatePaymentData|IntermediatePaymentData object reference}
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataRequestUpdate|PaymentDataRequestUpdate}
     * @returns Promise<{object}> Promise of PaymentDataRequestUpdate object to update the payment sheet.
     */
    function onPaymentDataChanged(intermediatePaymentData) {
    return new Promise(function(resolve, reject) {

        let shippingAddress = intermediatePaymentData.shippingAddress;
        let shippingOptionData = intermediatePaymentData.shippingOptionData;
        let paymentDataRequestUpdate = {};

        if (intermediatePaymentData.callbackTrigger == "INITIALIZE" || intermediatePaymentData.callbackTrigger == "SHIPPING_ADDRESS") {
            // paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(shippingAddress.countryCode,shippingAddress.administrativeArea);
            // resolve(paymentDataRequestUpdate);
            calculateNewTransactionInfo(shippingAddress.countryCode, shippingAddress.administrativeArea).then((res)=>{
                paymentDataRequestUpdate.newTransactionInfo = res;
                
                // $('input[name="itemsubtotal"').val(res.subtotal.toFixed(2))
                // $('input[name="freightamount"').val(res.freight)
                // $('input[name="orderdiscount"').val(0)
                // $('input[name="ordertax"').val(0)
                // $('input[name="amount"').val((res.subtotal+res.freight).toFixed(2))
                
            });
        }

        setTimeout(function() {
            // show returned data in developer console for debugging
            // console.log(paymentData);
            // // @todo pass payment token to your gateway to process payment
            // paymentToken = paymentData.paymentMethodData.tokenizationData.token;
            
            resolve(paymentDataRequestUpdate);
        }, 1000);
    });
    }


    // }

    /**
     * Helper function to create a new TransactionInfo object.

    * @param string shippingOptionId respresenting the selected shipping option in the payment sheet.
    *
    * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
    * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
    */
    const calculateNewTransactionInfo = async (country,state) => {


        let newTransactionInfo = getGoogleTransactionInfo();
        let displayItems = [];
        let totalPrice = 0.00;

        const shippingCosts = await getShippingCosts(country,state);
        
        const shippingCost = JSON.parse(shippingCosts);

        if (shippingCost.success) {
                displayItems = [
                    {
                        type: "SUBTOTAL",
                        label: "Subtotal",
                        price: shippingCost.subtotal.toFixed(2)
                    },
                    {
                        type: "TAX",
                        label: "Freight",
                        price: shippingCost.freight.toFixed(2)
                    },
                    {
                        type: "TAX",
                        label: "State Tax",
                        price: shippingCost.tax.toFixed(2)
                    }
                ];
                
                displayItems.forEach(displayItem => totalPrice += parseFloat(displayItem.price));
                totalPrice = totalPrice.toFixed(2).toString();

                
                $('input[name="itemsubtotal"').val(shippingCost.subtotal.toFixed(2))
                $('input[name="freightamount"').val(shippingCost.freight)
                $('input[name="orderdiscount"').val(0)
                $('input[name="ordertax"').val(shippingCost.tax)
                $('input[name="amount"').val(totalPrice)
                $('input[name="itemqty"]').val(shippingCost.qty)
                $('input[name="itemprice"]').val(shippingCost.itemPrice)
            }
        return {...newTransactionInfo, displayItems: displayItems, totalPrice: totalPrice};
    }

    /**
     * Initialize Google PaymentsClient after Google-hosted JavaScript has loaded
     *
     * Display a Google Pay payment button after confirmation of the viewer's
     * ability to pay.
     */
    function onGooglePayLoaded() {
    const paymentsClient = getGooglePaymentsClient();
    paymentsClient.isReadyToPay(getGoogleIsReadyToPayRequest())
        .then(function(response) {
            if (response.result) {
            addGooglePayButton();
            // @todo prefetch payment data to improve performance after confirming site functionality
            // prefetchGooglePaymentData();
            }
        })
        .catch(function(err) {
            // show error in developer console for debugging
            console.error(err);
        });
    }

    /**
     * Add a Google Pay purchase button alongside an existing checkout button
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ButtonOptions|Button options}
     * @see {@link https://developers.google.com/pay/api/web/guides/brand-guidelines|Google Pay brand guidelines}
     */
    function addGooglePayButton() {
    const paymentsClient = getGooglePaymentsClient();
    const button = paymentsClient.createButton({onClick: onGooglePaymentButtonClicked});
    document.getElementById('g_pay').appendChild(button);
    }

    /**
     * Provide Google Pay API with a payment amount, currency, and amount status
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
     * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
     */
    function getGoogleTransactionInfo() {
    return {
        displayItems: [
        {
            label: "Subtotal",
            type: "SUBTOTAL",
            price: "0",
        },
        {
            label: "Tax",
            type: "TAX",
            price: "1.00",
        }
        ],
        countryCode: 'US',
        currencyCode: "USD",
        totalPriceStatus: "FINAL",
        totalPrice: "0",
        totalPriceLabel: "Total"
    };
    }

    /**
     * Provide a key value store for shippping options.
     */
    // function getShippingCosts() {
    //   return {
    //     "shipping-001": "0.00",
    //     "shipping-002": "1.99",
    //     "shipping-003": "10.00"
    //   }
    // }
    function getShippingCosts(country,state){
        
        let quantityOrdered = 0;
        if($('#'+idQuanity).val() != ''){
            quantityOrdered = $('#'+idQuanity).val();
            subtotalPrice = $('#'+idQuanity).val()*cartPrice;
            
        }else{
            quantityOrdered = $('#'+idQuanity).attr('data-value');
            subtotalPrice = $('#'+idQuanity).attr('data-value')*cartPrice;
        }

        return $.ajax({

            url: baseURL+'ajax_apis/request.cfc?method=calculateFreight',
            method: 'POST',
            type: 'JSON',
            async: 'false',
            data: {
                country: country,
                state: state,
                web_id : web_id,
                qty: quantityOrdered,
            },
            success: function(response){
                return JSON.parse(response); 
            },error: function(response){
                console.log('response');
            }
        })
    }

    /**
     * Provide Google Pay API with shipping address parameters when using dynamic buy flow.
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ShippingAddressParameters|ShippingAddressParameters}
     * @returns {object} shipping address details, suitable for use as shippingAddressParameters property of PaymentDataRequest
     */
    function getGoogleShippingAddressParameters() {
    return  {
        allowedCountryCodes: ['US'],
        phoneNumberRequired: true
    };
    }

    /**
     * Provide Google Pay API with shipping options and a default selected shipping option.
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters|ShippingOptionParameters}
     * @returns {object} shipping option parameters, suitable for use as shippingOptionParameters property of PaymentDataRequest
     */
    function getGoogleDefaultShippingOptions() {
    return {
        defaultSelectedOptionId: "shipping-001",
        shippingOptions: [
        {
            "id": "shipping-001",
            "label": "Free: Standard shipping",
            "description": "Free Shipping delivered in 5 business days."
        },
        {
            "id": "shipping-002",
            "label": "$1.99: Standard shipping",
            "description": "Standard shipping delivered in 3 business days."
        },
        {
            "id": "shipping-003",
            "label": "$10: Express shipping",
            "description": "Express shipping delivered in 1 business day."
        },
        ]
    };
    }

    /**
     * Provide Google Pay API with a payment data error.
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataError|PaymentDataError}
     * @returns {object} payment data error, suitable for use as error property of PaymentDataRequestUpdate
     */
    function getGoogleUnserviceableAddressError() {
    return {
        reason: "SHIPPING_ADDRESS_UNSERVICEABLE",
        message: "Cannot ship to the selected address",
        intent: "SHIPPING_ADDRESS"
    };
    }

    /**
     * Prefetch payment data to improve performance
     *
     * @see {@link https://developers.google.com/pay/api/web/reference/client#prefetchPaymentData|prefetchPaymentData()}
     */
    function prefetchGooglePaymentData() {
    const paymentDataRequest = getGooglePaymentDataRequest();
    // transactionInfo must be set but does not affect cache
    paymentDataRequest.transactionInfo = {
        totalPriceStatus: 'NOT_CURRENTLY_KNOWN',
        currencyCode: 'USD'
    };
    const paymentsClient = getGooglePaymentsClient();
    paymentsClient.prefetchPaymentData(paymentDataRequest);
    }



    /**
     * Show Google Pay payment sheet when Google Pay payment button is clicked
     */
    function onGooglePaymentButtonClicked() {
    const paymentDataRequest = getGooglePaymentDataRequest();
    paymentDataRequest.transactionInfo = getGoogleTransactionInfo();

    const paymentsClient = getGooglePaymentsClient();
    paymentsClient.loadPaymentData(paymentDataRequest);
    }

    /**
     * Process payment data returned by the Google Pay API
     *
     * @param {object} paymentData response from Google Pay API after user approves payment
     * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData|PaymentData object reference}
     */
    function processPayment(paymentData) {
    return new Promise(function(resolve, reject) {
        $('.overlay').removeClass('hide')
        setTimeout(function() {
            // show returned data in developer console for debugging
            $('input[name="gpay_token"]').val(window.btoa(paymentData.paymentMethodData.tokenizationData.token));
            $('input[name="last_four"]').val(paymentData.paymentMethodData.info.cardDetails);
            $('input[name="billing_name"]').val(paymentData.paymentMethodData.info.billingAddress.name);
            $('input[name="billing_address"]').val(paymentData.paymentMethodData.info.billingAddress.address1);
            $('input[name="billing_city"]').val(paymentData.paymentMethodData.info.billingAddress.locality);
            $('input[name="billing_state"]').val(paymentData.paymentMethodData.info.billingAddress.administrativeArea);
            $('input[name="billing_country"]').val(paymentData.paymentMethodData.info.billingAddress.countryCode);
            $('input[name="billing_zip"]').val(paymentData.paymentMethodData.info.billingAddress.postalCode);

            $('input[name="cfemail"]').val(paymentData.email)
            // add shipping details
            $('input[name="shipping_name"]').val(paymentData.shippingAddress.name);
            $('input[name="shipping_address1"]').val(paymentData.shippingAddress.address1);
            $('input[name="shipping_address2"]').val(paymentData.shippingAddress.address2);
            $('input[name="shipping_city"]').val(paymentData.shippingAddress.locality);
            $('input[name="shipping_state"]').val(paymentData.shippingAddress.administrativeArea);
            $('input[name="shipping_country"]').val(paymentData.shippingAddress.countryCode);
            $('input[name="shipping_zip"]').val(paymentData.shippingAddress.postalCode);

            $('input[name="payoption"]').val('googlePay');
            // $('#gPaybtnpaymentnew').click();
            $.ajax({
                url: baseURL+'process-gpay',
                method: 'POST',
                type: 'JSON',
                data: $('#gPaypaymentForm').serialize(),
                success: function(response){
                    resolve(response)
                }, error: function(response){
                    console.log('error');
                    $('.overlay').addClass('hide')
                    resolve(response);
                }
            })

        }, 3000);
    });
    }
</script>

<script async src="https://pay.google.com/gp/p/js/pay.js" onload="onGooglePayLoaded()"></script>



<script>
    const fundingSources = [
    paypal.FUNDING.PAYPAL
    ]

    for (const fundingSource of fundingSources) {
    const paypalButtonsComponent = paypal.Buttons({
        fundingSource: fundingSource,

        // optional styling for buttons
        // https://developer.paypal.com/docs/checkout/standard/customize/buttons-style-guide/
        style: {
        shape: 'rect',
        height: 40,
        },

        // set up the transaction
        createOrder: (data, actions) => {
        // pass in any options from the v2 orders create call:
        // https://developer.paypal.com/api/orders/v2/#orders-create-request-body
        const createOrderPayload = {
            purchase_units: [
            {
                amount: {
                value: '1',
                },
            },
            ],
        }

        return actions.order.create(createOrderPayload)
        },

        // finalize the transaction
        onApprove: (data, actions) => {
        const captureOrderHandler = (details) => {
            const payerName = details.payer.name.given_name
            console.log(details);

            $('input[name="last_four"]').val('');
            $('input[name="billing_name"]').val(details.payer.name.given_name+details.payer.name.surname);
            $('input[name="billing_address"]').val('');
            $('input[name="billing_city"]').val('');
            $('input[name="billing_state"]').val('');
            $('input[name="billing_country"]').val(details.payer.address.country_code);
            $('input[name="billing_zip"]').val('');

            $('input[name="cfemail"]').val(details.payer.email_address)
            // add shipping details
            $('input[name="shipping_name"]').val(details.purchase_units[0].shipping.name.full_name);
            $('input[name="shipping_address1"]').val(details.purchase_units[0].shipping.address.address_line_1);
            $('input[name="shipping_address2"]').val(details.purchase_units[0].shipping.address.address_line_2);
            $('input[name="shipping_city"]').val(details.purchase_units[0].shipping.address.admin_area_2);
            $('input[name="shipping_state"]').val(details.purchase_units[0].shipping.address.admin_area_1);
            $('input[name="shipping_country"]').val(details.purchase_units[0].shipping.address.country_code);
            $('input[name="shipping_zip"]').val(details.purchase_units[0].shipping.address.postal_code);

            $('input[name="payoption"]').val('payPal');
            $('input[name="pTransid"]').val(details.id);
            
            console.log('Transaction completed!')
        }

        return actions.order.capture().then(captureOrderHandler).then((res)=>{
            $('.overlay').removeClass('hide')
            $.ajax({
                url: baseURL+'process-gpay',
                method: 'POST',
                type: 'JSON',
                data: $('#pPaypaymentForm').serialize(),
                success: function(response){
                    response = JSON.parse(response)
                    if(response.success){
                        window.location = baseURL+'my-account/cart/order-confirmation?q='+response.order_info
                    }
                }, error: function(response){
                    console.log('error');
                    $('.overlay').addClass('hide')
                    // resolve(response);
                }
            })
        })
        },

        onShippingChange: function(data, actions) {
            // ...
            let baseOrderAmount = "10.00";
            let shippingAmount = "12.00";
            console.log(data);
            let quantityOrdered = 0;
            if($('#'+idQuanity).val() != ''){
                quantityOrdered = $('#'+idQuanity).val();
                
            }else{
                quantityOrdered = $('#'+idQuanity).attr('data-value');
            }
            return new Promise((resolve) => {
                $.ajax({
                    url: baseURL+'ajax_apis/request.cfc?method=calculateFreight',
                    type: "POST",
                    data: {
                        country: data.shipping_address.country_code,
                        state: data.shipping_address.state,
                        web_id : web_id,
                        qty: quantityOrdered,
                    },
                    success: function (res) {
                        let ses = JSON.parse(res)

                        $('input[name="itemsubtotal"').val(ses.subtotal.toFixed(2))
                        $('input[name="freightamount"').val(ses.freight)
                        $('input[name="orderdiscount"').val(0)
                        $('input[name="ordertax"').val(ses.tax)
                        $('input[name="amount"').val(ses.subtotal+ses.freight+ses.tax)
                        $('input[name="itemqty"]').val(ses.qty)
                        $('input[name="itemprice"]').val(ses.itemPrice)
                        resolve(ses);
                    }
                });
            }).then(function (res) {
                if (res.success) {
                    shippingAmount = Number(res.freight);
                    taxAmount = Number(res.tax);
                    baseOrderAmount = Number(res.subtotal);
                    itemsTotal = Number(baseOrderAmount)+Number(taxAmount)+Number(shippingAmount);
                    return actions.order.patch([
                        {
                            op: 'replace',
                            path: '/purchase_units/@reference_id==\'default\'/amount',
                            value: {
                                currency_code: 'USD',
                                value: (parseFloat(itemsTotal)).toFixed(2),
                                breakdown: {
                                    item_total: {
                                        currency_code: "USD",
                                        value: baseOrderAmount.toFixed(2)
                                    },
                                    shipping: {
                                        currency_code: "USD",
                                        value: shippingAmount.toFixed(2)
                                    },
                                    tax_total: {
                                        currency_code: "USD",
                                        value: taxAmount.toFixed(2)
                                    }
                                }
                            }
                        }
                    ]);
                }
                return actions.reject();
            });
            
        },
        // handle unrecoverable errors
        onError: (err) => {
        console.error(
            'An error prevented the buyer from checking out with PayPal',
        )
        },
    })

    if (paypalButtonsComponent.isEligible()) {
        paypalButtonsComponent
        .render('#paypal-button-container')
        .catch((err) => {
            console.error('PayPal Buttons failed to render')
        })
    } else {
        console.log('The funding source is ineligible')
    }
    }
</script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.27.2/axios.min.js"></script>