@media screen and (min-width:1px) {
	.trigger-menu-widget {
		position: fixed;
		z-index: 100;
		bottom: 25px;
		right: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		padding: 0;
		border: none;
		background-color: #c1cc24;
		color: #fff
	}

	.trigger-menu-widget svg {
		stroke: #fff
	}

	.trigger-menu-widget span {
		display: none
	}

	.trigger-menu-widget .open-xs {
		display: block
	}

	.trigger-menu-widget .open-sm,
	.trigger-menu-widget .close,
	.trigger-menu-widget.active .open-xs,
	.trigger-menu-widget.active .open-sm {
		display: none
	}

	.trigger-menu-widget.active .close {
		display: block
	}
	
	.trigger-menu-widget:hover{ cursor: pointer;}
.trigger-menu-widget {font-weight: bold;}
}

@media screen and (min-width:768px) {
	.trigger-menu-widget {
		justify-content: space-between;
		width: 335px;
		height: 65px;
		padding: 0 16px
	}

	.trigger-menu-widget span {
		display: inline-block
	}

	.trigger-menu-widget .open-xs {
		display: none
	}

	.trigger-menu-widget .open-sm {
		display: block
	}
}

@media screen and (min-width:1px) {
	.menu-widget {
		position: fixed;
		z-index: 100;
		bottom: 25px;
		right: 25px;
		overflow: hidden;
		background-color: #fff;
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0 16px;
		box-sizing: border-box;
		list-style: none
	}

	.menu-widget li {
		height: 65px;
		opacity: 0
	}
	
	.menu-widget li a:hover {
		color: #c1cc24;
	}

	.menu-widget li a {
		display: flex;
		flex-direction: row;
		align-items: center;
		-moz-column-gap: 16px;
		column-gap: 16px;
		border-bottom: 1px #E3E3E3 solid;
		padding: 16px 8px;
		color: #4a4a49;
		text-decoration: none
	}

	.menu-widget li a svg {
		width: 32px;
		height: 32px
	}

	.menu-widget li:last-child a {
		border-bottom: none
	}
}

@media screen and (min-width:768px) {
	.menu-widget {
		bottom: 90px;
		min-width: 335px;
		width: 335px;
		max-width: 335px;
		height: 0;
		border-bottom: none;
	}
}