body{
	background-color: rgba(0, 0, 0, 0.63)
}
#grid{
	/*background-color: rgba(0, 0, 0, 0.63)*/
}

@media only screen and (min-width: 1070px) {
	#grid {
		display: grid;
		width:100%;
		grid-template-columns: auto 1070px auto;
		grid-template-rows: auto;
		grid-template-areas:
				"topline topline topline"
				". nav ."
				". parentCategories ."
				". subCategories ."
				"spacer spacer spacer"
				". bottomline ."
				"sidebar content ."
				". footer ."
	;

	}
}

#top-orange{
	grid-area: topline;
	background-color: #eb6433;
	height: 8px;
}

nav{
	grid-area: nav;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	grid-template-areas: "logo user";
}

#logo{
	grid-area: logo;
}

#user-cart-search{
	grid-area: user;
}

#nav-shadow{
	grid-area: spacer;
}

#parent-categories{
	grid-area: parentCategories;
}
#sub-categories{
	grid-area: subCategories;
}
#sidebar{
	grid-area: sidebar;
}
#content{
	grid-area: content;
	min-height: 100vh;
	background-color: white;
}
#footer{
	grid-area: footer;
	background-color: inherit;
}

.productDetail {
	display: grid;
	grid-template-columns: 3fr 4fr;
	/*grid-template-rows: 2fr repeat(2, 1fr);*/
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.productDetail-image {
	grid-area: 1 / 1 / 2 / 2;
}
.productDetail-image img{
	max-height: 300px;
	max-width: 380px;
	margin: 0 auto;
}
.productDetail-info { grid-area: 1 / 2 / 2 / 3; }
.productDetail-thumbnails { grid-area: 2 / 1 / 2 / 2; }
.productDetail-descriptions { grid-area: 3 / 1 / 3 / 4; }

.other-category{
	margin-left: 4px;
}

.other-category:first-of-type {
	margin-left: 0;
}

@media only screen and (min-width: 2000px){
	#grid{
		/*grid-template-columns: auto 2140px auto;*/
	}
	.product-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		width: 100%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 2000px){
	.product-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		width: 100%;
	}
}

@media only screen and (min-width: 500px) and (max-width: 1200px){
	.product-grid{
		display: grid;
		grid-template-columns: 1fr 1fr;
		width:100%;
	}
}
@media only screen and (min-width: 10px) and (max-width: 500px){
	.product-grid{
		display: grid;
		grid-template-columns: 1fr;
		width:100%;
	}
}
.product-mini-grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width:100%;
}


-webkit-scrollbar,
-webkit-scrollbar-track {
	display: block !important;
}

.element::-webkit-scrollbar