<style>
  .columns .column.main {
    padding-bottom: 0;
  }
  .home-bar .porto-sicon-box {
    justify-content: center;
    padding: 1rem 0;
    margin: 0;
  }
  .special-products .section-title {
    margin-bottom: 0;
  }
  .special-products .product-item-info.type1 .product-item-inner,
  .special-products .product-item .weltpixel-quickview.weltpixel_quickview_button_v2 {
    display: none;
  }
  .special-products .product-item-info:hover .product-item-photo {
    box-shadow: none;
  }
  .special-products .product-item-photo {
    filter: brightness(1.1);
  }
  .home-ads .porto-ibanner:hover {
    box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.08);
  }
  .home-ads sup {
    font-size: 70%;
    top: -.275em;
    font-weight: 700;
    margin-right: 2px;
  }
  .heading-primary del {
    color: #222529;
  }
  .home-ads .sale-label {
    border-radius: 50%;
    width: 2.25em;
    height: 2.25em;
    padding-top: calc(1.125em - .5em);
    letter-spacing: -.08em;
  }
  .sale-label small {
    letter-spacing: -.025em;
    font-size: 70%;
    display: inline-block;
    font-weight: inherit;
    margin-left: .1em;
    color: inherit;
    font-family: inherit;
  }
  .sale-label sup {
    position: static;
    font-size: 75%;
  }
  sub {
    bottom: -.25em;
  }
  .sale-label sub {
    display: block;
    font-size: 36%;
    line-height: 1;
    position: static;
    font-weight: 400;
    letter-spacing: 0;
    padding-left: .1em;
    letter-spacing: -.025em;
  }
  .pc-label-sale {
    position: relative;
    z-index: 1;
    display: inline-block;
  }
  .pc-label-sale:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotateZ(-2deg) skew(1deg);
    background-color: #000;
    z-index: -1;
  }
</style>
<div class="home-bar no-padding porto-inner-container" style="margin-top: 10px;margin-bottom: 9px;">
  <div class="container">
    <div class="row align-items-center">
      <div class="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: 35px; 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:700;font-size:14px;line-height:1;">FREE SHIPPING &amp; RETURN</h3>
                <p style="font-size:13px;line-height:1.2;">Free shipping on all orders over $99</p>
              </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: 37px; 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:700;font-size:14px;line-height:1;">MONEY BACK GUARANTEE</h3>
                <p style="font-size:13px;line-height:1.2;">100% money back guarantee</p>
              </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: 37px; 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:700;font-size:14px;line-height:1;">ONLINE SUPPORT 24/7</h3>
                <p style="font-size:13px;line-height:1.2;">Lorem ipsum dolor sit amet.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $(".home-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:2
          },
          992: {
            items:3
          },
          1200: {
            items:3
          }
        }
      });
    });
  </script>
