.myheader{display:block;width:100%;overflow:hidden;border-bottom:1px solid #ccc;padding:50px 100px;}
.myheader h1{font-size:32px;text-align:center;}

.mysorting{width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;width:100%;overflow:hidden;border-bottom:1px solid #ccc;padding:10px 100px;margin-bottom:70px;}
.sorting{}
.sortingb{}
.sorting select{padding:3px 5px;}
.sorting select option{}
.totals{}
.totals p{text-align:right;}

.latest{display:block;width: 100%;overflow:hidden;padding:0px 100px;margin-bottom:0px;}
.latest h2{font-size:32px;text-align:center;margin-bottom:50px;color:#0B3A78;}
.productgrid{width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:30px;margin-bottom:50px;}
.thisproduct{display:block;width: 100%;overflow:hidden;position:relative;margin:3px;box-shadow:1px 1px 3px #999;}
.producttype{position:absolute;top:0;left:0;background:#3C78C7;color:#fff;padding:5px 10px;font-size:13px;font-weight:bold;letter-spacing:1px;z-index:100;}
.prodimg{width:100%;display:block;overflow:hidden;}
.thisproduct img{width:100%;display:block;filter: brightness(100%);transition: transform .5s ease-in-out;transform: scale(1);transform-origin: 100% 0;}
.thisproductdets{border-top:1px solid #777;text-align:left;padding:3px 5px;}
.thisproduct:hover img{filter: brightness(90%);transform: scale(1.05) translateX(5%);}
.thisproduct:hover .producttype{background:#3C78C7;color:#111;}
.thisproductdets{display:block;width: 100%;overflow:hidden;}
.thisproductdets p{color:#555;margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}
.thisproductdets p span{display:inline-block;float:left;}
.thisproductdets p span:first-child{color:#555;text-decoration: line-through;font-size: 13px;margin-right:10px;}
.thisproductdets p span:last-child{color:#333;font-size: 14px;font-weight:bold;}
@media only screen and (max-width: 800px){
	.myheader{padding:50px 20px;}
	.myheader h1{font-size:32px;}

	.mysorting{grid-template-columns:1fr 1fr;grid-column-gap:20px;padding:10px 20px;margin-bottom:70px;}
	.sorting{}
	.sortingb{}
	.sorting select{}
	.sorting select option{}
	.totals{}
	.totals p{text-align:right;}

	.latest{padding:0px 20px;margin-bottom:70px;}
	.latest h2{font-size:32px;margin-bottom:50px;}
	.productgrid{grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:30px;margin-bottom:50px;}
	.thisproduct{margin:3px;}
	.producttype{padding:5px 10px;font-size:13px;letter-spacing:1px;}
	.prodimg{}
	.thisproduct img{}
	.thisproductdets{padding:3px 5px;}
	.thisproductdets{}
	.thisproductdets p{margin-bottom:5px;}
	.thisproductdets span{}
}
@media only screen and (max-width: 500px){
	.myheader{padding:30px 20px;}
	.myheader h1{font-size:24px;}

	.mysorting{grid-template-columns:1fr 1fr;grid-column-gap:20px;padding:10px 20px;margin-bottom:30px;}
	.sorting{}
	.sortingb{}
	.sorting select{}
	.sorting select option{}
	.totals{}
	.totals p{text-align:right;}

	.latest{padding:0px 10px;margin-bottom:30px;}
	.latest h2{font-size:24px;margin-bottom:20px;}
	.productgrid{grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:20px;margin-bottom:30px;}
	.thisproduct{margin:3px;}
	.producttype{padding:5px 10px;font-size:13px;letter-spacing:1px;}
	.prodimg{}
	.thisproduct img{}
	.thisproductdets{padding:3px 5px;}
	.thisproductdets{}
	.thisproductdets p{margin-bottom:5px;font-size:14px;}
	.thisproductdets span{}
}