.header-redeem-container {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
}

.left-box, .right-box {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.right-box {
	text-align: right;
	padding-right:20px;
}

.my-points {
	font-size: 20px;
	font-weight: bold;
}

@media screen and (min-width: 480px) {
/* For screens wider than 480px but smaller than 768px */
	.left-box, .right-box {
		width: 50%; /* Each box takes 50% width */
	}
}

@media screen and (min-width: 768px) {
	/* For screens wider than 768px */
	.left-box, .right-box {
		width: 50%; /* Each box takes 50% width */
	}
}