@media screen and (max-width: 400px) { 
#BookmCntToggle, .go-up,.go-down {  
display: none !important;  
} 

/* отступ статистики онлайна на главной  */
li#onlinelist.item5.onlinelist {
margin-left: 0!important;
}

/* иконки на главной */
#pun-main .category Div.icon {
    display: block !important;
    margin: -8px -35px -20px 0px !important;
    position: relative !important;
    background-image: none;
}
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #063c51;
    border-radius: 1px!important;
    color: #c1c1c1;
    content: attr(data-new-topics);
    display: inline-block!important;
    font-size: 1em;
    font-weight:700;
    height: 12px;
    line-height: 12px;
	margin: 10px 8px;
    min-width: 10px;
    padding: 4px;
    position: absolute;
    text-align: center;
}

/* кнопка "удалить" в лс */
.punbb .linksb {
margin-right: 0px;
}

/* покрас непрочитанных лс */
#messages tr.inew {
	background-color: #baa894;
}
#messages tr.inew .tcl a {
	font-weight:900;
	color: #7b1f1e;
}


/*  количество непрочитанных лс */
#navprofile .notify-link .unreads, #navpm .notify-link .unreads {
    font-size: 0.5em!important;
}

/* цвет новых непрочитанных сообщений  */
.forum tr.inew .tcl a {
	color: #7b1f1e;
}

/* выделение важных обновленных тем  */
.forum tr.inew.isticky .tcl a {
	border-bottom: 1px solid #7b1f1e;
}


/* смешение сплыв. окон для кнопок над формой ответа */
.inner, #pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, #meny_templates, #meny_My_replic, .pun-modal .modal-inner {
    margin-top: 40px!important;
}

#pun-navlinks .container {
    height: 10px !important;
    padding: 2.5% 0 0 5% !important;
    text-align: center !important;
    position: fixed;
    z-index: 9999;
}
#pun-ulinks {
    position: fixed!important;
    z-index: 100;
}


.ismoderator #pun-ulinks, .ismoderator #pun-navlinks .container li a, .ismoderator #pun-navlinks .container li a:hover {
width: 35px !important;
height: 30px !important;
}

#pun-ulinks, #pun-navlinks .container li a, #pun-navlinks .container li a:hover {
    width: 35px !important; 
     height: 30px !important;
    color: #fff;
    background-color: rgb(3 30 43 / 67%);
    background-repeat: no-repeat;
    background-image: url(https://forumstatic.ru/files/0012/f2/83/31384.png) !important;
    -webkit-box-shadow: 0 0 4px rgb(3 42 59) inset;
   margin: 0 2px
}

#navindex a, #navindex a:hover {
    background-position: center 0 !important;
}
#pun #navuserlist a, #pun #navuserlist a:hover {
    background-position: center -30px !important;
}
#pun #navrules a, #pun #navrules a:hover {
    background-position: center -60px !important;
}
#pun #navprofile a, #pun #navprofile a:hover {
    background-position: center -90px !important;
}
#pun #navsearch a, #pun #navsearch a:hover {
    background-position: center -120px !important;
}
#pun #navpm a, #pun #navpm a:hover {
    background-position: center -150px !important;
}
#pun #navadmin a, #pun #navadmin a:hover {
    background-position: center -180px !important;
}
#pun #navlogin a, #pun #navlogin a:hover {
    background-position: center -210px !important;
}
#pun #navregister a, #pun #navregister a:hover {
    background-position: center -240px !important;
}
#pun #navlogout a, #pun #navlogout a:hover {
    background-position: center -270px !important;
}
#pun #navpr_1 a, #pun #navpr_1 a:hover {
    background-position: center -297px !important;
}
#pun #pun-ulinks{
    background-position: center -360px !important;
}

   body {
    background: #cebca4;
}
   
   #pun {
    background: #cebca4;
}

   #pun #html-header {
    overflow-x: hidden !important;
}

   div#pun-navlinks {
    width: 100%;
    height: 170px;
    position: relative;
    top: 0;
    background: url(https://i.ibb.co/86MXqL9/winter-header-2023.jpg?v=2) top center no-repeat;
background-attachment: fixed;

    margin-bottom: 0px !important;
    margin-top: -2px !important;
}


#pun-ulinks .container {
   width: auto;
}

#qpsContainer {
    display: none;
}

/* настройка объявления */
  div#pun-announcement {
    text-align: center;
    height: 140px;
    margin-bottom: 0px;
    background-color: #baa894!important;
    background-image: none!important;
    background-repeat: no-repeat !important;
    position: relative;
    top: 0;
    left: 0;
    color: #cebca4;
    width: 100%!important;
}

#pun-announcement .container {
    background: transparent;
    padding: 0em;
    height: 140px;
}

#html-header, #html-footer, #pun-title, #pun-announcement div.container {
    margin: 0 auto !important;
 overflow-x: auto !important;
}

#pun-stats ul.container, #userlist, #login, #request_pass, #punbbsearch, #register, #profile fieldset, #upload_avatar, #similar-topics div.container, div.html-box {
padding: 0 1em !important;
}


