/*Reset Styles*/
	html{
		font-size: 12px;
	}
	@-ms-viewport{
		width: device-width;
	}
	*{
		border: 0;
		margin: 0;
		padding: 0;
		font-family: 'Ubuntu', sans-serif;
	}
	body{
		width: 100%;
	}
	a:link{
		text-decoration: none;
		color: #FFF;
	}
	.Overview{
		margin: 5% 0%;
	}
	.Overview:focus{
		outline: none;
	}
	.Technology{
	}
	.part{
		margin: 0;
	}
	.Technology:focus{
		outline:none;
	}
	.Specifications{
		outline:none;
	}
	.Buy{
		outline: none;
	}
	#Focus{
		margin: 1% 11%;
		text-align: left;
		text-decoration: none;
	}
	#About{
		border-top: 2px solid #F00;
		margin: 0% 11%;
	}
	section.Moreaboutus{
		margin: 5% 0%;
	}
	article.top{
		background-color: #000;
		min-height: 130px;
		max-height: 200px;
	}
	article h1{
		text-align: center;
		font-size: 2em;
		text-decoration: underline overline;
		margin: 2% 0% 2% 0%;
	}
	img.logo{
		float: left;
		margin-left: 3%;
		margin-top: 25px;
		width: 300px;
	}
	button.Hamburg {
		display: inline-block;
		margin-top: 25px;
		float: right;
		margin-right: 10%;
	}
	.dropbtn{
		display: none;
	}
	main h1{
		text-decoration: none;
		margin: 2.5% 20%;
	}
	section.About-us h1{
		text-decoration: underline;
	}
	.About-us{
		margin: 2% 15%;
	}
	.About-us h1{
		margin: 4% 0%;
	}
	#jssor_pcproducts{
		display: none;
	}
	#jssor_custom_pc{
		display: none;
	}
	hr{
		border-top: 2px solid #F00;
		margin: 0% 20%;
	}
	.jssorb052{
		display: none;
	}
	.jssora053{
		display: none;
	}
	main h2{
		margin: 1% 20% 1% 20%;
		opacity: 0.65;
	}
	.BuyNow{
		color: #C43612;
		background-color: #000;
		padding: 5px 10px;
		border: 2px solid #C43612;
		border-radius: 25px;
		outline: none;
	}
	article h3{
		margin: 3% 0% 0% 20%;
		text-decoration: underline;
	}
	article.qn{
		margin: 1% 20% 1% 20%;
		background-color: #CFCFCF;
		border-width: 20px 20px 5px 20px;
		border-style: solid;
		border-color: #CFCFCF;
	}
	.backtotopbutton {
		position: fixed;
		bottom: -2.7%;
		padding-bottom: 85px;
		right: 0.5%;
		cursor: pointer;
		width:100px;
		height:55px;
		background-color:#000;
		text-indent:-9999px;
		display:none;
		-webkit-border-radius:60px;
		-moz-border-radius:60px;
		border-radius:100% 100% 0% 0%;
		outline:0;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.backtotopbutton span {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-15px;
		margin-top:-27px;
		height:0;
		width:0;
		border:15px solid transparent;
		border-bottom-color:#FFF;
	}
	.homemain{
		display: none;
	}
	.backtotopbutton:hover {
		background-color:#FF4500;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
		-webkit-transform: translateY(-8px);
		transform: translateY(-20px);
	}
	/*dekstop*/
	.topnav {
		overflow: hidden;
		background-color: #000;
	}
	.topnav a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 2.2em;
		margin: 60px 2.2%;
	}
	.product-page h1{
		text-decoration: underline;
		font-size: 3em;
		margin: 1% 15%;
	}
	.product-page hr{
		margin: 0 15%;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav .icon {
		display: none;
	}
	#shoppingcart{
		margin-top: 45px;
	}
	.dropdown {
		float: left;
		overflow: hidden;
		margin: 60px 0%;
	}
	.dropdown .dropbtn {
		font-size: 2.2em;
		border: none;
		outline: none;
		color: #FFF;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
	}
	img.computerPreview{
		width: 100%;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #FFF;
		min-width: 400px;
		min-height: 600px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
		z-index: 1;
	}
	img.navimg{
		width: 90%;
		height: 70%;
	}
	.Configurator img{
		margin: 0 25% 0 33%;
		width: 30%;
	}
	img.thumbn{
		width: 80px;
		height: 80px;
		margin: 0;
		float: left;
	}
	.contain{
		margin: 5% 25% 0 10%;
		position: relative;
	}
	.indiv{
		margin: 5% 0 0 0;
		border: 2px solid #aaa;
		padding: 5%;
	}
	.indiv2{
		margin: 20% 0 15% 0;
	}
	.sectionheader{
		margin: 0;
		font-size: 2.5em;
	}
	.sections{
		padding:5%;
	}
	span.head{
		display: inline-block;
		margin-left: 10px;
		font-size: 2.3em;
	}
	p.headdesc{
		display: block;
		padding-left: 90px;
		margin: 1% 0 0 0;
		font-size: 1.3em;
	}
	.buttonshow{
		right: -75%;
		border: 2px solid #000;
		border-radius: 100px;
		padding: 5px;
		font-size: 1.3em;
		cursor: pointer;
		display: flex;
		text-align: center;
	}
	.showclick{
		display: none;
		margin: 5% 0 0 0;
	}
	span.navtext{
		bottom: 5%;
		left: 10%;
		position: fixed;
		font-size: 1em;
	}
	.dropdown-content a {
		float: none;
		margin: 1% 0% 0% 0%;
		color: #000;
		text-decoration: none;
		display: grid;
		position: sticky;
		text-align: left;
	}
	.topnav a:hover, .dropdown:hover .dropbtn {
		background-color: inherit;
		color: #FFF;
	}
	.dropdown-content a:hover {
		background-color: #FFF;
		color: #000;
	}
	.individual-product{
		display: grid;
		grid-template-rows: 15% 15% 40% 15% 15%;
		text-align: center;
		margin: 15% 10%;
	}
	.individual-product img{
		margin: 10% 0% -10% 0%;
		width: 100%;
	}
	#Zeusprodpage{
		width: 60%;
	}
	.product-header{
		background-color: #000;
		display: table;
		padding: 17px;
	}
