<!doctype html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home || Bigon Responsive Ecommerce HTML Template</title>
<meta name="description" content="Default Description">
<meta name="keywords" content="E-commerce" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.png">
<!-- google font rubik -->
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600" rel="stylesheet">
<!-- mobile menu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- nivo slider css -->
<link rel="stylesheet" href="css/nivo-slider.css">
<!-- owl carousel css -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- slick css -->
<link rel="stylesheet" href="css/slick.css">
<!-- price slider css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- fontawesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- default css -->
<link rel="stylesheet" href="css/default.css">
<!-- style css -->
<link rel="stylesheet" href="style.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr js -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Wrapper Start -->
<div class="wrapper">
<!-- Newsletter Popup Start -->
<div class="popup_wrapper hidden-sm hidden-xs">
<div class="test">
<span class="popup_off">Close</span>
<div class="subscribe_area text-center mt-60">
<h2>Newsletter</h2>
<p>Subscribe to the Gatcomart mailing list to receive updates on new arrivals, special offers and other discount information.</p>
<div class="subscribe-form-group">
<form action="#">
<input autocomplete="off" type="text" name="message" id="message" placeholder="Enter your email address">
<button type="submit">subscribe</button>
</form>
</div>
<div class="subscribe-bottom mt-15">
<input type="checkbox" id="newsletter-permission">
<label for="newsletter-permission">Don't show this popup again</label>
</div>
</div>
</div>
</div>
<!-- Newsletter Popup End -->
<!-- Header Area Start -->
<header>
<!-- Header Top Start -->
<div class="header-top off-white-bg">
<div class="container">
<!-- Header Top left Start -->
<div class="header-top-left f-left">
<ul class="header-list-menu">
<!-- Currency Start -->
<li><a href="#">Us Dollar<i class="fa fa-angle-down"></i></a>
<ul class="ht-dropdown">
<li><a href="#">USD</a></li>
<li><a href="#">GBP</a></li>
<li><a href="#">EUR</a></li>
</ul>
</li>
<!-- Currency End -->
<!-- Language Start -->
<li><a href="#">English<i class="fa fa-angle-down"></i></a>
<ul class="ht-dropdown">
<li><a href="#">Spanish</a></li>
<li><a href="#">Bengali</a></li>
<li><a href="#">Russian</a></li>
</ul>
</li>
<!-- Language End -->
</ul>
<!-- Header-list-menu End -->
</div>
<!-- Header Top left End -->
<!-- Header Top Right Start -->
<div class="header-top-right f-right">
<ul class="header-list-menu right-menu">
<li class="hidden-xs"><span><i class="fa fa-phone"></i> Ordered before 17:30, shipped today - Support: (012) 800 456 789</span></li>
<li><a href="#"><i class="fa fa-cog"></i>setting</a>
<ul class="ht-dropdown ht-account">
<li><a href="login.html">My account</a></li>
<li><a href="wishlist.html">my wishlist</a></li>
<li><a href="login.html">sign in</a></li>
</ul>
</li>
</ul>
<!-- Header-list-menu End -->
</div>
<!-- Header Top Right End -->
</div>
<!-- Container End -->
</div>
<!-- Header Top End -->
<!-- Header Middle Start -->
<div class="header-middle white-bg header-sticky">
<div class="container">
<div class="row">
<div class="col-sm-12">
<!-- Logo Start -->
<div class="logo pull-left hidden-xs">
<a href="index.html"><img src="img/logo/logo.png" alt="logo-image"></a>
</div>
<!-- Logo End -->
<div class="col-xs-6 visible-xs full-col plr-0">
<!-- Logo Start -->
<div class="logo mt-12">
<a href="index.html"><img src="img/logo/logo.png" alt="logo-image"></a>
</div>
<!-- Logo End -->
</div>
<!-- Header Middle Menu Start -->
<div class="middle-menu hidden-xs pull-right">
<nav>
<ul class="middle-menu-list">
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown home-dropdown">
<li><a href="index.html">Home Version 1</a></li>
<li><a href="index-2.html">Home Version 2</a></li>
<li><a href="index-3.html">Home Version 3</a></li>
<li><a href="index-4.html">Home Version 4</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="about.html">about us</a></li>
<li><a h