.navbar.apus-megamenu{
	border:none;
	@include border-radius(0);
}
.navbar-nav.megamenu{
	padding:0;
	> li{
		display: inline-block;
		padding:0;
		margin: 0;
		.menu-item-description{
		    font-size: 10px;
		    font-weight: 400;
		    text-transform: capitalize; 
		}
		> a{
			font-size: 14px;
    		font-weight:800;
		    padding: 22px 20px;
		    background: transparent;
		    font-family: $font-family-base;
		    text-transform: uppercase;
		    .fa,img{
		    	max-width: 50px;
		    	@include rtl-margin-right(8px);
		    }
		    &:hover,
		    &:active,
		    &:focus{
		    	background: transparent;
		    }
		}
		&:hover,
		&.active{
			> a{
				color: $theme-color;
		    	background: transparent;
			}
		}
		> .dropdown-menu{
			top: 100%;
			left: 0;
		}
		&.aligned-right{
			> .dropdown-menu{
				left: auto;
				right: 0;
			}
		}
	}
	.dropdown-menu{
		display: block;
		visibility:hidden;
		@include opacity(0);
		@include transform-origin(0,0);
		@include transition(all 0.2s ease-in-out 0s);
		@include rotateX(-90deg);
		@include border-radius(0);
		padding: 10px;
		border:none;
		position: absolute;
		left: 100%;
		top:0;
		.current-menu-item > a{
			color: $theme-color;
		}
		li{
			> a{
				background: transparent;
				position: relative;
				&:hover,
				&:active{
					background:#f8f8f8;
					color: $link-color;
				}
			}
			&.open ,
			&.active{
				> a{
					background:#f8f8f8;
					color: $link-color;
				}
			}
		}
		.dropdown-menu-inner{
			padding:20px ($theme-margin / 2) 0;
		}
		.widget-title,
		.widgettitle{
			font-weight: 400;
			margin: 0 0 25px;
			border: none;
			font-size: 20px;
			border-bottom: 1px solid #d2d7dc;
			padding: 0 0 10px; 
			position: relative;
			&:before{
				content: '';
				@include size(50px,1px);
				background: $link-color;
				position: absolute;
				@include rtl-left(0);
				bottom: -1px;
			}
			> span{
				padding: 0;
				margin: 0;
				border:none;
			}
		}
		// widget campaign list
		.posts-list{
			.give-btn,
			.total-goal,
			.time,
			.give-form-wrap,
			.entry-excerpt,
			.give-goal-progress{
				display: none;
			}
			.give-grid.give-list{
				padding: 0;
				margin: 0;
				.give-image{
					@include rtl-padding-right(15px);
				}
				.entry-title{
					font-size: 15px;
				}
				&:hover{
					@include box-shadow(none);
				}
			}
			.images{
				width: 85px;
			}
		}
		// widget video
		.video-wrapper-inner .video i{
			@include size(40px,40px);
			font-size: 40px;
			line-height: 40px;
		}
		// widget blogs
		.widget-blogs{
			.entry-title{
				font-size: 15px !important;
			}
			.meta,
			.btn-readmore,
			.description{
				display: none;
			}
			.post-list{
				margin: 0;
			}
			.list-inner{
				margin: 0;
				> div{
					padding: 0;
				}
				.image{
					width: 100px;
					@include rtl-padding-right(15px);
				}
				.info{
					width: calc(100% - 100px);
					overflow: hidden;
				}
			}
		}
	}
	.apus-container{
		padding-right:$theme-margin / 2;
		padding-left:$theme-margin / 2;
		width: 100%;
	}
	li:hover{
		> .dropdown-menu{
		    visibility:visible;
	        @include opacity(1);
	        @include rotateX(0deg);
		}
	}
	li.aligned-fullwidth{
		position: static;
		> .dropdown-menu{
			width: 100%;
		}
	}
	.text-label{
		font-size: 14px;
		padding: 2px 5px;
		background: $brand-primary;
		color: #fff;
		position:absolute;
		@include rtl-right(0);
		top:-15px;
		text-transform: capitalize;
		&.label-hot{
			background: $brand-danger;
		}
	}
}
// ofcanvas menu
.navbar-offcanvas{
	.icon-toggle{
		padding:5px 15px;
	}
	.navbar-nav{
		width: 100%;
		float: none;
		margin: 0;
		> li{
			display: block;
			float: none;
			position: relative;
			> .icon-toggle{
				position: absolute;
				top:5px;
				@include rtl-right(0);
				z-index: 9;
				cursor: pointer;
				color: $link-color;
				&:hover{
					color: $theme-color;
				}
			}
			> a{
				background: transparent !important;
				text-transform: uppercase;
				font-weight: 400;
			}
		}
		.open,
		.active{
			> a:hover,
			> a:focous,
			> a{
				color: $theme-color-second;
				background: transparent;
			}
		}
	}
	.dropdown-menu {
		margin: 0;
		> li {
			a{
				background: transparent !important;
			}
			&.active > a,
			> a:hover,
			> a:focus{
				color: $link-color;
				text-decoration: underline;
			}
		}
		[class *="col-sm"]{
			width: 100%;
		}
		.dropdown-menu-inner{
			padding: 0 $theme-padding;
		}
		.widgettitle{
			font-weight: 500;
			margin: 0 0 10px;
		}
		.dropdown-menu{
			left: 100%;
			top:0;
		}
	}
	li:hover{
		.dropdown-menu{
			display: block;
		}
	}
	.aligned-fullwidth{
		> .dropdown-menu{
			width: 100%;
		}
	}
}
// mobile menu
#main-mobile-menu{
	.has-submenu{
		> .sub-menu{
			@include rtl-padding-left(30px);
			list-style: none;
			display: none;
			li{
				line-height: 35px;
			}
		}
	}
	.widget .widget-title, .widget .widgettitle, .widget .widget-heading{
		border: 0;
		margin: 0;
		font-size: 13px;
		> span{
			padding: 0;
			margin: 0 0 8px;
			border:none;
		}
	}
}
#apus-mobile-menu{
	.btn-toggle-canvas{
		padding: 8px 15px;
		@include border-radius(0);
	}
	.offcanvas-head{
		strong{
			margin: 0 5px;
		}
	}
}
.menu-setting-menu-container{
	.apus-menu-top {
		margin:0;
		padding:0;
		list-style: none;
		line-height: 2;
		li a{
			padding:0 15px;
			width:100%;
		}
		ul{
			@include rtl-padding-left($theme-margin / 2);
		}
	}
}