.app .bezel {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.app #appScreen {
	position: absolute;
	top: 20px;
	left: 35px;
	width: 370px;
	height: 803px;
	transform: scale(1);
	transform-origin: 0 0;
	z-index: 0;
	overflow: hidden;
	z-index: 20;
}
.cartItems h3 {
	font-size: 20px;
	line-height: 30px;
	line-height: 30px;
	margin: 10px 0 0;
}
	.cartItems section ul {
		font-size: 16px;
		line-height: 20px;
		padding: 0 0 0 20px;
	}
	.cartItems h3 {
		text-align: left;
	}
	.cartItems p {
		font-weight: 100;
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 1em;
	}
	.cartItems li {
		font-weight: 300;
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 5px;
	}
	.cartItems form legend {
		font-size: 1.2em;
		line-height: 1.3em;
		font-weight: 400;
		padding: 0;
	}
	.cartItems form input {
		width: auto;
		border: 1px solid #555;
	}
	.cartItems td {
		font-size: 1em;
		line-height: 1.3em;
		font-weight: 400;
		text-align: left;
	}
	.cartItems .items .col1 {
		padding-top: 12px;
		padding-right: 20px;
	}
		.cartItems .items .col1.total {
			text-align: right;
			padding-right: 20px;
			font-weight: 700;
			color: #2786bd;
		}
	.cartItems .items .col2 {
		text-align: right;
		width: 70px;
		padding-top: 12px;
	}
		.cartItems .items .name {
			font-weight: 900;
		}
		.cartItems .items .subtotal {
			background: #eef7fc;
			border-bottom: 1px solid #0D6CA6;
		}
		.cartItems .items .subtotal .col1 {
			padding-right: 10px;
			text-align: right;
		}
		.cartItems .items .subtotal .col1,
		.cartItems .items .subtotal .col2 {
			font-weight: 700;
			color: #2786bd;
			padding-top: 10px;
		}
	.cartItems .items .col3 {
		text-align: right;
		width: 60px;
	}
	.cartItems #redemptionForm,
	.cartItems #discountForm {
		border: none;
		padding-top: 20px;
		padding-bottom: 12px;
	}
		.cartItems #redemptionForm legend,
		.cartItems #discountForm legend {
			text-align: left;
			padding-bottom: 3px;
		}
		.cartItems #redemptionForm input,
		.cartItems #discountForm input {
			width: 80%;
		}
		.cartItems #redemptionForm .btn,
		.cartItems #discountForm .btn {
			width: 20%;
			padding: 7px;
		}
		.cartItems #redemptionCodesList,
		.cartItems #discountCodesList {
			padding-left: 4%;
			padding-right: 4%;
		}
			#redemptionCodesList ul,
			#discountCodesList ul {
				font-size: 0.9em;
				padding: 0 0 20px;
				line-height: 1.2em;
				margin: 0;
				margin-top: 10px;
			}
			#redemptionCodesList li,
			#discountCodesList li {
				padding-bottom: 10px;
				padding-left: 0;
				display: flex;
			}
			#redemptionCodesList .text,
			#discountCodesList .text {
				flex: 1;
				padding: 10px 0 0 10px;
			}
			.cartItems #redemptionCodesList .btn,
			.cartItems #discountCodesList .btn {
				width: 20%;
				padding: 7px;
			}

		.cartItems .totals td {
			background: #eef7fc;
		}
			.cartItems .totals .col1,
			.cartItems .totals .col2 ,
			.cartItems .totals .col3 {
				text-align: right;
				font-weight: 700;
				color: #2786bd;
				padding-top: 12px;
			}
			.cartItems .totals .col3 {
				width: 70px;
				padding-top: 12px;
			}
			.cartItems .totals .col4 {
				width: 60px;
				padding-top: 12px;
			}
			.cartItems .totals .grandTotal {
				border-bottom: 1px solid #0D6CA6;
			}

.customerOwnsAllSongs {
	max-width: 400px;
	margin: 40px auto;
	text-align: center;
}


/*	xl Layout	*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	.app #appScreen {
		top: 17px;
		left: 31px;
		width: 381px;
		height: 824px;
		transform: scale(0.834);
	}
	
}
/* */


/*	lg Layout	*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.app #appScreen {
		top: 14px;
		left: 28px;
		width: 390px;
		height: 845px;
		transform: scale(0.676);
	}
	
}
/* */


/*	md Layout	*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.app #appScreen {
		top: 11px;
		left: 24px;
		width: 384px;
		height: 833px;
		transform: scale(0.5);
	}

}
/* */


/*	sm Layout	*/
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* .app #appScreen {
		top: 8px;
		left: 20px;
		width: 348px;
		height: 749px;
		transform: scale(0.4);
	} */
	.app .bezel {
		width: 230px;
	}
	.app #appScreen {
		top: 11px;
		left: 50%;
		width: 409px;
		height: 887px;
		transform: translateX(-25%) scale(0.5);
	}
	.cartItems form legend {
		font-size: 0.8em;
		line-height: 0.8em;
		padding-bottom: 6px !important;
	}
	.cartItems #redemptionCodesList .text,
	.cartItems #discountCodesList .text {
		padding-top: 0;
	}
	
}
/* */

/*	xs Layout	*/
@media only screen and (max-width: 575px) {

	.app .bezel {
		width: 230px;
	}
	.app #appScreen {
		top: 11px;
		left: 50%;
		width: 409px;
		height: 887px;
		transform: translateX(-25%) scale(0.5);
	}
	.cartItems form legend {
		font-size: 0.8em;
		line-height: 0.8em;
		padding-bottom: 6px !important;
	}
	.cartItems #redemptionCodesList .text,
	.cartItems #discountCodesList .text {
		padding-top: 0;
	}

}
/* */