.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;
}
}