I am working on a responsive web design. For some resolutions like below 800px across, I hide a whole div with syntax such as:

@media only (max-width : 800px) {
    div.well._menu {
        display: none;
    }
}

How do I bring the div back to its default if the display property has not been declared originally? Do I use inherit?

    @media only (min-width : 801px) {
        div.well._menu {
            display: inherit;
        }
    }

the default value for display is block. So you just do display:block;.

or, just don't put anything for display and it's natural state will take over. At least, I believe that to be the case...

thanks for the help.