PRODUCT STYLE

Product Style

Duis autem vel eum iriure dolor in henrit in tate velit esse

$200 $160

Duis autem vel eum iriure dolor in henrit in tate velit esse

$200 $160

Duis autem vel eum iriure dolor in henrit in tate velit esse

$200 $160

Duis autem vel eum iriure dolor in henrit in tate velit esse

$200 $160

Duis autem vel eum iriure dolor in henrit in tate velit esse

$200 $160

Duis autem vel eum iriure dolor in henrit in tate velit esse

$200 $160
										
<div class="arrival-area">
<div class="row custom-row">
<div class="new-arrival-owl indicatorstyle">
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-1.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit  in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-6.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit  in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-2.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit  in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-3.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit  in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-4.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit  in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
<!-- Single Product -->
<div class="col-md-12 col-left-right">
<div class="single-product">
<div class="product-titel">
<h4><a href="#">Eletria ostma</a></h4>
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="box-content">
<div class="product-img">
<a href="#"><img src="img/product/arival-pro-1.jpg" alt="" /></a>
</div>
<div class="overlay-content">
<p>Duis autem vel eum iriure dolor in henrit  in tate velit esse</p>
<ul>
<li>
<a title="Add to cart" href="#">
<i class="flaticon-commerce"></i>
</a>
</li>
<li>
<a title="Quick View" href="#" data-toggle="modal" data-target="#productModal">
<i class="flaticon-symbols"></i>
</a>
</li>
<li>
<a title="Like" href="#">
<i class="flaticon-favorite-heart-button"></i>
</a>
</li>
<li>
<a title="Refresh" href="#">
<i class="flaticon-refresh-button"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="price-box">
<span class="old-price">$200</span>
<span class="price">$160</span>
</div>
</div>
</div>
<!-- Single Product -->
</div>
</div>
</div>
										
									
										
.arrival-area.section-padding{
position:relative;
display:block;
overflow:hidden;
}
.section-titel {
display: block;
margin-bottom: 50px;
overflow: hidden;
padding-left: 20px;
position: relative;
width: 33%;
}
.section-titel::before {
background: #111 none repeat scroll 0 0;
content: "";
height: 72px;
left: 0;
position: absolute;
top: 4px;
width: 5px;
}
.section-titel > h3 {
font-family: montserrat;
font-weight: 600;
}
.section-titel > p {
color: #656565;
font-family: open sans;
margin: 0;
}
.single-product {
background: #ebebeb none repeat scroll 0 0;
padding: 20px;
}
.product-titel {
display: block;
overflow: hidden;
}
.product-titel > h4 {
float: left;
margin: 0 0 10px;
}
.product-titel > h4 a {
color: #282828;
font-family: montserrat;
font-size: 12px;
font-weight: normal;
}
.product-titel > h4 a:hover{color:#ff4081;}
.rating-box {
float: right;
margin-right: 2px;
margin-top: 2px;
}
.rating-box i {
color: #ff4081;
cursor: pointer;
font-size: 12px;
margin-right: 2px;
width: 8px;
}
.overlay-content {
background: #e8e8e8 none repeat scroll 0 0;
height: 100%;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
box-shadow: 0 0 10px 0 #cccccc;
visibility:hidden;
transform:scale(0);
transition:.5s;
}
.single-product:hover .overlay-content{
visibility:visible;
transform:scale(1);
}
.overlay-content > p {
color: #656565;
font-family: open sans;
line-height: 20px;
margin: 75px 0 22px;
padding: 0 19px;
}
.shop-tab-area.shop-left .overlay-content > p {
margin: 29px 0 22px;
}
.overlay-content > ul {
background: #fff none repeat scroll 0 0;
padding: 13px 0;
}
.overlay-content > ul > li {
border-right: 1px solid #ACACAC;
display: inline-block;
line-height: 12px;
margin-top: 0;
padding: 0;
}
.overlay-content > ul > li:last-child {
border: medium none;
}
.overlay-content > ul > li a {
color: #656565;
left: 0;
margin-bottom: 0;
margin-right: auto;
margin-top: 0;
padding: 0 10px;
right: 0;
text-align: center;
}
.shop-tab-area.shop-left .overlay-content > ul > li a {
padding: 0 8px;
}
.overlay-content > ul > li a:hover{color:#FF4381;}
.overlay-content [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
font-size: 16px;
margin-left: 0;
}
.price-box {
margin-top: 12px;
text-align: center;
}
.price-box span.old-price {
color: #a6a6a6;
font-size: 13px;
margin-right: 15px;
text-decoration: line-through;
font-family:montserrat;
}
.price-box span.price {
color: #ff4081;
font-family: montserrat;
font-size: 15px;
font-weight: 600;
margin-right: 0;
text-decoration: none;
}
.box-content {
position: relative;
text-align: center;
}
.product-img > a {
display: block;
}
.product-img img {
width: 100%;
}
.arrival-area .owl-theme .owl-controls, .featured-area .owl-theme .owl-controls {
margin-top: 0;
position: absolute;
right: 6px;
text-align: right;
top: -40px;
}
.arrival-area .owl-theme .owl-controls .owl-buttons div, .featured-area .owl-theme .owl-controls .owl-buttons div {
background: #EBEBEB none repeat scroll 0 0;
border-radius: 0px;
color: #282828;
display: inline-block;
font-size: 18px;
margin: 5px;
opacity: 0.5;
padding: 0 10px;
}
.arrival-area .owl-theme .owl-controls .owl-buttons div:hover, .featured-area .owl-theme .owl-controls .owl-buttons div:hover, .zoom-section .zoom-desc .owl-theme .owl-controls .owl-buttons div:hover{
color: #ff4081;
}									
										
									
										
$(".new-arrival-owl").owlCarousel({
autoPlay: false,
slideSpeed:2000,
pagination:false,
navigation:true,
items : 5,
navigationText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
itemsDesktop : [1199,4],
itemsDesktopSmall : [980,3],
itemsTablet: [768,2],
itemsMobile : [479,1],
});								
										
									

OUR BRANDS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor psum dolor sit ame

Lorem ipsum dolor sit amet, consectetur acing elit, sed do eiusmod tempor inciidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam inciidunt ut labore et dolore magna

  • 8901 Marmora Raod, Glasgow, D04 89GR

  • Telephone : (801) 4256 9856 Telephone : (801) 4256 9658

  • Email: [email protected] Website: www.mobanwang.com