body { font-family:helvetica; } .dws-coupon-details { width:480px; margin: auto; position: relative; text-align: center; border: 1px dashed; padding: 5px; display: flex; } .col-xs-6 { width: 203px; margin-right: -4px; vertical-align: baseline; margin: 0; padding: 0; float: left; } .col-md-7 { width: 277px; vertical-align: baseline; margin: 0; padding: 0; float: left; } .dws-coupon-left { background: red; padding-bottom: 15px; position: relative; color: #fff; height: 100%; background-color:#dd3333; } .dws-coupon-left.with-bg-img { background-size: cover; background-position: center; background-repeat: no-repeat; } .dws-coupon-left.with-bg-img .dws-coupon-dark-overlay { position: absolute; background: rgba(0, 0, 0, 0.5); top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .dws-coupon-left.with-bg-img .dws-coupon-name, .dws-coupon-left.with-bg-img .dws-special-coupons-popup-expiry-date, .dws-coupon-left.with-bg-img .dws-coupon-btn { z-index: 2; position: relative; } .dws-coupon-left.with-bg-img::before, .dws-coupon-left.with-bg-img::after { z-index: 2; } .dws-coupon-left::before { position: absolute; content: ""; display: block; top: 0; bottom: 0; right: 5px; border: 1px dashed; } .dws-coupon-left::after { position: absolute; content: ""; display: block; top: 0; bottom: 0; right: -5px; border: 1px dashed; border-color:#dd3333; } .dws-coupon-left .dws-coupon-btn { display: none; } .dws-coupon-right { padding: 10px 0; } .dws-coupon-name { font-size: 20px; padding: 47px 0 35px; text-align: center; margin: 0; } .dws-coupon-validity { font-size: 12px; display: block; margin-bottom: 5px; } .dws-coupon-description { font-size: 12px; padding: 0 15px; text-align: center; } .dws-coupon-description.scroller-special-coupons-popup { max-height: auto; } .dws-coupon-description p { margin-top: 0; margin-bottom: 10px; } .dws-coupon-disclaimer { font-size: 10px; } .dws-coupon-disclaimer.scroller-special-coupons-popup { max-height: auto; } .dws-special-coupon-value-group { position: relative; } .mCustomScrollBox { max-height: auto; } .mCSB_container { top:0 !important; } .dws-special-coupons-curreny { font-size: 25px; font-weight: bold; top: -20px; position: relative; } span.dws-special-coupons-value { font-size: 62px; font-weight: bold; } sup.dws-special-coupons-value-off-label { font-size: 30px; top: 0; position:relative; text-transform: uppercase; } sup.dws-special-coupons-percent-sign { font-size: 25px; top: -20px; position: relative; } sub.dws-special-coupons-value-off-label { font-size: 30px; bottom: 5px; left: -20px; position:relative; text-transform: uppercase; } .dws-special-coupons-value, .dws-special-coupons-percent-sign { color:#dd3333; }