@media screen and (max-width: 1024px) {

	.toggleMenu {
		display: block;
		width: 40px;
		height: 40px;
		text-decoration: none;
		position: absolute;
		top: 60px;
		right: 20px;
		cursor: pointer;
		z-index: 99999;

		transition: all 0.15s;
	}

	.toggle_ativo {
		top: 20px !important;
		right: 35px;
	}

		.line_one {
			background: #ffffff;
			width: 31px;
			height: 2px;
			border-radius: 1px;
			position: absolute;
			top: 11px;
			right: 0;

			transition: all 0.15s;
		}

			.toggle_ativo .line_one {
				width: 20px;
				top: 13px;

				transform: rotate(31deg) translate(3px,6px);
			}

		.line_two {
			background: #ffffff;
			width: 19px;
			height: 2px;
			border-radius: 1px;
			position: absolute;
			top: 19px;
			right: 12px;

			transition: all 0.15s;
		}

			.toggle_ativo .line_two {
				opacity: 0;
			}

		.line_three {
			background: #ffffff;
			width: 22px;
			height: 2px;
			border-radius: 1px;
			position: absolute;
			bottom: 11px;
			right: 9px;

			transition: all 0.15s;
		}

			.toggle_ativo .line_three {
				width: 20px;
				right: 0;
				bottom: 13px;

				transform: rotate(-31deg) translate(3px,-5px);
			}

	#menu_header_wrapper {
		background: var(--azul);
		width: 280px;
		height: 100%;
		position: fixed;
		top: 0;
		right: -280px;
		z-index: 1050;
		opacity: 0;

		box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
		transition: all 0.4s ease-in-out;
	}

	#menu_header_wrapper.menu_header_ativo {
		opacity: 1;
		right: 0;

		box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4);
	}

		.menu_header_in {
			width: 100%;
			padding: 70px 35px 20px;
			position: absolute;
			top: 0;
			left: 100%;
			opacity: 0;
			transition: all 0.6s ease-in-out;
		}

		.menu_header_in:before {
			content: '';
			background: #ffffff;
			width: 100%;
			height: 1px;
			position: absolute;
			top: 100px;
			left: 0;
			display: none;
		}

		.menu_header_in_ativo {
			opacity: 1;
			left: 0;
		}

			.menu_header {
				width: 100%;
			}

				.menu_header ul {
					text-align: right;
				}

					.menu_header ul li {
						margin: 0;
						padding: 0 0 5px 0;
						display: block;
					}

					.menu_header ul li.hide_menu_desktop {
						display: none;
					}

						.menu_header ul li a {
							width: 100%;
							padding: 10px 0;
							font-size: 14px;
							line-height: 18px;
							text-decoration: none;
							display: inline-block;
							position: relative;
						}

						.menu_header ul li.menu-item-has-children ul.sub-menu {
							background: var(--azulclaro);
							width: 260px;
							height: 100%;
							padding: 25px 0 0 0;
						    position: fixed;
						    top: 0;
						    left: inherit !important;
						    right: -260px;
						    opacity: 0;
						    overflow: auto;
						    display: block;

						    transition: all 0.3s;
						}

						.menu_header ul li.menu-item-has-children ul:before {
							display: none;
						}

						.menu_header ul li.menu-item-has-children ul.sub-menu-on {
							right: 0;
							opacity: 1;
						}

							.sub_menu_voltar {
								width: 100%;
								padding: 0 30px 15px;
								text-align: left;
							}

								.sub_menu_voltar button {
								    background: url(../../img/seta_white_left.svg) no-repeat center left transparent;
								    padding: 5px 5px 5px 45px;
								    font-size: 16px;
								    line-height: 20px;
								    color: #ffffff;
								    font-weight: bold;
								    letter-spacing: 1px;
								    border: none;
								    outline: none;
								}

								.menu_header ul li.menu-item-has-children .sub-menu li {
									width: 100%;
									padding: 0 30px;
									border: none;
									float: none;
								}

									.menu_header ul li.menu-item-has-children .sub-menu li a,
									.menu_header ul li.menu-item-has-children .sub-menu li a:hover {
										background: transparent;
										padding: 10px 0;
										font-size: 14px;
										line-height: 18px;
										color: #ffffff !important;
										font-weight: normal;
										text-align: left;
									}

									.menu_header ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
										background: var(--azulescuro);
										width: 240px;
										height: 100%;
										padding: 25px 0 0 0;
									    position: fixed;
									    top: 0;
									    left: inherit !important;
									    right: -240px;
									    opacity: 0;
									    overflow: auto;
									    display: block;

									    transition: all 0.3s;
									}

									.menu_header ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu-neto-on {
										right: 0;
										opacity: 1;
									}

										.menu_header ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu-neto-on .sub_menu_voltar {display: none !important;}

										.sub_menu_voltar_neto {
											width: 100%;
											padding: 0 30px 15px;
											text-align: left;
										}

											.sub_menu_voltar_neto button {
											    background: url(../../img/seta_white_left.svg) no-repeat center left transparent;
											    padding: 5px 5px 5px 45px;
											    font-size: 16px;
											    line-height: 20px;
											    color: #ffffff;
											    font-weight: bold;
											    letter-spacing: 1px;
											    border: none;
											    outline: none;
											}

										.menu_header ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu-neto-on li {
											padding: 0 30px;
										}

											.menu_header ul li.menu-item-has-children ul li.menu-item-has-children ul li a {
												padding: 5px 20px;
												font-size: 14px;
												line-height: 18px;
											}

}