```@media only screen and (min-width: 1440px) { #menu_div { display: none; } } @media screen and (max-width: 1440px) { #menu_div { display: block; height: 30px; width: 30px; margin-right: 10px; margin-left: auto; } }``` this work ```#menu_div { @media screen and (max-width: 1440px) { display: block; height: 30px; width: 30px; margin-right: 10px; margin-left: auto; } @media screen and (min-width: 1440px) { display: none; } }``` this doesn't work. why? how to make media query nest in selector?