.mainprod{width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:50px;border-bottom:1px solid #ccc;padding:70px 100px;margin-bottom:50px;}
.mainprodimg,.mainproddets{display:block;width: 100%;overflow:hidden;}
.mainprodimg {background:#eee;padding:20px 20px;}
.mainprodimg img{display:block;width: 100%;}

.tab {overflow: hidden;width:100%;margin:auto;display:block;}
.tabcontent {display: none;border-top: none;background-color: #eee;overflow:hidden;margin-bottom:20px;}
.tabcontent img{display:block;width:100%;max-width:auto;margin:auto;}
.tabbtns{width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;}
.tab .tablinks {
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
}
.tablinks img{width:100%;}
.tab button:hover img{filter: brightness(70%);transform: scale(1.05) translateX(5%);}
.tab button.active img{filter: brightness(70%);transform: scale(1.05) translateX(5%);}

.mainproddets h1{font-size:32px;margin-bottom:10px;}
.mainproddets b{font-size:20px;margin-bottom:10px;}
.mainproddets p{margin-bottom:10px;}

.formgroup{margin-top:30px;width: 100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;}
.formgroup .forminput{width: 100%;overflow:hidden;}
.formgroup .forminput select{width: 100%;overflow:hidden;padding:7px 20px;}
.forminput{margin-bottom:10px;}
.forminput label{display:block;}
.forminput input{display:block;margin-bottom:10px;padding:7px 20px;}
.mainproddets button{display:block;padding:7px 20px;letter-spacing:1px;font-weight:bold;margin-bottom:30px;background:#1A54A1;border:none;color:#fff;}

.related{display:block;width: 100%;overflow:hidden;padding:0px 100px;margin-bottom:70px;}
.related h2{font-size:32px;text-align:left;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(70%);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){
	.mainprod{grid-template-columns:1fr 1fr;grid-column-gap:30px;padding:70px 20px;margin-bottom:50px;}
	.mainprodimg,.mainproddets{}
	.mainprodimg {padding:20px;}
	.mainprodimg img{}
	.mainproddets h1{font-size:28px;margin-bottom:10px;}
	.mainproddets b{font-size:20px;margin-bottom:10px;}
	.mainproddets p{margin-bottom:10px;}

	.forminput{margin-top:20px;margin-bottom:10px;}
	.forminput label{}
	.forminput input{margin-bottom:10px;padding:7px 20px;}
	.mainproddets button{padding:7px 20px;letter-spacing:1px;margin-bottom:30px;}

	.related{padding:0px 20px;margin-bottom:70px;}
	.related 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){
	.mainprod{grid-template-columns:1fr;grid-row-gap:30px;padding:30px 20px;margin-bottom:30px;}
	.mainprodimg,.mainproddets{}
	.mainprodimg {padding:20px;}
	.mainprodimg img{}
	.mainproddets h1{font-size:24px;margin-bottom:10px;}
	.mainproddets b{font-size:20px;margin-bottom:10px;}
	.mainproddets p{margin-bottom:10px;}

	.forminput{margin-top:20px;margin-bottom:10px;}
	.forminput label{}
	.forminput input{margin-bottom:10px;padding:7px 20px;}
	.mainproddets button{padding:7px 20px;letter-spacing:1px;margin-bottom:30px;}

	.related{padding:0px 10px;margin-bottom:30px;}
	.related 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{}
}