/** RESPONSIVE CSS **/
/* START max-width 480px - SMART PHONES */

/* UPDATE START max-width 600px - Pads and larger phones */

@media only screen and (max-width: 600px) {

	* { Box-sizing: Border-box }
        
	body { background: #fff !important; min-width: 94%; padding: 0 3%; }
	
	/*stretch 960 grid divs to 100% to fill mobile*/
        [class^="grid_"] {
          width: 100% !important;
          margin: 0;
        }
        
        /*paddyb - this was breaking four boxes on homepage
        div {
            width: 100% !important;
        }*/
	
        /*hide breadcrumb*/
        .bread-crumb {
          display:none;
        }
	
	img {
            max-width:100% !important;
            height: auto !important;
        }
        
        #header_right nav.social-media ul li {
            display: inline;
         }
	
	#header_holder, #ro-menu li.first-layer, #header_right ul li, div#footer_wrap div, 
	#header_right ul, #levels-content, #header-with-expanded, 
	#main_content_holder, #footer_bottom, #footer_bottom li, #header_right{
	    float: none;
	    width: auto;
	    text-align: left;
	    display: block;
	    height: auto;
	    margin: 0px;
	    clear:both;	
	    border: none;
}
		
	#header_holder { padding: 10px;	}
	#header_holder li { border: 0 !important; }
	#header-main-section{ display:none !important;}
		
	#footer { padding: 10px; clear:both; }
	#footer li{ padding: 3px 0; }	
    
    #emergency-message-holder {display: none;}
    
}
/* END max-width 600px */