
<!DOCTYPE html>
<html lang="en">

	
<head>
	

  <meta charset="utf-8">
  <title>Glass & Ceramic Cosmetic Container Manufacturer | Wholesale | Morgan Container | Page 3</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/x-icon" href="/Logo.png">
  <style>
	  /* Responsive Top Navigation Bar */
.top-nav {
  width: 100%;
  max-width: 1600px;
  height: 40px;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.top-nav-list {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1100px;
}

.top-nav-list li {
  font-size: 15px;
  font-family: Arial, sans-serif;
  position: relative;
}

.top-nav-list li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -40px;
  top: 0;
  color: #ccc;
}

.top-nav-list a {
  text-decoration: none;
  color: #444;
}

.top-nav-list a:hover {
  color: #000;
  font-weight: bold;
}
	  
.record-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

/* Mobile responsive */
@media (max-width: 600px) {
  .top-nav {
    height: auto;
    padding: 5px 0;
  }

  .top-nav-list {
    flex-direction: column;
    gap: 8px;
  }

  .top-nav-list li:not(:last-child)::after {
    content: "";
  }
}

	  
	  .search-size-title {
  font-family: 'Arial', serif;
  font-size: 18px;
  color: #232222;        /* Change to any color */
  margin-bottom: 10px;
  padding-left: 5px;
}

.search-style-title {
  font-family: 'Arial', serif;
  font-size: 20px;
  color: #232222;
  margin-top: 20px;
  margin-bottom: 5px;
  letter-spacing: 1px;
  padding-left: 5px;      /* ← match “Search by Size” */
  position: relative;
}

.search-style-title::before {
  position: absolute;
  left: -18px;
  color: #5D5D56;
  font-size: 20px;
}
	   /* Dropdown menu style inside sidebar */
	
.sidebar select[name="keyin"] {
  font-size: 16px;
  color: #333;
  background-color: #fdfdfd;
  padding: 8px;
  width: auto;
  min-width: 190px;
  max-width: 220px;
  border: 1px solid #bbb;
  border-radius: 6px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

/* CATEGORY LINKS — adjusted for same left edge as title */
.sidebar a {
  text-decoration: none;
  font-size: 17px;
  font-family: Arial, sans-serif;
  color: #676863;
  display: block;
  margin: 5px 0;
  padding-left: 10px;      /* text starts at same left edge as title */
  position: relative;
  font-weight: normal;
}

/* Adjust arrow position */
.sidebar a::before {
  content: ">";
  position: absolute;
  left: -8px;                 /* align with “Search by Size” text */
  color: #676863;
  font-weight: normal;
}

/* Hover bold only (no underline) */
.sidebar a:hover {
  color: #676863;
  font-weight: bold;
  text-decoration: none;
}
    body {
	margin: 0;
	font-family: Arial, sans-serif;
	background-color: rgba(255,255,255,1);
    }

    .container {
      max-width: 1600px;
      margin: 0 auto;
      padding: 10px;
    }

 .top-block-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* for responsiveness */
  padding: 10px 20px;
  max-width: 1600px;
  margin: 0 auto;
}

.top-left img {
  width: 100%;
  max-width: 340px;
  height: auto;
  display: block;
}

/* Mobile logo scaling */
@media (max-width: 768px) {
  .top-left img {
    max-width: 260px; /* smaller logo on mobile */
  }
}


.top-right {
  text-align: right;
  flex: 1;
  min-width: 250px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #66645d;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 55px; /* ⬅️ adjust this value to move it down */
}

.top-right a {
  text-decoration: none;
  color: #66645D;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  margin: 0px;
  line-height:0.5;
}


.top-right a:hover {
  font-weight: bold;
}

/* Optional: Stack vertically on smaller screens */
@media (max-width: 768px) {
  .top-block-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
  }
 
}
	/* ================= MOBILE HEADER FIX ================= */
