@media screen and (max-device-width: 480px) {
  /* шапка и тело*/
  .punbb {
    font: normal 91% verdana, arial, helvetica, sans-serif;
  }
  #pun {
    margin-top: 110px;
  }
  #pun-title table,
  .bestpost,
  .weekepisode,
  .persons1,
  .persons,
  .navig,
  .navig1,
  .weneedblk,
  #pun-status {
    display: none;
  }
  #pun:before {
    top: -63px;
    height: calc(100% + 105px);
  }
  #pun:after {
    top: -33px;
  }

  /* навигация */
  #pun-crumbs1,
  #pun-crumbs2 {
    font-size: 24px;
  }
  #pun-crumbs1 {
    margin-top: 30px;
  }
  #pun-navlinks .container {
    top: -50px;
    font-size: 24px;
  }
  #pun-about .item1,
  #pun-about .item1 a {
    color: #e8f6d2;
  }
  #pun-ulinks:before {
    content: "\f142";
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    color: #d6ebbe;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #pun-ulinks {
    position: absolute;
    top: -110px;
    left: 50%;
    margin-left: 170px;
    width: 50px;
    height: 50px;
  }
  #pun-ulinks .container {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 400px;
    background: #adcd8a;
    height: auto;
    padding: 20px;
    margin: 123px 0 0 -200px;
    gap: 10px;
    border: 1px solid #72815c;
    transition: all 0.5s;
    transform: rotateX(90deg);
    transform-origin: 0px 0px;
    font-size: 40px;
  }
  #pun-ulinks,
  #pun-ulinks a {
    text-shadow: none;
    color: #6c7c57;
  }
  #pun-ulinks .container li {
    background: #f3ffe78a;
    width: inherit;
    text-align: center;
    padding: 3px 0;
    border: 1px solid #f3ffe78a !important;
    transition: all 0.5s;
  }
  #pun-ulinks:hover .container {
    transform: rotateX(0deg);
  }
  #pun-ulinks .container li:hover {
    background: #f3ffe7c7;
  }

  /* подфорумы на главной */
  #pun-index .hasicon tr {
    display: grid;
    grid-template-rows: 2fr 1fr;
    grid-template-columns: 1fr;
    margin: 30px 60px 0 20px;
    align-items: start;
    gap: 30px 10px;
  }
  #pun-index .hasicon tr .tcl {
    grid-column: 1/4;
    width: 100% !important;
    padding-left: 0px;
  }
  #pun-index .tclcon {
    width: 100%;
    font-size: 26px;
  }
  #pun-index .tclcon span {
    font-size: 26px;
    -webkit-text-size-adjust: none;
    margin-bottom: 20px;
    background-size: cover;
  }
  #pun-index .tcl h3 {
    font-size: 35px !important;
  }
  #pun-index .category .tc2,
  #pun-index .category .tc3 {
    display: none;
  }
  #pun-index .category .tc2:before {
    content: "тем";
  }
  #pun-index .category .tc3:before {
    content: "соо";
  }
  #pun-index .category .tc3:before,
  #pun-index .category .tc2:before {
    display: block;
    margin-bottom: 5px;
  }
  #pun-index .main .tcr {
    font-size: 22px;
    width: 100%;
    grid-template-columns: 23% 1fr;
    justify-items: end;
  }
  .punbb .user-avatar .avatar-image,
  .punbb .tcr .user-avatar {
    width: 70px !important;
    height: 70px !important;
  }
  #pun-index .tcr .lastpost-link,
  #pun-index .tcr .lastpost {
    justify-content: center;
    width: 100%;
    text-align: center;
  }

  /* табла */
  #pun-announcement {
    padding-top: 50px;
  }
  #pun-announcement button {
    font-size: 20px !important;
    margin-bottom: 20px;
  }

  /* активны */
  li#onlinelist {
    margin-top: 20px;
    font-size: 22px;
  }
  li#onlinelist div {
    line-height: 35px;
  }
  #pun-stats li.item1,
  #pun-stats li.item2,
  #pun-stats li.item3,
  #pun-stats li.item4 {
    font-size: 22px;
  }
  #pun-stats li.item1,
  #pun-stats li.item2 {
    width: 49%;
  }
  #pun-stats li.item3,
  #pun-stats li.item4 {
    width: 100%;
    margin-top: 20px;
  }

  /* стрелки */
  .go-up,
  .go-down {
    display: none !important;
  }

  /* в теме */
  .postlink,
  #pun-searchposts .post-links,
  #pun-viewtopic h3,
  div#topic-users-in,
  #my-form,
  #pun-viewtopic .post-links,
  #pun-messages .post-links,
  #pun-post h3,
  #pun-searchposts h3 {
    font-size: 20px;
  }
  .punbb .post-body {
    margin-left: 0;
  }
  .subscribelink {
    margin: 30px 0 0 0;
    font-size: 16px;
    position: absolute;
    right: 0;
  }
  .punbb textarea {
    font-size: 20px !important;
  }

  /* цитаты и кнопки */
  .punbb .post-content .quote-box,
  .punbb .post-content .code-box,
  #float,
  .pun-modal .modal-inner,
  #mask_dialog .inner,
  .editBookmark,
  #pun-redirect.punbb .info,
  #pun-report .inner,
  #pun-reputation .inner,
  #pun-admin-award-form .inner,
  #MyBookmarks,
  .hvStickerPackModal {
    font-size: 16px !important;
  }
  .punbb input {
    font-size: 14px;
  }
  .punbb select,
  p[class="checkfield"] *,
  div[class="checkfield"] *,
  fieldset[class="radiofield"] * {
    font-size: 14px !important;
  }
  .button,
  .hashelp center div a button,
  ul.tabs li a,
  input#sub4,
  .hvStickerPackModalTab {
    font-size: 12px !important;
    min-width: 130px;
    padding: 12px !important;
  }
  small#plng,
  small#plng b {
    font-size: 12px;
  }

  /* профиль */
  .punbb .post .post-author {
    float: none;
    background: url(https://forumstatic.ru/files/001a/ea/43/21969.jpg);
    position: relative;
  }
  .punbb .post .post-author,
  .punbb .post .post-author ul {
    width: 100%;
  }
  .pa-author {
    font-size: 28px;
  }
  .pa-respect,
  .pa-posts,
  .pa-fld4,
  .pa-fld3 {
    font-size: 25px;
  }
  .pa-respect .fld-name:before,
  .pa-posts .fld-name:before,
  .pa-fld4 .fld-name:before,
  .pa-fld3 .fld-name:before {
    font-size: 30px;
    margin-right: 10px;
  }
  .pa-respect img {
    margin-right: 15px;
    transform: scale(2) translateY(-2px);
  }
  .punbb .post .post-author ul {
    padding: 20px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 140px 1fr 1fr 1fr 1fr;
    grid-template-rows: 30px auto;
    gap: 20px 20px;
    align-items: center;
  }
  .punbb .post .post-author ul li {
    width: auto;
  }
  .pa-title {
    display: none;
  }
  .pa-fld1,
  .pa-fld2,
  .pa-fld5,
  .pa-online,
  .pa-last-visit,
  li.pa-social.social-icq,
  li.pa-social.social-vk {
    display: none;
  }
  .pa-author {
    grid-area: 1 / 2 / 2 / 6;
  }
  .pa-avatar {
    margin: 0;
    grid-area: 1 / 1 / 3 / 2;
  }
  .pa-avatar img {
    height: 140px;
    width: 140px;
    object-fit: cover;
  }
  .pa-fld3 {
    width: 160px !important;
  }

  /* просмотр профиля */
  #profile-right li strong {
    font-size: 16px;
    padding-left: 220px !important;
  }
  #viewprofile #profile-right li span:first-of-type:not(li strong span) {
    font-size: 12px;
    width: 200px;
  }
  #profile-left #profile-name strong {
    font-size: 22px;
  }
  #profile-left #pa-edit strong a {
    font-size: 15px;
  }
  #profile-left {
    width: 40%;
  }
  #viewprofile {
    margin: 0 50px;
  }
  #profile-left #profile-title strong,
  #profile-left #pa-online strong {
    font-size: 14px;
  }
  #profile .container legend,
  .adformal h2,
  #MyBookmarks h2,
  #MyBookmarks h1,
  .editBookmark h2,
  #viewprofile h2 span,
  #profilenav h2,
  #pun-adnav h2,
  #pun-admain h2 span,
  form#post.container legend span,
  #userlist.container legend span,
  #punbbsearch.container legend span,
  .container legend.warntext span {
    font-size: 12px !important;
  }
  .punbb .required label,
  .punbb .datafield span.input,
  .selectfield label,
  .inputfield label,
  #pun-admain legend span,
  #setmods dt {
    font-size: 15px !important;
  }
  #pun-adnav li,
  #profilenav li {
    padding-bottom: 13px !important;
  }

  /* активные темы и тд */
  #pun-searchtopics .linkst,
  #pun-searchtopics .linksb {
    font-size: 16px;
  }
  th {
    font-size: 14px;
  }
  #pun-online .tcl a,
  #pun-userlist .tcl a,
  #pun-messages .tcl a,
  #pun-searchtopics .tcl a,
  #pun-respect #pun-main .container tr,
  #pun-positive #pun-main .container tr,
  #pun-online #pun-main .container tr {
    font-size: 16px;
  }
  #pun-viewforum .hasicon .intd,
  #pun-searchtopics .hasicon .intd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #pun-searchtopics .tc2,
  #pun-searchtopics .tc3 {
    width: 5%;
    text-align: center;
  }
  #pun-searchtopics td.tcl {
    width: 40%;
  }

  /* внутри подфора */
  #pun-viewforum .hasicon tr a,
  #pun-searchtopics .hasicon tr a {
    display: block !important;
  }
  #pun-viewforum td.tcr,
  #pun-searchtopics td.tcr {
    height: 100px;
  }
  #pun-viewforum .hasicon tr,
  #pun-searchtopics .hasicon tr {
    font-size: 22px;
  }
  #pun-viewforum .tcr .user-avatar,
  #pun-searchtopics .tcr .user-avatar {
    margin-top: 15px !important;
  }
  #pun-viewforum .pagelink {
    font-size: 16px;
  }
  #pun-viewforum .hasicon tr .pagestext a,
  #pun-searchtopics .hasicon tr .pagestext a {
    display: inline-block !important;
  }

  #pun-viewforum .hasicon tr .pagestext,
  #pun-searchtopics .hasicon tr .pagestext {
    margin-bottom: 30px;
    display: block;
  }

  #pun-viewforum .hasicon tr .newtext a,
  #pun-searchtopics .hasicon tr .newtext a {
    margin-top: 20px;
  }

  .newtext .bracket {
    display: none;
  }

  /* кнопки */
  #font-area,
  #size-area,
  #color-area,
  #table-area,
  #smilies-area,
  #image-area,
  #imageup-area,
  #imageattach-area,
  #keyboard-area,
  #video-area,
  #addition-area,
  #spoiler-area {
    margin-top: 30px;
  }
  #form-buttons tr {
    gap: 25px 0;
  }
  #form-buttons tr td {
    width: 59px;
  }
  #main-reply {
    height: 350px;
  }
  #form-buttons td:before {
    font-size: 35px;
  }
}