div#popup-content div.order-overview div.row:first-child { border-top: none;}
div.order-overview div.row:not(.summary) { height: 57px; }
div.order-overview div.amount { width: 20px; padding-top: 3px;}
div.order-overview div.name { width: 635px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; }
div.order-overview div.name span.name-name{ font-weight: 600; font-size: 18px;}
div.order-overview div.price{ float: right; text-align: right; width: 220px; }
div.order-overview div.price span.price-amount{ display: inline-block; min-width: 75px; }
div.order-overview div.row.summary div{ float: right;}
div.order-overview div.row.summary div.price-amount{ min-width: 105px; text-align: right;}
div.order-overview div.row.summary.total div{ line-height: 22px;}
div.order-overview div.row.summary.total div.price-amount{ color: #e94e1b; font-weight: 600; font-size: 22px;}
div#popup-content div.row.summary{ border-bottom: none;}

@media only screen and (max-width: 1080px){ div.order-overview div.name{ width: 63%; }}
@media only screen and (max-width: 966px){ div.order-overview div.name{ width: 58%; }}
@media only screen and (max-width: 852px){ div.order-overview div.name{ width: 54%; }}
@media only screen and (max-width: 795px){ div.order-overview div.name{ width: 50%; }}
@media only screen and (max-width: 730px){ div.order-overview div.name{ width: 48%; }}
@media only screen and (max-width: 700px){
	div.order-overview div.name{ width: 80%;}
	div.order-overview div.price{ float: left; width: 100%;}
	div.order-overview div.row:not(.summary) { height: auto; }
}
@media only screen and (max-width: 550px){
	div.order-overview div.name{ width: 74%;}
	div.order-overview div.price{ float: left; width: 100%;}
	div.order-overview div.row:not(.summary) { height: auto; }
}
@media only screen and (max-width: 450px){
	div.order-overview div.amount{ float: left; width: 120px;}
	div.order-overview div.name{ width: 100%; padding-left: 0px;}
}