
  


		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
				
			
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	
		
		
		

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		
		
	
		
		
		
			

	

	

	

	

	

	
	

	

			

	
		
	
    
    
	
	

	


	

	

	

	

	

	

	

	


	

	
	

	

	

	

	

	


	

	

	
	

	

	
	
	
	
		
	
	
	
	
	

	

	

		

		

		

		

	

	


	
	
	

	

	

		


			

		
		
		     
		    
		
		     
		    
		
		
			
			

		
		
		

	

	

	

	

	

	

	
	
    

	
    
    




	

	

	

	
	
	

	

	

	
	

		

    

	

    

    



    

    



    

		
		
		
		
        
        

		

        
        

        

        

        

        

        
        

        
        
        
        
        
        

        
        
            
        
        

		
		
			

		
		 
		
		
		
  
  
  
    
  
  
		

		<!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="google-site-verification" content="7WPRCap2rIEdLOkj7hdAStGl_-j4dyeIfM9awPq9-Sg" />
	<meta name="msvalidate.01" content="629990741E4DAC97081F27101E65F371" />
    
        

        <title>STLO Mattify Natural Finish Hair Gel 5 oz</title>



        
            <meta name="keywords" content="Hair Gel,STLO hair gel,matte finish hair gel,styling gel,professional hair gel,hair styling product" />
        

        

            <meta name="desciption" content="STLO Mattify Natural Finish Hair Gel is a reliable styling product designed to offer a strong hold while maintaining a natural, matte finish. This 5 oz gel is formulated to control frizz and flyaways without leaving the hair stiff or greasy, making it suitable for a variety of hair types and styles. Its lightweight consistency allows for easy application and quick drying, providing long-lasting hold throughout the day.&#xa;&#xa;Ideal for wholesale distributors, beauty supply stores, and salon owners, this hair gel supports professional-level styling needs. It works well for creating textured looks, refining hairlines, and maintaining hairstyles with minimal shine. The product is beneficial for clients seeking a well-groomed appearance without the artificial wet look commonly associated with traditional gels. STLO Mattify Natural Finish Hair Gel is an essential addition to any professional hair care lineup aimed at accommodating diverse styling preferences.">

        

        <meta name="author" content="ktsupply.com">

    



    <!-- Favicon -->

    <link rel="icon" type="image/png" href="https://ktsupply.com/assets/images/icons/favicon.png">
	
	<script>
	(function(w, d, t, u, o) {
	    w[u] = w[u] || [];
	    w[u].push({'ti': '187194994'});
	    var f = d.createElement(t),
	        s = d.getElementsByTagName(t)[0];
	    f.src = "https://bat.bing.com/bat.js";
	    f.async = true;
	    s.parentNode.insertBefore(f, s);
	})(window, document, "script", "uetq");
	
	window.uetq = window.uetq || [];
	window.uetq.push('pageLoad');
	</script>
	 


    <!-- WebFont.jsss -->
    <script>
        WebFontConfig = {
            google: { families: ['Poppins:400,500,600,700'] }
        };
        ( function ( d ) {
            var wf = d.createElement( 'script' ), s = d.scripts[0];
            wf.src = 'https://ktsupply.com/assets/js/webfont.js';
            wf.async = true;
            s.parentNode.insertBefore( wf, s );
        } )( document );
    </script>

    <link rel="preload" href="https://ktsupply.com/assets/vendor/fontawesome-free/webfonts/fa-regular-400.woff2" as="font" type="font/woff2"

        crossorigin="anonymous">

    <link rel="preload" href="https://ktsupply.com/assets/vendor/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" type="font/woff2"

        crossorigin="anonymous">

    <link rel="preload" href="https://ktsupply.com/assets/vendor/fontawesome-free/webfonts/fa-brands-400.woff2" as="font" type="font/woff2"

            crossorigin="anonymous">

    <link rel="preload" href="https://ktsupply.com/assets/fonts/wolmart.woff?png09e" as="font" type="font/woff" crossorigin="anonymous">



    <!-- Vendor CSS -->

    <link rel="stylesheet" type="text/css" href="https://ktsupply.com/assets/vendor/fontawesome-free/css/all.min.css">

    <link rel="stylesheet" href="https://ktsupply.com/assets/vendor/swiper/swiper-bundle.min.css">



    <!-- Plugin CSS -->

    <link rel="stylesheet" type="text/css" href="https://ktsupply.com/assets/vendor/magnific-popup/magnific-popup.min.css">



    <!-- Default CSS -->

    <link rel="stylesheet" type="text/css" href="https://ktsupply.com/assets/css/style.min.css">

    <link rel="stylesheet" type="text/css" href="https://ktsupply.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://ktsupply.com/assets/css/searchbox.css">

    

    

    <script>

        var baseURL = "https://ktsupply.com/";

        var recaptchaKey = "6LfzIawpAAAAAMwuj8GT9unsEKp54C1LQQ11EqtZ";

        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">Guest checkout available. But we recommend register & log in to shop.</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="/clearance">Clearance</a>
                        </li>
                        <li>
                            <a href="/shop-by-product-line">Shop by collection</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="7F715DCC">
    <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/35495/61145.jpg"
								        	 data-zoom-image="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61145.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/35495/61145.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">STLO Mattify Natural Finish Hair Gel 5 oz</h1>
                <div class="product-bm-wrapper">
					                 	
					
						
						                 	

                    <div class="product-meta">



                    	



                        <div class="product-categories">

			        		

				        	

				        	

				        					        									

				        	

				        	

							   

                            Category:                                                       

                            <span class="product-category">
                            	
                            	Styling Products
                            </span>  
                        </div>



                        
                        
							
						
							

                        <div class="product-sku">                        	
                            SKU: <span>35495514318</span>
                        </div>

                        
                    </div>
                </div>







                <hr class="product-divider">


            	
            	
            	







				



				
					
		
		
		
					
					



	                <div class="product-categories">

	                	

	                	

	                		

	                		

	                	
		
		
		
		                			  
		                		<b>Minimum Order Quantity : 6</b>
		                		
		                			                	
		                
		                

	                	<br><br>              	

	                    
	                    	Stock Code : Regular Stock<br><br>
							
								In Fulfillment Center : <font color="red">999+</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">$6.33</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="514318_qty" oninput="myFunction()" data-product-id="514318" type="number" 
		
		
		 data-value="6" min="6" data-step="6" >

										<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="514318" >
									<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>Sunday, July 26, 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/206415/STLO-Men-Strong-Hold-Matte-Finish-Hair-Styling-Clay-5-oz">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/206415/STLO-Men-Strong-Hold-Matte-Finish-Hair-Styling-Clay-5-oz">
										
										
										
										
														
											
										
										
										   
																					
											<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61144.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61144.jpg';" alt="
											 											 	                                
	
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/206415/STLO-Men-Strong-Hold-Matte-Finish-Hair-Styling-Clay-5-oz">
		                                	Clay
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$6.33</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/206418/STLO-Extreme-Pomade-5-oz">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/206418/STLO-Extreme-Pomade-5-oz">
										
										
										
										
														
											
										
										
										   
																					
											<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61143.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61143.jpg';" alt="
											 											 	                                
	
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/206418/STLO-Extreme-Pomade-5-oz">
		                                	Pomade
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$6.33</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                	
	                    <div class="swiper-slide product-wrap mb-0">
			            	
			            	
			            		                    
	                    	<a href="/product/206420/STLO-Pomade-Shine-Hold-5-oz">
		                    	<div class="product text-center ">
		                            <figure class="product-media">
		                                <a href="/product/206420/STLO-Pomade-Shine-Hold-5-oz">
										
										
										
										
														
											
										
										
										   
																					
											<img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61142.jpg" onerror="this.onerror=null;this.src='https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61142.jpg';" alt="
											 											 	                                
	
		                                </a>
		                            </figure>
		                            <h4 class="product-name">
		                                <a href="/product/206420/STLO-Pomade-Shine-Hold-5-oz">
		                                	Pomade Shine Hold
		                                </a>
		                            </h4>
		                            
			                        <div class="">
						                
		
		
		
						                <span class="" style="color:#336699; font-weight:600;">$6.33</span>
						            </div>
		                        </div> 
		                    </a>
	                    </div>    
	                    
	                </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">
			                STLO Mattify Natural Finish Hair Gel is a reliable styling product designed to offer a strong hold while maintaining a natural, matte finish. This 5 oz gel is formulated to control frizz and flyaways without leaving the hair stiff or greasy, making it suitable for a variety of hair types and styles. Its lightweight consistency allows for easy application and quick drying, providing long-lasting hold throughout the day.  <P>