@media (max-width: 768px) {

  /* remove big desktop spacing */
  .top-right {
    margin-top: 0 !important;
    align-items: flex-start;
  }

  /* prevent logo from forcing large space */
  .top-left {
    min-width: auto !important;
  }

  /* reduce top block spacing */
  .top-blocks {
    margin-bottom: 5px !important;
  }

  /* tighten slider spacing */
  .top-block {
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* ===== TOP BLOCK 2 SLIDER — FINAL FIX ===== */
.top2-slider {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}

.top2-track {
  display: flex;
  transition: transform 3.0s cubic-bezier(0.4, 0.0, 0.2, 1);
}


/* EACH SLIDE = FULL VIEWPORT WIDTH */
.top2-track img {
  width: 100%;
  flex: 0 0 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* height control only */
.top2-slider {
  max-height: 420px;
}

@media (max-width: 900px) {
  .top2-slider {
    max-height: 300px;
  }
}

@media (max-width: 600px) {
  .top2-slider {
    max-height: 220px;
  }
}


    .main-layout {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 0; /* or try -10px for upward pull */
}

/* Sidebar is narrower, flexible on all screen sizes */
.sidebar {
  flex: 0 0 250px; /* fixed base width, but responsive */
  background-color: #eee;
  padding: 15px;
  box-sizing: border-box;
}

/* Main content takes remaining space */
.content-area {
  flex: 1;
  background-color: #FFFFFF;
  padding: 15px;
  box-sizing: border-box;
}

/* Responsive scaling */
@media (max-width: 450px) {
  .main-layout {
    flex-direction: column;
  }
  .sidebar {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* Item Number search row — compact */
.item-search-row {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;              /* ⬅️ STOP full-width stretching */
}

/* Input field — fixed, compact */
.item-search-input {
  width: 125px;             /* ⬅️ just enough for item # */
  flex: none;               /* ⬅️ VERY IMPORTANT */
  font-size: 14px;
  padding: 6px 8px;
 border-radius: 6px;
}

/* Search button — compact */
.item-search-btn {
  width: 65px;              /* ⬅️ fits “Search” */
  padding: 6px;
  font-size: 14px;
  border-radius: 6px;
}


/* Hover effect */
.item-search-btn:hover {
  background-color: #990000;
  color: #ffffff;
  border-color: #990000;
}


    .bottom-block {
      height: 80px;
      background-color: #ccc;
      margin-top: 30px;
      text-align: center;
      line-height: 80px;
      font-weight: bold;
    }

    @media (max-width: 900px) {
      .top-blocks {
        flex-direction: column;
      }
      .main-layout {
        flex-direction: column;
      }
      .sidebar {
        width: 100%;
      }
    }
	  .sidebar form {
  margin-bottom: 12px;
}

	  /* ===== Pagination Styling ===== */
/* ===== Pagination (square, smooth, red hover & active) ===== */
.pagination {
  margin: 30px 0;
  text-align: center;
}

.pagination a.page-link,
.pagination span.current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0 4px;
  border: 1px solid #ccc;
  border-radius: 4px;          /* smooth square */
  background: #fff;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}

/* hover → red outline */
.pagination a.page-link:hover {
  border-color: #990000;
  color: #990000;
}

/* active page → solid red */
.pagination span.current {
  background: #990000;
  border-color: #990000;
  color: #fff;
  font-weight: bold;
  cursor: default;
}

	  

/* ===== Product Grid (4 items per row) ===== */
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);  /* EXACTLY 4 */
  gap: 24px;
	width: 100%;
}

/* Tablet */
@media (max-width: 1100px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile */
@media (max-width: 700px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Small mobile */
@media (max-width: 420px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
}

 .product-item {
  display: flex;
  flex-direction: column;
  align-items: center;   /* ⬅️ image + text move together */
  text-align: center;    /* ⬅️ text centered under image */
}

.product-item img {
  
  display: block;
  flex-direction: column;
  align-items: center;     /* ⬅️ centers image & text */
 
  height: 200px;
  object-fit: contain;
  border: none;          /* ⬅️ NO OUTLINE */
  outline: none;
  background: transparent;
  display: block;
  margin: 0 auto; 
}
.product-item img:hover {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}
	  /* ===============================
   SHARED FOOTER (MATCHES SEARCHRESULT)
   =============================== */

.footer-wrapper {
  background-color: #F0F0ED;
  padding: 40px 0 20px;
  border-top: 1px solid #D0D0CC;

  max-width: 1600px;
  width: 100%;
  margin: 40px auto 0 auto; /* ⬅️ SAME GAP FROM CONTENT */
  display: flex;
  justify-content: center;
}

.footer-container {
  width: 1100px;
  max-width: 94%;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.footer-title {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-style: italic;
  color: #5D5D56;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-logo {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
}

.footer-text,
.footer-column a {
  font-size: 16px;
  color: #676863;
  line-height: 1.6;
  text-decoration: none;
  display: block;
  margin: 1px 0;
}

.footer-column a:hover {
  font-weight: bold;
}

.footer-line {
  border-top: 1px solid #D0D0CC;
  width: 1100px;
  margin: 30px auto 15px;
}

.footer-bottom {
  width: 1100px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #5D5D56;
}

.footer-bottom a {
  color: #5D5D56;
  text-decoration: none;
  margin: 0 10px;
}

.footer-bottom a:hover {
  font-weight: bold;
}

/* FOOTER RESPONSIVE */
@media (max-width: 1200px) {
  .footer-container,
  .footer-columns,
  .footer-line,
  .footer-bottom {
    width: 94%;
  }
}

@media (max-width: 768px) {
  .footer-columns {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-column {
    width: 100%;
  }

  .footer-line,
  .footer-bottom {
    width: 90%;
  }
}

  </style>
	

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [

    {
      "@type": "CollectionPage",
      "@id": "https://www.morgancontainer.com/pages/glass-ceramic-containers.html#collection",
      "url": "https://www.morgancontainer.com/pages/glass-ceramic-containers.html",
      "name": "Glass / Porcelain Bottles / Jars | Morgan Container",
      "isPartOf": {
        "@type": "WebSite",
        "@id": "https://www.morgancontainer.com/#website"
      }
    },

    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://www.morgancontainer.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Products",
          "item": "https://www.morgancontainer.com/productsface.html"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Glass / Porcelain Bottles / Jars",
          "item": "https://www.morgancontainer.com/pages/glass-ceramic-containers.html"
        }
      ]
    },

    {
      "@type": "ItemList",
      "numberOfItems": 47,
      "itemListOrder": "https://schema.org/ItemListOrderAscending",
      "itemListElement": [



        {
          "@type": "ListItem",
          "position": 1,
          "url": "https://www.morgancontainer.com/pages/p-5577050.html",
          "name": "Glass Bottle with Dip Tubed Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 2,
          "url": "https://www.morgancontainer.com/pages/p-5577030.html",
          "name": "Glass Airless Bottle"
        }

,

        {
          "@type": "ListItem",
          "position": 3,
          "url": "https://www.morgancontainer.com/pages/p-0328100.html",
          "name": "Porcelian Dropper Bottle / Pump Options Abailable"
        }

,

        {
          "@type": "ListItem",
          "position": 4,
          "url": "https://www.morgancontainer.com/pages/p-0328050.html",
          "name": "Porcelian Dropper Bottle / Pump Options Abailable"
        }

,

        {
          "@type": "ListItem",
          "position": 5,
          "url": "https://www.morgancontainer.com/pages/p-0328030.html",
          "name": "Porcelian Dropper Bottle / Pump Options Abailable"
        }

,

        {
          "@type": "ListItem",
          "position": 6,
          "url": "https://www.morgancontainer.com/pages/p-0328020.html",
          "name": "Porcelian Dropper Bottle / Pump Options Abailable"
        }

,

        {
          "@type": "ListItem",
          "position": 7,
          "url": "https://www.morgancontainer.com/pages/p-0328015.html",
          "name": "Porcelian Dropper Bottle / Pump Options Abailable"
        }

,

        {
          "@type": "ListItem",
          "position": 8,
          "url": "https://www.morgancontainer.com/pages/p-0328010.html",
          "name": "Porcelian Dropper Bottle / Pump Options Abailable"
        }

,

        {
          "@type": "ListItem",
          "position": 9,
          "url": "https://www.morgancontainer.com/pages/p-0327240.html",
          "name": "Elegant 1 Porcelain Bottle with Pump and Options"
        }

,

        {
          "@type": "ListItem",
          "position": 10,
          "url": "https://www.morgancontainer.com/pages/p-0327200.html",
          "name": "Elegant 1 Porcelain Bottle with Pump and Options"
        }

,

        {
          "@type": "ListItem",
          "position": 11,
          "url": "https://www.morgancontainer.com/pages/p-0327120.html",
          "name": "Elegant 1 Porcelain Bottle with Pump and Options"
        }

,

        {
          "@type": "ListItem",
          "position": 12,
          "url": "https://www.morgancontainer.com/pages/p-0327100.html",
          "name": "Elegant 1 Porcelain Bottle with Pump and Options"
        }

,

        {
          "@type": "ListItem",
          "position": 13,
          "url": "https://www.morgancontainer.com/pages/p-0327040.html",
          "name": "Elegant 1 Porcelain Bottle with Pump and Options"
        }

,

        {
          "@type": "ListItem",
          "position": 14,
          "url": "https://www.morgancontainer.com/pages/p-0326100.html",
          "name": "Elegant Porcelain White jar with Cap and Inner Disk"
        }

,

        {
          "@type": "ListItem",
          "position": 15,
          "url": "https://www.morgancontainer.com/pages/p-0326050.html",
          "name": "Elegant Porcelain White jar with Cap and Inner Disk"
        }

,

        {
          "@type": "ListItem",
          "position": 16,
          "url": "https://www.morgancontainer.com/pages/p-0326030.html",
          "name": "Elegant Porcelain White jar with Cap and Inner Disk"
        }

,

        {
          "@type": "ListItem",
          "position": 17,
          "url": "https://www.morgancontainer.com/pages/p-0326020.html",
          "name": "Elegant Porcelain White jar with Cap and Inner Disk"
        }

,

        {
          "@type": "ListItem",
          "position": 18,
          "url": "https://www.morgancontainer.com/pages/p-0326015.html",
          "name": "Elegant Porcelain White jar with Cap and Inner Disk"
        }

,

        {
          "@type": "ListItem",
          "position": 19,
          "url": "https://www.morgancontainer.com/pages/p-0325050D.html",
          "name": "Thick Based Round Glass Bottle with Wide Collar Dropper"
        }

,

        {
          "@type": "ListItem",
          "position": 20,
          "url": "https://www.morgancontainer.com/pages/p-0325030D.html",
          "name": "Thick Based Round Glass Bottle with Wide Collar Dropper"
        }

,

        {
          "@type": "ListItem",
          "position": 21,
          "url": "https://www.morgancontainer.com/pages/p-0325015D.html",
          "name": "Thick Based Round Glass Bottle with Wide Collar Dropper"
        }

,

        {
          "@type": "ListItem",
          "position": 22,
          "url": "https://www.morgancontainer.com/pages/p-0324050D.html",
          "name": "Oval Thick Base Glass Bottle with Press-Up Dropper"
        }

,

        {
          "@type": "ListItem",
          "position": 23,
          "url": "https://www.morgancontainer.com/pages/p-0324030D.html",
          "name": "Oval Thick Base Glass Bottle with Press-Up Dropper"
        }

,

        {
          "@type": "ListItem",
          "position": 24,
          "url": "https://www.morgancontainer.com/pages/p-0324015D.html",
          "name": "Oval Thick Base Glass Bottle with Press-Up Dropper"
        }

,

        {
          "@type": "ListItem",
          "position": 25,
          "url": "https://www.morgancontainer.com/pages/p-0323100.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 26,
          "url": "https://www.morgancontainer.com/pages/p-0323050.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 27,
          "url": "https://www.morgancontainer.com/pages/p-0323030.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 28,
          "url": "https://www.morgancontainer.com/pages/p-0323020.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 29,
          "url": "https://www.morgancontainer.com/pages/p-0323015.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 30,
          "url": "https://www.morgancontainer.com/pages/p-0323010.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 31,
          "url": "https://www.morgancontainer.com/pages/p-0323005.html",
          "name": "Thick Wall Round Glass Jar with Cap and Inner Disk."
        }

,

        {
          "@type": "ListItem",
          "position": 32,
          "url": "https://www.morgancontainer.com/pages/p-0322110A.html",
          "name": "Thick Walled Glass Bottle with Slide-In Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 33,
          "url": "https://www.morgancontainer.com/pages/p-0322050D.html",
          "name": "Thick Walled Glass Dropper Bottle"
        }

,

        {
          "@type": "ListItem",
          "position": 34,
          "url": "https://www.morgancontainer.com/pages/p-0322050B.html",
          "name": "Thick Walled Glass Bottle with Click-in Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 35,
          "url": "https://www.morgancontainer.com/pages/p-0322050A.html",
          "name": "Thick Walled Glass Bottle with Slide-In Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 36,
          "url": "https://www.morgancontainer.com/pages/p-0322030D.html",
          "name": "Thick Walled Glass Dropper Bottle"
        }

,

        {
          "@type": "ListItem",
          "position": 37,
          "url": "https://www.morgancontainer.com/pages/p-0322030B.html",
          "name": "Thick Walled Glass Bottle with Click-in Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 38,
          "url": "https://www.morgancontainer.com/pages/p-0322030A.html",
          "name": "Thick Walled Glass Bottle with Slide-In Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 39,
          "url": "https://www.morgancontainer.com/pages/p-0322020D.html",
          "name": "Thick Walled Glass Dropper Bottle"
        }

,

        {
          "@type": "ListItem",
          "position": 40,
          "url": "https://www.morgancontainer.com/pages/p-0322020B.html",
          "name": "Thick Walled Glass Bottle with Click-in Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 41,
          "url": "https://www.morgancontainer.com/pages/p-0322020A.html",
          "name": "Thick Walled Glass Bottle with Slide-In Cap and Contactless Pump"
        }

,

        {
          "@type": "ListItem",
          "position": 42,
          "url": "https://www.morgancontainer.com/pages/p-0311120.html",
          "name": "Classic Round Thick Walled Glass Bottle with Cap and Reducer"
        }

,

        {
          "@type": "ListItem",
          "position": 43,
          "url": "https://www.morgancontainer.com/pages/p-0311100.html",
          "name": "Classic Round Thick Walled Glass Bottle with Cap and Reducer"
        }

,

        {
          "@type": "ListItem",
          "position": 44,
          "url": "https://www.morgancontainer.com/pages/p-0311080.html",
          "name": "Classic Round Thick Walled Glass Bottle with Cap and Reducer"
        }

,

        {
          "@type": "ListItem",
          "position": 45,
          "url": "https://www.morgancontainer.com/pages/p-0311050.html",
          "name": "Classic Round Thick Walled Glass Bottle with Cap and Reducer"
        }

,

        {
          "@type": "ListItem",
          "position": 46,
          "url": "https://www.morgancontainer.com/pages/p-0311030.html",
          "name": "Classic Round Thick Walled Glass Bottle with Cap and Reducer"
        }

,

        {
          "@type": "ListItem",
          "position": 47,
          "url": "https://www.morgancontainer.com/pages/p-0311020.html",
          "name": "Classic Round Thick Walled Glass Bottle with Cap and Reducer"
        }



      ]
    }

  ]
}
</script>



	
  <link rel="canonical" href="https://www.morgancontainer.com/pages/glass-ceramic-containers-page-3.html">
  <meta name="description" content="Glass & ceramic cosmetic bottle and jar manufacturer offering wholesale pricing for luxury skincare brands. Amber, frosted & clear glass. Morgan Container.">
</head>
<body>

  <div class="container">

    <!-- Top 3 Blocks -->
<div class="top-blocks">
  <!-- Top Block 1 - normal single image -->
  <div class="top-block">
    <div class="top-block-flex">
  <!-- Left: Clickable Image -->
  <div class="top-left">
    <a href="../about.html" target="_blank">
      <img src="../image/index/Top.jpg" alt="Company Logo">
    </a>
  </div>

  <!-- Right: Phone + Email -->
  <div class="top-right">
    <a href="tel:+16265790835">Call: 626-579-0835</a><br>
    <a href="mailto:Sales@MorganContainer.com">Email: Sales@MorganContainer.com</a>
  </div>
</div>
</div>
  <!-- Top Block 2 - slider with 3 images -->
  <div class="top-block">
    <div class="top2-slider">
      <div class="top2-track">
        <img src="../image/index/Top2.jpg" alt="Top 2 - 1">
        <img src="../image/index/Top2_2.jpg" alt="Top 2 - 2">
        <img src="../image/index/Top2_3.jpg" alt="Top 2 - 3">
      </div>
    </div>
  </div>

  <!-- Top Block 3 - normal single image -->


<!-- Responsive Top Navigation Bar (fixed and working) -->
<nav class="top-nav">
  <ul class="top-nav-list">
    <li><a href="../about.html">ABOUT US</a></li>
    <li><a href="../Productsface.html">PRODUCTS</a></li>
    <li><a href="../service.html">SERVICES</a></li>
    <li><a href="../technology.html">TECHNOLOGIES</a></li>
<li><a href="../facilitytour.html">FACILITY TOUR</a></li>
    <li><a href="../contact.html">CONTACTS</a></li>
	  <li><a href="../jproductsface.html">日本語 Japanese</a></li>
  </ul>
</nav>

</div>


    <!-- Main Layout: Sidebar + Content -->
<div class="main-layout">

  <!-- Sidebar Block -->
  <div class="sidebar">

    <!-- ⭐ Filter by Size -->
    <h3 class=search-size-title>Search by Size</h3>
    <form method="get" action="SearchResult.asp">
  <select name="keyin" onchange="this.form.submit();">
    <option value="">-- Select Volume Range --</option>
     <option value="1-14"  >1ml~14ml / Under 0.5oz</option>
    <option value="15-28" >15ml~28ml / 0.5oz~0.9oz</option>
    <option value="29-42" >29ml~42ml / 1oz~1.4oz</option>
    <option value="43-56" >43ml~56ml / 1.5oz~1.9oz</option>
    <option value="57-70" >57ml~70ml / 2oz~2.4oz</option>
    <option value="71-84" >71ml~84ml / 2.5oz~2.9oz</option>
    <option value="85-100" >85ml~100ml / 3oz~3.4oz</option>
    <option value="101-150" >101ml~150ml / 3.5oz~5oz</option>
    <option value="151-250" >151ml~250ml / 5oz~8.3oz</option>
    <option value="251-300" >251ml~300ml / 8.4oz~10oz</option>
    <option value="301-800" >Above 301ml / Above 10oz</option>
  </select>
</form>
	
<h3 class="search-size-title">Search by Item Number</h3>

<form method="get" action="ProductsList.asp">

  <!-- keep category -->
  <input type="hidden" name="CatagoryOrder" value="5">

  <!-- keep size -->
  

  <div class="item-search-row">
    <input type="text"
           name="itemsearch"
           value=""
           placeholder="Enter Item Number"
           class="item-search-input">

    <button type="submit" class="item-search-btn">Search</button>
  </div>

</form>

	

    <hr>

    <!-- ⭐ Category List -->
    <h3 class=search-style-title>Search by Style</h3>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=13">
                  Featured Items
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=4">
                  Airless Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=3">
                  Acrylic Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=10">
                  Group Collection
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=5">
                  Glass / Porcelain Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=6">
                  Aluminum Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=7">
                  All Bottles
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=2">
                  All Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=9">
                  Dropper Bottles
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=8">
                  PET/PETG/PE/PP General
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=12">
                  Makeup Cosmetic Packaging
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=1">
                  Specialty / Dispensers / Others
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
  </div>

  <!-- Main Content Block -->
  <div class="content-area">
    <!-- ✅ Insert your existing product grid and pagination HTML here -->

    <!-- Start of product grid -->
    <div>
      
        <div class="section-title">Glass / Porcelain Bottles / Jars Section</div>
        <div class="record-info">
          <div>41 to 47 of total 47</div>
			  
        <div class="pagination">

    <a class="page-link"
       href="/pages/glass-ceramic-containers.html">
       First
    </a>

    <a class="page-link"
       href="/pages/glass-ceramic-containers-page-2.html">
       Prev
    </a>
  
      <a class="page-link"
         href="/pages/glass-ceramic-containers.html">
         1
      </a>
    
      <a class="page-link"
         href="/pages/glass-ceramic-containers-page-2.html">
         2
      </a>
    
      <span class="current">3</span>
    
</div>


				
        </div>
      

      <div class="product-grid">
        
          <div class="product-item">
            <a href="/pages/p-0322020A.html">
              <img src="../photo1/0322slide.jpg" alt="Product">
            </a>
			<div><strong>Thick Walled Glass Bottle with Slide-In Cap and Contactless Pump</strong></div>
            <div>Item Number: 0322020A</div>
            <div>Volume:<strong>0.6oz</strong><strong> /</strong><strong> 20ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-0311120.html">
              <img src="../photo1/0311.jpg" alt="Product">
            </a>
			<div><strong>Classic Round Thick Walled Glass Bottle with Cap and Reducer</strong></div>
            <div>Item Number: 0311120</div>
            <div>Volume:<strong>4oz</strong><strong> /</strong><strong> 120ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-0311100.html">
              <img src="../photo1/0311.jpg" alt="Product">
            </a>
			<div><strong>Classic Round Thick Walled Glass Bottle with Cap and Reducer</strong></div>
            <div>Item Number: 0311100</div>
            <div>Volume:<strong>3.3oz</strong><strong> /</strong><strong> 100ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-0311080.html">
              <img src="../photo1/0311.jpg" alt="Product">
            </a>
			<div><strong>Classic Round Thick Walled Glass Bottle with Cap and Reducer</strong></div>
            <div>Item Number: 0311080</div>
            <div>Volume:<strong>2.7oz</strong><strong> /</strong><strong> 80ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-0311050.html">
              <img src="../photo1/0311.jpg" alt="Product">
            </a>
			<div><strong>Classic Round Thick Walled Glass Bottle with Cap and Reducer</strong></div>
            <div>Item Number: 0311050</div>
            <div>Volume:<strong>1.7oz</strong><strong> /</strong><strong> 50ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-0311030.html">
              <img src="../photo1/0311.jpg" alt="Product">
            </a>
			<div><strong>Classic Round Thick Walled Glass Bottle with Cap and Reducer</strong></div>
            <div>Item Number: 0311030</div>
            <div>Volume:<strong>1oz</strong><strong> /</strong><strong> 30ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-0311020.html">
              <img src="../photo1/0311.jpg" alt="Product">
            </a>
			<div><strong>Classic Round Thick Walled Glass Bottle with Cap and Reducer</strong></div>
            <div>Item Number: 0311020</div>
            <div>Volume:<strong>0.7oz</strong><strong> /</strong><strong> 20ml</strong></div>
          </div>
          
      </div>

      
		  <!-- ✅ BOTTOM PAGINATION (inside content area) -->

  <div class="record-info">
    <div>41 to 47 of total 47</div>
	  
   <div class="pagination">

    <a class="page-link"
       href="/pages/glass-ceramic-containers.html">
       First
    </a>

    <a class="page-link"
       href="/pages/glass-ceramic-containers-page-2.html">
       Prev
    </a>
  
      <a class="page-link"
         href="/pages/glass-ceramic-containers.html">
         1
      </a>
    
      <a class="page-link"
         href="/pages/glass-ceramic-containers-page-2.html">
         2
      </a>
    
      <span class="current">3</span>
    
</div>


  </div>


    </div>
  </div>
</div>

<!-- ===============================
     CLEAN FOOTER (MATCH SEARCHRESULT)
     =============================== -->

<div class="footer-wrapper">
  <footer class="footer-container">

    <div class="footer-columns">

      <!-- Column 1 -->
      <div class="footer-column">
        <div class="footer-title">
          <img src="../image/logo/LogoBottom.png" class="footer-logo" alt="Morgan Container Logo">
          <span>Morgan Container Corps</span>
        </div>

        <div class="footer-text">
          <a href="https://www.google.com/maps?q=9800+Rush+Street+Suite+F+South+El+Monte" target="_blank">
            9800 Rush Street, Suite F<br>
            South El Monte, CA 91733<br>
            (Click to Google Map)
          </a>
          <br>
          <a href="tel:+16265790835">
            Call: 626-579-0835<br>
            (Click to Call)
          </a>
          <br>
          <a href="mailto:Sales@MorganContainer.com">
            Email: Sales@MorganContainer.com<br>
            (Click to Email)
          </a>
        </div>
      </div>

      <!-- Column 2 -->
      <div class="footer-column">
        <div class="footer-title">Products List</div>

        <a href="../pages/Productslist.asp?CatagoryOrder=13">Featured Items</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=4">Airless Bottles / Jars</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=3">Acrylic Bottles / Jars</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=10">Group Collection</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=5">Glass / Ceramic Containers</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=6">Aluminum Containers</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=7">All Bottles</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=2">All Jars</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=9">Dropper Bottles</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=12">Make Up Glitter / Lip Gloss</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=8">General Plastic PET/PE/PP</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=1">Specialty / Dispenser</a>
      </div>

      <!-- Column 3 -->
      <div class="footer-column">
        <div class="footer-title">Links</div>
        <a href="../about.html">About Us</a>
        <a href="../productsface.html">Products</a>
        <a href="../service.html">Services</a>
        <a href="../technology.html">Technologies</a>
        <a href="../facilitytour.html">Facility Tour</a>
        <a href="../contact.html">Contacts</a>
      </div>

    </div>

    <div style="width:1100px;max-width:94%;margin:0 auto;padding-top:20px;font-family:Arial, sans-serif;color:#676863;line-height:1.6;text-align:left;"><div style="font-size:16px;color:#5D5D56;font-style:italic;font-weight:bold;margin:0 0 8px;">Glass & Ceramic Cosmetic Bottles & Jars - Manufacturer Direct</div><p style="font-size:14px;margin:0 0 10px;">Morgan Container is a direct manufacturer and wholesale supplier of glass and ceramic cosmetic containers for luxury skincare, facial oil, serum, and premium beauty brands. Glass is chemically inert and impermeable - the preferred material for oil-based serums, vitamin C treatments, retinol formulas, botanical extracts, and natural or clean beauty products that demand no plastic contact with the formula. Our glass cosmetic bottles and jars are available in clear, amber, and frosted finishes. Amber glass provides superior UV protection for light-sensitive formulations. Ceramic containers deliver a high-end, tactile luxury finish that commands premium shelf presence.</p><p style="font-size:14px;margin:0 0 10px;">As a direct cosmetic packaging manufacturer, we offer glass and ceramic containers from 10ml to 200ml+ with pump, dropper, and screw-cap closures. Custom silk-screen printing, frosting, labeling, and brand decoration available for private label luxury skincare packaging. <a href="/contact.html">Contact our manufacturing team</a> for direct pricing and samples.</p></div>
<div class="footer-line"></div>

    <div class="footer-bottom">
      All Rights © Morgan Container Corps.
      |
      <a href="../compatibility.html">Compatibility Policy</a>
      |
      <a href="../term.html">Terms &amp; Conditions</a>
    </div>

  </footer>
</div>
		  
<script>
(function () {
  const track = document.querySelector('.top2-track');
  if (!track) return;

  const slides = track.querySelectorAll('img');
  const total = slides.length;
  if (total <= 1) return;

  let index = 0;
  const slideDuration = 7000; // 7 seconds per slide
  const transitionTime = '3.0s cubic-bezier(0.4, 0.0, 0.2, 1)';

  setInterval(() => {

    // NORMAL forward slide
    if (index < total - 1) {
      index++;
      track.style.transition = 'transform ' + transitionTime;
      track.style.transform = 'translateX(-' + (index * 100) + '%)';
      return;
    }

    // LAST SLIDE → jump to first (NO animation)
    track.style.transition = 'none';
    track.style.transform = 'translateX(0%)';
    index = 0;

    // force repaint so browser commits the jump
    track.offsetHeight;

    // IMPORTANT: do NOTHING else this cycle
    // slide 1 will now stay full duration
  }, slideDuration);
})();
</script>



		  </body>
		  </html>