/* mobile */
@media screen and (max-width: 1000px) {
#pun {width: 100%; max-width: 1000px; min-width: 820px;}
.go-up, .go-down {right: 0px !important; box-shadow:inset 6px 0 8px rgba(0,0,0,0.25);}
.go-up {bottom: calc(10% + 86px);}
.go-down {bottom:10%;}
/* Кнопка, закладки, ЧС */
#BookmCntToggle {top:-108px !important; position:absolute !important;}
#MyBookmarks {position:absolute !important; margin-top:-70px;}
#panel {top:-70px; position:absolute;}
}

@media screen and (max-width: 820px) {
#pun {width: 100%; max-width: 820px; min-width: 660px;}
/* ссылки под автором и постом */
.post-links li a {font-size:0px;}
.post-links li a:before {overflow: hidden; display: inline; font-family: 'icomoon', 'fontawesome'; font-size: 16px;}
.post-links li.pl-email.profile a:before {content: "\e91b";}
.post-links li.pl-email.pm a:before {content: "\f0e0";}
.post-links li.pl-email.email a:before {content: "\f003";}
.post-links li.pl-website.website a:before {content: "\f0c1";}
.post-links li.pl-delete a:before {content:"\f1f8";}
.post-links li.pl-edit a:before {content:"\f040";}
.post-links li.pl-quote a:before {content:"\f0e5";}
.post-links li.pl-reports a:before {content:"\f188";}
/* Кнопка, закладки, ЧС */
#BookmCntToggle {top:-108px !important; position:absolute !important;}
#MyBookmarks {position:absolute !important; margin-top:-70px;}
#panel {top:-70px; position:absolute;}
}


@media screen and (max-width: 790px) {
/* навигация пользовательская */
#pun-ulinks {text-align:center;}
#pun-ulinks:before {content: 'Меню пользователя'; margin: auto; font-family: Georgia, Tahoma, sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 0.13em; color: var(--bgh2);}
#pun-ulinks ul {position: absolute; top: 100%; width: calc(100% - 20px); margin-left: 20px; z-index: 10; padding: 0 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: url(//forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 10%, var(--bgha) 0%, var(--bgh2) 75%, var(--bgbody) 120%); background-color: var(--bgh2);}
#pun-ulinks:hover ul {-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
#pun-ulinks li {padding-right: 0; margin:auto 0px;}
#pun-ulinks ul li a {background: var(--bgpun2); border: 1px solid var(--bgbody); box-shadow: inset 0 0 4px var(--bgh3); padding: 8px 4px; margin: 3px 0px 0px; display: block; font-size: 14px; font-weight:600;}
#pun-ulinks ul li:last-child {margin-bottom: 6px;}
#pun-ulinks .container {flex-direction: column;}
#pun-ulinks li:nth-child(3), #pun-ulinks li.item5 {display: none;}
}


@media screen and (max-width: 720px) {
/* отключение закладок и поднятие ЧС */
.lightr #BookmCntToggle, .lightr #MyBookmarks,
.darkv #BookmCntToggle, .darkv #MyBookmarks,
.lightg #BookmCntToggle, .lightg #MyBookmarks,
.darkg #BookmCntToggle, .darkg #MyBookmarks,
.lightgr #BookmCntToggle, .lightgr #MyBookmarks,
.lightb #BookmCntToggle, .lightb #MyBookmarks {display:none !important;}
#BookmCntToggle, #MyBookmarks {display:none !important;}
#panel {top:-110px; position:absolute;}
/* навигация общая */
#pun-navlinks {padding: 0 8px;}
#pun-navlinks a, #pun-navlinks li#navadmin span:before {font-size:0px; margin: 0px;}
#pun-navlinks a:before {font-size: 24px;}
#pun-navlinks li {padding:0; max-height:44px;}
span.num_msg {font-size: 16px !important;}
/* объявление - навигация по форуму */
.nov2 {flex-direction: column;}
.navi1, .navi2 {flex-basis: 100%;}
}


