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

    #wrap-top{
        width: 100%;
    }
    #wrap {
        width:100%;
    }

    #header {
        width: 100%;
    }

    #head-content{
        width: 100%;
    }

    #sitetitle {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    #sitetitle h1, #sitetitle .title{
        text-align: center !important;
        margin: 0;
    }
    #sitetitle .description {
        text-align: center !important;
    }

    #head-banner468 {
        display: none;
    }

    #topnav #search{
        width: 200px;
        float: none;
        margin: 10px auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
    }

    #topnav #searchform #searchfield {
        margin: 0 20px;
        line-height: 1em;
    }


    #topnav{
        width: 100%;
        border: none;
    }

    #topnav .limit{
        width: 100%;
    }

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

    #topnav .menu:after{
        content: '';
        display: block;
        clear: both;
    }

    #topnav .navscreen {
        width: 100%;
    }

    .banner468,
    .banner728 {
        width: 100%;
        text-align: center;
        border: none;
    }

    #subhead{
        width: 100%;
    }

    #page{
        width: 100%;
    }

    #home-bottom-top,
    #home-bottom,
    #home-bottom-bot{
        width: 100%;
        background: none;
        text-align: center;
    }

    #home-bottom > div {
        padding: 20px !important;
        margin: 10px !important;
        border: 1px #ccc solid;
        background-color: #fff;
        float: none !important;
        display: inline-block;
    }

    #home-top {
        display: none;
    }

    .sub-icons {
        height: auto;
    }

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

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

    #content{
        width: 100%;
    }

    #content .col-3 {
        width: 100%;
        float: none;
    }

    #sidebar-left {
        float: none;
        width: 100%;
    }
    #sidebar{
        width: 100%;
        float:none;
    }

    #sidebar-bottom {
        width: 100%;
        padding: 0;
        border: none;
    }
    #sidebar-bottom-right,
    #sidebar-bottom-left{
        float: none;
        margin: 0 auto;
    }

    #bottom-cats ul {
        width: 100%;
        text-align: center;
    }
    #bottom-cats li {
        float: none;
        display: inline-block;
    }

    #footer-widgets {
        width: 100%;
        padding: 0;
        border: none;
    }
    #footer-widgets > div{
        float: none !important;
        width: 100% !important;
    }

    #footer{
        width: 100%;
        text-align: center;
    }

    #footer .limit{
        width: auto;
    }

    #footer .sub-icons {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }


    #wrap-bottom{
        width: 100%;
    }

    .sub-icons a {
        float: none;
        display: inline-block;
    }
}

@media all and (max-width: 728px) {
    .banner468,
    .banner728 {
        overflow: hidden;
    }

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