.header-style1{
	.sticky-menu{
		position: fixed; z-index:999; box-shadow: 0 1px 2px 0 @border-color;
	}
}
.primary-menu .navbar-inverse{
	background-color:transparent;
	border-color:#fff;
}
/* =============================================================== */
/* Dropdown Menu ================================================= */
.nav-pills {
	display: inline-block;
	margin-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	&.nav-css{
		>li {
			float: none; display: inline-block;
			> a{
				padding: 17px 20px; line-height: 22px;
			}
			&.dropdown {
				> a{
					span.menu-img{
						position:absolute;
						right:5px; top:-7px;
					}
				}
				.dropdown-menu {
					box-shadow:none;
					border:1px solid #eaeaea;
					padding:0;
					min-width:200px;
					li {
						width: 100%;
						padding:0 20px;
						>a {
							padding: 13px 0;
							color:@body-color;
							font-size:14px;
							border-bottom:1px solid #eaeaea;
							&:hover {
								color: @a-color;
							}
						}
						&.active > a{
							color:@a-color;
						}
						&:last-child > a{
							border:0;
						}
						&.dropdown-submenu {
							position: relative;
							.dropdown-menu {
								top: -1px;
								left: 100%;
								.rtl & {
									left: auto;
									right: 100%;
								}
								> a{
									border-bottom:1px solid #eaeaea;
								}
							}
						}
					}
				}
			}
			&:hover{
				.dropdown-menu {
					top: 100%;					
					.opacity(1);
					visibility: visible;
				}
			}
		}
	}
	>li {
		float: none;
		display: inline-block;
		> a {
			background-color: transparent;
			position: relative;
			padding: 0 30px;
			display: block;
			font-size: 14px;
			line-height: 50px;
			color: #fff;
			border-radius: 0;
			&:before{
				content:""; width:0; height:3px; position: absolute; bottom: 0; left: 50%; background: @a-color;
				opacity: 0; visible: hidden; .transition(all 0.3s);
			}
			&:hover, &:focus {
				background-color: #186cb1;
				.transition(all 0.3s);
			}
			span.fa{
				margin-right: 5px; font-size: 16px;
			}
		}
		&.active {
			> a { 
				color: #fff;
			}
		}
		&.dropdown {
			> a{
				position:relative;
				&:after{
					content: "\f0d7";
					font-family:FontAwesome;
					position:absolute;
					right:5px;
					.rtl &{
						left:5px;
						right:auto;
					}
				}
			}
			.dropdown-menu {
				text-align: left;
				display: block;
				visibility: hidden; 							
				top: 125%;
				padding: 15px 0;
				border: none;
				min-width: 200px;
				.border-radius(0);
				.opacity(0);
				.transition( all .3s );
				.rtl &{
					text-align: right;
				}
				li {
					width: 100%;
					>a {
						position: relative;
						display: block;
						padding: 10px 25px;
						color:#7d7d7d;
						&:hover {
							color: @a-color;
						}
					}
					&.dropdown-submenu {
						position: relative;
						.dropdown-menu {
							position: absolute;
							top: -16px;
							left: 110%;
							visibility: hidden; 
							margin: 0;
							.opacity(0);
							.transition( all .3s );
							.rtl & {
								left: auto;
								right: 110%;
							}
						}
					}				
				}
				>.dropdown-submenu:hover {
					>.dropdown-menu {
						left: 100%;
						visibility: visible; 
						.opacity(1);
						.rtl & {
							left: auto;
							right: 100%;
						}
					}
				}			
			}
			&:hover {
				&:before {
					top: 100%;
					visibility: visible;
					.opacity(1);
				}								
			}
			> .dropdown-menu.visible{
				visibility: visible;
				top: 100%;					
				.opacity(1);
			}
			&.column-2 {
				.dropdown-menu {
					width: 665px;
					> li {
					    width: 50%;
					    border: none;
					    float: left;
					}
				}
			}	
		}
		&.active {
			position: relative;
			>a, >a:hover, >a:focus {
				background-color: #186cb1;
				.transition(all 0.3s);
			}
		}
	}
	.dropdown-menu {
		li {
			&.active, &:hover {
				>a {
					color: @a-color;
					background-color: transparent;
				}
			}
		}		
	}
}

