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

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

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

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

	.navbar2 a:hover, .subnav2:hover .subnavbtn2 {
	  background-color: #eee;
	}

	.subnav-content2 {
	  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-content2 a{
		color:#000 !important;
	}
	.category-content2 a:hover{
		background:none !important;
	}
	.category2{
		background-color: white;
		border: solid thin lightgray;
		height: calc(100% - 125px);
		width:244%;
		background:#eee;
		height: 440px;
	}
	
	.subnav-content2 .category-list2{
		width: calc(25% - 25px);
		height: calc(100% - 10px);
		border-right: solid 6px lightgray;
		float: left;
		padding: 10px 10px 0 10px;
		overflow-y: auto;
	}

	.subnav-content2 .category-list2 .category-heading2{
		font-size: 24px;
		font-weight: bold;
	}
	.category-heading2{
		color: darkblue;
	}

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

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

	.category-content2 .products2{
		
	}

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

	.category-content2 .products2 .product-item2 .product-thumb-nail2 > a img{
		max-width:100%;
		max-height:100%;
	}
	
	.category-content2 .products2 .product-item2 .product-info2{
		padding: 0 5px 0 5px;
		font-size: 20px;
		font-weight: bold;
	}

	.category-items2{
		display: none;
	}

	.product-info2 .name2, .rating2, .price2{
		margin-top: 10px;
		clear:both;
	}

	.product-info2 .rating2{
		
	}
	
	.product-info2 .price2{
		
	}

	/* New Menu {End}*/

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

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

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

	.subnav2:hover .subnav-content2 {
	  display: block;
	  /*margin-top: 45px;*/
	}
	@media all and (max-width: 1080px) {
		.category2{width:232%;}
			.subnav-content2 {
		  left: -299px;
		}
	}
	}@media all and (max-width: 1050px) {
		.category2{width:226%;}
			.subnav-content2 {
		  left: -292px;
		}
	}
	@media all and (max-width: 1000px) {
		.category2{width:223%;}
			.subnav-content2 {
		  left: -284px;
		}
	}
	@media all and (max-width: 950px) {
		.category2{width:200%;}
			.subnav-content2 {
		  left: -234px;
		}
	}
	
	@media all and (max-width: 900px) {
		.category2{width:189%;}
			.subnav-content2 {
		  left: -210px;
		}
	}
	@media all and (max-width: 850px) {
	
		.subnav2:hover .subnav-content2 {
		  display: none;
		}
	
		.navbar2{
			display: none;
			background-color: #eee;
		}
		.collapseMenuToggleButton2 a{
			display: block;
		}
		.subnav-content2 {
		  display: none;
		  position: relative;
		 }
		
		/* New Menu {Start}*/
		.category2{
			width: 100%;
		}
		.subnav-content2 .category-list2{
			width: calc(100% - 21px);
			height: calc(100% - 10px);
			border-right: none;
			float: left;
			padding: 10px 10px 0 10px;
			overflow-y: auto;
		}
		
		.subnav-content2 .category-list2 a{
			/*background-color: inherit;*/
		}
		.subnav-content2 .category-list2 a:hover {
		  /*background-color: inherit;*/
		  color: #3d95ff;
		}

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

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

		.category-content2 .products2 .product-item2{
			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-content2 a {
			color: white;
			text-decoration: none;
			width: 100%;
		}
		
		.subnav-content2 .group2{
			width: calc(100% - 4px);
		}
		
		.subnav2 a, .subnav2, .subnav2 .subnavbtn2{
			width: 100%;
		}
		
		.navbar2 a{
			width: calc(100% - 30px);
		}
	}

.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}*/