/* order */
#order {margin-top: 35px;padding: 28px 22px; }
#order >div {padding: 5px 10px; }

/* orderWrap */
.orderWrap .list { padding: 10px 20px; border-bottom: 1px rgba(var(--info-rgb), .2) solid; }
.orderWrap .list .img font img { width: 70px; height: 70px; object-fit: cover; }
.orderWrap .list .img b { margin-left: 10px; width: calc(100% - 92px); }
.orderWrap .list .info p.qBox a { line-height: 24px; }
.orderWrap .list .info p.qBox a.limit { line-height: 21px; }
.orderWrap .list .info p.qBox input { width: 50px; }
.orderWrap .list.title { padding: 15px 20px; border-width: 3px; }
.orderWrap  a[data-action="delI"] { top: calc((100% - 27px) / 2); }

/* btns */
.orderbtns { margin: 40px 0 20px; }
.orderbtns a { margin: 0 20px 0 0; padding: 7px 30px; }
.orderbtns a#btnClean { margin: 0; }

/* orderTotal */
#orderTotal { padding: 40px 0 20px; }
#orderTotal p { margin: 10px; }
#orderTotal p font { width: 80px; }
#orderTotal p span { width: 200px; font-size: 20px; }
#orderTotal p#price3 span { font-weight: bold; }

@media screen and (max-width:1025px) {
	.orderWrap .list .img a { align-items: center; justify-content: space-between; }
}
@media screen and (max-width:1024px) {
	#order { padding: 18px 12px; }
	.orderWrap .list { padding: 10px 160px 10px 110px; }
	.orderWrap .list .img a { line-height: inherit; }
	.orderWrap .list .img font { left: 20px; }
	.orderWrap .list .img font img { width: 60px; height: 60px; }
	.orderWrap .list .img b { margin-left: 0; width: 100%; }
	.orderWrap .list .info { font-size: 20px; }
	.orderWrap .list .info p:first-child font , .orderWrap .list .info p:first-child b { font-size: 12px; color: #696868; }
	.orderWrap .list .info p.qBox { right: 20px; bottom: 10px; }
	.orderWrap .list .info p.tBox { font-weight: bold; font-size: 20px; color: var(--primary); }
	.orderWrap  a[data-action="delI"] { top: 5px; right: 20px; }
}
@media screen and (max-width:768px) {
	.orderbtns a { margin: 0; padding: 7px 0; }
}
@media screen and (max-width:550px) {
	.orderWrap .list { padding: 10px 0 50px; }
	.orderWrap .list .img font { margin: 10px; border: 0; left: 0; }
	.orderWrap .list .img font img { width: 150px; height: 150px; }
	.orderWrap .list .info { width: 100%; }
	.orderWrap .list .info p.qBox { right: calc((100% - 150px) / 2); }
	.orderWrap .list .info p.qBox input { width: 70px; }
	.orderWrap  a[data-action="delI"] { right: 10px; }
	#orderTotal p span { width: calc(100% - 80px); }
}