.mobile-panel {
	visibility: visible;
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
	height: 60px;
	&__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		.menu-toggle {
			visibility: visible;
			opacity: 1;
			transition: all .3s ease-out;
		}
	}
	.search-active & {
		&__inner {
			.menu-toggle {
				visibility: hidden;
				opacity: 0;
				transform: translateY(20px);
			}
		}
	}
	
	.admin-bar & {
		top: 46px;
		@media (max-width: 600px) {
			position: absolute;
		}
	}
	@include media-breakpoint-up(sm) {
		display: none;
		visibility: hidden;
		left: -999em;
		height: 0;
	}
	.search-form__field[type='search'] {
		padding: 10px 5px 10px 30px;
	}
	.search-form__submit {
		padding-left: 5px;
	}
	.cherry-search-wrapper {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		z-index: -1;
		.cherry-search {
			.header-search & {
				.cherry-search__form {
				}
				.show {
					border: none;
					padding-left: 10px;
					padding-right: 10px;
					ul {}
					.cherry-search__results-item {
						border-top: none;
						border-bottom: 1px solid #ccc;
						a {
							padding: 10px 0;
						}
						&:hover {
							background-color: transparent;
						}
					}
					.cherry-search__more-button {
						@include btn();
						margin: 10px;
						text-align: center;
						border: none;
						border-radius: 20px;
					}
				}
			}
			.cherry-search__form {
				button.search-submit {
					@include btn();
					padding: 10px !important;
					width: auto;
					font-size: 0;
					.cherry-search__icon {
						font-size: 14px;
					}
				}
			}
			.cherry-search__results-list {
				top: 40px;
			}
		}
	}
	.search-active & {
		.cherry-search-wrapper {
			z-index: 0;
		}
	}
}