@media screen and (max-width: 660px) {
#pun {width: 100%; max-width: 660px; min-width: 320px;}
iframe {max-width:100%;}
/* предпросмотр профиля*/
#viewprofile-next #viewprofile .container tr {display: flex; flex-direction: column;}
#profile-left {width: 100% !important; padding-bottom: 30px !important;}
/* скрываем раскрываем блоки профиля */
.post-author li {display: none;}
.post-author li.pa-author, .post-author li.pa-title, .post-author li.pa-avatar, .post-author li.pa-respect, .post-author li.pa-ip, .post-author li.pa-online {display:block; padding-right: 94px;}
.post-author li.pa-title {font-size:0.85em;}
.post-author li.pa-ip, .post-author li.pa-online {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; margin: -0.85em auto;}
.post-author:hover li.pa-ip, .post-author:hover li.pa-online {-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); margin: 0.5em auto 0px auto;}
/* автор */
li.pa-author, .pa-author {padding: 0; margin: 0.2em auto 0.2em auto; background-image:none; background-color: transparent; border: 0px none transparent; text-shadow: none; color: var(--forpuna); font-weight: 600; font-size: 1.5em;}
.pa-author a, .post-author .pa-respect a {color: var(--forpuna);}
/* репутация */
.post-author li.pa-respect {padding: 0 94px 0 0; margin: 0.5em auto; border: 0px none transparent; background-image: none; background-color: transparent; text-shadow: none; color: var(--clrbody);}
.post-author .pa-respect span.fld-name {display: inline-block; margin-right:8px; padding:0;}
.post-author .pa-respect span + a {margin: auto auto auto 2px;}
.post-author .pa-respect span.fld-name + a {margin: auto 2px auto auto;}
/* аватарка */
.post-author li.pa-avatar img {object-fit: cover; width: 64px; height: 64px; }
.post-author li.pa-avatar {margin:auto; padding-right:0px; position:absolute; top:15px; right:15px;}
/* аватар в ЛС */
#pun-messages .post-author li.pa-avatar img {object-fit:cover; width:44px; height:44px; margin-top:-4px;}
/* индикатор онлайн */
.post-author.online .pa-author:before {display:inline-block; content:''; width: 8px; height: 8px; border-radius:50%; background:#5d9234; box-shadow: inset 0 -1px 2px #000; transform: translateY(-25%); margin-right:8px;}
/* посты, профиль, редактирование */
.lightg h3 span {margin:12px -20px auto;}
.lightgr h3 span, .lightb h3 span, .darkg h3 span {margin: 8px -20px auto;}
.punbb .post h3 + .container {grid-template-columns: 1fr; padding: 13px 0 8px 0 !important;}
.post-author {--prwid: 100%; font-size:1em; margin: -14px 0px 8px 0px; grid-row: 1 / 2; grid-column: 1 / 2; position: relative; top:0px; text-align: left; float:none;}
.post-body {grid-row: 2 / 3; grid-column: 1 / 2; padding-left: 0; margin-left: 0px;}
.post-links {grid-row: 3 / 4; grid-column: 1 / 2;}
/* список просматривающих форум */
#topic-users-in {padding:1em 0em;}
/* теги поля ответа */
#tags .container {position:static !important;}
/* отступ между подписаться и пагинацией */
.linksb {row-gap: 22px;}
/* админка */
div#pun-adnav {clear: both; width: 100%; margin-left: auto; display: block;}
#pun-adnav ul {display: flex; flex-wrap: wrap; flex-direction: row;}
div.adcontainer {background-color: var(--bgpun2);}
div.adminmain {padding-left: 0; margin: auto -30px 1em;}
/* табла на главной */
#pun-index .category tr {grid-template-columns: 1fr 1fr; grid-template-rows: auto;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";}
#pun-index .category .tcl {padding: 0 2px 10px; border-width: 0px;}
#pun-index .category .tc2, #pun-index .category .tc3 {border: 1px solid var(--bgh3); border-width: 1px 0px; margin-right: 0em; font-size:0.85em;}
#pun-index .category .tcr {padding: 10px 0 0; border-top: 0px solid var(--bgh3);}
/* табла внутренняя */
#pun-viewforum .category tr.isub {grid-template-columns: 1fr; grid-template-rows: auto auto;}
#pun-viewforum .category tr.isub .tcl {padding: 0 2px 10px; border-width: 0px; grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-viewforum .category tr.isub .tcr {padding: 10px 0 0; border-top: 1px solid var(--bgh3); grid-column: 1 / -1; grid-row: 2 / 3;}
#pun-viewforum .category tr.isub div.icon {display:none;}
/* новое сообщение на главной */
div.tclcon h3 {position:relative; text-align:left;}
/*
tr.inew div.tclcon h3:before {content: '\e90c'; font-family: 'icomoon', 'fontawesome'; font-size: 20px; display: inline-block; margin: -4px 14px auto 2px; color:var(--bgh2);} */
#pun-index div.icon {display: inline-block; float: left; position: relative; top: 2px; left: 0px; margin-right: 10px; width: 16px; height: 16px;} 
/* внутри форума */
#pun-viewforum .forum .tc2, #pun-viewforum .forum .tc3 {display:none;}
#pun-viewforum .forum tr {grid-template-columns: 1.3fr 0.7fr;}
#pun-viewforum .linkst, #pun-viewforum .linksb {grid-template-columns: auto; row-gap: 12px;}
#pun-viewforum .postlink.long {width: auto; padding:0;}
/* список участников и активные темы */
#pun-userlist .relation, #pun-userlist .posts, #pun-userlist .num_posts {display:none;}
.usertable tr {grid-template-columns: 0.8fr 1fr 0.6fr 0.6fr;}

#pun-searchtopics .tc2, #pun-searchtopics .tc3, #pun-searchtopics thead {display:none;}
#pun-searchtopics tr {grid-template-columns: 1fr; grid-template-rows: auto auto auto;}
#pun-searchtopics tr:hover .tc2 {display:block; text-align: right;}
#pun-searchtopics .main td {padding:0 0 0 0.5em;}
#pun-searchtopics td.tcl {margin-top: 0.6em; margin-bottom: 4px; grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-searchtopics td.tcr {grid-column: 1 / -1; grid-row: 2 / 3; text-align: right; margin-bottom: 0.6em; padding-left: 1.8em;}
#pun-searchtopics .tc2 {grid-column: 1 / -1; grid-row: 3 / 4; margin-bottom: 0.6em;}
#pun-searchtopics td.tcr span {display:inline-block; margin-top:0em;}

/* ЛС */
#profile > .container, #notify-settings, #profilenav {margin-left:0px;}
#profilenav {float:none; clear:both; width: 100%;}
#profilenav li {display:inline-block;}
.fs-box tr {border-bottom: 0px none transparent;}
/* скрываем всякое */
#pun-status span.status-right {display:none !important;}
/* статистика */
#pun-stats ul.container {grid-template-columns: 1fr 1fr;
grid-template-areas:
  "ntemy nrega"
  "nsoob nposl"
  "nonln nonln"
  "nusers nusers"
  "nbirth nbirth";
}
#pun-stats li.item5.onlinelist {margin: 10px 0px 2px 0px; padding: 12px 0 9px 0; border: 1px solid var(--bgh3); border-width: 1px 0 1px 0;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item5.onlinelist span {text-align: center;}
.online-list tr th.tcl {width: 100% !important;}
#pun-stats li.item5.users_24h > div {margin-top: 0px; border-width:0px;}
/* для ЧС */
.toBlock {position: relative; top: 0px; float:none;}
.blockButton:before {top:-26px; margin-left:10px; transform: translateX(calc(0px - 100%));}
}


