/*----------------------------------------*/
/*  18. Cart
/*----------------------------------------*/
.table-content {
	table {
		td {
			&.product-subtotal {
				font-size: 16px;
				font-weight: 700;
			}
			&.quantity {
				.cart-plus-minus {
					margin: 0 auto;
				}
			}
		}
	}
}

.cart-area {
	.table-content {
		table {
			td {
				&:nth-child(3) {
                    @include media-breakpoint-down(sm){
                        padding: 45.1px 10px;
                    }
				}
			}
		}
	}
}

.coupon-all {
	margin-top: 30px;
	.coupon {
		float: left;
		input {
			background-color: transparent;
			border: 1px solid $border-color;
			font-size: 13px;
			border-radius: 0;
			height: 42px;
			width: 120px;
			padding: 0 10px;
		}
	}
	.coupon,
	.coupon2 {
		input {
			&.button {
				background-color: #505050;
				border: 0 none;
				border-radius: 2px;
				color: $white;
				display: inline-block;
				font-size: 13px;
				font-weight: 700;
				cursor: pointer;
				height: 42px;
				letter-spacing: 1px;
				line-height: 42px;
				padding: 0 25px;
				text-transform: uppercase;
				transition: $baseTransition;
				width: inherit;
				&:hover{
					background-color: $primary;
				}
			}
		}
		&.coupon2 {
			float: right;
			@media (max-width: 479px) {
				margin-top: 15px;
			}
		}
	}
}

.cart-page-total {
	padding-top: 30px;
	> h2 {
		font-size: 25px;
		font-weight: 700;
		margin-bottom: 20px;
		text-transform: capitalize;
	}
	> ul {
		border: 1px solid $border-color;
		li {
			list-style: none;
			font-size: 15px;
			padding: 10px 30px;
			border-bottom: 1px solid $border-color;
			font-weight: 700;
			&:last-child {
				border-bottom: 0;
			}
			span {
				float: right;
			}
		}
	}
	a {
		background-color: #505050;
		border: 0;
		color: $white;
		display: inline-block;
		margin-top: 30px;
		padding: 10px 20px;
		text-transform: capitalize;
		transition: $baseTransition;
		&:hover{
			background-color: $primary;
			color: $white;
		}
	}
}