@media screen and (max-width: 1250px){
	#menus,.scroll_not #menus{
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		float: left;
		width: 100%;
		max-width: 450px;
		height: 100%;
		padding-top: 70px;
		background:rgba(var(--rgb),0.9);
		z-index: 998;
		overflow-y: scroll;
		scrollbar-color: #fff #999999;
		scrollbar-width:thin;
		transition-property:transform;
	}
	#menus::-webkit-scrollbar {
	  width: 3px;
	  background-color: #999999;
	}
	#menus::-webkit-scrollbar-thumb {
		background: #fff; 
	}
	#menus ol,#menus ol li,#menus ol li a,#menus ol li span{
		display: block;
		float: left;
		width: 100%;
		height: auto;
		text-align: left;
	}
	#menus ol li::after,#menus ol li::before{
		display: none;
	}
	#menus ol li a,#menus ol li span,#menus ol li ol li a,#menus ol li ol li span{
		padding: 15px 5%;
	}
	#menus ol li ol{
		position:relative;
		top: 0;
		left: 0;
		display: none;
		visibility: visible;
		opacity: 1;
	}
	#menus ol li span.menuOn + ol{
		display: block;
	}
	nav.menu_off{
		transform: translate(-100%,0);
	}
	header #btn_menu{
		visibility: visible;
		opacity: 1;
	}
	main{
		padding: 15px 2%;
	}
}
@media screen and (max-width: 550px){
	#menus_footer ol li{
		display: inherit;
	}
	#menus_footer ol li::before{
		display: none;
	}
}