@media screen and (max-width: 540px) {
/* лого */
body {padding-top:80px;}
#lylogo {top:-80px; height:64px;}
.lyl1 a {font-size: 30px;}
#panel {top:-70px;}
/* навигация общая */
#pun-navlinks {padding: 0 8px; margin: -9px -30px auto;}
.lightg #pun-navlinks {margin:-7px -30px auto;}
#pun-ulinks {padding: 10px 0 8px 0; margin: auto -30px;}
#pun-ulinks ul {width: calc(100% - 40px);}
/* для таблицы репутации */
#pun-respect #pun-main .section .container {margin: auto -10px;}
/* фиксируем таблички */
#pun-userlist .usertable tr {grid-template-columns: 1fr 0.8fr 0.8fr;}
/* фикс для таблиц в постах */
#pun .post .post-content td {display:block; width:100% !important;}
#pun .post .post-content dl.post-sig td {display:table-cell;}
/* статистика */
#pun-stats ul.container {grid-template-columns: 1fr;
grid-template-areas:
  "ntemy"
  "nsoob"
  "nrega"
  "nposl"
  "nonln"
  "nusers"
  "nbirth";
}
/* ширина списка пользователей */
form#userlist {margin:0.6em -10px;}
.usertable {margin: auto -10px 0.6em;}
/* ширина поста */
.punbb .post h3 + .container, #viewprofile {margin:0px -10px;}
#post-form form#post {margin: auto -20px;}
/* ЛС без даты */
#messages .fs-box tr {grid-template-columns: 1.7fr 1fr 0.3fr;}
#messages td.tc3.pmtc33, #messages th.pmtc33 {display:none;}
.post-links {margin: 10px -8px auto;}
/* поля профиля */
#profile-right li {flex-basis: calc(100% - 0.6em);}
.pa-respect .fld-name {display:block; font-size: 0;}
.pa-respect span.fld-name a:after, .isguest .pa-respect .fld-name:after {content: '\e925'; font-family: 'icomoon', 'fontawesome'; font-size: 16px;}
#pun-respect.punbb .main table tr .tc3 + .tc3 {padding-left:0px;}
/* поля ввода */
input[name="form[interests]"], input[name="form[fld1]"], input[name="form[fld2]"], input[name="form[fld3]"], input[name="form[fld4]"], input[name="form[fld5]"], input[readonly="readonly"], input[name="keywords"], input[name="req_email"] {max-width: 290px;}
/* icon */
.intd div.icon {--icmwid: 15px; --icmhgt: 15px; margin: auto 14px auto -12px;}
/* подписаться и отслеживать тему */
.linkst {grid-template-columns: 1fr; grid-template-rows: auto auto;}
.linksb {grid-template-columns: 1fr; grid-template-rows: auto auto auto;}
.linkst .pagelink {grid-column: 1 / 2; grid-row: 2 / 3;}
.linkst .postlink {grid-column: 1 / 2; grid-row: 1 / 2; padding:0px;}
.linksb .pagelink {grid-column: 1 / 2; grid-row: 1 / 2;}
.linksb .postlink {grid-column: 1 / 2; grid-row: 2 / 3; padding:0px;}
.linksb .subscribelink {grid-column: 1 / 2; grid-row: 3 / 4;}
.linkst, .linksb {row-gap: 10px;}
/* объявление */
#pun-userlist .usertable .tc2, div.nov1, div.nov2 {display:none;}
#objav {display:block; margin: auto -21px 8px;}
#objav .nov4 {max-height: 86px;}
/* ширина выпадающих бб-тегов */
#smilies-area, #image-area, #video-area, #spoiler-area {width: 100%;}
/* стрелки */
.go-up {bottom:calc(6% + 86px);}
.go-down {bottom:6%;}
#lylbottom {display:none;}
}


