.page-banner{
  position:relative;
}
.page-banner:after{
  position:absolute;
  right:24px;
  bottom:4px;
  z-index:2;
  color:#707172;
  font-size:12px;
  content:attr(data-text-after);
}
.page-banner__image{
  width:100%;
}
.page-banner__image img{
  display:block;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:auto;
  min-height:160px;
}
.page-banner__container{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:25px;
  padding-bottom:25px;
}
.page-banner__content{
  max-width:50%;
  margin-left:auto;
  text-align:center;
}
.page-banner__content img:first-child{
  display:inline-block;
  width:100%;
  max-width:185px;
  height:auto;
  margin-bottom:15px;
}
.page-banner .bf-discont-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:80px;
  height:80px;
  color:#fff;
  font-size:26px;
  font-weight:600;
  line-height:1;
  border-radius:100px;
  background:#ff5429;
}
.page-banner .bf-discont-badge:after{
  font-size:20px;
  font-weight:400;
  text-transform:uppercase;
  content:attr(data-text-bottom);
}
.page-banner .bf-discont-badge{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  margin-top:-60px;
  margin-left:-102px;
  transform:scale(1.25);
}
@media screen and (max-width:991px){
  .page-banner .bf-discont-badge{
    margin-left:-60px;
  }
}
@media screen and (max-width:767px){
  .page-banner:after{
    right:16px;
  }
  .page-banner__image img{
    min-height:220px;
    max-height:300px;
  }
  .page-banner__container{
    align-items:flex-start;
  }
  .page-banner__content{
    max-width:none;
    margin-left:0;
  }
  .page-banner__content img:first-child{
    display:none;
  }
  .page-banner .bf-discont-badge{
    right:32px;
    left:auto;
    margin-top:-15px;
    margin-left:0;
    transform:scale(.875);
  }
}