.individual-product span{
	font-size: 3em;
	vertical-align: middle;
	display: table-cell;
	color: #FFF;
	margin-bottom: 50%;
}
.individual-product h5{
	font-size: 2.5em;
	margin: 5% 0% 50% 0%;
}
.individual-product p{
	font-size: 1.7em;
	margin: 5% 0% 5% 0%;
}
p.description{
	font-size: 0.6em;
	font-style: normal;
	margin: 2% 0% 0% 0%;
}
.select{
		width: 50%;
		position: relative;
		left: 25%;
	  display: inline-block;
    margin: 10px 10px 10px 0;
    padding: 11px 15px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2;
    cursor: pointer;
		background: transparent;
		color: #1D87C6;
		border: 2px solid #1D87C6;
    border-radius: 60px;
		height: 60px;
    -webkit-font-smoothing: antialiased;
}
.select:focus{
	outline: none;
}
	.grid-container {
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: auto;
		background-color: #FFF;
		padding: 10px;
		margin: 0% 8%;
	}
	.grid-item {
		margin: 2%;
		background-color: rgba(255, 255, 255, 0.8);
		border: 1px solid rgba(0, 0, 0, 0);
		padding: 20px;
		font-size: 30px;
		text-align: left;
	}
	.imageingrid{
		width: 100%;
	}
	aside.toggle-content{
		display: none;
		margin-bottom: 2%;
	}
	form.indexbutt{
		text-align: center;
		max-width: 100%;
	}
	article h4{
		margin: 0% 0% 3% 0%;
	}
	section h1{
		text-align: center;
		margin: 1% 0% 1% 0%;
		font-size: 4em;
	}
	section h2{
		text-align: center;
		margin: 1% 0% 1% 0%;
		font-size: 2em;
	}
	article.Thanks{
		text-align: center;
		font-size: 1.8em;
	}
	img.hamburgpic{
		width: 70px;
	}
	img.homeimage{
		width: 100%;
	}
	section.Form{
		background-color: #101010;
	}
	form.getaquote{
		margin: 2% 0% 2% 25%;
	}
	.button {
		border-radius: 100px;
		background-color: #666;
		border: none;
		color: #FFF;
		padding: 10px 25px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 0.8em;
		margin: 2px 2px;
		outline:0;
	}
	.button2 {
		border-radius: 100px;
		background-color: #666;
		border: none;
		color: #FFF;
		padding: 10px 25px;
		text-align: center;
		text-decoration: none;
		display: block;
		font-size: 1.5em;
		margin: 2px 67%;
		outline:0;
	}
	::placeholder{
		color: #BBB;
	}
	#Form_Image{
		display: none;
		opacity: 0.85;
	}
	fieldset{
		border: 2px solid #000;
		border-width: thin;
		width: 70%;
		padding: 10px;
	}
	footer{
		background-color: #FF4500;
		width: 100%;
		color: #FFF;
    position: relative;
    height: 30px;
    margin-top: 50px;
	}
	footer p{
		text-align: center;
		padding: 5px 0 5px 0;
		font-size: 1.2em;
	}
	footer.smallpage{
		position: fixed;
		bottom: 0;
	}
