* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 998px){
    .outer-wrap {
        width: 100%;
    }

    #head-content{
        width: 100%;
        height: auto;
    }



    #sitetitle{
        width: 100% !important;
        float: none !important;
    }

    .head-banner468{
        display: none;
    }

    #topnav {
        text-align: center;
    }
    #topnav .menu {
        margin: 0 auto;
    }
    #topnav .menu:after {
        content: '';
        display: block;
        clear: both;
    }

    #topnav ul {
        max-width:100%;
    }

    #topnav form#searchform {
        position: relative;
        margin: 0 auto;
    }

    .limit {
        width: 100%;
    }


    #wrap {
        width: 100%;
    }

    .banner728-container{
        width: 100%;
        padding: 12px 0;
    }

    .banner728,
    .banner220 {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    #page{
        background: none !important;
        width: 100%;
    }


    #contentleft{
        width: 100% !important;
        float: none !important;
    }

    #sidebar-narrow{
        float: none !important;
        margin: 0 auto;
    }

    #content{
        width: 100% !important;
        float: none !important;
        padding: 20px;
    }

    #contentright {
        float: none !important;
        width: 100% !important;
    }

    #sidebar {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    #alt-home-top{
        display: none;
    }

    #home-top {
        display: none;
    }

    #page{
        background: #fff !important;
    }

    #alt-home-bottom > div{
        float: none;
        width: 100%;
    }
    #footer-widgets {
        width: 100%;
        padding: 0;
    }
    #footer-widgets .limit {
        width: 100%;
        padding: 20px;
    }

    #footer-widgets .limit > div {
        float: none;
        width: 100%;
    }

    #footer {
        height: auto;
    }

    #footer .limit {
        width: 100%;
    }

    #footer .sub-icons {
        position: relative;
        text-align: center;
        top: 0;
        right: auto;
    }
    .sub-icons a {
        float: none;
        display: inline-block;
    }

    .banner468{
        width: 100%;
        overflow: hidden;
    }


}

@media all and (max-width: 768px){
    .feature-image {
        float: none !important;
        margin: 0 !important;
    }
    .feat-content {
        padding-top: 20px;
    }

    .banner468 img{
        width: 100%;
        height: auto;
    }
}