.banner-content{height:auto; top:36%; text-align:center;}
.review-widgets{padding-top:30px;}
.banner_back{position:relative;}
.banner_back .coupon{ position: absolute; left: 3%; width: 22%; background: rgba(0,0,0,0.8); color: #fff; padding: 10px; border-radius: 9px; top: 12%; text-align:center;}
.banner_back .coupon h3{ width: 100%; text-align: center; color: #D90000; text-transform: uppercase; font-weight: bold !important;    font-size: 18px; margin-bottom:10px !important;}
.banner_back .coupon .cpn-bg1{width:100%; text-align:center; font-size:13px;}
.banner_back .coupon .expir{ float: left; width: 100%; text-align: center; margin: 7px 0; color:#FDB200;}
.banner_back .coupon .printing{background:#D90000; color:#fff; border-radius:3px;}
.banner_back .coupon .cont{float:left; width:100%; border:1px dashed #fff; border-radius:10px; padding:10px;}

@media(min-width:1600px) and (max-width:1699px){
.banner_back .coupon{width:20%;}
}

@media(min-width:1500px) and (max-width:1599px){
.banner_back .coupon{width:19%;}
}

@media(min-width:1400px) and (max-width:1499px){
.banner_back .coupon{width:17%;}
}

@media(min-width:1300px) and (max-width:1399px){
.banner-content .banner-text{width:77%;}
.banner_back .coupon{width:17%;}
.banner_back .coupon h3{font-size:16px;}
}

@media(min-width:1200px) and (max-width:1299px){
.banner-content .banner-text{width:70%;}
.banner_back .coupon{width:17%;}
.banner_back .coupon h3{font-size:15px;}
.banner-content .banner-text h3{font-size:18px;}
}

@media(min-width:1025px) and (max-width:1199px){
.banner-content .banner-text{width:58%;}
.banner_back .coupon{width:17%;}
.banner_back .coupon h3{font-size:12px;}
.banner-content .banner-text h3{font-size:15px !important;}
.banner_back .coupon .yellow{    font-size: 10px;    line-height: 12px;}

}

@media(min-width:992px) and (max-width:1024px){
.banner-content .banner-text{width:58%;}
.banner_back .coupon{width:17%;}
.banner_back .coupon h3{font-size:11px;}
.banner-content .banner-text h3{font-size:15px !important;}
.banner_back .coupon .yellow{    font-size: 10px;    line-height: 12px;}

}

@media(min-width:768px) and (max-width:991px){
.banner_back .coupon{position:static; float:left; width:100%; border-radius:0;}
}

@media(max-width:767px){
.banner_back .coupon{position:static; float:left; width:100%; border-radius:0;}
}

@media print {
html{-webkit-print-color-adjust: exact; text-align:center; width:100%;}
body{width:400px; border:1px dashed #000; padding:20px !important; text-align:center; border-radius:10px !important;        -webkit-print-color-adjust: exact; float:none; display:inline-block;}
.banner_back .coupon{ position: static; float:none; display:inline-block; width: 400px; background-color: #B40000; color: #fff; border:1px dashed #000; padding: 10px; border-radius: 9px; top: 12%; text-align:center; float:left;  -webkit-print-color-adjust: exact;}
}