/*Break Points*/
	@media screen and (min-width: 480px), print{
		textarea{
			width: 25em;
		}
		img.Logo{
			width: 250px;
		}
		.secondarygrid{
			margin: 0 20% 5% 20%;
		}
		.optionimg{
			width: 25px;
		}
		h2.desc2{
			margin: 0;
		}
		.secondarygrid2{
			margin: 0;
			background-image: url("Images/BG.jpg");
			background-size: 100%;
		}
		.secondarygrid2 p{
			z-index: 1;
			color: #FFF;
			margin: 10% 20% 0 20%;
			font-size: 2em;
			text-align: center;
		}
		.gridlayout{
			font-size: 1.6em;
			display: inline-block;
			margin: 5% 0% 0% 5%;
			text-align: center;
		}
		.gridlayout img{
			width: 45%;
			padding-left: 15px;
		}
		.gridlayout2{
			display: inline-block;
			width: 100%;
			z-index: -1;
		}
		.gridlayout2 img{
			width: 100%;
		}
		.gridlayout3{
			display:grid;
			grid-template-columns: 50% 50%;
			grid-template-rows: 100%;
			width: 100%;
		}
		.gridlayout3 img{
			width: 100%;
			margin: 5% 0% 0% 0;
		}
		.secondarygrid3{
			margin: 14% 20% 0 0;
			text-align: left;
			font-size: 0.8em;
		}
		.secondarygrid3 h2{
			text-align: left;
			margin: 1% 0;
		}
		.secondarygrid3 p{
			font-size: 1.3em;
			margin: 1% 0;
		}
		.desc2{
			z-index: 1;
			color: #FFF;
		}
		.buyprod h2{
			font-size: 3em;
			text-decoration: underline;
		}
		.buyprod hr{
			margin: 0 10%;
		}
		.gridlayout4{
			display: grid;
			grid-template-columns: 70%;
			grid-template-rows: 100%;
			max-height: 100%;
			clear: both;
			margin: 1% 3% 3% 20%;
		}
		.gridlayout4-2{
			display: grid;
			grid-template-columns: 70%;
			grid-template-rows: 100%;
			max-height: 100%;
			clear: both;
			margin: 1% 3% 3% 20%;
		}
		.cpuselection{
			display: grid;
			grid-template-rows: 25% 15% 15% 15% 6% 6% 6% 6% 6%;
			height: 100%;
			border: 1px solid #ccc;
		}
		.pricing-techlogo {
    display: block;
    margin: auto;
    width: 90px;
    padding: 20px 0 10px 0px;
		}
	.cpuselection h2{
		text-decoration: none;
		font-size: 2.4em;
		}
	.configbutton{
		width: 60%;
		position: relative;
		left: 20%;
		display: inline-block;
		margin: 10px 10px 10px 0;
		padding: 11px 15px;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1;
		cursor: pointer;
		background: transparent;
		color: #FF4500;
		border: 2px solid #FF4500;
		border-radius: 60px;
		height: 60px;
		outline: none;
		-webkit-font-smoothing: antialiased;
	}
	.bar{
		text-align: center;
		margin: -10% 5% 0 0;
	}
	progress{
		font-size: 0.9em;
	}
		.options{
			text-align: center;
		}
		.options span{
			margin-left: 3%;
			margin-top: 1%;
		}
		.options img{
			vertical-align: middle;
			margin-top: 1%;
		}
		.About-us p{
			font-size: 2em;
			margin: 1%;
		}
		aside h4{
			font-size: 0.4em;
		}
		.product-page h1{
			font-size: 4em;
		}
		p.moredesc{
			font-size: 0.2em;
		}
		.individual-product{
			margin:8% 20% 0% 20%;
		}
		.individual-product p{
			font-size: 2em;
			margin: 4% 0% 4% 0%;
		}
		p.description{
			font-size: 0.8em;
			font-style: normal;
			margin: 2% 0% 0% 0%;
		}
		.product-page h2{
			font-size: 2em;
		}
		#burger{
			font-size: 3.1em;
			margin: 50px 50px 50px 0;
		}
	}/*end of 480px breakpoint*/
	@media screen and (min-width: 720px), print{
		img.hamburgpic{
			width: 100px;
		}
		img.logo{
			width: 300px;
		}
		.homemain{
			display: block;
		}
		textarea{
			width: 40em;
		}
		aside h4{
			font-size: 0.7em;
		}
		#Form_Image{
			display: block;
			width: 100%;
			height: 45%;
			margin-left: auto;
			margin-right: auto;
			background-color: inherit;
		}
		main h1{
			font-size: 2.7em;
		}
		main h2{
			font-size: 2em;
		}
		article h3{
			font-size: 1.5em;
		}
		article.qn{
			font-size: 1.2em;
		}
		#Getstarted{
			border-radius: 100px;
			background-color: #666;
			margin-bottom: 1%;
			border: none;
			color: #FFF;
			padding: 10px 250px;
			text-align: center;
			font-size: 1.5em;
			outline:0;
			max-width: 100%;
		}
		.secondarygrid3{
			font-size: 1.01em;
		}
		.About-us p{
			font-size: 2em;
			margin: 1%;
		}
		p.moredesc{
			font-size: 0.4em;
		}
		.product-page h2{
			font-size: 2.5em;
		}
		/*jssor slider loading skin spin css*/
		.jssor1-009-spin{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			text-align:center;
			background-color:rgba(0,0,0,0.7);
		}
		.jssorl-009-spin img {
			animation-name: jssorl-009-spin;
			animation-duration: 1.6s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			margin-top:-19px;
			position:relative;
			top:50%;
			width:38px;
			height:38px;
		}
		@keyframes jssorl-009-spin {
			from { transform: rotate(0deg); }
			to { transform: rotate(360deg); }
		}
		#jssor_pcproducts{
			display: block;
			position:relative;
			margin:0 auto;
			top:0px;
			left:0px;
			width:980px;
			height:380px;
			overflow:hidden;
			visibility:hidden;
		}
		#jssor_custom_pc{
			display: block;
			position:relative;
			margin:0 auto;
			top:0px;
			left:0px;
			width:1136px;
			height:640px;
			overflow:hidden;
			visibility:hidden;
		}
		#slideshow1{
			cursor:default;
			position:relative;
			top:0px;
			left:0px;
			width:980px;
			height:380px;
			overflow:hidden;
		}
		#slideshow2{
			cursor:default;
			position:relative;
			top:0px;
			left:0px;
			width:1136px;
			height:640px;
			overflow:hidden;
		}
		.slides{
			background-color: #ffffff;
		}
		/*jssor slider bullet skin 111 css*/
		.jssorb111{
			position:absolute;
			bottom:12px;
			right:12px;
		}
		.jssorb111 .i {
			position:absolute;
			color:#fff;
			text-align:center;
			cursor:pointer;
			z-index:0;
			width:24px;
			height:24px;
			font-size:12px;
			line-height:24px;
		}
		.jssorb111 .i .n {
			display:none;
		}
		.jssorb111 .i .b {
			fill:#666;
			stroke:#FF4500;
			stroke-width:500;
			stroke-miterlimit:10;
			stroke-opacity:.5;
		}
		.jssorb111 .i:hover .b {
			fill:#fea900;
			stroke:#666;
			stroke-width:6000;
			stroke-opacity:1;
		}
		.jssorb111 .iav .b {
			fill:#000;
			stroke-width:6000;
			stroke-opacity:1;
		}
		.jssorb111 .i.idn {
			opacity:.3;
		}
		.jssorb111 .iav .n, .jssorb111 .i:hover .n {
			display:block;
		}
		/*jssor slider thumbnail skin 121 css*/
		.jssort121{
			position:absolute;
			left:0px;
			top:0px;
			width:268px;
			height:380px;
			overflow:hidden;
			cursor:default;
		}
		.jssort121 .p {
			position:absolute;
			top:0;
			left:0;
			border-bottom:1px solid rgba(255,255,255,.2);
			box-sizing:border-box;
			color:#fff;
			background:rgba(0,0,0,.1);
			opacity:.7;
			width:268px;
			height:68px;
		}
		.jssort121 .p .t {
			position:absolute;
			padding:10px;
			box-sizing:border-box;
			top:0;
			left:0;
			width:100%;
			height:100%;
			line-height:24px;
			overflow:hidden;
		}
		.jssort121 .p .i {
			margin-right:10px;
			position:relative;
			top:0;
			left:0;
			width:96px;
			height:48px;
			border:none;
			float:left;
		}
		.jssort121 .pav, .jssort121 .p:hover {
			color:#000;
			background:rgba(255,255,255,.7);
		}
		.jssort121 .p:hover {
			opacity:.75;
		}
		.jssort121 .pav, .jssort121 .p:hover.pdn {
			opacity:1;
		}
		.jssort121 .ti {
			position:relative;
			font-size:14px;
			font-weight:bold;
		}
		.jssort121 .d {
			position:relative;
			font-size:12px;
		}
		.jssort121 .d:before {
			content:'\a';
			white-space:pre;
		}
		/*jssor slider bullet skin 052 css*/
		.jssorb052{
			position:absolute;
			bottom:12px;
			right:12px;
		}
		.jssorb052 .i {
			position:absolute;
			cursor:pointer;
			width:16px;
			height:16px;
		}
		.jssorb052 .i .b {
			fill:#000;
			fill-opacity:0.4;
		}
		.jssorb052 .i:hover .b {
			fill-opacity:.7;
		}
		.jssorb052 .iav .b {
			fill-opacity: 1;
		}
		.jssorb052 .i.idn {
			opacity:.3;
		}
		/*jssor slider arrow skin 053 css*/
		.jssora053 {
			display:block;
			position:absolute;
			cursor:pointer;
			width:55px;
			height:55px;
			top:0px;
		}
		.jssora053 .a {
			fill:none;
			stroke:#FF4500;
			stroke-width:640;
			stroke-miterlimit:10;
		}
		.jssora053:hover {
			opacity:.8;
		}
		.jssora053.jssora053dn {
			opacity:.5;
		}
		.jssora053.jssora053ds {
			opacity:.3;
			pointer-events:none;
		}
		#Joker{
			position:absolute;
			top:320px;
			left:30px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		#allblack{
			position:absolute;
			top:-50px;
			left:125px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		#DOW{
			position:absolute;
			top:30px;
			left:-505px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		#MW{
			position:absolute;
			top:30px;
			left:30px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		#Bike{
			position:absolute;
			top:30px;
			left:30px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		#Pip{
			position:absolute;
			top:30px;
			left:600px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		#SW{
			position:absolute;
			top:30px;
			left:30px;
			width:500px;
			height:40px;
			font-size:32px;
			font-weight:200;
			line-height:1.2;
			text-align:center;
			background-color:rgba(255,188,5,0.8);
		}
		.individual-product{
			margin:8% 25% 0% 25%;
		}
		.individual-product p{
			font-size: 2em;
			margin: 4% 0% 4% 0%;
		}
		p.description{
			font-size: 0.8em;
			font-style: normal;
			margin: 2% 0% 0% 0%;
		}
		.indiv2{
			margin: 15% 0 10% 0;
		}
		}/*end of 720px breakpoint*/
		@media screen and (max-width: 1279px), print{
			/*mobile*/
			.topnav a, .dropdown .dropbtn {
				display: none;
			}
			.topnav a.icon {
				float: right;
				display: block;
			}
			.topnav.responsive {position: relative; z-index: 1;}
			.topnav.responsive .icon {
				position: absolute;
				right: 0;
				top: 0;
			}
			.topnav.responsive a {
				float: none;
				display: block;
				text-align: left;
			}
			.topnav.responsive .dropdown {float: none;}
			.topnav.responsive .dropdown-content {position: relative;}
			.topnav.responsive .dropdown .dropbtn {
				display: block;
				width: 100%;
				text-align: left;
			}
		}
		@media screen and (min-width: 1280px), print{
			/* Underline From Center */
			.hvr-underline-from-center {
				display: inline-block;
				vertical-align: middle;
				-webkit-transform: perspective(1px) translateZ(0);
				transform: perspective(1px) translateZ(0);
				box-shadow: 0 0 1px rgba(0, 0, 0, 0);
				position: relative;
				overflow: hidden;
			}
			.indiv2{
				margin: 8% 0 5% 0;
			}
			article.price{
				position: fixed;
				right: 1%;
				bottom: 50%;
				border: 5px solid #FF4500;
				width: 20%;
			}
			.buttonshow{
				position: relative;
				bottom:0;
				right: -75%;
				border: 2px solid #000;
				border-radius: 100px;
				padding: 5px;
				font-size: 1.3em;
				cursor: pointer;
				display: inline-block;
			}
			.hvr-underline-from-center:before {
				content: "";
				position: absolute;
				z-index: -1;
				left: 51%;
				right: 51%;
				bottom: 0;
				background: #C43612;
				height: 4px;
				-webkit-transition-property: left, right;
				transition-property: left, right;
				-webkit-transition-duration: 0.4s;
				transition-duration: 0.4s;
				-webkit-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
			}
			.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
				left: 0;
				right: 0;
			}
			.product-page{
				margin: 5% 0%;
			}
			.productgrid{
				display: grid;
				grid-template-columns: 33% 33% 33%;
				grid-template-rows: 50% 50%;
				margin: 0 10% 0 12%;
			}
			button.Hamburg{
				display: none;
			}
			.product-page h1{
				font-size: 5em;
			}
			.product-page h2{
				font-size: 3em;
			}
			.gridlayout{
				display: grid;
				grid-template-columns: 45% 45%;
				grid-template-rows: 50%;
				margin: 5% 15% 5% 15%;
			}
			.gridlayout img{
				width: 100%;
				display: inline-block;
				vertical-align:middle;
				padding-left: 15%;
			}
			.gridlayout2{
				display: grid;
				grid-template-columns: 50% 50%;
				height: 60%;
			}
			.secondarygrid3{
				font-size: 1.4em;
			}
			.desc{
				padding-top: 20%;
				font-size: 3.5em;
			}
			.desc2{
				padding-top: 15%;
				font-size: 3.5em;
			}
			.gridlayout2 img{
				width: 100%;
				height: 100%;
			}
			.secondarygrid{
				padding-left: 15%;
			}
			.secondarygrid p{
				margin: 3% 10%;
				text-align: center;
				font-size: 1.6em;
			}
			.dropbtn {
				background-color: inherit;
				color: #FFF;
				font-size: 1em;
				border: none;
				display: inline-block;
			}
			.secondarygrid{
				font-size: 0.65em;
				margin: 0;
			}
			.gridlayout4{
				display: grid;
				grid-template-columns: 25% 25% 25% 25%;
				grid-template-rows: 100%;
				height: 100%;
				margin: 1% 10% 3% 10%;
			}
			.gridlayout4-2{
				display: grid;
				grid-template-columns: 30% 30% 30%;
				grid-template-rows: 100%;
				height: 100%;
				margin: 1% 10% 3% 17%;
			}
			.cpuselection{
				margin: 0 5%;
			}

			.About-us p{
				font-size: 2.2em;
				margin: 1%;
			}
			aside h4{
				font-size: 1.1em;
			}
			.dropdown:hover .dropdown-content {
					margin-top: 3%;
					display: grid;
					grid-template-columns: 33% 33% 33%;
					grid-template-rows: 50% 50%;
				}
			#Zeusnavbar{
				width: 60%;
				padding-left: 60px;
			}
			#Getstarted{
				border-radius: 100px;
				background-color: #666;
				margin-bottom: 1%;
				border: none;
				color: #FFF;
				padding: 10px 390px;
				text-align: center;
				font-size: 1.5em;
				max-width: 100%;
			}
			#Shopping-Cart{
				height: 50px;
				width: 50px;
				display: inline-block;
			}
			span.navtext{
				font-size: 1.2em;
			}

			.dropdownimg{
				width: 120px;
				height: 150px;
				margin: 1px;
			}
			a.dropbtn{
				margin: 0;
				padding: 40px 30px 40px 30px;
			}
			nav a:link a:visited{
				text-decoration: none;
				text-color: #FFF;
			}
			#Form_Image{
				display: block;
				width: 85%;
				height: 60%;
				margin-left: auto;
				margin-right: auto;
				background-color: inherit;
			}
			main h1{
				font-size: 4em;
			}
			.BuyNow{
				font-size: 0.8em;
			}

			main h2{
				font-size: 2.3em;
			}
			.individual-product{
				display: grid;
				grid-template-rows: 15% 15% 40% 15% 15%;
				text-align: center;
				margin: 15% 10%;
			}
			article h1{
				font-size: 4.5em;
			}
			article h3{
				font-size: 2.3em;
			}
			article.qn{
				font-size: 1.5em;
			}
			form.getaquote{
				font-size: 2em;
			}
			legend.formLegend{
				font-size: 1.5em;
			}
			input{
				font-size:0.9em;
			}
			.product-header{
				background-color: #000;
				display: table;
				padding: 17px;
			}
		.individual-product span{
			font-size: 3em;
			vertical-align: middle;
			display: table-cell;
			color: #FFF;
			margin-bottom: 50%;
		}
		.individual-product h5{
			font-size: 2.5em;
			margin: 5% 0% 50% 0%;
		}
		.individual-product p{
			font-size: 1.7em;
			margin: 5% 0% 5% 0%;
		}
		p.description{
			font-size: 0.6em;
			font-style: normal;
			margin: 2% 0% 0% 0%;
		}
			textarea{
				font-size: 0.7em;
				resize: none;
				width: 40em;
			}
			select{
				font-size: 0.7em;
			}
			p.moredesc{
				font-size: 0.55em;
			}
			footer p{
				font-size: 1.35em;
			}
			p.location{
				padding-left: 75%;
				min-height: 20px;
			}
			p.trademark{
				float: left;
				margin-left: 1%;
			}
			}/*end of 1280px breakpoint*/