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

    #wrap-top{
        width: 100%;
    }
    #wrap {
        width:100%;
        padding: 0 !important;
        border: none;
    }

    .banner728{
        overflow: hidden;
    }

    #header {
        width: 100%;
        overflow: hidden;
    }

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

    #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 {
        margin: 10px auto;
        float: none;
        overflow: hidden;
    }

    #my-glider {
        display: none;
    }

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

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


    #topnav{
        width: 100%;
    }

    #topnav .limit{
        width: 100%;
    }

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

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

    #topnav .navscreen {
        width: 100%;
    }

    #subhead{
        width: 100%;
    }

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

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

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

    #content{
        width: 100%;
    }

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

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

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

    #footer-widgets ul{
        float: none;
        width: 100%;
    }

    #footer{
        width: 100%;
        padding: 0;
    }

    #footer .limit{
        width: auto;
    }

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


@media screen and (max-width: 768px) {
    .banner728 img {
        width: 100%;
        height: auto;
    }

}