/* =============================================================== */
/* Mega Menu ===================================================== */
.nav-pills.nav-mega {
	.menu-img{
		position:absolute;
		right:5px;
		top:-7px;
		.header-style2 &{
			top: -4px;
		}
	}
	.kingstore-mega-menu {
		.wpb_raw_html{
			margin-bottom:0;
		}
		&.kingstore-menu-img > a{
			span.menu-img{
				position:absolute;
				right:5px; top:-7px;
				.header-style2 &{
					top: -4px;
				}
			}
		}
		.dropdown-menu {
			padding: 30px 15px 15px;
			width: 100%;
			visibility: hidden;
			box-shadow: 0px 0px 5px #999;
			li {
				&.active >a, &:hover >a {
					background-color: transparent;
				}
				.dropdown-sub > li{
					&.active >a, &:hover >a {
						background-color: transparent;
						color:@a-color;
					}
				}
			}
			>li {
				float: left;
				padding: 0 15px;
				&.image-full {
					width: 100% !important;
					padding-top: 0;
					>a {
						border-bottom: 0;
						font-size: 14px;
						text-transform: uppercase;
						padding: 7px 20px;
						.menu-title {
							display: none;
						}
					}
					img {
						width: 100%;
					}
				}
				.item-bottom {
					display: none;
				}
				.rtl & {
					float: right;
				}
			}
			.dropdown-submenu {			
				>a, >.have-title {
					text-transform: uppercase;
					font-weight: normal;
					padding: 0;
					display: block;
					color: @body-color;
					font-size: 14px;
					font-weight: 700;
					.menu-title{
						display: block; 
						padding-bottom: 15px;
						border-bottom: 1px #eaeaea solid; 
						margin-bottom:5px;
					}
				}
				.dropdown-sub {
					a {
						padding: 9px 0; line-height: 22px;
						text-transform: capitalize;
						font-size:14px;
						color:#7d7d7d;
						&:hover{color: @color;}
					}
					>li {
						.menu-img {
							float: left;
							width: 25px;
							margin-right: 15px;
							.rtl & {
								float: right;
								margin-right: 0;
								margin-left: 15px;
							}
						}
					}
				}
			}
			&.column-1 {
				min-width: 1170px;
				padding:30px 0 15px;
				>li {
					width: 100%;
				}
			}
			&.column-2 {
				min-width: 380px;
				>li {
					width: 50%;
				}				
			}
			&.column-3{
				min-width: 720px;
				>li {
					width: 33.33%;
				}
			}	
			&.column-4 {
				min-width: 875px;
				>li {
					width: 25%;
				}
			}
			&.column-5 {
				min-width: 1170px;
				>li {
					width: 20%;
				}
			}	

			.kingstore-menu-img {
				>a {
					padding: 15px 0 0 0;
					&:before {
						display: none;
					}
					&:hover{color: @color;}
				}
				&:hover {
					img {
						.opacity(0.75);
					}
				}
			}
			.menu-shortcode {
				>a {
					display: none;
				}
			}

		}
		&.custom-image-col5 {
			.dropdown-menu.column-5 {
				>li {
					width: 18%;
					&.kingstore-menu-img {
						width: 28%;
					}
				}
			}
		}
		&.custom-mega-product {
			.dropdown-menu {
				padding: 0;
				>li {
					padding: 0;
				}
			}
		}
		&:hover {
			.dropdown-menu {
				
				.listing-tab-shortcode .tabbable.tabs .tab-content {
					visibility: visible;
				}
			}
		}
	}	

	.kingstore-menu-custom  {
		> .dropdown-menu{
			> li.active > a{
				color:@a-color;
			}
		}
		ul {
			box-shadow:0px 0px 5px #999;
			.menu-img {
				display: none;
			}
			> li > a{
				font-size:14px;
			}
			li >.have-title {
				position: relative;
				display: block;
				padding: 10px 25px;
				&:before {
					content: "\f111";
					font-family: fontawesome;
					font-size: 6px;
					display: inline-block;
					vertical-align: middle;
					padding-right: 8px;
					.rtl & {
						padding-right: 0;
						padding-left: 8px;
					}
				}
			}
			.dropdown-submenu {
				>ul {
					position: absolute;
					background-color: #fff;
					left: 110%;
					top: 0;
					padding: 15px 0;
					visibility: hidden;
					.opacity(0);
					.transition(all .3s);
					min-width:180px;
					.rtl & {
						left: auto;
						right: 110%;
					}
					>li {
						position: relative;
						ul {
							padding: 15px 0;
							position: absolute;
							background-color: #fff;
							left: 110%;
							top: 0;
							visibility: hidden;
							.opacity(0);
							.transition(all .3s);
							.rtl & {
								left: auto;
								right: 110%;
							}
							>li:hover {
								>ul {
									left: 100%;
									visibility: visible;
									.opacity(1);
									.rtl & {
										left: auto;
										right: 100%;
									}
								}
							}
						}
						&:hover {
							>ul {
								left: 100%;
								visibility: visible;
								.opacity(1);
								.rtl & {
									left: auto;
									right: 100%;
								}
							}
						}
					}
				}
				&:hover {
					>ul {
						left: 100%;
						visibility: visible;
						.opacity(1);
						.rtl & {
							left: auto;
							right: 100%;
						}
					}
				}
			}
		}
	}
	.kingstore-mega-menu.custom-image-col4{
		.dropdown-menu.column-4{
			>li.kingstore-menu-img{
				width: 22%;
				a{
					.menu-title{
						border-bottom: none;
					}
				}
			}
			>li.custom-slider-col4{
				width: 31%; margin-left: 1.3%;
				border-left: 1px #e6e6e6 solid;
				.rtl &{
					border-right: 1px #e6e6e6 solid; border-left: 0; margin-right: 1.3%; margin-left: 0;
				}
				.order-title{
					display: none;
				}
				.sw-woo-container-slider{
					margin-bottom: 0;
					.item .item-wrap {
						.item-detail {
							.item-content{
								padding: 20px 15px;
							}
						}
						&:hover{
							.item-detail{
								border: 1px transparent solid;
							}
						}
					}
					.slick-next{
						right: 0;
					}
					.slick-prev{
						left: 0;
					}
				}
			}
		}
	}
} 

