<div class="custom-html">
  <div class="d-flex">
    <div class="mr-5 info-item">
      <a href="#"><i class="porto-icon-percent-shape" style="font-size: 2em;"></i> Special Offers </a>
    </div>
    <div class="info-item">
      <a href="#"><i class="porto-icon-business-book" style="font-size: 1.8em;"></i> Recipes </a>
    </div>
  </div>
</div>
<style>
.page-header .info-item a {
    font-weight: 700;
    letter-spacing: -.025em;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    color:#282d3b;
}
@media (max-width: 1459px) {
.page-header .header-bottom .custom-html {
    display: none;
}
}
</style>