{# Departments menu #}
<hr class="pb-4">
<ul class="navbar-nav mega-nav pr-lg-2 mr-lg-2">
{% for category in categories %}
{% if loop.index <= 8 %}
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown">{{ category.nom }}</a>
{% if category.subcategories is not empty %}
<ul class="dropdown-menu">
{% for subcategory in category.subcategories %}
<li class=""><a class="dropdown-item " href="{{ path('product_by_sub_category', {'slug':subcategory.slug}) }}" data-toggle="dropdown"><i class="{{ category.icon }} opacity-60 font-size-lg mt-n1 mr-2"></i>{{ subcategory.nom }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}
{% endfor %}
<li class="nav-item"><a class="nav-link pl-0" href="{{ path('all_categories') }}">Autres</a>
</ul>
{#
<!-- Departments menu-->
<ul class="navbar-nav mega-nav pr-lg-2 mr-lg-2">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown"><i class="czi-menu align-middle mt-n1 mr-2"></i>Departments</a>
<ul class="dropdown-menu">
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-laptop opacity-60 font-size-lg mt-n1 mr-2"></i>Computers & Accessories</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Computers</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Laptops & Tablets</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Desktop Computers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Computer External Components</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Computer Internal Components</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Networking Products (NAS)</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Single Board Computers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Desktop Barebones</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Accessories</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Monitors</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bags, Cases & Sleeves</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Batteries</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Charges & Adapters</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cooling Pads</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mounts</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Replacement Screens</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Security Locks</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Stands</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/07.jpg" alt="Computers & Accessories"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$149.<small>80</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-mobile opacity-60 font-size-lg mt-n1 mr-2"></i>Smartphones & Tablets</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links mb-3">
<h6 class="font-size-base mb-3">Smartphones</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Apple iPhone</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Android Smartphones</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Phablets</a></li>
</ul>
</div>
<div class="widget widget-links">
<h6 class="font-size-base">Tablets</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Apple iPad</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Android Tablets</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Tablets with Keyboard</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Accessories</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Accessory Kits</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Batteries & Battery Packs</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cables</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Car Accessories</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Charges & Power Adapters</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">FM Transmitters</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Lens Attachments</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mounts & Stands</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Repair Kits</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Replacement Parts</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Styluses</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/09.jpg" alt="Smartphones & Tablets"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$127.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-monitor opacity-60 font-size-lg mt-n1 mr-2"></i>TV, Video & Audio</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Television & Video</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">TV Sets</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Theater Systems</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DVD Players & Recorders</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Blue-ray Players & Recorders</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">HD DVD Players & Recorders</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DVD-VCR Combos</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DTV Converters</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">AV Receivers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">AV Amplifiers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Projectors</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Projection Screens</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Satelite Television</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">TV-DTD Combos</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sound Systems</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Cinema Systems</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Streaming Media Players</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">VCRs</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Video Glasses</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Lens Attachments</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/08.jpg" alt="TV, Video & Audio"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$78.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-camera opacity-60 font-size-lg mt-n1 mr-2"></i>Cameras, Photo & Video</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Cameras & Lenses</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Point & Shoot Digital Cameras</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DSLR Cameras</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mirrorless Cameras</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Body Mounted Cameras</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camcorders</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camcorder Lenses</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camera Lenses</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Macro & Ringlight Flashes</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Shoe Mount Flashes</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Tripods & Monopods</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Video Studio</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Accessories</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bags & Cases</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Binoculars & Scopes</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Batteries & Chargers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cables & Cords</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camcorder Accessories</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cleaning Equipment</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Protector Foils</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Filters & Accessories</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Remote Controls</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Rain Covers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Viewfinders</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/10.jpg" alt="Cameras, Photo & Video"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$210.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-earphones opacity-60 font-size-lg mt-n1 mr-2"></i>Headphones</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Headphones</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Earbud Headphones</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Over-Ear Headphones</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">On-Ear Headphones</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bluetooth Headphones</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sports & Fitness Headphones</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Noise-Cancelling Headphones</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Accessories</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cases & Sleeves</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cables & Cords</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Ear Pads</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Repair Kits</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cleaning Equipment</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/11.jpg" alt="Headphones"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$35.<small>99</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-watch opacity-60 font-size-lg mt-n1 mr-2"></i>Wearable Electronics</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Gadgets</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Smartwatches</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Fitness Trackers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Smart Glasses</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Rings</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Virtual Reality</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Clips, Arm & Wristbands</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Accessories</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/12.jpg" alt="Wearable Electronics"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$79.<small>50</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-printer opacity-60 font-size-lg mt-n1 mr-2"></i>Printers & Ink</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links mb-3">
<h6 class="font-size-base mb-3">By type</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">All-in-One</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Copying</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Faxing</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Photo Printing</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Printing Only</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Scanning</a></li>
</ul>
</div>
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Scanners</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Business Card Scanners</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Document Scanners</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Flatbed & Photo Scanners</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Slide & Negative Scanners</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base">Printers</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Dot Matrix Printers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Inkjet Printers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Label Printers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Laser Printers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Photo Printers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wide Format Printers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Plotter Printers</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/13.jpg" alt="Printers & Ink"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$54.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-joystick opacity-60 font-size-lg mt-n1 mr-2"></i>Video Games</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Games & Hardware</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Video Games</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PlayStation 4</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PlayStation 3</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Xbox One</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Xbox 360</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nintendo Switch</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wii U</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wii</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PC</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mac</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nintendo 3DS & 2DS</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nintendo DS</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PlayStation Vita</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sony PSP</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Retro Gaming</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Microconsoles</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Accessories</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Digital Games</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/14.jpg" alt="Video Games"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$19.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-speaker opacity-60 font-size-lg mt-n1 mr-2"></i>Speakers & Home Music</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Speakers</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bluetooth Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bookshelf Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Ceiling & In-Wall Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Center-Channel Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Floorstanding Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Outdoor Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Satellite Speakers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sound Bars</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Subwoofers</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Surround Sound Systems</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Home Audio</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Theater</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wireless & Streaming Audio</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Stereo System Components</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Compact Radios & Stereos</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Audio Accessories</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/16.jpg" alt="Speakers & Home Music"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$43.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-server opacity-60 font-size-lg mt-n1 mr-2"></i>HDD/SSD Data Storage</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-md-nowrap px-2">
<div class="mega-dropdown-column py-4 px-3">
<div class="widget widget-links">
<h6 class="font-size-base mb-3">Data Storage</h6>
<ul class="widget-list">
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">External Hard Drives</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">External Solid State Drives</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">External Zip Drives</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Floppy & Tape Drives</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Internal Hard Drives</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Internal Solid State Drives</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Network Attached Storage</a></li>
<li class="widget-list-item pb-1"><a class="widget-list-link" href="#">USB Flash Drives</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/15.jpg" alt="HDD/SSD Data Storage"/></a>
<div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$21.<small>60</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
</div>
</div>
</div>
</li>
</ul>
</li>
</ul>#}