<!-- Movies Recent -->
<section class="position-relative py-4">
<div class="container px-md-5">
<div class="mx-md-1">
<div class="d-md-flex align-items-center justify-content-between mb-4 pb-1">
<h5 class="font-size-24 font-weight-medium font-secondary mb-md-0">Recently Viewed</h5>
<div class="d-none d-md-block border-top col p-0 mx-3 border-gray-3600"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">VIEW ALL</a>
</div>
<div class="row">
<div class="col-6 col-md-4 col-lg">
<div class="product my-2 mb-md-0">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/174x260/img4.jpg" alt="Image Description"></a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">Dirt</a></div>
</div>
</div>
<div class="col-6 col-md-4 col-lg">
<div class="product my-2 mb-md-0">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
<img class="img-fluid" src="../assets/img/174x260/img9.jpg" alt="Image Description">
</a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">The Convenient Groom</a></div>
</div>
</div>
<div class="col-6 col-md-4 col-lg">
<div class="product my-2 mb-md-0">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/174x260/img1.jpg" alt="Image Description"></a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">The Convenient Groom</a></div>
</div>
</div>
<div class="col-6 col-md-4 col-lg">
<div class="product my-2 mb-md-0">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
<img class="img-fluid" src="../assets/img/174x260/img7.jpg" alt="Image Description">
</a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">Bpm</a></div>
</div>
</div>
<div class="col-6 col-md-4 col-lg">
<div class="product my-2 mb-md-0">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/174x260/img6.jpg" alt="Image Description"></a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">Sunday</a></div>
</div>
</div>
<div class="col-6 col-md-4 col-lg">
<div class="product my-2 mb-md-0">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
<img class="img-fluid" src="../assets/img/174x260/img1.jpg" alt="Image Description">
</a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">The Convenient Groom</a></div>
</div>
</div>
<div class="col-6 col-md-4 col-lg">
<div class="product mt-2">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/174x260/img7.jpg" alt="Image Description"></a>
</div>
<div class="product-meta font-size-12 mb-1">
<span><a href="#" class="h-g-primary">2020</a></span>
<span><a href="#" class="h-g-primary">Action</a></span>
<span><a href="#" class="h-g-primary">Comedy</a></span>
<span><a href="#" class="h-g-primary">Mystery</a></span>
</div>
<div class="product-title font-weight-bold font-size-1"><a href="#">Bpm</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Movies Recent -->
