/* АДАПТИВ НАЧИНАЕТСЯ ЗДЕСЬ */

@media screen and (max-device-width: 580px) {

 html, body {
    -webkit-text-size-adjust: none;
    min-width: unset !important;
    max-width: 100vw!important;
  }

input, button { -webkit-text-size-adjust: none; }

  #pun-index .tclcon {
    -webkit-text-size-adjust: none;
  }

  #pun-stats .container {
    -webkit-text-size-adjust: none;
  }

  #pun {
    width: 100vw !important;
    margin: 370px 0 300px !important;
    box-shadow: inset 0 0 0 5px #433d31, inset 0 0 0 6px #cec5b4, inset 0 0 6px 8px #9e9480;
  }

.punbb {
    padding: 0;
    border: 4px solid;
    border-image: url(https://forumstatic.ru/files/001c/44/10/54914.png) 10 round;
    box-shadow: 0 0 0 1px #302d27, 0 0 0 2px #96815c, 0 0 0 3px #060606;
}

  .go-up,
  .go-down {
    display: none!important;
  }



/*НАВИГАЦИЯ КАРТИНКАМИ */

#pun-navlinks { 
 }

#pun-navlinks .container { gap: 16px!important; }

.isguest #pun-navlinks { }
.isguest #navindex {
  margin-left: 20px;
}

#navindex {
  margin-right: 4px;
}

#navindex a span,
#navuserlist a span,
#navsearch a span,
#navprofile a span,
#navpm a span,
#navadmin a span,
#navlogout a span,
#navregister a span,
#navlogin a span,
#navpr_1 a span,
#navpr_2 a span,
#navextra1 a span {
  display: none;
}

#navindex a,
#navuserlist a,
#navsearch a,
#navprofile a,
#navpm a,
#navadmin a,
#navlogout a,
#navlogin a,
#navregister a,
#navpr_1 a,
#navpr_2 a,
#navextra1 a {
  display: block;
  transition: all .2s ease-in-out;
  position: relative;
  width: 22px;
  height: 22px;
}

#navextra1 a {
  font-size: 0px!important;
}

#navindex a:after {
  content: "\f447";
}

#navuserlist a:after {
  content: "\f0c0";
}

#navpm a:after {
  content: "\f0e0";
}

#navsearch a:after {
  content: "\f1e5";
}

#navprofile a:after {
  content: "\f441";
}

#navadmin a:after {
  content: "\f521";
}

#navlogout a:after {
  content: "\f6d9";
}

#navlogin a:after {
  content: "\f6d9";
}

#navregister a:after {
  content: "\f234";
}

#navpr_1 a:after {
  content: "\f1d8";
}

#navpr_2 a:after {
  content: "\f518";
}

#navextra1 {  margin: 0 2px 0 -4px; }
#navextra1 a:after {
    content: "\f279";
}

#navindex a:after,
#navuserlist a:after,
#navsearch a:after,
#navprofile a:after,
#navpm a:after,
#navadmin a:after,
#navlogout a:after,
#navlogin a:after,
#navregister a:after,
#navpr_1 a:after,
#navpr_2 a:after,
#navextra1 a:after {
  position: absolute;
  text-align: center;
  font-size: 20px;  
  color: var(--t-body);
  font-family: 'Font Awesome';
  transition: all .2s ease-in-out;
  left: 50%;
  top: 44%;
  transform: translateX(-50%) translateY(-50%);
}

#navawards {
  display: none !important;
}

#navindex a:hover,
#navuserlist a:hover,
#navsearch a:hover,
#navprofile a:hover,
#navpm a:hover,
#navadmin a:hover,
#navlogout a:hover,
#navlogin a:hover,
#navregister a:hover,
#navpr_1 a:hover,
#navpr_2 a:hover,
#navextra1 a:hover {
  transform: scale(1.2);
}

/* бургерное меню часть 2 */ 

    .burger-menu {
        display: block;
        color: var(--head-link);
        font-size: 20px !important;
        background-color: #171717;
        box-shadow: var(--head-border);
        padding: 5px;
        opacity: .9;
    }

#pun-ulinks {
        position: absolute;
        top: -53px;
        right: 10px;
}

 #pun-ulinks .container {
        display: none!important;
        padding: 10px;
        list-style: none;
        margin: 0;
    }

    #pun-ulinks .container.active {
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        background-color: #171717;
        padding: 5px !important;
        box-shadow: var(--head-border);
        border-radius: 3px;
        opacity: .95;
        z-index: 10;
        position: absolute;
        right: 0;
        width: 120px;
        top: 35px;
        text-align: right;
    }

    #pun-ulinks .container li {
        margin: 0;
    }

#pun-ulinks a { font-size: 14px!important; }

/* конец бургерное меню часть 2 */ 

#pun-index .category h2, #pun-stats h2,
.day #pun-index .category h2, .day #pun-stats h2 { 
        width: 99.6vw;
        background-repeat: no-repeat;
        margin: 0px 0px 0px -3px;
        position: relative;
        z-index: 4;
        height: 40px;
}