Ideal for wholesale distributors, beauty supply stores, and salon owners, this hair gel supports professional-level styling needs. It works well for creating textured looks, refining hairlines, and maintaining hairstyles with minimal shine. The product is beneficial for clients seeking a well-groomed appearance without the artificial wet look commonly associated with traditional gels. STLO Mattify Natural Finish Hair Gel is an essential addition to any professional hair care lineup aimed at accommodating diverse styling preferences. <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>35495514318</p>
                    </li>

                    

                    



                    



                    <li>



                    	



                        <label>Capacity</label>



                        <p>5 oz</p>



                    </li>



                    



                         



                                                            



                </ul>



            </div>



        </div>



    </div>







    



    <br><br>    



    



	

	    

		
    <section class="vendor-product-section">
        <div class="title-link-wrapper mb-4">
            <h4 class="title text-left">More Products From This Vendor</h4>
        	
        	            
            <a href="/shop-by-brand/35495/STLO" class="btn btn-dark btn-link btn-slide-right btn-icon-right">More Products<i class="w-icon-long-arrow-right"></i></a>
        </div>
        <div class="swiper-container swiper-theme" data-swiper-options="{
            'spaceBetween': 20,
            'slidesPerView': 2,
            'breakpoints': {
                '576': {
                    'slidesPerView': 3
                },
                '768': {
                    'slidesPerView': 4
                },
                '992': {
                    'slidesPerView': 3
                }
            }
        }">
            <div class="swiper-wrapper row cols-lg-3 cols-md-4 cols-sm-3 cols-2">
            	
            	
            	
	        	
	        	            		
                <div class="swiper-slide product">
                   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    

    <style>
        @media screen and (max-width: 600px) {
          .x-font-10 {
            font-size: 10px !important;
          }
        }
    </style>
    <div class=" product  product-slideup-content product-image-gap ">
    	
    	    
        <figure class="product-media">
	    	
	    	
	    	            
	        
				
						        	
	            <a href="/product/206415/stlo-men-strong-hold-matte-finish-hair-styling-clay-5-oz" title="STLO Men Strong Hold Matte Finish Hair Styling Clay 5 oz">
	                <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61144.jpg" loading="lazy" alt="Product" width="300" height="338"  />
	            </a>
	            

	            
            	
        	            
        </figure>
        <div class="product-details">
            <div class="product-cat">
                <a href="/collections/554/health-beauty/hair/styling-products">Styling Products</a>
            </div>
            <h3 class="product-name">
                <a href="/product/206415/stlo-men-strong-hold-matte-finish-hair-styling-clay-5-oz" title="STLO Men Strong Hold Matte Finish Hair Styling Clay 5 oz">STLO Men Strong Hold Matte Finish Hair Styling Clay 5 oz</a>
            </h3>
            <div class="ratings-container">
                <span>
                    <b>SKU:</b> 35495514314
                    
                </span>
            </div>
            <div class="ratings-container">
                
                <span>
                    
                        <span class="span-quantity">600+</span> Available
                        
                    
                </span>
            </div>
			
        	
	            <div class="product-price">
	                
	                    
		
		
		
	                    <ins class="new-price">$6.33</ins>
	                
	            </div>
            
        </div>
        <div class="product-hidden-details">
            <div class="product-action">
                
	            		
	                    
	                        
                            
                                <input type="hidden" id="514314_qty" value="
		
		
		6">
                                <a href="javascript:void(0)" data-product-id="514314" style="max-width:unset !important" class="btn-product btn-cart" title="Add to Cart">
                                    <i class="w-icon-cart"></i><span>Add To Cart</span>
                                </a>
                            
	                    		            	
	            	
					
					
					    					

                
            </div>
        </div>
    </div>

                </div>
                
            	
            	
	        	
	        	            		
                <div class="swiper-slide product">
                   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    

    <style>
        @media screen and (max-width: 600px) {
          .x-font-10 {
            font-size: 10px !important;
          }
        }
    </style>
    <div class=" product  product-slideup-content product-image-gap ">
    	
    	    
        <figure class="product-media">
	    	
	    	
	    	            
	        
				
						        	
	            <a href="/product/206416/stlo-moisture-rich-curl-cream-1014-oz" title="STLO Moisture Rich Curl Cream 10.14 oz">
	                <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61162.jpg" loading="lazy" alt="Product" width="300" height="338"  />
	            </a>
	            

	            
            	
        	            
        </figure>
        <div class="product-details">
            <div class="product-cat">
                <a href="/collections/554/health-beauty/hair/styling-products">Styling Products</a>
            </div>
            <h3 class="product-name">
                <a href="/product/206416/stlo-moisture-rich-curl-cream-10-14-oz" title="STLO Moisture Rich Curl Cream 10.14 oz">STLO Moisture Rich Curl Cream 10.14 oz</a>
            </h3>
            <div class="ratings-container">
                <span>
                    <b>SKU:</b> 35495514315
                    
                </span>
            </div>
            <div class="ratings-container">
                
                <span>
                    
                        <span class="span-quantity">600+</span> Available
                        
                    
                </span>
            </div>
			
        	
	            <div class="product-price">
	                
	                    
		
		
		
	                    <ins class="new-price">$6.33</ins>
	                
	            </div>
            
        </div>
        <div class="product-hidden-details">
            <div class="product-action">
                
	            		
	                    
	                        
                            
                                <input type="hidden" id="514315_qty" value="
		
		
		6">
                                <a href="javascript:void(0)" data-product-id="514315" style="max-width:unset !important" class="btn-product btn-cart" title="Add to Cart">
                                    <i class="w-icon-cart"></i><span>Add To Cart</span>
                                </a>
                            
	                    		            	
	            	
					
					
					    					

                
            </div>
        </div>
    </div>

                </div>
                
            	
            	
	        	
	        	            		
                <div class="swiper-slide product">
                   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    

    <style>
        @media screen and (max-width: 600px) {
          .x-font-10 {
            font-size: 10px !important;
          }
        }
    </style>
    <div class=" product  product-slideup-content product-image-gap ">
    	
    	    
        <figure class="product-media">
	    	
	    	
	    	            
	        
				
						        	
	            <a href="/product/206417/stlo-perfect-curls-hair-mousse-5-oz" title="STLO Perfect Curls Hair Mousse 5 oz">
	                <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61161.jpg" loading="lazy" alt="Product" width="300" height="338"  />
	            </a>
	            

	            
            	
        	            
        </figure>
        <div class="product-details">
            <div class="product-cat">
                <a href="/collections/554/health-beauty/hair/styling-products">Styling Products</a>
            </div>
            <h3 class="product-name">
                <a href="/product/206417/stlo-perfect-curls-hair-mousse-5-oz" title="STLO Perfect Curls Hair Mousse 5 oz">STLO Perfect Curls Hair Mousse 5 oz</a>
            </h3>
            <div class="ratings-container">
                <span>
                    <b>SKU:</b> 35495514316
                    
                </span>
            </div>
            <div class="ratings-container">
                
                <span>
                    
                        <span class="span-quantity">600+</span> Available
                        
                    
                </span>
            </div>
			
        	
	            <div class="product-price">
	                
	                    
		
		
		
	                    <ins class="new-price">$6.33</ins>
	                
	            </div>
            
        </div>
        <div class="product-hidden-details">
            <div class="product-action">
                
	            		
	                    
	                        
                            
                                <input type="hidden" id="514316_qty" value="
		
		
		6">
                                <a href="javascript:void(0)" data-product-id="514316" style="max-width:unset !important" class="btn-product btn-cart" title="Add to Cart">
                                    <i class="w-icon-cart"></i><span>Add To Cart</span>
                                </a>
                            
	                    		            	
	            	
					
					
					    					

                
            </div>
        </div>
    </div>

                </div>
                
            	
            	
	        	
	        	            		
                <div class="swiper-slide product">
                   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    

    <style>
        @media screen and (max-width: 600px) {
          .x-font-10 {
            font-size: 10px !important;
          }
        }
    </style>
    <div class=" product  product-slideup-content product-image-gap ">
    	
    	    
        <figure class="product-media">
	    	
	    	
	    	            
	        
				
						        	
	            <a href="/product/206418/stlo-extreme-pomade-5-oz" title="STLO Extreme Pomade 5 oz">
	                <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61143.jpg" loading="lazy" alt="Product" width="300" height="338"  />
	            </a>
	            

	            
            	
        	            
        </figure>
        <div class="product-details">
            <div class="product-cat">
                <a href="/collections/554/health-beauty/hair/styling-products">Styling Products</a>
            </div>
            <h3 class="product-name">
                <a href="/product/206418/stlo-extreme-pomade-5-oz" title="STLO Extreme Pomade 5 oz">STLO Extreme Pomade 5 oz</a>
            </h3>
            <div class="ratings-container">
                <span>
                    <b>SKU:</b> 35495514317
                    
                </span>
            </div>
            <div class="ratings-container">
                
                <span>
                    
                        <span class="span-quantity">600+</span> Available
                        
                    
                </span>
            </div>
			
        	
	            <div class="product-price">
	                
	                    
		
		
		
	                    <ins class="new-price">$6.33</ins>
	                
	            </div>
            
        </div>
        <div class="product-hidden-details">
            <div class="product-action">
                
	            		
	                    
	                        
                            
                                <input type="hidden" id="514317_qty" value="
		
		
		6">
                                <a href="javascript:void(0)" data-product-id="514317" style="max-width:unset !important" class="btn-product btn-cart" title="Add to Cart">
                                    <i class="w-icon-cart"></i><span>Add To Cart</span>
                                </a>
                            
	                    		            	
	            	
					
					
					    					

                
            </div>
        </div>
    </div>

                </div>
                
            	
            	
	        	
	        	            		
                <div class="swiper-slide product">
                   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    

    <style>
        @media screen and (max-width: 600px) {
          .x-font-10 {
            font-size: 10px !important;
          }
        }
    </style>
    <div class=" product  product-slideup-content product-image-gap ">
    	
    	    
        <figure class="product-media">
	    	
	    	
	    	            
	        
				
						        	
	            <a href="/product/206420/stlo-pomade-shine-hold-5-oz" title="STLO Pomade Shine Hold 5 oz">
	                <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61142.jpg" loading="lazy" alt="Product" width="300" height="338"  />
	            </a>
	            

	            
            	
        	            
        </figure>
        <div class="product-details">
            <div class="product-cat">
                <a href="/collections/554/health-beauty/hair/styling-products">Styling Products</a>
            </div>
            <h3 class="product-name">
                <a href="/product/206420/stlo-pomade-shine-hold-5-oz" title="STLO Pomade Shine Hold 5 oz">STLO Pomade Shine Hold 5 oz</a>
            </h3>
            <div class="ratings-container">
                <span>
                    <b>SKU:</b> 35495514319
                    
                </span>
            </div>
            <div class="ratings-container">
                
                <span>
                    
                        <span class="span-quantity">600+</span> Available
                        
                    
                </span>
            </div>
			
        	
	            <div class="product-price">
	                
	                    
		
		
		
	                    <ins class="new-price">$6.33</ins>
	                
	            </div>
            
        </div>
        <div class="product-hidden-details">
            <div class="product-action">
                
	            		
	                    
	                        
                            
                                <input type="hidden" id="514319_qty" value="
		
		
		6">
                                <a href="javascript:void(0)" data-product-id="514319" style="max-width:unset !important" class="btn-product btn-cart" title="Add to Cart">
                                    <i class="w-icon-cart"></i><span>Add To Cart</span>
                                </a>
                            
	                    		            	
	            	
					
					
					    					

                
            </div>
        </div>
    </div>

                </div>
                
            	
            	
	        	
	        	            		
                <div class="swiper-slide product">
                   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    

    <style>
        @media screen and (max-width: 600px) {
          .x-font-10 {
            font-size: 10px !important;
          }
        }
    </style>
    <div class=" product  product-slideup-content product-image-gap ">
    	
    	    
        <figure class="product-media">
	    	
	    	
	    	            
	        
				
						        	
	            <a href="/product/206421/stlo-gloss-finish-styling-gel-10-oz" title="STLO Gloss Finish Styling Gel 10 oz">
	                <img src="https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61146.jpg" loading="lazy" alt="Product" width="300" height="338"  />
	            </a>
	            

	            
            	
        	            
        </figure>
        <div class="product-details">
            <div class="product-cat">
                <a href="/collections/554/health-beauty/hair/styling-products">Styling Products</a>
            </div>
            <h3 class="product-name">
                <a href="/product/206421/stlo-gloss-finish-styling-gel-10-oz" title="STLO Gloss Finish Styling Gel 10 oz">STLO Gloss Finish Styling Gel 10 oz</a>
            </h3>
            <div class="ratings-container">
                <span>
                    <b>SKU:</b> 35495514320
                    
                </span>
            </div>
            <div class="ratings-container">
                
                <span>
                    
                        <span class="span-quantity">600+</span> Available
                        
                    
                </span>
            </div>
			
        	
	            <div class="product-price">
	                
	                    
		
		
		
	                    <ins class="new-price">$6.33</ins>
	                
	            </div>
            
        </div>
        <div class="product-hidden-details">
            <div class="product-action">
                
	            		
	                    
	                        
                            
                                <input type="hidden" id="514320_qty" value="
		
		
		6">
                                <a href="javascript:void(0)" data-product-id="514320" style="max-width:unset !important" class="btn-product btn-cart" title="Add to Cart">
                                    <i class="w-icon-cart"></i><span>Add To Cart</span>
                                </a>
                            
	                    		            	
	            	
					
					
					    					

                
            </div>
        </div>
    </div>

                </div>
                                
            </div>
            
        </div>
    </section>	


	

    

