Custom divi menu/hamburger breakpoint

This is navbar example

sometimes in design we will face the navbar like in the picture, the problem this design will be looks terible in responsiveness, and divi just provide 3 breakpoints (1440px, 980px, 768px). that's why we need to male custom breakpoint for menu, but there are lot of element that we need to find out and addjust. so here are the code template to make us more easier to custom the menu.

@media (max-width: your-breakpoint px){
	//This is to addjust list menu display
	.et_pb_menu .et_pb_menu__menu {
		display: block!important;
	}
	
	//This is to addjust hamburger menu display
	.et_mobile_nav_menu {
		display: none!important;
	}
}