#tab2{
background: none!important;

}
 .butt {
display:none!important;
}

.tab-content {
    display: none;
    width: 100%!important;
    height: 120px!important;
    margin-top: 10px;
    overflow-y: auto;
}


.tbl_left, .tbl_right {
left: 0px;
display:none;
}
/* настройка объявления - конец */


/* полоска категорий */
#pun-index .category h2 {
font-size: 2em !important;
background: rgb(1,47,68);
background: linear-gradient(90deg, rgba(1,47,68,1) 0%, rgba(23,105,126,1) 50%, rgba(1,47,68,1) 100%);
}

.category h2 span {
 padding: 0px;
background: none;
}

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    padding: 0em;
    border: none;
}


/* ссылки навигации */
#pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
background-clip: content-box;
    -webkit-background-clip: content-box;
    -moz-background-clip:content-box;
    -o-background-clip:content-box;
}

/* навигация сверху/снизу темы */
#pun-crumbs1,  #pun-crumbs2 {
    display:table !important;
    font-size: 16px;
    overflow: hidden;
    margin-top: 20px;
}

#pun-crumbs2 .container {
    padding: 0 0 0.8em 0;
}

/* категории на главной */
#pun-index .hasicon td.tcl, #pun-index .main .tcr {
    display: block;
}


.punbb tbody.hasicon td.tcl {
    padding: 0 !important;
}


.punbb .main .tcr {
    width: 98%;
}

.punbb .main .tcr {
    font-family: Philosopher;
    font-size: 1.2em;
    width: 90% !important;
    text-align: left!important;
/* padding-left: 90px; */
}

.category td.tcr, .forum td.tcr {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left !important;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    font-family: Philosopher;
    font-size: 1.2em;
    width: 15%;

}

/* описание подфорумов на главной */
#pun-index #pun-main td div.tclcon {
    height: 100%;
    color: #161712;
    background-color: #baa894!important;
	background-image: none!important;
}

.punbb td div.tclcon {
margin-top: 0;
}

.punbb td div.tclcon {
    margin-left: 0px;
    padding:5px !important;
    font-family: Philosopher;
}

.punbb .main .tcl h3 {
	margin-top: -7px;
    text-align: center;
	margin-bottom: 0em;
	padding-top: 0em;
    font-family: Cormorant Garamond, Times New Roman, Arial;
}

#pun-main .category .container table .alt1 .tcl .intd .tclcon h3 a, #pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon h3 a {
    font-size: 20px;
}
/* вспл. уведомления */

.jGrowl-notification {
    font-size: 12px!important;
	padding: 0;
}

/* плашка статистики и заголвка */
#pun-stats h2, .punbb h2, .punbb .main h1, .punbb .main h2, #post-form h2 {
    padding: 3px;
    font-family: Behrens, Georgia, Arial;
    font-weight: normal;
    font-size: 1.4em !important;
background: rgb(1,47,68);
background: linear-gradient(90deg, rgba(1,47,68,1) 0%, rgba(23,105,126,1) 50%, rgba(1,47,68,1) 100%);
}






/* ссылки времени над постом */
.post h3 span, .post-author {
background-color: transparent !important;
}

.punbb .post h3 {
    padding: 5px;
    display: block;
    background-color: #baa894 !important;
    border-top: 1px solid #847048 !important;
    box-shadow: inset 0 0 5px 0px rgba(21, 23, 20, 0.15), 0px 0px 0px #7d61504f inset;
}

/* профиль в посте */
.linkst .pagelink {
margin-top: 0em;
}


.punbb .post h3 span {
padding: 0;
}

.punbb .post-box {
    padding: 0.5em;
}

.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 140%;
padding: 5px!important;

}

.post-author {
min-height: 90px!important;
font-family: Philosopher;
font-size: 13px;
color: #bcad98;
    border-top: 1px solid #534b35 !important;
    border-bottom: 1px solid #534b35 !important;
    outline: 1px solid #847048;
text-shadow: -1px 1px 1px #131b1e;
background-image:none;
background-color: rgb(1, 47, 68)!important;
background: linear-gradient(90deg, rgba(1,47,68,1) 0%, rgba(15, 83, 104) 50%, rgba(1,47,68,1) 100%);
border-radius: 0px;
box-shadow: inset 0px 0px 15px 0px #0c1e25;
}

.pa-author {
text-align: left!important;
margin-left: 245px!important;
font-family: Cormorant Garamond, Philosopher, Times New Roman;
font-size: 1.4em;
}
.online .pa-author:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(56, 155, 34, 0.7);
    margin-left: .2em;
    margin-bottom: .1em;
}

.pa-respect {
    display: block !important;
}

.pa-posts, .pa-online, li.pa-title, .pa-respect  {
position: absolute;
width: 135px!important;
text-align: left!important;
margin-bottom: 0px!important;
margin-left: 245px!important;
}

.pa-posts{
margin-top: -30px;
}
.pa-respect  {
margin-top: -15px;
}