#pun-index .category h2 span, #pun-stats h2 span,
.day #pun-index .category h2 span, .day #pun-stats h2 span {
    font-size: 10px;
    margin-top: -5px;
}

#pun-index .category .container {  width: 100vw; }
#pun-index .tcr { width: 39%; }
#pun-about .container .item1 { 
        z-index: 2;
        width: 100%;
        bottom: -285px;
}

.punbb { padding: 0; }
.punbb::after, .punbb::before { content: none!important; }
#pun-title,
.day #pun-title {
        width: 100vw;
        top: -300px;
        background: none;
        overflow: hidden;
        z-index: -1;
        left: 50%;
}

#pun-title:before {
        background: url(https://forumstatic.ru/files/001c/44/10/70191.png?v=1) no-repeat;
        width: 200vw;
        background-position: center;
        height: 360px;
        transform: translateX(-50%);
        left: 50%;
        position: absolute;
        content: '';
} 

.day #pun-title:before {
    background: url(https://forumstatic.ru/files/001c/44/10/12538.png?v=1) no-repeat;
    background-position: center;
    top: -30px;
}

#pun-status {
   top: -370px!important;
}

.isuser #pun-status .item2 { display: none; }
.isuser #pun-status .item3 { font-size: 0; }
.isuser #pun-status .item3 a { font-size: 12px; }

.category { 
    width: 100vw;
    overflow: hidden;
 }

#pun-index .hasicon {
    padding: 0px 0px 10px;
    width: 92%;
    margin-left: -6px;
    gap: 25px;
}

#pun-index .tclcon div {
     height: unset !important;
     margin-bottom: 8px;
}

#pun-index .tcl {
  height: unset!important;
}


.switch {
      top: 355px;
      left: -1%;
}


#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
   width: 90%;
   padding: 0px;
    margin: 2px;
}

#pun-stats .container:before {
    width: 92%;
    height: 78px;
    top: 4px;
}

#pun-stats .container {
   padding: 6px 0px 20px;
}

li#onlinelist {
   width: 86%;
   margin-top: 35px;
}


.banners {
    bottom: -229px;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    gap: 12px;
    flex-direction: column-reverse;
}


.table {
    width: 99vw;
    position: absolute;
    top: -340px;
    left: 50%;
    transform: translateX(-50%);
}

.table__cnt, .table__cnt-up,
.table__faces, .spirit-navigation,
.table__disc,
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon,
#pun-userlist .tc2, #pun-searchtopics .tc2,
.multipage .hasicon .tc3,
.multipage .hasicon .user-avatar,
.spirit-navigation_2 {
  display: none;
} 


.multipage,
#pun-crumbs1, #pun-crumbs2 {
    width: 94%;
    margin: 0 auto;
}

.multipage .hasicon .tcr {
    display: flex;
    flex-direction: column;
    align-content: end;
    flex-wrap: wrap;
    text-align: right;
    width: 40%;
}

.multipage .hasicon .tcr .byuser {
    margin-top: -7px;
    line-height: 1;
}

#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
    width: 55%!important;
}

.linkst .pagelink { left: 0!important; }
#pun-searchposts .post h3{
    margin: 0px!important;
    width: 100%!important;
    height: 35px!important;
}

.post h3, #pun-messages .post h3 {
    margin: 0px!important;
    width: 100%!important;
}

#pun-searchposts .post h3 span, .post h3 span { width: 100%!important; }
#pun-searchposts .post .post-author {
    margin-top: 20px;
    width: 140px;
}

#pun-searchposts .post-body {
    margin-left: 150px;
}

#pun-searchposts .post-box { margin-right: 0px; }


#viewprofile table { 
    width: 95%;
    margin: 0 auto;
 }

#pun-profile #viewprofile tbody tr #profile-left  {
    background: none!important;
    width: 100%!important;
}

#pun-profile #viewprofile tbody tr {
    flex-direction: column;
}

#pun-profile #viewprofile tbody tr #profile-right { width: 100%!important; }
#viewprofile li {  width: 95%; }
#form-buttons tr {
    width: 111%!important;
    flex-wrap: wrap;
    margin-left: -19px!important;
}

#main-reply {
    width: 100% !important;
    margin-left: -7%;
}

.subscribelink a { position: unset!important; }
#togglePreview input {
    margin-top: 15px;
    margin-left: 7%;
}

