@media ( max-width: 1024px ) {
    body {
        font-size: 13px;
    }    
}

@media ( max-width: 800px ) {
    #wpadminbar {
        display: none !important;
    }

    html > body { margin-top: -46px !important; }

    .ctr {
        padding: 0 20px;
    }
    .row {
        margin: 0;
    }
    .row > [class^='col-'],
    .alignleft,
    .alignright {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

    #hdr {
        background: rgba(0,0,0,.75);
    }
    #hdr .ctr {
        padding: 0;
    }
    #hdr #logo {
        float: none;
        margin: 0 auto 10px; 
    }    

    #hdr #horseshoe {
        display: none;
    }

    #hdr #hdr-module { 
        height: auto;
        margin: 0;
        background: #1e140c;
    }

    #hdr #hdr-user,
    #hdr #hdr-search,
    #hdr #hdr-search form {
        float: none;
        text-align: center;
    }

    #hdr #hdr-search {
        max-width: 400px;
        margin: 0 auto;
    }
    #hdr #hdr-search form {
        margin: 10px 10px 0;
    }
    #hdr #hdr-search form #hdr-input {
        margin: 0 auto;
        width: 100%;
    }

    #hdr #hdr-links,
    #hdr #hdr-user a {
        float: none;
        height: auto;
    }

    #hdr #hdr-links {
        padding: 10px;
        background: #403023;
        text-align: center;
    }

    #hdr #hdr-links img {
        display: inline;
        margin: 0;
    }

    #nav {
        float: none;
        background: #1e140c;
        margin: 0; padding: 0;
    }
    #nav li {
        float: none;        
    }
    #nav li a,
    #nav li > ul li:last-child a {
        float: none;
        display: block;
        padding: 10px 20px;
        border-bottom: 2px solid #000;
    }
    #nav li > ul {
        visibility: visible;
        opacity: 1;
        position: static;
        border: none;
    }
    #nav li > ul li,
    #nav li > ul li a {
        font-size: 1.2em;
        text-align: left !important;        
    }
    #nav li > ul li a,
    #nav li > ul li:last-child a {
        padding-left: 30px;
    }

    #expand-menu {
        display: block;
    }
    #expand {
        display: none;
    }

    #slides .slide {        
        position: relative;
    }
    #slides .slide-inner {        
        position: absolute;
        left: 0; right: 0; top: 0; bottom: auto;
        padding: 10px;
        text-align: center;
        font-size: 8px;
    }
    #slides .slide-title { 
        margin: 0;
        font-size: 10px;
    }

    #latest-articles {
        margin: 0;
    }
    #latest-articles li {
        float: none;
        width: auto;
        height: auto !important;
        padding: 20px 20px 50px;
        margin: 0 0 20px;
    }

    #page {
        min-height: 0;
        padding: 10px;
    }
    #page .ctr {
        padding: 10px;
    }
    #page .content-inner {
        padding: 10px;
    }

    #posts > article {
        width: 48%;
    }

    #left-nav-expand {
        display: block;
    }

    #has-left-nav {
        padding: 0;
    }

    #left-nav {
        display: None;
        float: none;
        position: static;
        width: 100%;
    }

    #members.columns li {
        width: 29%;
    }
    #members.full li {
        padding: 10px;
        text-align: center;
    }
    #members.full li img.member-photo {
        float: none;
        display: block;
        margin: 0 auto 20px;
    }

    .breadcrumbs {
        float: none;
        clear: both;
    }

    ul.form li {
        padding: 10px;
    }
    ul.form li label {
        float: none;
        margin: 0; padding: 0;
    }
}

@media ( max-width: 640px ) {
    body {
        font-size: 12px;
    }

    #posts {
        margin: 0 0 20px;
    }
    #posts > article {
        display: block;
        margin: 0 0 10px;
        float: none;
        width: 100%;
    }

    #members.columns li {
        width: 46%;
    }
}