.mobile-menu-button .lines {
	vertical-align: middle;
}
.extra_icons {
    box-sizing: border-box;
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	z-index: 1001;
	width: max-content;
	vertical-align: middle;
	cursor: default;
	display: none;
}
.mmb-container .mobile-menu-button .extra_icons.horizontal_icons {
	display: inline-block;
}
.mmb-container .mobile-menu-button .extra_icons.vertical_icons {
	display: block;
}
.mmb-container .mobile-menu-button.close .extra_icons {
	display: none;
}

@media (max-width: 959px) {
	body[class*="popeye-sm-"] .menu-container .mmb-container {
		display: none;
	}
	body[class*="popeye-sm-"].open-overlay-menu .navbar.menu-primary > .menu-container.menu-hide.menu-hided { 
		transform: none !important;
	}
	#masthead > .mmb-container {
		z-index: 2001;
	}
	.menu-overlay .menu-sticky + .overlay-menu {
		z-index: 999;
	}	
	.popeye-sm-bottomleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 0;
		bottom: 0;
	}
}
.extra_icons > span {
    display: block;
    text-align: center;
	padding: 5px;
	height: 100%;
	position: relative;
}
.extra_icons.horizontal_icons > span {
	display: inline-block;
    align-items: center;
	vertical-align: middle;
}
.extra_icons .mobile-shopping-cart {
    position: initial;
    padding: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.extra_icons .mobile-shopping-cart .badge {
    background-color: #006cff;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    color: #ffffff;
    line-height: 10px;
    top: 0px;
    right: 8px;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    letter-spacing: 0.5px;
    padding: 4px;
    box-sizing: content-box;
}
.extra_icons img {
    max-width: 100%;
    max-height: 100%;
}
@media (min-width: 960px) {
	.popeye-lg-topleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 0;
		top: 0;
	}
	.popeye-lg-topcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
	}
	.popeye-lg-topright .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		right: 0;
		top: 0;
	}
	body.admin-bar[class*="popeye-lg-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		top: 32px;
	}	
	.popeye-lg-topright .mmb-container.mmb-container-overlay .mobile-menu-button {
		position: fixed;
		right: 0;
	}	
	.popeye-lg-bottomleft .mmb-container .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 0;
		bottom: 0;
	}
	.popeye-lg-bottomcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
	.popeye-lg-bottomcenter .mmb-container.mmb-container-overlay .mobile-menu-button {
		position: fixed;
		bottom: 0;
	}
	.popeye-lg-bottomright .mmb-container .mobile-menu-button {
		position: fixed;
		transform: none;
		right: 0;
		bottom: 0;
	}
}

@media (max-width: 959px) {
	.popeye-sm-topleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 0;
		top: 0;
	}
	.popeye-sm-topcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		width: max-content;
	}
	.popeye-sm-topright .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		right: 0;
		top: 0;
	}
	body.admin-bar[class*="popeye-sm-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		top: 32px;
	}	
	.popeye-sm-bottomleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 0;
		bottom: 0;
	}
	.popeye-sm-bottomcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		width: max-content;
	}
	.popeye-sm-bottomright .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		position: fixed;
		transform: none;
		right: 0;
		bottom: 0;
	}
}

@media screen and ( max-width: 782px ) { 
	body.admin-bar[class*="popeye-sm-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		top: 46px;
	}
}
@media screen and ( max-width: 600px ) { 
	body.admin-bar[class*="popeye-sm-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
		top: 0px;
	}
}