@media screen and (max-width: 400px) {#Styles {bottom:48%;}
#panel {top: -80px;}
}


/* 2 в строку */
@media screen and (max-width: 800px) {
#pun-index .category-4 div.tclcon h3 {font-size:1em; padding-top: 2px;}
}
@media screen and (max-width: 660px) {
#pun-index .category-4 tbody.hasicon {grid-template-columns: 1fr;}
#pun-index .category-4 tbody tr, #pun-index .category-4 tbody tr:first-of-type {grid-template-rows:auto;}
#pun-index .category-4 div.icon, #pun-index .category-4 tr:nth-child(2n) div.icon {display:inline-block; margin-left: 0px; margin-right: 10px;}
#pun-index .category-4 div.tclcon h3, #pun-index .category-4 tr:nth-child(2n) div.tclcon h3 {text-align: left;}
#pun-index .category-4 .modlist, #pun-index .category-4 tr:nth-child(2n) .modlist {text-align:center;}

#pun-index .category-4 div.tclcon h3 {font-size:1.2em; padding-top:0px;}
}



/* ЦВЕТНОЕ */
@media screen and (max-width: 1000px) {
.lightgr .go-up, .lightgr .go-down, .lightb .go-up, .lightb .go-down, .darkg .go-up, .darkg .go-down {right: 0px !important;}
.lightg .go-up, .lightg .go-down {box-shadow: inset 3px 0 11px var(--bgbody);}
}
@media screen and (max-width: 540px) {
.lightgr .punbb .post h3 + .container, .lightb .punbb .post h3 + .container, .darkg .punbb .post h3 + .container, 
.lightgr #viewprofile, .lightb #viewprofile, .darkg #viewprofile {margin: 0px 0px;}
.lightgr .post-author, .lightb .post-author, .darkg .post-author {padding:14px;}
}


