@media (max-width:600px)
{
* { box-sizing:border-box; }

.mode-nest:before {
content: '';
}

.threads:before {
content: '';
}

#content:after {
content: '';
}

#content:after {
content: '';
}

/* common */

  body { width:100%; min-width: 100%; }
  #content { width: 100%; min-width: 100%; }
  #root { overflow: auto; width: 100%; min-width: 100%; }
  #main { width: 100%; margin: 0; padding: 0 5px; min-width: 100%; }
  #header { width: 100%; }
  #content:before { content: ''; }
  #content:after { content: ''; }
  #root:after { content: ''; }
  .header { height: 100% !important; }
  h1, h3 { margin: 10px 0 }
  .parent > h3 { margin: 10px 0 !important; }

/* main */

.section { width:100%; margin: 10px 0; padding: 8px 8px; }
.section .board > .title { width: 60%; }
.section .board .timestamp { width: 20%; }
.section > div.title { width: 60%; padding-left: 10px; }

#trending {
width: 100%;
margin: 0;
}

.poster > img {
height: 175px;
}

/* board */

  .threads { clear: both; }
  .threads .thread .title { width: 40%; }
  .threads .thread .author { width: 30%; }
  .threads .thread .replies { width: 10%; }
  .boards.history .timestamp, .boards.pms .timestamp, .boards.friends .timestamp, .boards.favorites .timestamp, .threads .thread .timestamp { width: 15%; white-space: normal; }
  .threads-meta > div { display: block; width: 100%; padding-top: 3px; }

/* post */

.board .thread { width: 100%; padding: 0 5px; }
.board .thread .comment-summary .title { width: 100%; }
.board .comment .body { clear: both; }
.board .comment .metadata { min-height: 51px; }
.menu, .submenu { z-index: 40; }

/* experimental post follows */

.board .comment .metadata { position: relative; }
.board .comment .metadata .byline-main { padding-top: 5px; }
.board .comment .byline, .board .thread .byline { padding-top: 5px; vertical-align: top; }
.board .comment .timestamp, .board .thread .timestamp { vertical-align: top; word-break: break-all; overflow-wrap: break-word; white-space: normal; }
.board .comment .metadata .actions { font-size: 13px; vertical-align: top; display: block; text-align: right; float: none; }
.board .comment .metadata .actions > .reply { text-align: left; }
.nickname > span { vertical-align: top; }

/* profile */

.report-abuse .pref, .boards-profile .pref { width: 90%; }
input[type=text] { width: 90%; }
.boards.history .name { width: 30%; white-space: normal; }
.boards.history .title { width: 50%; white-space: normal; }
.boards.history { padding: 0 5px; }

/* add topic */

.board { width: 100%; margin: 0; }
.board.reply .actions, .board.reply textarea, .board.reply input.title { width: 90%; }
form { width: auto; }

/* header */

.sec { font-size:15px; padding:10px 5px; }
#header-right > .sec { font-size:11px; }
#header-right > .sec:first-child { font-size:11px; max-width:12em; white-space:nowrap; overflow:hidden; }
#header-right > .sec > #username { font-size: 12px; }
#header form { width:35%; padding:10px 0; }
#magnify { display:none; }
#q { height: 2m; font-size:12px; }
}

@media (max-width:400px)
{

* { box-sizing:border-box; }

/* main */

.notify { margin: 0; }
.section .board > .title { width: auto; display: block; }
.section .board .title a.title { word-break: break-word; white-space: normal; overflow-wrap: break-word; }
.section .board .timestamp { width: 45%; }
.section .board .postings { width: 45%; }

#trending {
width: 100%;
margin: 0;
}

.poster > img {
height: 100px;
}

.mode-nest:before {
content: '';
}

.threads:before {
content: '';
}
}