.post .post-author {
    width: 100%!important;
    margin-bottom: 15px!important;
    background: url(https://forumstatic.ru/files/001c/44/10/41179.png?v=1);
    min-height: 120px!important;
}

.post .container { margin-top: 40px; }

.post-body { margin: 0!important; }
.post-content { width: 97%!important; }
.post-box { margin-right: -8px; }

.post-author ul {
    display: grid!important;
        grid-template-areas:
        "nickname nickname avatar"
        "title title avatar"
        "lz lz avatar"
        "info info avatar";
    gap: 0px 30px;
    margin-top: 5px!important;
    margin-bottom: 0!important;
    padding: 5px 15px !important;
    justify-content: space-between;
}

.pa-author {
    grid-area: nickname;
    margin: 0px;
    width: 180px;
    display: flex;
}

.onlineDiv, .offlineDiv {
    left: 86%!important;
    bottom: 0!important;
}

.pa-title {
        grid-area: title;
        margin-bottom: 6px !important;
        justify-self: center !important;
        text-align: left;
        margin-left: -7px;
}

.no-avatar .pa-title { margin-left: -40px;}

.pa-avatar { grid-area: avatar; margin-bottom: 25px !important; }
.pa-avatar img { max-height: 100px; max-width: 75px !important; }
.fld_wrap,
.fld_wrap_un {
    grid-area: info;
    margin-bottom: 0!important;
    height: 60px!important;
    padding: 5px 0px!important;
    width: 115px;
        gap: 0 10px;
        grid-template-areas:
        "mess infocard"
        "resp infocard";
        margin-left: 24px;
}

.fld_wrap {
   margin-left: -18px;
   width: 200px;
}

.fld_wrap_un {
    margin: 0px 0 0 15px;
    display: flex;
}

.pa-fld1 { grid-area: lz; }
.pa-fld1 a { 
        font-size: 12px !important;
        line-height: 10px !important;
 }
.pa-fld1 .lz {
        padding: 6px 0px;
        background: none;
        box-shadow: none !important;
        text-align: left;
        margin: 0;
}

lz, .pa-fld3, .pa-fld5  { display: none; }
.fld_wrap:after, .fld_wrap_un:after, .fld_wrap:before, .fld_wrap_un:before, .pa-author a:before,
.pa-title:before  { content: none!important; }

.fld_wrap .pa-respect .fld-name a::before, .isguest .fld_wrap .pa-respect .fld-name::before { 
    top: 0px;
    font-size: 11px;
 }

.pa-fld2 {
    width: 30px!important;
    height: 30px!important;
    justify-self: center;
}

.pa-fld2 a img {
    width: 30px!important;
    height: 30px!important;
}

.pa-posts, .pa-respect {
    flex-direction: row;
    gap: 3px;
    font-size: 11px;
}

.pa-respect {  
    flex-wrap: nowrap;
    margin-top: -11px!important;
 }

.fld_wrap_un .pa-respect {
    margin-top: 0px !important;
}

.pa-respect .fld-name {
    width: 48px;
}

.fld_wrap_un  .pa-respect .fld-name a::before, .isguest .fld_wrap_un  .pa-respect .fld-name::before {
   top: -1px;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    width: 86vw!important;
    background: #cec5b4;
}

.reveal-modal.xlarge { width: 95vw!important; }
.menu-links {
    gap: 8px !important;
    width: 95%;
}

.menu span, .menu a { padding: 0 10px; }
#submenu { width: 100%!important; }
.menu span, .menu a {  font-size: 12px; }
.menu { margin-left: -4px; }
.redirect-page #pun { 
     width: 90% !important;
    left: 50%;
    transform: translateX(-50%);
}

#pun-messages #profilenav ul {
    display: flex;
    gap: 5px 10px;
    flex-wrap: wrap;
}

#pun-messages #profilenav,
#profile #profilenav { float: none!important; margin: 20px 20px !important; }
#profile .container { 
    width: 96%!important;
    margin: 0 !important;
    padding: 0 !important;
 }

#pun-messages .fs-box {
    width: 110%;
    margin-left: -10px;
    margin-right: 0;
}

#pun-messages .fs-box .post-author {
    margin-top: 20px !important;
    min-height: 120px !important;
    margin-left: -70px !important;
}

#pun-messages .post-body .post-box {
    border: 0;
    margin-left: -40vw!important;
    width: 92vw;
}

#pun-messages .post-links {
    margin-left: -60px!important;
    margin-bottom: 20px!important;
}

#pun-messages .linksb {
    margin-left: 10px;
    margin-bottom: 30px;
}

#pun-messages  #main-reply,
#pun-edit #main-reply  {
    width: 90% !important;
    margin-left: -1px !important;
}

#pun-messages #form-buttons table tr {
    width: 99% !important;
    margin-left: 0px !important;
}

.punbb-admin {
    width: 1040px!important;
    background-color: #cec5b4;
}

#profile #form-buttons table tr {
    width: 110% !important;
    margin-bottom: 15px;
    margin-left: -9px !important;
}

#profile #main-reply {
        width: 98% !important;
        margin-left: -3%;
    }

.hvStickerPackModal, 
 #meny-styles,
#image-area,
#color-area
 {
     left: 49.8%!important;
    transform: translateX(-50%)!important;
}

.hvStickerPackModal,
#image-area{
    width: 88vw;
}

#color-area,
#mask_dialog .inner {
    width: 83vw!important;
}

 #meny-styles {
    width: 54vw;
    right: unset !important;
}

#smilies-area, #video-area, #spoiler-area { width: unset!important; }
#meny_My_replic { top: 115px !important; }
iframe { width: 92vw!important; }
.code-box strong.legend a {
    font-size: 11px;
    padding-left: 0px;
}
 
.post-content tbody tr {
    display: flex;
    flex-direction: column;

}

}
/* конец адаптива */