@media only screen and (min-width: 200px) and (max-width: 600px) {
    /* Navigation */
    .mainNav {
        background: #222 url(../../images/menu-icon.png) 5px 7px no-repeat;
    }
    .ui-dialog select {
	    width: 90% !important;
	    overflow: hidden;
	 }
	.ui-dialog {
        margin: 15px 5% auto !important;
        width: 90% !important;
    } 
    .mainNav select {
        margin-left: 27px;
        display: block;
    }
    .mainNav ul {
	    float: none;
	    display: none;
    }
    
    /* grid */
    .grid_half {
	    width: 100%;
        padding: .5em;
        margin-left: 0;
        margin-right: 0;
    } 
        
}