#slider div {
  width: 100% !important;
}
#slider div img {
  width: 100% !important;
  height: auto;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: none !important;
  left: 0 !important;
}
.bx-wrapper {
  margin-bottom: 60px !important;
}

.coupon-banner{
  display:flex;
  align-items:center;
  background: linear-gradient(to right, #ffffff 0%, #eaf6fb 20%, #2ea0d6 60%, #2797cf 100%);
  padding: 14px 20px;
  margin-bottom:1em;
  font-family: Arial, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
}

.coupon-logo{
  flex:0 0 auto;
}

.coupon-logo img{
  height:48px;
}

.coupon-text{
  flex:1;
  text-align:center;
  color:#ffffff;
  font-weight:bold;
  line-height:1.3;
}

.coupon-text .line1{
  font-size:20px;
}

.coupon-text .line2{
  font-size:18px;
}

.coupon-text .highlight{
  color:#ffe600;
  font-size:26px;
}

@media (max-width: 768px){
  .coupon-banner{
    flex-direction:column;
    padding:12px 10px;
      background: #2797cf;

  }

  .coupon-logo{
    margin-bottom:8px;
  }

  .coupon-logo img{
    height:40px;
  }

  .coupon-text{
    text-align:center;
  }

  .coupon-text .line1{
    font-size:18px;
  }

  .coupon-text .line2{
    font-size:16px;
  }

  .coupon-text .highlight{
    font-size:22px;
  }
}