/*** СВЕТЛО-СИНИЙ ***/
@media screen and (max-width: 660px) {
.lightg .post-author {margin: -12px 0px 8px 0px;}
.lightg li.pa-author, .lightg .pa-author, .lightg .pa-author a {text-shadow: 0 0 0 var(--forpuna); color: var(--forpuna); background-color: transparent; background-image: none;}
.lightg .pa-author a:hover {text-shadow: none;}
.lightg .post-author .pa-respect {margin: 0.5em -11px 0.5em auto; border-width:0px; background-color: transparent;}
}


/*** ТЕМНО-ФИОЛЕТОВЫЙ ***/
@media screen and (max-width: 790px) {
.darkv #pun-ulinks:before {color:var(--forpunah);}
}
@media screen and (max-width: 660px) {
.darkv tr.inew div.tclcon h3:before {color: var(--forpuna);}
.darkv .post-author {margin: -13px 0px 8px 0px;}
.darkv .post-author .pa-respect {margin: 0.5em -11px 0.5em auto; border-width:0px; background-color: transparent;}
}

/*** СЕРЫЙ ***/
@media screen and (max-width: 790px) {
.lightgr #pun-ulinks:before {color:var(--clrh2);}
.lightgr #pun-ulinks ul {background-image:none; background-color: var(--clrtess); box-shadow: 0px 1px 6px -1px var(--t-shd);}
}
@media screen and (max-width: 660px) {
.lightgr tr.inew div.tclcon h3:before {color: var(--forpuna);}
.lightgr .post-author {margin: -14px 0px 8px 0px;}
.lightgr .post-author .pa-respect {margin: 0.5em -11px 0.5em auto; border-width:0px; background-color: transparent;}
.lightgr .pa-author a:hover {text-shadow: none; filter: brightness(1.3);}
.lightgr li.pa-author, .lightgr .pa-author {margin: -2px 0px 5px;}
}

/***  БЕЖЕВЫЙ   ***/
@media screen and (max-width: 790px) {
.lightb #pun-ulinks:before {color:var(--clrh2);}
.lightb #pun-ulinks ul {background-image: none; background-color:var(--bgpun2); border:var(--bdpun2); box-shadow:0px 1px 6px -1px var(--t-shd);}
.lightb #pun-ulinks ul li a {border:var(--bdpun); box-shadow:none;}
}
@media screen and (max-width: 660px) {
.lightb tr.inew div.tclcon h3:before {color: var(--selbg);}
.lightb div.tclcon h3 {text-align: left;}
.lightb .post-author {margin: -14px 0px 8px 0px;}
.lightb .post-author .pa-respect {margin:0.5em -11px 0.5em auto; border-width:0px; background-color:transparent;}
.lightb .pa-author a:hover {text-shadow:none; filter:brightness(1.3);}
.lightb li.pa-author, .lightb .pa-author {margin:-2px 0px 5px;}
.lightb .post-author li.pa-avatar img {margin-top:-6px;}
}

/*** ТЕМНО-ЗЕЛЕНЫЙ ***/
@media screen and (max-width: 790px) {
.darkg #pun-ulinks:before {color:var(--clrh2);}
.darkg #pun-ulinks ul {background-image:none; background-color: var(--bgbody); box-shadow: 0px 1px 6px -1px var(--t-shd);}
}
@media screen and (max-width: 660px) {
.darkg tr.inew div.tclcon h3:before {color:var(--forpuna) !important;}
.darkg .post-author {margin: -14px 0px 8px 0px;}
.darkg .post-author .pa-respect {margin: 0.5em -11px 0.5em auto; border-width:0px; background-color: transparent;}
.darkg .pa-author a:hover {text-shadow: none; filter: brightness(1.3);}
.darkg li.pa-author, .darkg .pa-author {margin: -2px 0px 5px;}
.lightgr #pun-messages .post-author li.pa-avatar img, .lightb #pun-messages .post-author li.pa-avatar img, .darkg #pun-messages .post-author li.pa-avatar img {margin-top:-10px;}
.lightgr #topic-users-in, .lightb #topic-users-in, .darkg #topic-users-in {padding:1em 0em;}
.lightgr #topic-modmenu, .lightb #topic-modmenu, .darkg #topic-modmenu {padding:1em 0 0 0px;}
}