<div class="row top-bar no-padding" style="border-bottom: 1px solid #e7e7e7; padding: 11px 0;">
  <div class="vc_column_container col-md-12">
    <div class="wpb_wrapper vc_column-inner">
      <div class="porto-carousel owl-carousel mb-0">
        <div class="porto-sicon-box style_1 default-icon">
          <div class="porto-sicon-default">
            <div class="porto-just-icon-wrapper" style="text-align: center;">
              <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
            </div>
          </div>
          <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">FREE SHIPPING &amp; RETURN</h3></div>
        </div>
        <div class="porto-sicon-box style_1 default-icon">
          <div class="porto-sicon-default">
            <div class="porto-just-icon-wrapper" style="text-align: center;">
              <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-money"></i></div>
            </div>
          </div>
          <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">MONEY BACK GUARANTEE</h3></div>
        </div>
        <div class="porto-sicon-box style_1 default-icon">
          <div class="porto-sicon-default">
            <div class="porto-just-icon-wrapper" style="text-align: center;">
              <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-support"></i></div>
            </div>
          </div>
          <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">ONLINE SUPPORT 24/7</h3></div>
        </div>
        <div class="porto-sicon-box style_1 default-icon">
          <div class="porto-sicon-default">
            <div class="porto-just-icon-wrapper" style="text-align: center;">
              <div class="porto-icon none" style="color: #222529; font-size: 28px; display: inline-block;"><i class="porto-icon-secure-payment"></i></div>
            </div>
          </div>
          <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 0.75rem; line-height: 1; letter-spacing: -0.025em;">SECURE PAYMENT</h3></div>
        </div>
      </div>
    </div>
    <style>
      .top-bar .porto-carousel {
        margin-right: -1px;
        width: calc(100% + 1px);
      }
      .top-bar .porto-sicon-box {
        margin-bottom: 0;
        justify-content: center;
        border-right: 1px solid #e7e7e7;
      }
      .top-bar .porto-sicon-default .porto-icon {
        margin-right: 0.5rem;
      }
    </style>
    <script type="text/javascript">
      require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
        $(".top-bar .owl-carousel").owlCarousel({
          autoplay: false,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          loop: false,
          navRewind: true,
          lazyLoad: true,
          margin: 0,
          nav: false,
          dots: false,
          responsive: {
            0: {
              items: 1,
            },
            640: {
              items: 2,
            },
            768: {
              items: 3,
            },
            992: {
              items: 4,
            },
            1200: {
              items: 4,
            },
          },
        });
      });
    </script>
  </div>
</div>