</div>

<script src="https://ktsupply.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": "STLO Mattify Natural Finish Hair Gel 5 oz",
      "image": ["https://storage.googleapis.com/ktsupply_bucket/product_images/35495/61145.jpg"],
      "sku": "35495514318",
      "brand": { "@type": "Brand", "name": "STLO" },
      "offers": {
        "@type": "Offer",
        "url": "https://ktsupply.com/product/206419/STLO-Mattify-Natural-Finish-Hair-Gel-5-oz",
        "priceCurrency": "USD",
        "price": "6.33",
        "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('6LfzIawpAAAAAMwuj8GT9unsEKp54C1LQQ11EqtZ', {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>$2,499.99 or more<br><br> Continental US Only</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>
<!-- End Meta Pixel Code -->

    <!-- 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://ktsupply.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 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="/Contact-US">Contact Us</a></li>
                                    <li><a href="/what-we-shipped">What We Shipped</a></li>
                                    <li><a href="/clearance-policy">Clearance</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. All Rights Reserved.
				        </p>
				    </div>
				    <div class="footer-center">
				        <figure class="payment">
				            <img src="https://ktsupply.com/assets/images/payment/payment_creditcard.png" alt="payment" width="354" height="39">
				        </figure>
				    </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="/clearance">Clearance</a>
                        </li>
                        <li>
                            <a href="/shop-by-brand">
                                Shop By Brand
                            </a>
                        </li>
                        
                        <li>
                            <a href="/shop-by-product-line">Shop by collection</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://ktsupply.com/assets/vendor/jquery/jquery.min.js"></script>
    <script src="https://ktsupply.com/assets/vendor/jquery.plugin/jquery.plugin.min.js"></script>
    <script src="https://ktsupply.com/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
    <script src="https://ktsupply.com/assets/vendor/zoom/jquery.zoom.js"></script>
    <script src="https://ktsupply.com/assets/vendor/jquery.countdown/jquery.countdown.min.js"></script>
    <script src="https://ktsupply.com/assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="https://ktsupply.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://ktsupply.com/assets/vendor/swiper/swiper-bundle.min.js"></script>

    <!-- Main JS -->
    <script src="https://ktsupply.com/assets/js/main_new.min.js"></script>

    
    <script src="https://ktsupply.com/assets/js/search_elastic.js"></script>
    
    
    
        <script src="https://ktsupply.com/assets/js/custom_wl.js?v=12"></script>
    	

    
    
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-72947163-4"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	
	  gtag('config', 'UA-72947163-4');
	</script>
	<!-- Google tag (gtag.js) -->


        
        
        <!-- 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) -->
        
    
  

    
<style>
img {
  pointer-events: none;
}
</style>


</body>

</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 = '206419';
    const price =  6.33;
	const cartPrice = price.toString().trim();
    let idQuanity = "514318_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>