@media (max-width: 1000px) {
.body-inner {
    padding: 5px 25px;
}
li.header dl.row-item dt .list-inner {
    padding: 10px 0;
    margin: 0;
}
#viewprofile .left-box.profile-details {
    width: 100%;
    float: none;
    padding: 20px 0;
}
#viewprofile .left-box {
    float: none;
    text-align: left;
    max-width: 100%;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
#viewprofile .right-box {
    text-align: center;
    max-width: 100%;
    float: none;
    width: 40%;
    display: inline-block;
	padding: 0;
}
#viewprofile .pc-profile div.left-box {
    padding: 2px 0; 
    border-right: none;
}
.pc-profile .opt {
    float: none;
    font-size: 10pt;
    font-weight: bold;
    margin: 10px;
}
.left-box .profile-avatar {
    margin-bottom: 5px;
    text-align: -webkit-center;
}
.char-profile {
    width: 95%;
}
.big-logo {
    background-size: auto 80%;
}


}

@media (max-width: 1050px) {
.nav-menu nav a {
    padding: 0 10px;
    font-size: 10pt;
}
}


@media (max-width: 800px) {
	
.logo-container {
    top: 60%; 
    margin-top: -90px;
}
.sitelogo {
    font-size: 60px;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.8);
}
.sitedesc {
    font-size: 20px;
    text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.7);
}

.main-menu, .cat-menu {
    display: none;
}
.mobile-menu {
    display: block;
}

.pprofile {
    display: none;
}
.pbody {
    width: 100%;
    padding: 0px;
    border: none;
}
.forabg, .action-bar, .forumbg, .stat-block {
    margin: 10px;
}

.itemsbody .text.img, .rhead .text.name {
    display: none;
}
.itemsbody td.text.desc {
    text-align: justify;
    padding: 5px 10px;
}
.itemsbody td.text.desc .name {
    text-align: center;
}
table.catrow {
    max-width: 100%;
}
td.categories, td.items {
    display: block;
}
.shop .catrow, .shop .profilemenu {
    display: none;
}
.gameapi .mobile-menu{
	display: block;
}
.body-inner {
    padding: 5px 5px;
}
}
@media (min-width: 800px){
td.categories {
    width: 20%;
}
}

@media (max-width: 500px){

.logo-container {
    top: 70%;
    margin-top: -60px;
}
.sitelogo {
    font-size: 45px;
}
.sitedesc {
    font-size: 17px;
    margin-top: 10px;
}

.modal-body {
    padding: 5px;
}
#modal-result {
    margin-bottom: 15px;
}
	
.pc-profile img.avatar {
    width: 50%;
}	

dl.details dt, dl.details dd {
    width: 100%;
    float: none;
    text-align: left;
}

dl.details dd {
    margin-left: 0;
    padding: 2px 0 0 0;
}
dl.left-box {
    text-align: -webkit-center;
    width: 100%;
    margin-bottom: 10px;
}
#viewprofile .right-box {
    text-align: center;
    max-width: 100%;
    float: none;
    width: 100%;
    display: inline-block;
}
a.header-avatar span:after {
    bottom: 25%;
    right: 35%;
}
#viewprofile .left-box {
    width: 100%;
}
.left-box .profile-avatar img{
    width: 150px;
}
.banner-links {
    position: absolute;
    bottom: 10px;
    right: 0;
    box-shadow: initial;
    margin: 0;
    width: 100%;
}

}

@media (max-height: 500px){

.logo-container {
    top: 30%;
    margin-top: -60px;
}
.sitelogo {
    font-size: 50px;
}
.sitedesc {
    font-size: 17px;
}
}