#showmenu {
    display:none;
    }
@media (max-width: 60em) {
    html, body, table {  
    font-size: 11pt;
    }
    #pre-header {
     font-size:12pt;   
    }
    #pre-footer-inner {
    text-align:center;
    width:100%;
    clear:both;
    float:none;
    }
    img {
    max-width:95%;    
    }

    #content-wrapper {
    width:100%;
    padding-right:0;
    }
    #sidebar-wrapper {
    width:30%    
    }
    .sidebar #content-wrapper {
    width: 68%;
    margin-right: 2%
    }

    .inner-container {
    width:99%;
    }
    .menu_main {
     width:100%;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     float:none;
     position:relative;
    }

    #content-inner {
    padding:0.2em 0.5em;    
    }
    .inner-block {
     padding:0 0;  
    }

#content-inner {
    padding: 0;
}
#content-wrapper .inner-block {
    padding: 0.8em;
    }
} 

@media (max-width: 50.5em){
    html, body, table {  
    font-size: 10pt;
    }

    #superslides {
    display:none;    
    }
    .inner-container {
    max-width: 99%;
    min-width:99%;
    margin:0 auto;
}
#logo {
  width:100%;
  float:left;
  height:5em;
}
#logo a {
    background: transparent url('graphics/design/masterrock-logo-sml.png') 0 0 no-repeat;
     width:100%;
     height:100%;
     display:block;
     overflow:hidden;
     text-indent: -100em;
}
ul.menu_main {
    padding: 0 0 0 0;
    text-align: left;
}


} /* end media 768 */

@media (max-width: 30em) {

ul.menu_main li{
    border-bottom: thin solid #000;
}
#footer .footer-maps,
#footer .footer-address,
#footer .footer-form,
#footer .footer-maps .tab-item {
    width: 100%;
    float:none;
    clear:both;
    max-width: 100%;
    min-width: 100%;
}
.homepage #block-1,
.homepage #block-2,
.homepage #block-3 {
    float:none;
    clear:both;
    width:98%;
    padding: 0 0 1em 0;
}
.homepage #block-1 .inner-block,
.homepage #block-2 .inner-block,
.homepage #block-3 .inner-block {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.homepage #block-4,
.homepage #block-5 {
    float:none;
    clear:both;
}
#pre-header {
    padding-bottom:0;
}

#post-header {
    font-size: 12pt; 
}
#post-header .inner-container {
    width:100%;
    margin: 0 0 0 0;
    padding-left: 0;
    padding-right:0;
}

#pre-header-inner .menu_quicklinks {
 width:100%;
 font-size: 12pt;
  position:relative;
 clear:both;
}
#pre-header-inner .menu_quicklinks .item3 {
 display:none;   
}
#pre-header-inner .phone {
  clear:both;
      width:100%;
}
#footer #footer-inner .footer-block {
    width:98% !important;
}    
#content img,
#post-content img {
    display:block;
    clear:both;
}
    
.footer-block {
    clear:both;
    float:none;
    width:100%;
    margin: 0 0 0 0;
    padding: 1em 0 0 0;
    }
    .eventCategoryFilter select {
    width: 100%;
    }

 #showmenu {
     display:block;
     } 
 .menu_main,
 .footerbar,
 #sidebar-wrapper,
 .fauxtabs {
     display:none;
     }
.photo-right,
.photo-left {
    float:none;
    clear:both;
    text-align:center;
}
.sidebar #content-wrapper {
    width:100%;  
    float:none;
    border-left:none;
}

    #logo, #logo a {
      width:100%;

    }
    .menu_main {
    font-size:1.2em;  
    width:100%;
    }
    .menu_main li {
    float:none;
    clear:both;
    display:block;
    padding:0.2em !important;
    }
    .menu_main li ul {
    display:block;
    position:relative;
    top:0 !important;
    left:0 !important;
    background:#fff;
    border-left:none;
    border-right:none;
    border-top:none;
    width: 100%;
    font-size: 0.9em;
    line-height: 1.3em
    margin:0 !important;
    padding:0 !important;
    border-radius: 0;
    -moz-border-radius: 0;
    width:100% !important;
    }
    .menu_main li ul {
    display:none;    
    }
    #pre-footer {
        margin:0 0 0 0;

    }
    #sidebar-wrapper {
    width:100%;
    float:none;
    clear:both
    }
    #content-wrapper {
    width:100%;
    float:none;
    clear:both;
    }


#content-inner {
    border-top:none;   
}
#content-wrapper #form table tr,
#content-wrapper #form table td {
 display:block;   
}
#footer .menu_weare li {
    width:49%;
    float:left;
    }
} /* end media 480 */
@media (max-width: 320px) {
    
} /* end media 320 */