@media screen and (max-width: 768px) {
  .MobileFontSize,
  .content *,
  .body_kempire,
  .body_kempire #content *,
  .body_ironblood #header a,
  .body_galliance .topMenu a,
  .body_galliance div,
  .body_galliance div a,
  .body_galliance #sidebar a,
  .body_galliance #sidebar p {
    font-size: 20pt;
  }
  .CanvasMapViewer #searchText {
    font-size: 16px;
    width: 220px;
  }
  .CanvasMapViewer .SearchMobileMenu {
    display: inline;
    float: left;
  }
  .CanvasMapViewer .SearchMobileImg {
    border: 0px;
    width: 32px;
    height: 32px;
  }
  .CanvasMapViewer .searchBuilder .blankCheckbox {
    width: 16px;
    height: 16px;
  }
  .CanvasMapViewer #columnCheckboxes,
  .CanvasMapViewer input[type="checkbox"] {
    margin: 6px 10px 6px 10px;
    /* ios 7 needs this... */
    -webkit-transform: scale(1.5);
    /* firefox */
    -moz-transform: scale(1.5);
  }
  .MobileMenu {
    border: 0px;
    width: 100px;
  }
  .blankMobileMenu {
    width: 100px;
    height: 16px;
  }
  #MobileMenuSpan {
    position: absolute;
    display: block;
  }
  .showMobile {
    display: inline-block;
  }
  .SortIcon,
  .SortAscend,
  .SortDescend,
  .SortNone {
    width: 32px;
    height: 32px;
    background-size: 100%;
  }
  .LoginForm .LoginRow {
    display: flex;
  }
  .LoginForm .LoginRow input {
    /*			width: 10px; */
    width: 100%;
    flex: 1 0 auto;
  }
  .LoginForm .LoginRow label {
    flex: 1 0 auto;
  }
  .body_empirefleet .rel-content {
    padding-left: 140px;
  }
  .body_empirefleet #MobileMenuSpan {
    z-index: 10;
  }
  /* @media screen and (orientation:portrait) { */
  .PlayerHistory div * {
    font-size: 16pt;
  }
  .dokuPost *,
  #ListServersTable * {
    font-size: 20pt;
  }
  body #sidebar {
    display: none;
  }
  .recentMapsList > a {
    font-size: 32pt;
    padding: 16px;
    margin: 16px;
  }
  .recentMaps {
    padding-bottom: 48px !important;
    /* why was this here?		height: 48px !important; */
  }
  .recentMaps * {
    font-size: 32pt;
  }
  .recentMaps .closeLink {
    float: right;
  }
  .recentMaps .serverMenuDiv {
    margin-top: 120px !important;
    width: 700px !important;
    display: inline;
  }
  #ServerHistoryTable #serverMenuDiv {
    width: 100%;
  }
  .serverMenuDiv {
    border: 2pt solid #000 !important;
    /* width: 380px !important; */
  }
  .iconImage {
    width: 64px;
    height: 64px;
    margin-left: 32px;
  }
  /* Not working on Android browser, ok on opera mobile */
  #columnCheckboxes input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .ListServersTable .serverMenuDiv {
    width: 100%;
    margin-top: 0px;
    display: block;
  }
  .ListServersTable ul {
    width: 700px;
  }
  .ListServersTable li {
    width: 700px;
    float: none !important;
  }
  .ListServersTable td:nth-child(2),
  .ListServersTable td:nth-child(3),
  .ListServersTable td:nth-child(4),
  .ListServersTable td:nth-child(5),
  .ListServersTable th:nth-child(2),
  .ListServersTable th:nth-child(3),
  .ListServersTable th:nth-child(4),
  .ListServersTable th:nth-child(5) {
    display: none;
  }
  .LoginForm .LoginLabel {
    width: auto;
  }
  .LoginDiv {
    float: none;
    width: 95%;
  }
  .LoginDiv #ResetPasswordEmail {
    width: 90%;
  }
  .PaypalDiv {
    padding-top: 32px;
    margin-left: 0px;
    padding-left: 0px;
    border: 0px;
    width: 100%;
  }
  .PaypalDiv .paypalSubscribe,
  .PaypalDiv .stripeSubscribe {
    width: 60%;
  }
  #ServersByUserNameForm input,
  #ServersByAllianceNameForm input,
  #serversByNameForm input,
  #ServersByUserForm input {
    width: 100%;
  }
  #ListServersTable #serverMenuCols * {
    font-size: 15pt;
  }
  #serverMenuDiv {
    margin-left: 0px;
  }
  .ContactUsList {
    padding: 0px 2px;
  }
  .ContactUsList .ContactUsReplyEmail,
  .ContactUsList .ContactUsReplyMessage,
  .ContactUsList .ContactUsPad,
  .ContactUsList .ContactUsReplyResponse {
    width: 100%;
  }
  .page-faq {
    word-break: break-all;
  }
  .body_kocbattle .headerText {
    padding-left: 20px;
  }
  .body_kocbattle #page {
    min-width: unset;
    background-size: 1144px 726px;
    background-position-x: -92px;
  }
  .body_kocbattle #page2 {
    width: 100%;
  }
  .body_kocbattle #content {
    width: 100%;
    padding: 0px;
    border: 0px;
  }
  .body_kocbattle #content .post {
    padding: 2px;
  }
  .body_kocbattle #menu {
    width: 100%;
    padding: 0px;
  }
  .body_kocbattle #menu a {
    font-size: 28px;
  }
  .body_arcane #menu ul li {
    font-size: 28px;
  }
  .body_hobbit #sidebar,
  .body_kocbattle #sidebar,
  .body_arcane #sidebar,
  .body_koc #sidebar,
  .body_doa #sidebar,
  .body_warandpeace #sidebar,
  .body_worldatwar #sidebar,
  .body_ageoflords #sidebar,
  .body_gameoftrenches #sidebar,
  .body_tacticalheroes #sidebar {
    width: 600px;
    font-size: 24px;
  }
  .body_kempire #header {
    padding: 15px 0px;
  }
  .body_kempire #header h1 {
    margin-left: 160px;
    font-size: 28px;
  }
  .body_kempire h2 {
    font-size: 28px;
  }
  .body_kempire #footer > div {
    width: 96%;
    padding: 30px 2%;
  }
  .body_kempire #footer > div p {
    font-size: 14px;
  }
  .body_kempire #content #left,
  .body_kempire #ListServersTable .serverMenuDiv ul,
  .body_kempire #container {
    width: 100%;
  }
  .body_kempire #ListServersTable .serverMenuDiv ul {
    padding: 0px;
  }
  .body_kempire #header ul li a {
    padding: 10px;
  }
  .body_kempire #content {
    padding-left: 3px;
  }
  .body_kempire #sidebar {
    padding-left: 5px;
  }
  .body_hobbit .headerText,
  .body_warandpeace .headerText,
  .body_worldatwar .headerText,
  .body_ageoflords .headerText,
  .body_gameoftrenches .headerText,
  .body_tacticalheroes .headerText {
    font-size: 8vw;
  }
  .body_hobbit #page,
  .body_warandpeace #page,
  .body_worldatwar #page,
  .body_ageoflords #page,
  .body_gameoftrenches #page,
  .body_tacticalheroes #page {
    width: 100%;
  }
  .body_hobbit #mainimg img,
  .body_warandpeace #mainimg img,
  .body_worldatwar #mainimg img,
  .body_ageoflords #mainimg img,
  .body_gameoftrenches #mainimg img,
  .body_tacticalheroes #mainimg img {
    width: 100%;
    margin: 2px;
  }
  .body_hobbit #ListServersTable .serverMenuDiv ul,
  .body_warandpeace #ListServersTable .serverMenuDiv ul,
  .body_worldatwar #ListServersTable .serverMenuDiv ul,
  .body_ageoflords #ListServersTable .serverMenuDiv ul,
  .body_gameoftrenches #ListServersTable .serverMenuDiv ul,
  .body_tacticalheroes #ListServersTable .serverMenuDiv ul {
    width: 100%;
  }
  .body_hobbit #menu ul,
  .body_warandpeace #menu ul,
  .body_worldatwar #menu ul,
  .body_ageoflords #menu ul,
  .body_gameoftrenches #menu ul,
  .body_tacticalheroes #menu ul {
    float: none;
    clear: both;
    padding-top: 10px;
  }
  .body_hobbit #menu li,
  .body_warandpeace #menu li,
  .body_worldatwar #menu li,
  .body_ageoflords #menu li,
  .body_gameoftrenches #menu li,
  .body_tacticalheroes #menu li {
    background-color: #F6F5F5;
    border-radius: 10px;
    border: 1px solid #888;
  }
  .body_hobbit #menu li span,
  .body_warandpeace #menu li span,
  .body_worldatwar #menu li span,
  .body_ageoflords #menu li span,
  .body_gameoftrenches #menu li span,
  .body_tacticalheroes #menu li span {
    font-size: 22px;
    padding: 0px 4px 0 16px;
  }
  .body_hobbit #content,
  .body_warandpeace #content,
  .body_worldatwar #content,
  .body_ageoflords #content,
  .body_gameoftrenches #content,
  .body_tacticalheroes #content {
    float: none;
    width: 100%;
  }
  .body_hobbit #sidebar h2,
  .body_warandpeace #sidebar h2,
  .body_worldatwar #sidebar h2,
  .body_ageoflords #sidebar h2,
  .body_gameoftrenches #sidebar h2,
  .body_tacticalheroes #sidebar h2 {
    width: 220px;
  }
  .body_doa #header,
  .body_koc #header,
  .body_gloryofrome #header {
    height: auto;
    background-position-y: -100px;
  }
  .body_doa #logo,
  .body_koc #logo,
  .body_gloryofrome #logo {
    height: 235px;
  }
  .body_doa .headerText,
  .body_koc .headerText,
  .body_gloryofrome .headerText {
    padding-top: 80px;
  }
  .body_doa #menu ul li a,
  .body_koc #menu ul li a,
  .body_gloryofrome #menu ul li a {
    line-height: 42px;
  }
  .body_doa #ListServersTable,
  .body_koc #ListServersTable,
  .body_gloryofrome #ListServersTable {
    width: 100%;
  }
  .body_doa #ListServersTable .serverMenuDiv ul,
  .body_koc #ListServersTable .serverMenuDiv ul,
  .body_gloryofrome #ListServersTable .serverMenuDiv ul {
    width: 100%;
  }
  .body_doa #footer,
  .body_koc #footer,
  .body_gloryofrome #footer {
    background-position: left bottom;
  }
  .body_doa #main,
  .body_koc #main,
  .body_gloryofrome #main {
    padding: 0px 5px 0px 5px;
  }
  .body_doa #content,
  .body_koc #content,
  .body_gloryofrome #content {
    float: none;
    width: 100%;
    background: transparent;
  }
  .body_doa #content .post,
  .body_koc #content .post,
  .body_gloryofrome #content .post {
    background: transparent;
  }
  .body_doa #logo p,
  .body_koc #logo p,
  .body_gloryofrome #logo p,
  .body_doa #page,
  .body_koc #page,
  .body_gloryofrome #page {
    width: auto;
  }
  .body_doa #menu,
  .body_koc #menu,
  .body_gloryofrome #menu {
    width: 100%;
    height: auto;
    background: #547B41;
  }
  .body_doa #menu ul li,
  .body_koc #menu ul li,
  .body_gloryofrome #menu ul li {
    float: none;
    padding-right: 8px;
    margin-left: 8px;
  }
  .body_doa #menu ul li a,
  .body_koc #menu ul li a,
  .body_gloryofrome #menu ul li a {
    font-size: 32px;
  }
  .body_doa #sidebar1,
  .body_koc #sidebar1,
  .body_gloryofrome #sidebar1 {
    width: 600px;
  }
  .body_doamobile #header .navigation li a {
    font-size: 24px;
  }
  .body_doamobile ul.navigation li a {
    padding: 0px 10px;
  }
  .body_doamobile #page div#header ul.navigation {
    padding: 0px;
  }
  .body_doamobile #page div#header {
    text-align: left;
  }
  .body_doamobile #logo img {
    width: 300px;
  }
  .body_doamobile #page #body,
  .body_doamobile #page div#header,
  .body_doamobile #page #footer,
  .body_doamobile #page #body div#content {
    width: 100%;
  }
  .body_doamobile #serverMenuDiv {
    margin-left: 0px;
  }
  .body_doamobile #ListServersTable .serverMenuDiv ul {
    width: 100%;
  }
  .body_fireage {
    font-size: 16px;
  }
  .body_fireage form {
    font-size: 36px;
  }
  .body_fireage form input {
    font-size: 36px;
  }
  .body_fireage #header ul {
    padding: 0px;
    font-size: 28px;
  }
  .body_fireage #header ul li {
    display: block;
  }
  .body_fireage #sidebar {
    width: 320px;
  }
  .body_fireage #sidebar li {
    font-size: 28px;
    margin: 16px 8px 16px 8px;
  }
  .body_empirefleet #header a {
    font-size: 34px;
  }
  .body_empirefleet #sidebar {
    padding-top: 0px;
    margin-left: 0px;
  }
  .body_empirefleet #sidebar h2 {
    font-size: 48px;
  }
  .body_empirefleet #sidebar a {
    font-size: 34px;
  }
  .body_ironblood #sidebar {
    width: 500px;
  }
  .body_ironblood #sidebar .box,
  .body_ironblood #sidebar h2,
  .body_ironblood #sidebar ul {
    background-size: 460px 100px;
  }
  .body_galliance .topMenu li {
    background-image: url("/doku/lib/tpl/galliance/images/btn_blank.gif");
    background-size: 48px 48px;
    padding: 2px 16px 2px 48px;
  }
  .body_galliance .topMenu ul {
    margin-left: 140px;
  }
  .body_galliance h2,
  .body_galliance h3 {
    font-size: 48px;
  }
  .body_galliance #sidebar {
    float: none;
  }
  #ArchiveDirs td {
    padding: 6px;
  }
  /* body { font-size: 15px; } */
}