#table-lines {
	.box-wrap {
		overflow-x: auto;
   overflow-y: hidden;
	}
	.box-content {
		display: grid;
   grid-template-columns: 70% 30%;
   gap: 0;
   max-width: 800px;
   margin: auto;
		border-top: 2px solid #44d62c;
		border-left: 2px solid #44d62c;
		border-right: 1px solid #44d62c;
		border-bottom: 1px solid #44d62c;	
		min-width: 700px;
		.box {
				display: grid;
      text-align: center;
				align-items: center;	
				border-right: 1px solid #44d62c;
				border-bottom: 1px solid #44d62c; 
				padding: 20px;
				img {
					margin: 0 auto;
					max-width: 100%;
				}
				span {
					display: block;
					font: normal 1.125rem / 1.5rem Roboto;
    		color: #9a9a9a;					
								&.header {
						color: #fff;
					}
				}
    }
		    .multi-box {
      display: grid;
      grid-template-columns: 42% 16% 42%;
    }
	}
}
 @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){}