.cartContainer { background: #f8f9fb; padding-top: 70px; padding-bottom: 50px }

.cartContainer h1 { font-size: 34px; font-weight: 500 }
.cartContainer .topLine { border-bottom: 0px; font-size: 18px }
.cartContainer .cardNr0 { border-top: 0px; }
.cartContainer .btn { border-radius: 25px; padding: 12px 20px; min-width: 200px; font-size: 14px }
.cartContainer .btn.btn-primary { border: 1px solid #23224c; background: #23224c; color: #fff }
.cartContainer .btn.btn-outline-secondary { margin-right: 20px }
.cartContainer .card { padding: 20px }
.discountCodeField { width: 200px; border: none; border-bottom: 1px solid #000; outline: none; margin-right: 20px }
.discountCodeField:placeholder { color: #000 }
.cartTotalCount { margin-top: 10px; margin-bottom:30px; font-size: 18px; font-weight: 600 }

.productImage { display: block; margin: auto; }

.midali { display: flex; align-items: center; }
.midali.center { justify-content:center }
.midali.right { justify-content: right }

.cartContainer .card { border-radius: 2px; }
.cartContainer .card a { color: inherit; text-decoration: none; font-weight: 500 }
.error { margin-top: -40px; margin-bottom: 40px }

.prodSumCell { padding-bottom: 10px }
.prodPriceCell { padding-bottom: 10px }

@media only screen and (min-width: 811px) {
	/* 
	.checkout{ margin-top: 30px;} 
	*/
}

@media only screen and (min-width: 812px) and (max-width: 991px) {
	.cartMainActionButtons{ display: flex; flex-direction: column; gap: 20px; max-width: 60%;} 
	.cart__total__block { display: flex; flex-direction: column; align-items: flex-end;}
	.form-inline.couponForm {display: flex; flex-direction: column; gap: 30px;}
}

@media all and ( max-width: 810px ){
	.couponForm input, .couponForm button { width: calc(50% - 14px); padding: 13px }
	.cartMainActionButtons .btn { width: calc(50% - 5px); padding: 13px }
	.cartTotalCount { margin-top: 30px; margin-bottom:30px; text-align: center; }
	.cartContainer { padding-top: 20px; }
	.cartContainer h1 { font-size: 26px }
	.text-center { text-align: right; }
	.colx { align-items: flex-start }
	.cartContainer .btn { min-width: 0px }
	.cartContainer .btn.btn-outline-secondary { margin-right: 0px }
	.checkoutCartContent { margin-top: 20px }
	.prodSumCell { text-align: right !important; padding-bottom: 0px }
	.prodSumCell > div { width: 100% }
	.prodPriceCell { text-align: left !important; padding-bottom: 0px }
	.prodPriceCell > div { width: 100% }
}