/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 24 2025 | 04:16:14 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

@media screen and (max-width: 768px){
	.overlay_menu {
		display: block;
		width: 100%!important;
		height: 100svh;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		z-index: 9;
		transition: all .5s;
		opacity: 0;
		visibility: hidden;
	}
	.overlay_menu.mostrar_overlay{
		opacity:1;
		visibility:visible
	}
	#menu_page {
		position: fixed;
		background: #fff;
		width: 90%;
		top: 0;
		left: -120%;
		height: 100lvh;
		z-index: 10;
		max-width: 300px;
		transition: all .4s;
	}
	#menu_page.mostrar_sidebar{
		left: 0
	}
	#menu_page .elementor-nav-menu {
		justify-content: flex-start;
		align-content: flex-start;
	}
	#menu_page .elementor-nav-menu li {
		width: 100%;
	}
	#menu_page .elementor-nav-menu li a {
		border-bottom: 1px solid rgba(0, 0, 0, .05);
	}
	#menu_page .menu-item-has-children span.sub-arrow {
		position: absolute;
		right: 16px;
	}
	#menu_page .menu-item-has-children span.sub-arrow svg {
		transform: rotate(-90deg);
	}
	.header_men00 {
		width: 100%;
		justify-content: space-between;
		background: #f4f4f4;
		padding: 10px 15px;
		display: flex;
		align-items: center;
		height: 55px;
	}
	#menu_page span.back_sub, #close_menu {
		display: flex;
		width: 40px;
		height: 40px;
		background: #f4f4f4;
		justify-content: center;
		border-radius: 5px;
		z-index: 5;
		align-items: center;
	}
	.header_men h5 {
		margin: 0;
	}
	#close_menu span {
		color: #000;
		font-weight: 700;
		cursor: pointer;
	}
	
	#menu_page .elementor-nav-menu > .menu-item-has-children > .sub-menu {
		box-shadow: none;
		border-radius: 7px;
		display: block!important;
		flex-wrap: wrap;
		padding: 7px;
		justify-content: center;
		transition: all .4s;
		min-width: 100%;
		max-width: 100%;
		position: absolute;
		top: 0!important;
		left: -120%!important;
		width: 100%;
		background: #fff;
		z-index: 9;
		display: block !important;
		height: 100%;
		overflow-y: auto;
		transition: all .4s;
		align-content: flex-start!important;
	}
	#menu_page .elementor-nav-menu > .menu-item-has-children .sub-menu.mostrar-submenu{
		left: 0%!important;
	}
	#menu_page .elementor-nav-menu > .menu-item-has-children.products > .sub-menu > li {
		width: 100%;
		padding: 7px;
	}
	#menu_page > .elementor-widget-container {
		height: calc(100lvh - 54px);
	}
	#menu_page .elementor-nav-menu--main, #menu_page .elementor-nav-menu {
		height: 100%;
	}
	#menu_page .elementor-nav-menu > .menu-item-has-children.brands  > .sub-menu {
		align-content: flex-start!important;
	}
	#close_menu {
		background: #fff;
	}
	.back_men {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 8px 15px;
	}
	.back_men h5 {
		margin: 0;
		display: flex;
		align-items: center;
		font-size: 17px;
		color: #746464;
	}
	.back_men svg {
		width: 16px;
		margin-right: 7px;
		fill: #746464;
	}
	span.icon_sub {
		position: absolute;
		width: 100%;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 1;
	}
	#menu_page .elementor-nav-menu > .menu-item-has-children {
		position: relative;
	}
}