@media (max-width: 991px) {
	.mobile_navigation_arrow {
		width: 42px;
		height: 64px;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url(../img/arrow-right-menu.svg);
		background-repeat: no-repeat;
		background-position: center;
	}

	.active > a > .mobile_navigation_arrow {
		display: none;
	}

	.mobile_menu {
		position: fixed;
		top: 98px;
		z-index: 3;
		background-color: white;
		width: 100%;
		left: 0;
		height: calc(100vh - 98px);
		display: none;
		overflow-y: auto;
	}

	.mobile_menu_open .mobile_menu {
		display: block;
	}

	.mobile_menu ul.menu {
		background-color: var(--creme);
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.mobile_menu a {
		padding: 23px 14px 23px 16px;
		position: relative;
		color: var(--brown);
		font-weight: bold;
		font-size: 14px;
		line-height: 18px;
		text-decoration: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile_menu .sub-menu {
		display: none;
	}

	.mega_menu__column_title:after {
		content: '';
		width: 14px;
		height: 12px;
		display: block;
		background-image: url(../img/arrow-right-menu.svg);
	}

	.submenu_open > li:not(.active),
	.mega_menu_open > li:not(.active) {
		display: none;
	}

	.mobile_menu li.active > a {
		background-color: white;
		justify-content: flex-start;
		gap: 16px;
		font-size: 18px;
		line-height: 24px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.mobile_menu li.has_mega_menu.active > a {
		display: none;
		position: 
	}

	.mobile_menu li.active > a:after {
		display: none;
	}

	.mobile_menu li.active > a:before,
	.mega_menu__title:before {
		content: '';
		display: block;
		width: 14px;
		height: 12px;
		background-image: url(../img/arrow-left-menu.svg);
	}

	.mobile_menu li.active > .sub-menu {
		display: block;
	}

	.mobile_menu .sub-menu {
		padding: 0;
		margin: 0;
		list-style: none;
		padding-left: 26px;
	}

	.mobile_menu .sub-menu a {
		font-weight: normal;
	}

	.mobile_menu li.active > .mega_menu {
		display: block;
		position: static;
		box-shadow: none;
		padding: 0;
		opacity: 1;
		visibility: visible;
	}

	ul.mega_menu__columns {
		flex-direction: column;
		gap: 0;
	}

	.mega_menu .container {
		padding: 0;
	}

	.mega_menu__links {
		display: none;
	}

	.mega_menu__image {
		display: none;
		border-radius: 0;
		margin-bottom: 0;
		height: 100px;
	}

	.mega_menu__column:first-child .mega_menu__image {
		display: block;
	}

	.mega_menu__column_title {
		margin-bottom: 0;
		background-color: var(--creme);
		font-size: 14px;
		line-height: 18px;
		padding: 23px 14px 23px 42px;
		font-weight: normal;
		justify-content: space-between;
		display: flex;
		cursor: pointer;
	}

	.mega_menu__title {
		margin-bottom: 0;
		padding: 15px 16px;
		font-size: 18px;
		line-height: 24px;
		display: flex;
		gap: 16px;
		align-items: center;
		cursor: pointer;
	}

	.column_open .mega_menu__column:not(.active) {
		display: none;
	}

	.column_open .mega_menu__title {
		display: none;
	}

	.mega_menu__column.active .mega_menu__links {
		display: block;
	}

	.mega_menu__column.active .mega_menu__image {
		display: block;
	}

	.mega_menu__column.active {
		display: flex;
		flex-direction: column;
	}

	.mega_menu__image {
		order: 2;
	}

	.mega_menu__column_title {
		order: 1;
	}

	.mega_menu__links {
		order: 3;
	}

	.mobile_menu_open .hamburger_menu {
		width: 16px;
		height: 16px;
		background-color: transparent;
		background-image: url(../img/close-menu.svg);
	}

	.column_open .mega_menu__column_title:after {
		display: none;
	}

	.column_open .mega_menu__column_title {
		justify-content: flex-start;
		gap: 16px;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		align-items: center;
		padding: 15px 14px 15px 16px;
		background-color: white;
		cursor: pointer;
	}

	.column_open .mega_menu__column_title:before {
		content: '';
		display: block;
		width: 14px;
		height: 12px;
		background-image: url(../img/arrow-left-menu.svg);
	}

	.mega_menu__column.active a {
		font-weight: normal;
	}

	.mega_menu__column.active .mega_menu__links {
		background-color: var(--creme);
	}

	.mega_menu__column.active li.mega_menu__link {
		margin: 0;
	}

	.mega_menu__link a {
		padding-left: 42px;
	}
}