#measure-panel {padding-bottom: 6.25rem;}
#measure-panel .container {
    height: 700px;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: url(//assets2.razerzone.com/images/pnx.assets/7cb6b3683e7cfc05924d8dc8a5c9c695/bg-test.webp) #04090e top center no-repeat;
}
#measure-panel .content {
	display: grid;
	height: 100%;
	margin: 0 auto;
	max-width: 1200px;
 position: absolute;
 top: 0;
	width: 100%;
	align-items: center;
	max-height: 700px;
}
#measure-panel .main-content {
	padding: 110px 0 0; width: 53%; 
	max-width: none;
	justify-self: left;
}
#measure-panel .main-display {
	color: #fff;
	display: grid;
	width: 100%;
	grid-template-columns: 36% 64%;
	direction: ltr;
	.coin-section {   
		position: relative;
		display: grid;
		grid-template-columns: 46% 54%;		 
		align-items: center;
		z-index: 2;
		height: 120px;
		.dimensions {
			text-align: left;
		}
	}
	.product-section {
		position: relative;
		display: grid;		 
		align-items: center;
		z-index: 1;
		height: 120px;
	}
	.product {
		width: 68%;
		text-align: right;
		padding-top: 2%;
		.product-name {
			color: #44d62c;
			font-family: "RazerF5", Arial, Helvetica, sans-serif;	    
			font-weight: 700;
			line-height: 1.2rem;	
			padding-bottom: 5px;	
			padding-left: 5%;		
		}
	 }		
		.measurement-lines {
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
	   // left: -10%;
	}
		.measurement-line {
		position: absolute;
		z-index: 5;
		background-color: #44d62c;
				&.vertical-line {
			width: 1px;
			&::after, 
			&::before  {
			content: "";
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			width: 0;
			height: 0;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			}
					&::before {
			top: -2px;
			border-bottom: 10px solid #44d62c;
			}
			&::after 	{
				bottom: -2px;
				border-top: 10px solid #44d62c;
			}
		}	
				&.top-line,
		&.bottom-line {
			height: 1px;
			width: 110%;
			left: -10%;
		}
		&.top-line {
			top: 9%;
		}
		&.bottom-line {
			bottom: 0;
		}
		&.coin-line {
			&.vertical-line {	    
				height: 95%;
				top: 4%;
				left: 37%;
			}
		}
	 		&.product-line {
			&.vertical-line {	    
				height: 88%;
				top: 11%;
				right: 27%;
			}
		}	
	}  
}
@media(max-width: 980px) {
	#measure-panel {overflow: hidden;}
	#measure-panel .container {margin-top: -120px;}
	#measure-panel .main-content {
		padding-top: 120px;
		width: 56%;
	}
	#measure-panel .main-display {
		position: relative;
		grid-template-columns: 100% auto;
		.dimensions,
		.product-name {
			font-size: 0.875rem;
		}
		.coin-section,
		.product-section {
			position: initial;
		}  
				.coin-section {
			grid-template-columns: 100% auto;
			height: auto;
						.coin {
				padding: 0 27% 0 7%;	
			}
			.coin-image {
					text-align: center;
								img {
							max-height: 110px;
					}
			}
		}
				.product-section {
			height: auto;
		}
		.measurement-lines {
			left: 0;
			width: 100%;
			height: 100%;
		}
		.measurement-line {
			&.top-line {left:0; top: 0; width: 100%;}
			&.bottom-line {left:0; bottom: 0; width: 100%;}
			&.coin-line {
				&.vertical-line {
					height: 98%;
					top: 1%;
					left: 5%;
				}
			}
			&.product-line {
				&.vertical-line {
					height: 98%;
					top: 1%;
					right: 25%;
				}
			}
		}
				.dimension-coin {
			position: absolute; 
			top: 100%;
			left: 5%;
			padding-top: 2%;
		}
		.product {
			position: absolute;
			top: 100%;
			right: 0;
		}
	}	
}
@media(max-width: 768px) {
	#measure-panel {padding-bottom: 3rem;}
}
@media(max-width: 320px) {
	#measure-panel .main-display {
		.dimensions,
		.product-name {
			font-size: 12px;
		}
	}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}