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


    #topbar,
    #wrapper,
    #footer {
        width: 1340px;
        width:100%;
    }
    
    #main {
       width: 1320px;
       width: 100%;
   }



   #topbar-left {
    max-width: 400px;
    padding-left: 10px;
}


#navbar {
    width: 200px;
    padding-left: 0px;
}

#content {
    margin: 0 0 0 200px;
}

#footer-left {
    width: 210px;
}

#footer-right {
 max-width: 660px;   
 min-width: 300px;
}        
#breadcrumb-inner {
    padding-left: 230px;
}
#content.loggedout {
    width:80%;
    margin:auto;
}
}

@media only all and (max-width: 1280px){

    body {
        background-color: #fff;
    }

    #navbar-link {
        display: inline;
    }       


    #header {
        height: 100px;
    }


    #topbar-left {
        max-width: 400px;
        padding-left: 10px;
    }

    #topbar-right {
        padding-right: 30px;
    }
    #navbar {
        display: none;
        width:90%;
    }

    #content {
        margin: 0;
        padding-left: 0px;
        padding: 0px;
        background-color: #fff;

    }

    #breadcrumb {
        background-color: #efefef;
        height: 30px;
        padding-top: 2px;

    }

    #breadcrumb-inner {
        padding-left: 20px;
    }

    #content-inner {
        border: none;
        padding: 0px;
        margin: 20px;
        margin-top: 30px;

    }

    #footer-right {
 min-width: 200px;


}  

}