</div>
<div class="container">
  <div class="row home-slider" style="margin-bottom: 20px">
    <div class="vc_column_container col-md-12">
      <div class="wpb_wrapper vc_column-inner">
        <div id="banner-slider-demo-5" class="porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-outside nav-style-4 show-nav-hover">
          <div class="porto-ibanner mb-0" style="min-height: 400px;">
            <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/05/shop5_home_slide1.jpg&quot;}}" />
            <div class="porto-ibanner-desc no-padding d-flex">
              <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);">
                <h5 style="font-size: 1.1875em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.08em;" class="vc_custom_heading mb-3 align-left">Find the Boundaries. Push Through!</h5>
                <h3 style="font-size: 3.875em; line-height: 1; letter-spacing: 0.05em;" class="vc_custom_heading mb-0 custom-font4 align-left">Jeans Sale</h3>
                <h3 style="font-size: 4.625em; line-height: 1.2; letter-spacing: 0.03em;" class="vc_custom_heading mb-2 align-left">
                  <small>up<br />to</small>80% OFF
                </h3>
                <div class="porto-ultimate-content-box-container">
                  <div class="porto-ultimate-content-box" style="" id="porto_ucb_2078">
                    <h5 style="font-size: 0.875em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading p-t-sm mr-3 pull-left align-left text-uppercase">Starting At</h5>
                    <h4 style="font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;margin-right: .75rem;" class="vc_custom_heading background-color-secondary coupon-sale-text pull-left align-left text-uppercase heading-light">
                      <b><sup>$</sup>199<sup>99</sup></b>
                    </h4>
                    <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-lg btn-dark">Shop Now!</button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="porto-ibanner mb-0" style="min-height: 400px; background-color: #c6c5c8;">
            <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/05/shop5_home_slide2.jpg&quot;}}" />
            <div class="porto-ibanner-desc no-padding d-flex">
              <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);">
                <h5 style="font-size: 2.4375em; line-height: 1; font-weight: 500; letter-spacing: -0.025em;" class="vc_custom_heading mb-0 align-left">Women's Business Fashion</h5>
                <h3 style="font-size: 6.125em; line-height: 1.2; letter-spacing: 0.03em;" class="vc_custom_heading mb-2 align-left">
                  <small>up<br />to</small>60% OFF
                </h3>
                <h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pt-2 mr-2 pull-left align-left text-uppercase">Starting At</h5>
                <h4 style="font-size: 2.5em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading pull-left mr-5 pr-xl-3 align-left text-uppercase heading-secondary"><sup>$</sup>29<sup>99</sup></h4>
                <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-xl btn-dark">Shop Now!</button></div>
              </div>
            </div>
          </div>
        </div>
        <style>
          @media(min-width: 992px) {
            .porto-ibanner-layer {
              font-size: 1rem;
            }
          }
          .porto-ibanner-layer {
            position: absolute;
            z-index: 10;
            text-align: left;
          }
          .porto-ibanner h3 small {
            display: inline-block;
            font-size: 45%;
            font-weight: inherit;
            line-height: 1.1;
            margin-right: .2em;
            text-align: center;
            color: inherit;
            font-family: inherit;
          }
          .porto-ultimate-content-box {
            font-size: 1em;
          }
          .porto-ibanner .btn-modern.btn-xl {
            font-size: 1em;
            padding: 1.25em 4.25em;
          }
          .porto-ibanner .btn-modern.btn-lg {
            font-size: .9em;
            padding: 1.125em 2.75em;
          }
          .porto-ultimate-content-box .btn-container {
            font-size: 1em;
          }
        </style>
        <script type="text/javascript">
          require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
            var banner_owl = $("#banner-slider-demo-5");
            banner_owl.owlCarousel({
              items: 1,
              autoplay: false,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              dots: false,
              nav: true,
              navRewind: true,
              animateIn: "fadeIn",
              animateOut: "fadeOut",
              loop: true,
              lazyLoad: true
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row special-products">
    <div class="col-md-4 col-12">
      <div class="wpb_wrapper vc_column-inner">
        <div id="featured-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md">
          <h2 class="section-title text-center slider-title"><span class="inline-title">FEATURED PRODUCTS</span><span class="line"></span></h2>
          <div class="slider-wrapper">
            {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}}
            <script type="text/javascript">
              require([
                'jquery',
                'owl.carousel/owl.carousel.min'
              ], function ($) {
                $("#featured-products .owl-carousel").owlCarousel({
                  items: 1,
                  autoplay: false,
                  autoplayTimeout: 5000,
                  autoplayHoverPause: true,
                  loop: true,
                  navRewind: true,
                  lazyLoad:true,
                  margin: 0,
                  nav: true,
                  dots: false
                });
              });
            </script>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4 col-12">
      <div class="wpb_wrapper vc_column-inner">
        <div id="bestsellers-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md">
          <h2 class="section-title text-center slider-title"><span class="inline-title">BEST SELLERS</span><span class="line"></span></h2>
          <div class="slider-wrapper">
            {{block class="Smartwave\Filterproducts\Block\Home\BestsellersList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}}
            <script type="text/javascript">
              require([
                'jquery',
                'owl.carousel/owl.carousel.min'
              ], function ($) {
                $("#bestsellers-products .owl-carousel").owlCarousel({
                  items: 1,
                  autoplay: false,
                  autoplayTimeout: 5000,
                  autoplayHoverPause: true,
                  loop: true,
                  navRewind: true,
                  lazyLoad:true,
                  margin: 0,
                  nav: true,
                  dots: false
                });
              });
            </script>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4 col-12">
      <div class="wpb_wrapper vc_column-inner">
        <div id="latest-products" class="porto-products wpb_content_element background-color-light p-4 m-b-md">
          <h2 class="section-title text-center slider-title"><span class="inline-title">NEW ARRIVALS</span><span class="line"></span></h2>
          <div class="slider-wrapper">
            {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="1" extra_class="nav-center-images-only nav-style-4" product_count="3" aspect_ratio="0" image_width="350" image_height="350" template="owl_list.phtml"}}
            <script type="text/javascript">
              require([
                'jquery',
                'owl.carousel/owl.carousel.min'
              ], function ($) {
                $("#latest-products .owl-carousel").owlCarousel({
                  items: 1,
                  autoplay: false,
                  autoplayTimeout: 5000,
                  autoplayHoverPause: true,
                  loop: true,
                  navRewind: true,
                  lazyLoad:true,
                  margin: 0,
                  nav: true,
                  dots: false
                });
              });
            </script>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row home-ads">
    <div class="col-md-4">
      <div class="wpb_wrapper vc_column-inner">
        <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 175px;">
          <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/05/shop5_home_banner1.jpg&quot;}}" />
          <div class="porto-ibanner-desc no-padding d-flex">
            <div class="porto-ibanner-layer" style="left: 7%; top: 50%; transform: translateY(-50%);">
              <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-left">Porto Watches</h3>
              <h4 style="font-size: 1.75rem; line-height: 1; font-weight: 800;" class="vc_custom_heading mb-3 align-left heading-primary">
                <sup><del>20%</del></sup>30%<sup>OFF</sup>
              </h4>
              <div class="btn-container mb-0 d-inline-block"><button class="btn btn-modern btn-sm btn-dark">Shop Now</button></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="home-ads2 col-md-4">
      <div class="wpb_wrapper vc_column-inner">
        <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 147px; border: 14px solid #1d70ba;">
          <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/05/shop5_home_banner2.jpg&quot;}}" />
          <div class="porto-ibanner-desc no-padding d-flex">
            <div class="porto-ibanner-layer" style="width: 50%; left: 5%; top: 50%; transform: translateY(-50%);">
              <h3 style="font-size: 1.375rem; line-height: 1; letter-spacing: 0.01em;" class="vc_custom_heading mb-1 align-right">DEAL PROMOS</h3>
              <h4 style="font-size: 0.9375rem; color: #777777; line-height: 1; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-0 align-right">STARTING AT $99</h4>
            </div>
            <div class="porto-ibanner-layer" style="width: 40%; right: 0%; top: 50%; transform: translateY(-50%);">
              <div class="vc_btn3-container mb-0 vc_btn3-inline"><button class="vc_btn3 vc_btn3-shape-default btn btn-modern btn-sm btn-dark">Shop Now</button></div>
            </div>
            <div class="porto-ibanner-layer" style="left: 3%; top: 5%;">
              <h5 style="font-size: 1rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark heading-light">
                50<small><sup>%</sup><sub>OFF</sub></small>
              </h5>
            </div>
            <div class="porto-ibanner-layer" style="right: 3%; top: 6%;">
              <h5 style="font-size: 0.75rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark heading-light">
                70<small><sup>%</sup><sub>OFF</sub></small>
              </h5>
            </div>
            <div class="porto-ibanner-layer" style="right: 45%; bottom: 10%;">
              <h5 style="font-size: 0.625rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-dark mb-0 heading-light">
                30<small><sup>%</sup><sub>OFF</sub></small>
              </h5>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="wpb_wrapper vc_column-inner">
        <div class="porto-ibanner porto-ibe-boxshadow m-b-md" style="min-height: 175px;">
          <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/05/shop4_home_banner3.jpg&quot;}}" />
          <div class="porto-ibanner-desc no-padding d-flex">
            <div class="porto-ibanner-layer" style="right: 7%; top: 50%; transform: translateY(-50%);">
              <h3 style="font-size: 1.5rem; line-height: 1;" class="vc_custom_heading mb-2 align-right">Handbags</h3>
              <h4 style="font-size: 0.9375rem; line-height: 1.3; font-weight: 600; letter-spacing: 0.01em;" class="vc_custom_heading mb-2 pb-1 align-right heading-secondary">STARTING AT $99</h4>
              <div class="btn-container mb-0 text-right"><button class="btn btn-modern btn-sm btn-dark">Shop Now</button></div>
            </div>
            <div class="porto-ibanner-layer" style="width: 30%; left: 5%; bottom: 3%;">
              <div class="wpb_single_image wpb_content_element vc_align_left mb-0">
                <div class="wpb_wrapper">
                  <div class="vc_single_image-wrapper vc_box_border_grey">
                    <img src="{{media url=&quot;wysiwyg/smartwave/porto/brands/new_brand3.png&quot;}}" style="display: block;" />
                  </div>
                </div>
              </div>
            </div>
            <div class="porto-ibanner-layer" style="left: 31%; top: 24%;">
              <h5 style="font-size: 1.75rem; line-height: 1; text-align: center;" class="vc_custom_heading sale-label background-color-secondary heading-light">
                40<small><sup>%</sup><sub>OFF</sub></small>
              </h5>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row m-b-md" style="margin-right: 0px; margin-left: 0px; background-color: #ffffff;">
    <div class="col-md-12" style="padding-top: 20px; padding-right: 20px; padding-left: 20px;">
      <div class="vc_column-inner">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_type="3" extra_class="nav-center-images-only nav-style-4" product_count="10" column_count="5" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}}
        <div class="load-more text-center" style="margin: 20px 0 47px;">
          <a class="btn btn-modern btn-dark" href="#" style="padding: 1.4em 4em;font-size: .8125rem;line-height: 1.3333;">Show More...</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div style="background: url('{{media url=&quot;wysiwyg/smartwave/porto/homepage/05/shop5_home_banner3.jpg&quot;}}') left 15% no-repeat; padding: 20px 20px 6px; background-color: #1d70ba;"
       class="row align-items-center no-padding">
    <div class="category-content dir-column text-center-md col-md-12 col-lg-9">
      <div class="wpb_wrapper vc_column-inner">
        <h4 style="font-size: 1.3rem; line-height: 1; text-align: center; font-weight: 700; margin-right: 1rem; padding: 0.6rem 0.8rem;" class="pc-label-sale text-uppercase heading-light"><b>BIG SALE</b></h4>
        <h4 style="font-size: 1.25rem; color: #ffffff; line-height: 1.2;margin-left: -4px;" class="vc_custom_heading d-inline-block mr-3 align-left text-uppercase">ALL NEW FASHION BRANDS ITEMS UP TO 70% OFF</h4>
        <h6 style="font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); line-height: 1; font-weight: 500;" class="vc_custom_heading d-inline-block pb-1 align-left">Online Purchases Only</h6>
      </div>
    </div>
    <div class="text-lg-right col-md-12 col-lg-3">
      <div class="wpb_wrapper vc_column-inner">
        <div class="btn-container d-inline-block" style="margin-bottom: 14px; background-color: #ffffff;"><button class="btn btn-modern btn-lg btn-light">VIEW SALE</button></div>
      </div>
    </div>
  </div>
