@media only screen and (max-width:800px ) {
 body>table {
    max-width: 778px;
    width: 100%;
 }
 .color1 td {
    float: left;
    width: 100%;
 }
 .color1 .login {
    float: left;
    padding-left: 10px;
    width: 100%;
 }
 .color1 td.login a {
    float: left;
 }
 .color1 input.field_forum {
    height: 20px;
    width: 95%;
 }
 .color1 input.submit2 {
    float: left;
 }
 .color1 td {
    margin-bottom: 5px;
 }
 .navback table.nav {
    max-width: 778px;
    width: 100%;
 }
 .color7 table {
    max-width: 700px;
    width: 100%;
 }
 .color1 .logo {
    max-width: 368px;
    width: 100%;
 }
}
@media only screen and (max-width:600px ) {
 .navback {
    display: none;
 }
 .navback .nav td {
    border-bottom: 1px solid #CCFDDE;
    float: left;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-align: center;
    width: 100%;
 }
 .navback .nav td a {
    float: left;
    height: 35px;
    line-height: 35px!important;
    width: 100%;
 }
 .navback {
    background: none;
 }
 .disapper {
    display: none;
 }
 .unlogin_topnav_mobile {
    background: #E2E1E1;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    moz-border-radius: 2px;
    ms-border-radius: 2px;
    opacity: 0.8;
    position: absolute;
    right: 8px;
    top: 17px;
    webkit-border-radius: 2px;
 }
 .unlogin_topnav_mobile>button {
    background: none;
    border: 0px;
    cursor: pointer;
    width: 42px;
 }
 .unlogin_topnav_mobile>button>span {
    background: #53AE44;
    float: left;
    height: 3px;
    margin: 2px 0;
    width: 30px;
 }
 .main_table>tbody>tr>td {
    float: left;
    height: auto;
    width: 100%;
 }
 .main_table .mphoto>table>tbody>tr>td {
    float: left;
    width: 80%;
 }
}
@media only screen and (max-width: 560px) {
 .members_only>tbody>tr>td {
    float: left;
    margin-bottom: 3px;
    width: 30%;
 }
 .members_only>tbody>tr>td.arr_left,.members_only>tbody>tr>td.arr_right {
    height: 100px;
    width: 20px;
 }
}