/* ================================================================== Tablet */

@media screen and (max-width: 979px) {
    
    body, td, div, select, textarea, input { font-size: 14px; }
    h1 { font-size: 2.2em; margin: 0 0 .3em; }
    h2 { font-size: 1.8em; margin: 0 0 .3em; }
    h3 { font-size: 1.4em; margin: 0 0 .3em; }
    h4 { font-size: 1.25em; margin: 0 0 .5em; }
    
    /* ==================== Page Structure  */
    img, table, iframe { max-width: 100%; }
    iframe { width: 100%; }
    table { overflow-x: scroll !important; }
    
    header.heady, body { min-width: 0; }
    .pagewidth { width: 100%; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #maincol { width: 100%; padding: 20px 15px 10px; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .home #maincol { padding: 20px 0 10px; }
    #rightcol { width: 100%; float: none; }
    .left, .right { float: none; }
    input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; }
    
    /* ==================== Navigation */
    #hnav { display: block; width: 100%; position: absolute; left: 0; top: 40px; }
    span#hamburger { display: block; color: #252d35; cursor: pointer; font-size: 20px; text-align: right; padding: 13px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #hnav .nav-menu { display: none; width: 100%; border-top: 1px solid #252d35; position: absolute; left: 0; top: 68px; background: #8daaad; background: rgba(141,170,173,0.9); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3); box-shadow: 0 5px 5px rgba(0,0,0,.3); }
    #hnav .nav-menu ul { display: block; width: 100%; margin: 0; }
    #hnav .nav-menu ul li { width: 100%; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #hnav .nav-menu ul li a { width: 100%; padding: 10px 15px; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #hnav .nav-menu ul ul, #hnav .nav-menu ul li:hover ul { position: relative; left: 0; top: 0; margin: 0 0 10px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
    #hnav .nav-menu ul ul li { padding: 5px 20px; }
    #hnav .nav-menu ul ul li a { border-top: none; padding: 0 !important; }
    
    /* ==================== Header */
    header.heady h1 { left: 0; bottom: 0; top: auto; max-width: 60%; }
    header.heady h1 img { display: block; }
    
    /* ==================== Content */
    .home .page-image { height: 300px; }
    .home-btns { height: auto; }
    .home-btns:after { display: none; }
    .home-btns a { left: auto !important; top: auto !important; position: relative; width: 100%; padding: 20px 10px 20px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .home-btns a:after { left: 15px; margin-top: 0; top: 21px; left: 50%; margin-left: -120px; opacity: 1; }
    .home-btns a small { line-height: 1em; padding-top: 15px; }
    #maincol h1:before {top: 28px; background-position: -40px top;}
    .photo-gallery { width: 100%; margin: 0; text-align: center; }
    .photo-gallery img { float: none; display: inline-block; margin: 5px 2px 0 !important; }
    .page-image img { max-width: 1400px; height: 277px; }
    
    
    /* ==================== Footer */
    footer.footy .info-boxes .item { width: 100%; box-sizing: border-box;}
    footer.footy .info-boxes .content { height: auto; padding: 20px 10px 20px 80px; }
    footer.footy .info-boxes .content p { transform: none; top: auto; }
    
    .cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{ float:none !important; width: 100% !important; margin: 0 0 20px !important;}
   
}
/* ================================================================== Mobile */

@media screen and (max-width: 767px) {
    
    /* ==================== Content */
    
}

@media screen and (max-width: 640px) {
    
    
    
}
@media screen and (max-width: 320px) {
    
   
}