</div>
<div class="p-b-md porto-inner-container" style="margin-right: 0px; margin-left: 0px; padding-top: 60px; padding-bottom: 30px;">
  <div class="container">
    <div class="row no-padding">
      <div class="col-md-4">
        <div class="vc_column-inner">
          <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon">
            <div class="porto-sicon-top">
              <div class="porto-just-icon-wrapper" style="text-align: center;">
                <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;">
                  <i class="Simple-Line-Icons-earphones-alt"></i>
                </div>
              </div>
            </div>
            <div class="porto-sicon-header">
              <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">CUSTOMER SUPPORT</h3>
              <p style="font-weight: 600; line-height: 1.2;">Need Assistence?</p>
            </div>
            <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="vc_column-inner">
          <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon">
            <div class="porto-sicon-top">
              <div class="porto-just-icon-wrapper" style="text-align: center;">
                <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;">
                  <i class="Simple-Line-Icons-credit-card"></i>
                </div>
              </div>
            </div>
            <div class="porto-sicon-header">
              <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">SECURED PAYMENT</h3>
              <p style="font-weight: 600; line-height: 1.2;">Safe &amp; Fast</p>
            </div>
            <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="vc_column-inner">
          <div class="porto-sicon-box px-2 px-xl-4 style_1 top-icon">
            <div class="porto-sicon-top">
              <div class="porto-just-icon-wrapper" style="text-align: center;">
                <div class="porto-icon advanced" style="color: #ffffff; background: #0e0f11; width: 80px; height: 80px; line-height: 80px; border-radius: 40px; font-size: 35px; display: inline-block;">
                  <i class="Simple-Line-Icons-action-undo"></i>
                </div>
              </div>
            </div>
            <div class="porto-sicon-header">
              <h3 class="porto-sicon-title" style="font-weight: 700; font-size: 16px; color: #000000;">RETURNS</h3>
              <p style="font-weight: 600; line-height: 1.2;">Easy &amp; Free</p>
            </div>
            <div class="porto-sicon-description" style="font-size: 13px; color: #687176;">Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row py-5 no-padding" style="border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;">
    <div class="porto-carousel brand-carousel owl-carousel mb-0">
      <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand1.png"}}" alt="" /></div>
      <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand2.png"}}" alt="" /></div>
      <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand3.png"}}" alt="" /></div>
      <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand4.png"}}" alt="" /></div>
      <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand5.png"}}" alt="" /></div>
      <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/new_brand6.png"}}" alt="" /></div>
    </div>
    <script type="text/javascript">
      require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
        $(".brand-carousel.owl-carousel").owlCarousel({
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          nav: false,
          dots: false,
          loop: false,
          responsive: {
            0: {
              items: 2,
            },
            640: {
              items: 2,
            },
            768: {
              items: 3,
            },
            992: {
              items: 4,
            },
            1200: {
              items: 6
            },
          },
        });
      });
    </script>
  </div>
</div>