/* Vertical Mega Menu */
.mega-left-title{
	background: @color; border-radius: 4px 4px 0 0;
	height: 44px; line-height: 46px;
	overflow: hidden; padding:0 15px;
	strong{
		color: #fff; position: relative;
		text-transform:uppercase;
		font-size: 14px; display: block;
		font-weight: 700;
		&:before{
			content: '\f00b'; font-family: FontAwesome;
			display: inline-block; font-size: 14px; font-weight: normal;
			margin-right:10px; color: #fff;
			.rtl &{
				margin-left:10px; margin-right:0;
			}
		}
		&:after{
			position: absolute;right: 5px;top: 15px;color: #fff;font-weight: normal;content: '\f0d7';font-family: FontAwesome;font-size: 14px;
			border: 1px #fff solid;border-radius: 50%;height: 15px;line-height: 15px;width: 15px; text-align: center;
			.rtl &{
				left:5px; right:auto;
			}
		}
	}
}
.vertical_megamenu-header .wpb_content_element{
	margin:0;
}
.vertical_megamenu-header{
	&:hover{
		.wrapper_vertical_menu{
			opacity:1;.translateY(0); visibility:visible;
		}
	}
}
.wrapper_vertical_menu{
	position:absolute; min-width:248px;
	.translateY(40px); .transition(all 0.3s);
	opacity:0; visibility:hidden; z-index:9;
	.dropdown-sub{
		margin: 0;
	}
	.vertical-megamenu{
		position: relative;
		margin: 0;
		box-shadow: 0px 1px 2px 2px #efefef;
		background-color:#fff;
		border-top:0;
		z-index:9; border-radius: 0 0 4px 4px;
		.home-style2 &{
			box-shadow: none;
		}
		.home-style3 &{
			box-shadow: none; border: 1px @border-color solid;
		}
		> li{
			padding:0 15px;
			background: none;
			border:0;
			position:relative;
			z-index:1;
			cursor:pointer;
			&:last-child > a{
				border-bottom:0;
			}
			&.showMore a{
				&.open-more-cat{
					background: url('../assets/img/icon-more.jpg') no-repeat center left; padding-left: 33px; margin: 0 0 0 2px;
					.rtl &{
						background: url('../assets/img/icon-more.jpg') no-repeat center right; padding-left: 0; padding-right: 33px; margin: 0 2px 0 0;
					}
				}
				&.close-more-cat{
					background: url('../assets/img/icon-less.jpg') no-repeat center left; padding-left: 33px; margin: 0 0 0 2px;
					.rtl &{
						background: url('../assets/img/icon-less.jpg') no-repeat center right; padding-left: 0; padding-right: 33px; margin: 0 2px 0 0;
					}
				}
				&:before{
					display: none;
				}
			}
			&.icon-phone{
				> a{
					span.menu-img{
						position:absolute;
						left:0;
						top:13px;
						display: inline-block;
					}
				}
			}
			&.icon-sport{
				> a{
					span.menu-img{
						position:absolute;
						left:0;
						top:19px;
						display: inline-block;
					}
				}
			}
			> a{
				font-size:15px; font-weight: 500;
				padding:9px 20px 8px 15px;
				line-height:30px; border-bottom: 1px @border-color solid;
				color:@body-color; position: relative;
				.rtl &{
					padding:9px 15px 8px 20px;
				}
				&:before{
					content: '\f111'; font-family: FontAwesome;font-size: 5px;position: absolute;top: 9px;left: 0; color: #444;
					.rtl &{
						left: auto; right: 0;
					}
				}
				> span.menu-img{
					display: inline-block;
					vertical-align: middle;
					min-width: 20px;
					margin-right: 15px;
					.rtl &{
						margin-right: 0; margin-left: 20px;
					}
				}
				&:hover{
					background-color:#fff;
				}
				.have-title{
					.transition(all 0.5s);
				}
				&:hover{
					color:@color;
				}
			}
			> .dropdown-menu{
				position: absolute; .transition(all 0.4s ease); visibility: hidden; display: inherit; .opacity(0); .translate(0, 60px);
				left: 100%;
				top: 0;
				border-radius: 0;
				min-width: 230px;
				border-radius:0;
				padding:0;
				border:0;
				.rtl &{
					left: auto; right: 100%;
				}
				> li{		
					position: relative;
					line-height:32px;
					> a{
						position: relative;
						padding: 10px 20px;
						color:@body-color;
						position:relative;
						background-color:#fff;
						border-bottom:1px solid @border-color;
						text-transform:capitalize;
					}
					.dropdown-menu{
						position: absolute;
						left: 100%;							
						margin: 0;
						top: 0;
						background: #fff;
						display: none;
						min-width: 230px;
						padding:0;
						border-radius:0;
						border:0;
						.rtl &{
							left: auto; right: 100%;
						}
						> li{
							position: relative;						
							line-height:32px;
							> a{
								position: relative;
								padding: 10px 20px;
								color:@body-color;
								position:relative;
								background-color:#fff;
								border-bottom:1px solid @border-color;
								text-transform:capitalize;
								&:hover{
									background-color:#fff;
								}
							}
							&:hover{
								> a{
									background-color: #f7f7f7;
									color: @color;
									&:before{
										background-color:@color;
									}
								}
								> .dropdown-menu{
									display: block;
								}
							}							
						}
					}					
					&:hover{
						> a{
							color: @color;
							&:before{
								background-color:@color;
							}
						}
						> .dropdown-menu{
							display: block;
						}
					}
				}
			}
			&.dropdown{
				> a{
					&:hover{
						&:after{
							color:@color;
						}
					}
					&:after{
						content: '\f105';
						font-family: fontawesome;
						font-size:14px;
						color:#7d7d7d;
						position: absolute;
						right: 0px;
						top:9px;
						.rtl &{
							left:0px;
							right:auto;
							content: '\f104';
						}
					}
				}
			}
			&:hover{
				.dropdown-menu{
					display: block; .transition(all 0.4s ease); visibility: visible; .opacity(1); .translate(0px, 0px);
				}
				> a{
					color:@color;
					.have-title{
						.transition(all 0.5s); padding-left: 15px;
						.rtl &{
							padding-left: 0; padding-right: 15px;
						}
					}
				}
			}
			> .dropdown-menu.visible{
				display: block; .transition(all 0.4s ease); visibility: visible; .opacity(1); .translate(0px, 0px);
			}
			&.kingstore-menu-custom{
				ul{
					min-width:180px;
					padding:20px 0;
					border:1px solid #eee;
					box-shadow: 2px 3px 5px #999;
					border-radius:0;
					box-shadow:none;
					> li{
						line-height:32px;
						padding:0 30px;
						a{
							color:#777;
							font-size:14px;
							position:relative;
							background-color:#fff;
						}
						.dropdown-sub{
							min-width:180px;
							padding:20px 0;
							border:1px solid #bbb;
							border-radius:5px;
							box-shadow:none;
							display:none;
							position:absolute;
							left:100%;
							top:0;
							background-color:#fff;
							.rtl &{
								left: auto; right: 100%;
							}
							> li{
								padding:0 30px;
								line-height:normal;
								a{
									padding:6px 10px;
									font-size:14px;
									line-height:20px;
									position:relative;
									background-color:#fff;
									padding-left:15px;
									text-transform:capitalize;
									.rtl &{
										padding-left: 0; padding-right: 15px;
									}
								}
								&:hover >  a{
									background: #fff;
									color: @color;
									&:before{
										background-color:@color;
									}
								}
							}
						}
						
						&:hover > .dropdown-sub{
							display: block;	
						}
						&.active, &:hover{
							> a{
								color:@color;
								&:before{
									background-color:@color;
								}
							}
						}
					}
				}
			}
			&.kingstore-mega-menu{
				> li{
					position:static;
				}
				> .column-1.dropdown-menu{
					.kingstore-menu-img{
						clear:none;
						position:absolute;
						max-width:260px !important;
						width:260px !important;
						position:absolute;
						top:0;
						right:0;
						padding:0;
						> a{
							padding:0;
							&:before{
								width:0;
								margin:0;
							}
						}
						.rtl &{
							right: auto; left: 0;
						}
					}
					
				}
				> .column-2{
					min-width: 600px;
					> li{
						width:160px;
					}
					> li:nth-child(2n+1){
						clear: both;
					}
					.column-2{
						clear:both;
						width:100%;
						background-color:#ddd;
						height:60px;
						line-height:60px;
						padding: 0 30px;
						.rtl &{
							padding:0 30px;
						}
						.tag-menu ul{
							margin:0;
							> li{
								display:inline-block;
								span{
									font-size:14px;
									color:#666;
								}
								&:first-child{
									span{
										font-weight:bold;
										color:@body-color;
									}
								}
							}
						}
					}
				}
				&.menu-fashion{
					> .column-3{
						.kingstore-menu-img{
							width:100%;
							padding:0 15px 5px;
						}
					}
				}
				> .column-3{
					min-width: 650px;
					.kingstore-menu-img{
						padding:0 15px 5px;
						> a{
							padding:0; border: none;
							.have-title{
								.menu-title{
									padding-bottom: 10px; display: block; border-bottom: 1px #eee solid; margin-bottom: 10px;
								}
							}
							img{
								.transition(0.3s);
								&:hover{
									opacity:0.85;
								}
							}
						}
					}
					> li:nth-child(3n+1){
						clear: both;
					}
				}
				> .column-4{
					min-width: 885px;
					> li{
						width:285px !important;
						img{
							.transition(0.3s);
							&:hover{
								opacity:0.85;
							}
						}
						> .dropdown-menu{
							padding:5px 15px 18px;
						}
						&.kingstore-menu-img > a  .menu-title{
							margin-top:24px;
							display:inline-block;
						}
					}
					> li:nth-child(4n+1){
						clear: both;
					}
				}
				> .column-5{
					min-width: 900px;
					> li:nth-child(5n+1){
						clear: both;
					}
				}
				> .dropdown-menu{
					border:0;
					border-radius:0;
					box-shadow:2px 3px 5px #999;
					margin:0;
					padding:0 15px;
					> li{
						width: 205px;
						padding: 25px 15px 10px;
						float: left;
						line-height:unset;
						.rtl &{
							float: right;
						}
						&:last-child{
							border:0;
							.rtl &{
								border:0;
							}
						}
						&:hover > a{
							background-color:#fff;
						}
						&.dropdown-submenu > a{
							margin-bottom:5px;
							padding:0 0 10px;
							font-size:16px;
							color:@body-color;
							text-transform:uppercase;
							font-weight: 700;
						}
						.rtl &{
							float: right;
						}
						> a, > span{
							display: block; font-size: 18px;
							margin-bottom: 15px;
							&:after{
								display: none;
							}
						}
						.dropdown-sub{
							> li{
								&:last-child > a{
									border:0;
								}
								> a{
									padding:0;
									line-height:38px;
									display: block;
									font-size:14px;
									color:#7d7d7d;
									position:relative;
								}
								&.kingstore-menu-img > a{
									padding-left:30px;
									span.menu-img{
										position:absolute;
										left:0;
										top:14px;
										display: inline-block;
										.rtl &{
											right:0;
											left:auto;
										}
									}
									.menu-title{
										padding:0;
										margin:0;
									}
								}
								&.active, &:hover{
									a{
										color:@color;
									}
								}
							}
						}
						&.col-1{
							min-width: 160px;
						}
						&.col-2{
							min-width: 360px;
						}
						&.col-3{
							min-width: 540px;
						}
						&.col-4{
							min-width: 720px;
						}
						&.col-5{
							min-width: 900px;
						}
						&.col-6{
							min-width: 900px;
						}
					}
					> li.col3-img-right{
						padding: 30px 10px 25px 10px;
					}
				}
			}
			&.kingstore-menu-icon{
				> a{
					span.fa{
						margin: 0 7px 0 0;
						display: inline-block;
						width: 20px;
						text-align: center;
					}
				}
			}
			&.icon-phone.kingstore-menu-img{
				> a{
					span.menu-img{
						position:absolute;
						left:0;
						top:13px;
						display: inline-block;
					}
				}
			}
			&.icon-sport.kingstore-menu-img{
				> a{
					span.menu-img{
						position:absolute;
						left:0;
						top:19px;
						display: inline-block;
					}
				}
			}
			&.kingstore-menu-img{
				> a{
					span.menu-img{
						display: inline-block; vertical-align: middle; min-width: 20px; margin-right: 15px;
						img{
							margin: 0 auto;
						}
						.rtl &{
							margin-right: 0; margin-left: 15px;
						}
					}
				}
			}
		}
	}
}
.mega-menu .wrap-content{
	overflow:hidden;
	.item{
		float:left;
		width:25%;
		padding:0 15px;
		.item-image{
			img{
				margin-bottom:10px;
				.transition(0.3s);
			}
			&:hover img{
				opacity:0.9;
			}
		}
		.item-content{
			h3{
				font-size:14px;
				color:@body-color;
				font-weight: 700 !important;
				text-transform:uppercase;
				padding:15px 0;
				border-bottom:1px solid #eaeaea;
			}
			ul > li{
				> a{
					padding:10px 0;
					font-size:14px;
					color:#7d7d7d;
					&:hover{
						color:@color;
					}
				}
			}
		}
	}
}