.mobile-tabs {
	margin: 15px 0 15px;
}

.mobile-tabs .mobile-tab-items {
	border-bottom: 2px solid #e7e7e7;
}

.mobile-tabs .mobile-tab-item {
	padding: 10px;
	margin-bottom: -2px;
	font-weight: 600;
	border-bottom: 2px solid transparent;
}

.mobile-tabs .mobile-tab-item.active {
	border-bottom-color: var(--porto-primary-color);
	color: var(--porto-primary-color);
}

.mobile-tabs .mobile-tab-item a {
	color: inherit;
}

.mobile-tabs .mobile-tab-content {
	position: relative;
	width: 100%;
}

.mobile-tabs .tab-pane {
	display: none;
}

.mobile-tabs .tab-pane.active {
	display: block;
}

#side-nav-panel {
	position: fixed;
	height: 100%;
	width: 290px;
	top: 0;
	bottom: 0;
	font-size: 14px;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9001;
	background-color: #1d1e20;
	color: #fff;
	-webkit-overflow-scrolling: touch;
	transform: translateX(-290px);
	transition: transform .3s;
}

#side-nav-panel>.porto-ajax-loading {
	top: 50%;
}

#side-nav-panel.panel-left {
	left: 0;
	right: auto;
	transform: translateX(-290px);
}

#side-nav-panel.panel-right {
	right: 0;
	left: auto;
	transform: translateX(290px);
}

#side-nav-panel .accordion-menu>li.menu-item>a {
	text-transform: capitalize;
	letter-spacing: -.03em;
}

#side-nav-panel .accordion-menu>li.menu-item a {
	font-weight: 500;
	padding: 14px 43px 14px 16px;
}

#side-nav-panel .accordion-menu li.menu-item.has-sub>a {
	padding-right: 43px;
}

#side-nav-panel .accordion-menu .arrow {
	font-family: "porto";
	font-size: 15px;
	height: 53px;
	line-height: 53px;
	top: 0;
}

#side-nav-panel .accordion-menu .arrow:before {
	content: "";
}

#side-nav-panel .accordion-menu .hidden-item .arrow {
	display: none;
}

#side-nav-panel .accordion-menu .open>.arrow:before {
	content: "";
}

#side-nav-panel .accordion-menu li:not(:last-child), #side-nav-panel .accordion-menu.porto-view-switcher>li {
	border-bottom: 1px solid #242527;
}

#side-nav-panel .menu-empty {
	padding: 20px 10px;
}

.side-nav-panel-close {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}

html.panel-opened .side-nav-panel-close {
	display: block;
	color: #fff;
	top: 10px;
	right: 14.5px;
	padding: 4px 8px;
	opacity: 1;
	visibility: visible;
	z-index: 9999 !important;
}

.panel-overlay {
	opacity: 0;
}

.panel-overlay.active {
	background: #000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 8999;
	min-height: 100vh;
	opacity: .35;
	transition: opacity .2s;
}

html.panel-opened body>* {
	z-index: 0;
}

html.panel-opened #side-nav-panel {
	transform: translateX(0);
}

#side-nav-panel .welcome-msg {
	text-align: center;
	display: block;
	margin: 15px 0;
	padding: 0 10px;
}

#side-nav-panel .welcome-msg p {
	margin: 5px 0;
}

#side-nav-panel .welcome-msg .pull-left, #side-nav-panel .welcome-msg .pull-right {
	float: none !important;
}

#side-nav-panel .accordion-menu {
	font-size: 1em;
}

#side-nav-panel .accordion-menu .arrow {
	right: 0;
	width: 43px;
}

#side-nav-panel .mobile-menu {
	font-size: 1em;
}

#side-nav-panel .woocs-switcher li, #side-nav-panel .woocs-switcher li>h5 {
	cursor: pointer !important;
}

#side-nav-panel>.menu-wrap {
	padding-top: 20px;
}

#side-nav-panel .menu-custom-block {
	padding: 0 10px;
}

#side-nav-panel .menu-custom-block a, #side-nav-panel .menu-custom-block span {
	display: block;
}

#side-nav-panel .menu-custom-block a, #side-nav-panel .menu-custom-block span {
	padding: 14px 6px;
	text-decoration: none;
}

#side-nav-panel .share-links {
	font-size: 1em;
	margin: 15px 0;
	padding: 0 5px;
	text-align: center;
}

#side-nav-panel .switcher-wrap ul {
	margin-left: 0;
}

#side-nav-panel .searchform-fields {
	background-color: #f4f4f4;
}

#side-nav-panel .searchform {
	margin-top: 15px;
}

#side-nav-panel .searchform .btn i {
	font-size: 18px;
}

@media (max-width:991px) {
	#side-nav-panel .mobile-menu .hidden-item {
		padding: 0;
		border: none;
	}
	
	#side-nav-panel .mobile-menu .hidden-item:last-child {
		margin-bottom: -1px;
	}
}