/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.aov_main_container{
	border: 5px solid #d50032;
	margin-bottom:50px;
	background:#e8e7e7;
	font-size: 16px;
}
.aov_col_1{
	float:left;
	width:30%;
	padding: 15px;
	text-align:center;
}
.aov_col_1 img{
	display:inline-block;
}
.aov_col_2{
	float:left;
	width:70%;
	padding: 25px;
}
.aov_col_2 h3{
	color:#d50032;
	font-size: 24px;
}
.clr{
	clear:both;
	display:block;
}
.aov_under_img{
	
}
.aov_amount_to_pay{
	
}
.aov_qr_code_txt{
	font-size:20px;
	text-align:center;
	display:block;
}
.aov_amount_to_pay .label_field{
	display:inline-block;
	padding: 5px 25px;
	font-size: 16px;
	border: 1px solid #999;
	border-right:0;
	color: #000;
	min-width: 250px;
}
.aov_amount_to_pay .aov_order_total{
	padding: 5px 25px;
    font-size: 16px;
    border: 1px solid #999;
    display: inline-block;
    color: #000;
	min-width: 150px;
}
.aov_row{
	background: #fff;
	display: inline-block;
	margin-top: 2px;
}

@media only screen and (max-width: 640px) {
	.aov_col_1{
		float:none;
		width:100%;
		padding: 15px;
	}
	.aov_col_2{
		float:none;
		width:100%;
		padding: 25px;
	}
	.aov_row{
		display:block;
	}
	.aov_amount_to_pay .label_field{
		width:100%;
		min-width: auto;
		display:block;
		border-bottom:0;
		border-right:1px solid #999;
		background: #ccc;
	}
	.aov_amount_to_pay .aov_order_total{
		width:100%;
		min-width: auto;
		display:block;
		border-top:0;
	}
	
}