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

	.navbar a {
	  float: left;
	  font-size: 16px;
	  color: #000;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	}

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

	.subnav .subnavbtn {
	  font-size: 16px;  
	  border: none;
	  outline: none;
	  color: #000;
	  padding: 14px 16px;
	  background-color: inherit;
	  font-family: inherit;
	  margin: 0;
	}

	.navbar a:hover, .subnav:hover .subnavbtn {
	  background-color: #eee;
	}

	.subnav-content {
	  display: none; /* change it later block or none*/
	  position: absolute;
	  left: 0;
	  background-color: #46587d;
	  width: 100%;
	  z-index: 1;
	}

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

	.subnav-content .category-list .category-heading{
		font-size: 24px;
		font-weight: bold;
	}
	.category-heading{
		color: darkblue;
	}

	.subnav-content .category-list .menu-items{
		width: calc(100% - 10px);
		/* float: left; */
		padding: 5px 0 5px 10px;
	}
	
	.subnav-content .category-list .menu-items 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-content .category-list a:hover {
	  /*background-color: inherit;*/
	  color: #8560a8;
	}

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

	.category-content .products{
		
	}

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

	.category-content .products .product-item .product-thumb-nail > a img{
		max-width:100%;
		max-height:100%;
	}
	
	.category-content .products .product-item .product-info{
		padding: 0 5px 0 5px;
		font-size: 20px;
		font-weight: bold;
	}

	.category-items{
		display: none;
	}

	.product-info .name, .rating, .price{
		margin-top: 10px;
		clear:both;
	}

	.product-info .rating{
		
	}
	
	.product-info .price{
		
	}

	/* New Menu {End}*/

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

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

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

	.subnav:hover .subnav-content {
	  display: block;
	  /*margin-top: 45px;*/
	}
	
	@media all and (max-width: 850px) {
	
		.subnav:hover .subnav-content {
		  display: none;
		}
	
		.navbar{
			display: none;
			background-color: #eee;
		}
		.collapseMenuToggleButton a{
			display: block;
		}
		.subnav-content {
		  display: none;
		  position: relative;
		 }
		
		/* New Menu {Start}*/
		.category{
			width: 100%;height:100%;
		}
		.subnav-content .category-list{
			width: calc(100% - 21px);
			height: calc(100% - 10px);
			border-right: none;
			float: left;
			padding: 10px 10px 0 10px;
			overflow-y: auto;
		}
		
		.subnav-content .category-list a{
			/*background-color: inherit;*/
		}
		.subnav-content .category-list a:hover {
		  /*background-color: inherit;*/
		  color: #3d95ff;
		}

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

		.category-content .products .product-item{
			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-content a {
			float: left;
			color: white;
			text-decoration: none;
			width: 100%;
			/*background-color: #46587d;*/
		}
		
		.subnav-content .group{
			width: calc(50% - 4px);
			background-color: #46587d;
		}
		
		.subnav a, .subnav, .subnav .subnavbtn{
			width: 100%;
		}
		
		.navbar a{
			width: calc(100% - 30px);
		}
	}
	
	@media all and (max-width: 560px) {
	
		/* New Menu {Start}*/
	
		.subnav-content .category-list{
			width: calc(100% - 21px);
			height: calc(100% - 10px);
			border-right: none;
			float: left;
			padding: 10px 10px 0 10px;
			overflow-y: auto;
		}
		
		.subnav-content .category-list a:hover {
		  background-color: inherit;
		  color: #3d95ff;
		}
		
		
		.subnav-content .category-content{
			width: calc(100% - 6px);
			height: calc(100% - 4px);
			/*border: solid blue thin; */
			float: left;
			padding: 2px;
			overflow-y: auto;
		}
		
		.category-content .products{
			
		}

		.category-content .products .product-item{
			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-content a {
			color: white;
			text-decoration: none;
			width: 100%;
		}
		
		.subnav-content .group{
			width: calc(100% - 4px);
		}
		
		.subnav a, .subnav, .subnav .subnavbtn{
			width: 100%;
		}
		
		.navbar 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}*/