.page-open-mobile-menu,
.page-close-mobile-menu {
	display: flex;
	height: 30px;
	align-items: center;
	div {
		position: relative;
		width: 24px;
		height: 18px;
		cursor: pointer;
	}
	i {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -1px;
		width: 100%;
		height: 2px;
		&:before,
		&:after {
			position: absolute;
			left: 0;
			width: 100%;
			height: 100%;
			content: '';
		}
		&:before {
			top: -8px;
		}
		&:after {
			top: 8px;
		}
	}
}

.page-mobile-menu-header {
	display: flex;
	height: 85px;
	align-items: center;
	padding: 0 30px;
	background: #ffffff;
}

.page-mobile-menu-logo {
	flex-grow: 1;
}

.page-mobile-menu-opened {
	overflow: hidden;
	.page-close-mobile-menu {
		i {
			background-color: transparent !important;
			&:before {
				top: 0;
				transform: rotate(-45deg);
			}
			&:after {
				top: 0;
				transform: rotate(45deg);
			}
		}
	}
}

.page-mobile-main-menu {
	position: fixed;
	top: 0;
	right: 100%;
	z-index: 9999999;
	overflow-x: auto;
	width: 100%;
	height: 100%;
	background: #ffffff;
	box-shadow: 3px 1px 29px rgba(0, 0, 0, .12);
	text-align: left;
	transition: all .3s;
	.admin-bar & {
		top: 32px;
		height: calc(100% - 32px);
	}
	.page-mobile-menu-opened & {
		right: 0;
	}
	.widgettitle {
		margin: 15px 0 10px;
	}
	.menu-item-has-children {
		> a {
			&:after {
				font-size: 14px;
				position: absolute;
				top: 50%;
				right: 0;
				content: '\f105';
				font-family: FontAwesome;
				transform: translate(0, -50%);
			}
		}
	}
	ul {
		margin: 0;
		padding: 0;
	}
	li {
		display: block;
		list-style-type: none;
		&.opened {
			> a {
				&:after {
					content: '\f107';
				}
			}
		}
	}
	.sub-menu {
		display: none;
		margin: 12px 0 14px 10px;
		li {
			> a {
				padding: 8px 0;
			}
		}
	}
	.wpb_column.vc_column_container {
		width: 100% !important;
	}
	.menu__container {
		padding: 20px 30px 30px;
		> li {
			> a {
				border: 0;
				padding: 10px 0;
			}
			+ li {
				> a {
					border-top: 1px solid transparent;
				}
			}
			&.opened {
				> a {
					border-bottom: 1px solid transparent;
				}
			}
		}
		li {
			> a {
				display: block;
				position: relative;
			}
		}
	}
	.tm-list {
		margin-bottom: 16px;
	}
	.mega-menu {
		margin-top: 20px;
	}
	.mega-menu-content .tm-list--v-flow .tm-list__item + .tm-list__item {
		margin-top: 16px;
	}
	.wpb_button,
	.wpb_content_element,
	ul.wpb_thumbnails-fluid > li {
		margin-bottom: 30px;
	}
	.widget_recent_entries,
	.widget_recent_comments,
	.widget_archive,
	.widget_categories,
	.widget_meta,
	.widget_product_categories,
	.widget_rss,
	.widget_pages,
	.widget_nav_menu,
	.insight-core-bmw {
		li {
			margin: 0;
		}
	}
}

@media screen and (max-width: 782px) {
	.page-mobile-main-menu {
		.admin-bar & {
			top: 46px;
			height: calc(100% - 46px);
		}
	}
}

@media screen and (max-width: 600px) {
	.page-mobile-main-menu {
		.admin-bar & {
			top: 0;
			height: 100%;
		}
	}
}

.desktop-menu {
	.page-open-mobile-menu {
		display: none !important;
	}
}