.category-label3{
		padding:10px;
		font-weight:bold;
		font-size: 22px;
		color: #8560a8;
	}
	
	.collapseMenuToggleButton3 a{
		background: #ccc;
		text-align: center;
		padding: 10px 0px;
		color: #000;
		text-decoration: none;
		
		display: none;
	}
		
	.navbar3 {
	  overflow: hidden;
	  display: block;
	}

	.navbar3 a {
	  float: left;
	  font-size: 15px;
	  color: #000;
	  text-align: center;
	  padding: 10px 5px;
	  text-decoration: none;
	  font-weight: bold;
	}

	.subnav3 {
	  float: left;
	  overflow: hidden;
	}

	.subnav3 .subnavbtn3 {
	  font-size: 15px;  
	  border: none;
	  outline: none;
	  color: red;
	  padding: 10px 5px;
	  background-color: inherit;
	  font-family: inherit;
	  margin: 0;
	  font-weight:bold;
	  
	}

	.navbar3 a:hover, .subnav3:hover .subnavbtn3 {
	  background-color: #eee;
	}

	.subnav-content3 {
	  display: none; /* change it later block or none*/
	  position: absolute;
	  left: -313px;
	  right:0;
	  margin:0 auto;
	  background-color: #46587d;
	  width: 100%;
	  z-index: 999;
	}

	/* New Menu {Start}*/
	.category-content3 a{
		color:#000 !important;
	}
	.category-content3 a:hover{
		background:none !important;
	}
	.category3{
		background-color: white;
		border: solid thin lightgray;
		height: calc(100% - 125px);
		width:244%;
		background:#eee;
	}
	
	.subnav-content3 .category-list3{
		width: calc(25% - 25px);
		height: calc(100% - 10px);
		border-right: solid 6px lightgray;
		float: left;
		padding: 10px 10px 0 10px;
		overflow-y: auto;
	}

	.subnav-content3 .category-list3 .category-heading3{
		font-size: 24px;
		font-weight: bold;
	}
	.category-heading3{
		color: darkblue;
	}

	.subnav-content3 .category-list3 .menu-items3{
		width: calc(100% - 10px);
		/* float: left; */
		padding: 5px 0 5px 10px;
	}
	
	.subnav-content3 .category-list3 .menu-items3 a{
		float: left;
		color: black;
		text-decoration: none;
		width: calc(100% - 15px);
		text-align: left;
		height: auto;
		padding: 5px 5px 5px 10px;
		border-left: solid lightgray;
		font-size:14px;
	}

	.subnav-content3 .category-list3 a:hover {
	  /*background-color: inherit;*/
	  color: #8560a8;
	}

	.subnav-content3 .category-content3{
		width: calc(75% - 6px);
		height: calc(100% - 4px);
		/*border: solid blue thin; */
		float: left;
		padding: 2px;
		overflow-y: auto;
	}

	.category-content3 .products3{
		
	}

	.category-content3 .products3 .product-item3{
		width: calc(33% - 24px);
		height: 100%;
		border: solid thin lightgray;
		float: left;
		padding: 2px;
		overflow-y: auto;
		height: 335px;
		margin: 10px;
	}

	.category-content3 .products3 .product-item3 .product-thumb-nail3 > a img{
		max-width:100%;
		max-height:100%;
	}
	
	.category-content3 .products3 .product-item3 .product-info3{
		padding: 0 5px 0 5px;
		font-size: 20px;
		font-weight: bold;
	}

	.category-items3{
		display: none;
	}

	.product-info3 .name3, .rating3, .price3{
		margin-top: 10px;
		clear:both;
	}

	.product-info3 .rating3{
		
	}
	
	.product-info3 .price3{
		
	}

	/* New Menu {End}*/

	.subnav-content3 .group3{
		width: calc(25% - 4px);
		height: 100%;
		/*border: solid blue;*/
		float: left;
		padding: 2px;
	}

	.subnav-content3 .menu-group3{
		padding: 5px;
		height: 1.5em;
		font-weight: bold;
		text-decoration: underline;
		border-bottom: solid 2px lightblue;
		padding: 5px;
	}
	
	.subnav-content3 .menu-group3 span{
		float: left;
		color: white;
		text-decoration: none;
		padding: 5px;
		width: calc(100% - 10px);
	}
	
	.subnav-content3 .menu-items3{
		width: calc(100% - 10px);
		/* float: left; */
		padding: 5px 0 5px 10px;
	}
	
	.subnav-content3 .menu-items3 a{
		float: left;
		color: white;
		text-decoration: none;
		width: calc(100% - 10px);
		text-align: left;
		height: 1em;
		padding: 5px;
	}
	
	.subnav-content3 a {
	  float: left;
	  color: white;
	  text-decoration: none;
	}

	.subnav-content3 a:hover {
	  background-color: #eee;
	  color: black;
	}

	.subnav3:hover .subnav-content3 {
	  display: block;
	  /*margin-top: 45px;*/
	}

	@media all and (max-width: 900px) {
		.category3{width:189%;}
			.subnav-content3 {
		  left: 0px;
		}
	}
	@media all and (max-width: 850px) {
	
		.subnav3:hover .subnav-content3 {
		  display: none;
		}
	
		.navbar3{
			display: none;
			background-color: #eee;
		}
		.collapseMenuToggleButton3 a{
			display: block;
		}
		.subnav-content3 {
		  display: none;
		  position: relative;
		 }
		
		/* New Menu {Start}*/
		.category3{
			width: 100%;
		}
		.subnav-content3 .category-list3{
			width: calc(100% - 21px);
			height: calc(100% - 10px);
			border-right: none;
			float: left;
			padding: 10px 10px 0 10px;
			overflow-y: auto;
		}
		
		.subnav-content3 .category-list3 a{
			/*background-color: inherit;*/
		}
		.subnav-content3 .category-list3 a:hover {
		  /*background-color: inherit;*/
		  color: #3d95ff;
		}

		.subnav-content3 .category-content3{
			width: calc(100% - 6px);
			height: calc(100% - 4px);
			/*border: solid blue thin; */
			float: left;
			padding: 2px;
			overflow-y: auto;
		}
		
		.category-content3 .products3{
			
		}

		.category-content3 .products3 .product-item3{
			width: calc(32% - 24px);
			height: 100%;
			border: solid thin lightgray;
			float: left;
			padding: 2px;
			overflow-y: auto;
			height: 100%;
			min-height: 310px;
			margin: 10px;
		}
		
		/* New Menu {End}*/
		
		.subnav-content3 a {
			float: left;
			color: white;
			text-decoration: none;
			width: 100%;
			/*background-color: #46587d;*/
		}
		
		.subnav-content3 .group3{
			width: calc(50% - 4px);
			background-color: #46587d;
		}
		
		.subnav3 a, .subnav3, .subnav3 .subnavbtn3{
			width: 100%;
		}
		
		.navbar3 a{
			width: 100%;
		}
	}
	
	@media all and (max-width: 560px) {
	
		/* New Menu {Start}*/
	
		.subnav-content3 .category-list3{
			width: calc(100% - 21px);
			height: calc(100% - 10px);
			border-right: none;
			float: left;
			padding: 10px 10px 0 10px;
			overflow-y: auto;
		}
		
		.subnav-content3 .category-list3 a:hover {
		  background-color: inherit;
		  color: #3d95ff;
		}
		
		
		.subnav-content3 .category-content3{
			width: calc(100% - 6px);
			height: calc(100% - 4px);
			/*border: solid blue thin; */
			float: left;
			padding: 2px;
			overflow-y: auto;
		}
		
		.category-content3 .products3{
			
		}

		.category-content3 .products3 .product-item3{
			width: calc(50% - 26px);
			height: 100%;
			border: solid thin lightgray;
			float: left;
			padding: 2px;
			overflow-y: auto;
			height: 100%;
			/*min-height: 400px;*/
			margin: 10px;
		}
		
		/* New Menu {End}*/
		
		.subnav-content3 a {
			color: white;
			text-decoration: none;
			width: 100%;
		}
		
		.subnav-content3 .group3{
			width: calc(100% - 4px);
		}
		
		.subnav3 a, .subnav3, .subnav3 .subnavbtn3{
			width: 100%;
		}
		
		.navbar3 a{
			width: calc(100% - 30px);
		}
	}
	@media all and (max-width: 481px) {
		.category-content .products .product-item{
			width: calc(100% - 26px);
		}
	}

.highlight-category{
	background-color: #eee;
}

/* Scrollbar {Start}*/

/* width */
.category ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.category ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.category ::-webkit-scrollbar-thumb {
  background: lightgray; 
  border-radius: 10px;
}

/* Handle on hover */
.category ::-webkit-scrollbar-thumb:hover {
  background: #888; 
}

/*Scrollbar {End}*/