/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.mega-menu, .menu-title,
.mega-menu .dropdown {
	display: none;
}	 

@media all and (min-width: 1201px) {

.mega-menu {
	display: block;
}
.mega-menu-responsive {
	display: none;
}

.mega-menu[data-enableclickfordropdown='true']
.has-sublist:hover > .sublist-wrap {
	pointer-events: none;
    opacity: 0;
}
.mega-menu[data-enableclickfordropdown='true']
.has-sublist > .sublist-wrap.active {
	pointer-events: auto;
    opacity: 1;
}
.mega-menu[data-enableclickfordropdown='true']
.has-sublist:after {
	display: none;
}

.mega-menu .dropdown {
	display: block;
	position: absolute;
	left: 0; z-index: 1;
    padding-top: 32px;
    pointer-events: none;
}
.mega-menu .row-wrapper {
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
    background-color: #fff;
    padding: 20px;
    text-align: left;
	opacity: 0;
	transition: all 0.2s ease;
}

.mega-menu .dropdown.active {
	pointer-events: auto;
}
.mega-menu .dropdown.active .row-wrapper {
	opacity: 1;
}

.mega-menu .row {
	overflow: hidden;
}
.mega-menu .row + .row {
	margin-top: 10px;
}
.mega-menu .box {
	float: left;
	padding: 10px;
}
.mega-menu .boxes-1 .box {
    width: 100%;
}
.mega-menu .boxes-2 .box {
    width: 50%;
}
.mega-menu .boxes-3 .box {
    width: 33.333%;
}
.mega-menu .boxes-4 .box {
    width: 25%;
}
.mega-menu .boxes-5 .box {
    width: 20%;
}
.mega-menu .boxes-6 .box {
    width: 16.666%;
}
.mega-menu .boxes-7 .box {
    width: 14.285%;
}
.mega-menu .boxes-8 .box {
    width: 12.5%;
}

.mega-menu .title {
	font-size: 18px;
	font-weight: 400;
	color: #222;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mega-menu .manufacturers .title,
.mega-menu .vendors .title {
	display: none;
}

.mega-menu .picture {
	margin-top: 10px;
	font-size: 0;
}
.mega-menu .picture a {
	display: block;
}

.mega-menu .subcategories {
	margin-top: 10px;
}
.mega-menu .subcategories a {
	display: block;
	position: relative;
	padding: 8px 0 8px 15px;
	font-size: 13px; /*reset zeroing*/
}
.mega-menu .subcategories a:hover {
	color: #222;
	text-shadow: 0 0 rgba(0,0,0,0.5);
}
.mega-menu .subcategories a:before {
	content: "\e902";
	position: absolute;
	top: 13px; left: 0;
	font-size: 7px;
}

.mega-menu a.view-all,
.mega-menu a.view-all:hover {
	font-weight: 400;
	color: #f61853;
}
.mega-menu a.manufacturer,
.mega-menu a.vendor {
	text-align: center;
}

}

@media all and (min-width: 1501px) {

.mega-menu {
	display: inline-block;
	min-width: 1170px;
}
.mega-menu .box {
	padding: 10px 15px;
}
.mega-menu .title {
	font-size: 20px;
}

}