.punbb .imgON_Off{
display:none;
}

.pa-avatar img {
    max-height: 66px;
    max-width: 66px;
    width: auto;
    border-radius: 0px;
}
/*** рамкадля аватара ***/
.pa-avatar img[alt] {
    border: 1px solid #847048 !important;
    box-shadow: 0px 0px 5px 2px rgba(18, 25, 30, 0.7);
}

.pa-avatar {
    float: left;
    margin-top: -31px;
}


.punbb .post-author .addflds {
background: #0f2f3e9c;
display: block !important;
margin-left: 40px;
width: 195px;
min-height: 60px;
height: auto;
margin-top: -31px;
font-size:12px;
padding: 3px!important;
}
 .pa-fld4 {
width: 170px;
font-size: 14px;
display: inline-block;
}
.pa-fld4, .pa-fld1, .pa-fld2, .pa-fld3{
display: block !important;
margin-left: 28px;
max-width: 168px;
}


img.a-info {
    margin-left: 40px!important;
    margin-top: -30px;
}

.banners {
    height: 66px;
    padding-left: 30px;
    margin-bottom: 10px!important;
    width: 390px;
    overflow-y: auto;
    text-align: center;
}


/* Ширина коммента в репе */

div#pun-respect.punbb .main .tcr, .punbb .main .tc3 {
    font-size: 1.1em;
    width: 30% !important;
}


.punbb .main td {
    border: none;
    padding: 0em 0.5em 0.5em 0.5em;
}


#pun-messages .user-avatar {
    display: none;
}

/* статистика */
#pun-stats li.item1, #pun-stats li.item2 {
margin-left: 0px;
}

#pun-stats ul.container {
margin: 0;
}

#pun-stats .container {
    padding: 0.5em;
}
li#onlinelist {
margin-top: 0.3em;
}

/* сокрытие некоторых иконок в форме ответа */
td#button-smile, td#floatbut, td#button-code {
display: none;
}

#form-buttons tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#form-buttons tr td {
    flex: 0 0 35px;
}


.post-content img[alt="imgbr1"] {
max-width: 300px !important;
max-height: 200px !important;
}

.post-content img[alt="imgbr250r"],.post-content img[alt="imgbr250l"] {
max-width: 130px !important;
max-height: 230px !important;
}

.post-content img[alt="img250r"],.post-content img[alt="img250l"] {
max-width: 150px !important;
max-height: 250px !important;
}

.punbb .post-content p {
    margin: 0;
    line-height: 140%!important;
}


/* всплывающая табличка */
.my-tabs {
margin-top: -210px;
margin-left: 0!important;
 width: 410px!important;
}

.my-tabs>.tab-a {
width: 340px!important;
}

/* редактирование профиля */
#viewprofile #pa-edit {
    position: absolute;
    right: 2em;
    top: -2.2em;
}

#profile-left li:last-child {
background-color: none;
border-bottom: none;
}

#viewprofile #pa-edit a {
    font-size: 1.5em;
}

/*** настройка отображения репутации/позитива ***/
#pun-respect .main .tcl, #pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcr,
#pun-positive .main .tcl, #pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcr {
border-bottom: solid 1px!important;
border-color: #ab8f7085!important;
}

#pun-respect .main .tc3,
#pun-positive .main .tc3{
border-left: solid 1px!important;
border-right: solid 1px!important;
border-color: #ab8f7085 #ab8f702e!important;

    display: block;
    width: 97%!important;
    text-align: left;
    font-family: Cormorant Garamond, Philosopher;
    font-weight: 700;
    font-size: 1.3em;
    color: rgb(18 85 103);
    text-shadow: 0px 1px 5px rgb(8 35 47 / 15%);
}

#pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcr,
#pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcr {
  padding: 5px!important;
}

#pun-respect .main .tcl,
#pun-positive .main .tcl{
  width:20%!important;
}

#pun-respect .main .tc2,
#pun-positive .main .tc2{
  width:10%!important;
}

#pun-respect .main .tcr,
#pun-positive .main .tcr{
  width:30%!important;
}




/***   разделитель для тем   ***/
#pun-main .forum .tcl, #pun-main .forum .tc2,  #pun-main .forum .tc3,  #pun-main .forum .tcr{
    border-bottom: solid 1px!important;
    border-color: #ab8f702e!important;
}

/***   разделитель для лс   ***/
#messages .tcl, #messages .tc2, #messages .tc3 {
 border-bottom: solid 1px!important;
border-color: #ab8f702e!important;
}

/*** иконка поиска сообщений пользователя ***/

#tuser {
    position: absolute;
    right:40px;
    margin-top: -31px;
    cursor: pointer;
    opacity: 0.5!important;
    width: 20px;
    height: 20px;
    color: #ab8f70;
    font-size: 20px;
}

#tuser:hover{
    opacity: 1!important;
}


/*** ограничение высоты картинки в подписи ***/
.sigimage{
max-height: 50px!important; 
}


}

.item4 status-right
{display: flex;
    float: center;
}


}