@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px) {
    #post #wrapperBottom ul {
    flex-wrap: wrap;
}

    #topic_t341 .post-content table:nth-child(2) p span:first-child::before, #topic_t341 .post-content table:last-child p span:first-child::before,
    #topic_t341 .post-content table:nth-child(2) p span:first-child::after, #topic_t341 .post-content table:last-child p span:first-child::after {
    top: 4px;
}

	html #pun .punbb {
		width: 100%;
		box-sizing: border-box;
		font-size: 125%;
	}

	html .footer_wrap {
		width: calc(100% + 56px);
		background-size: cover;
		border-radius: 50px;
	}

	html .table {
		top: -448px;
		left: -56px;
		width: calc(100% + 84px);
	}

	html .table .table__main::after {
		border-radius: 50px 50px 0 0;
	}

	html .table .table__main::before {
		border-radius: 50px;
	}

	html .table::after {
		left: -132px;
		width: 100%;
	}

	html #pun-navlinks ul li {
		font-size: 125%;
	}

	html #pun-ulinks ul li {
		font-size: 90%;
	}

	html #pun-status,
	html #pun-crumbs1 p,
	html #pun-crumbs2 p,
	html #pun-stats,
	html .linkst,
	html .linksb,
	html .modmenu .container {
		font-size: 65%;
	}

	html .container tr .tcl h3 {
		font-size: 110%;
	}

	html .container tr .tcl .info {
		font-size: 70%;
	}

	html .container tr .tcl .info p {
		margin: 4px 0 0;
		font-size: 110%;
	}

	html .container tr .tcl .info .podfl a {
		margin-bottom: 5px;
		display: inline-block;
		padding: 4px 10px 3px;
		border-radius: 15px;
	}

	html .container tr .tcl {
		width: 60%;
	}

	html .container tr .tcr {
		width: 40%;
		font-size: 115%;
	}

	html .category h2 span {
		font-size: 140%;
		height: 28px;
	}

	html #pun-stats h2 span,
	html #pun-main h1 span,
	html .punbb #MyBookmarks h2 span,
	html #pun-viewtopic #post-form h2 span,
	html #mask_dialog .hv-mask-dialog-title,
	html #pun-multimove .modal-inner h2 span:first-child {
		font-size: 50%;
	}

	html #pun-viewforum .tcr,
	html #pun-searchtopics .tcr {
		width: 30%;
		padding-left: 50px;
	}

	html .post-body {
		font-size: 150%;
	}

	html .pa-fld1 {
		font-size: 90%;
		line-height: 1;
	}

	html .pa-fld1 .info {
		line-height: 1;
		padding: 4px 5px 6px;
		font-variant: none;
	}

	html .pa-fld1 .lzname {
		font-size: 85%;
		line-height: 1;
		padding: 6px 2px 5px;
	}

	html .pa-posts, html .pa-fld4, html .pa-respect, html .pa-title {
		font-size: 80%;
	}

	html .pa-respect .fld-name a {
		height: 10.5px;
	}

	html .pa-respect .fld-name a::after {
		top: -3px;
		font-size: 13px;
	}
	html .pa-fld1 .fandom {
		font-size: 80%;
	}

	html .plashka .text .text__top p,
	html .plashka .text .text__bottom p {
		font-size: 70%;
	}

	html #pun-navlinks.fixed {
		width: 100%;
		height: 58px;
	}

	html #pun-ulinks.fixed {
		top: 30px;
		width: 100%;
	}

	html #pun-ulinks.fixed ul {
		width: 100%;
	}

	html #pun-ulinks.fixed ul li a {
		color: #b69f8e;
	}

	html .table .best h5 span {
		font-size: 9px;
	}

	html .table .best__episode, html .table .best__post {
		font-size: 8px;
	}

	html .table .interactive ul li {
		margin: 0 5px;
	}

	html .table .interactive ul li a {
		font-size: 10px;
	}

	html .table .right .interactive {
		margin-bottom: 27px;
	}

	html .table .left .interactive {
		margin-bottom: 25px;
	}

	html .table .table__top ul li a {
		font-size: 11px;
	}

	html #pun-status {
		left: 43px;
		font-size: 8px !important;
		top: -98px;
		width: 335px;
	}

	html .spoiler-box div {
		padding-left: 58px !important;
	}

	html .quote-box cite, .code-box .legend {
		font-size: 13px;
		padding: 1px 40px 0;
	}

	html .post-links ul li {
		font-size: 90%;
	}

	html .pa-respect .fld-name a {
		padding-left: 28px;
	}

	html .topic .post h3, html .fs-box .post h3, html #pun-searchposts h3 {
		font-size: 90%;
	}

	html button,
	html .button,
	html #pun-profile #profile8 #sub4,
	html input[type="submit"],
	html #pun-admain .button,
	html #pun-profile #profile-left #pa-edit strong a {
		font-size: 90%;
	}

	html #mask_dialog .hv-mask-element {
		width: 100%;
		height: 80px;
		margin-bottom: 15px;
	}

	html #mask_dialog .hv-mask-element img {
		height: 60px;
		width: 100%;
	}

	html #mask_dialog .hv-form-block label {
		font-size: 100%;
	}

	html textarea,
	html input[type='text'],
	html input[type='password'],
	html input[type='search'],
	html input[name=author],
	html select {
		font-size: 150%;
		max-width: 100%;
	}

	html #pun-profile #profile-left #profile-name strong,
	html #pun-profile #profile-right li#pa-fld1 .lzname,
	html #pun-profile #profile-right li#pa-fld1 .fandom {
		font-size: 100%;
	}

	html #pun-profile #profile-left #profile-title strong {
		font-size: 80%;
	}

	html .table .table__top ul li {
		margin: 0 25px;
	}

	html .post-author,
	html #profile-left {
		top: 65px;
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    #post #wrapperBottom ul {
    flex-wrap: wrap;
}

    #topic_t341 .post-content table:nth-child(2) p span:first-child::before, #topic_t341 .post-content table:last-child p span:first-child::before,
    #topic_t341 .post-content table:nth-child(2) p span:first-child::after, #topic_t341 .post-content table:last-child p span:first-child::after {
    top: 4px;
}

	html #pun .punbb {
		width: 100%;
		box-sizing: border-box;
		font-size: 125%;
	}

	html .footer_wrap {
		width: calc(100% + 56px);
		background-size: cover;
		border-radius: 50px;
	}

	html .table {
		top: -448px;
		left: -56px;
		width: calc(100% + 84px);
	}

	html .table .table__main::after {
		border-radius: 50px 50px 0 0;
	}

	html .table .table__main::before {
		border-radius: 50px;
	}

	html .table::after {
		left: -132px;
		width: 100%;
	}

	html #pun-navlinks ul li {
		font-size: 125%;
	}

	html #pun-ulinks ul li {
		font-size: 90%;
	}

	html #pun-status,
	html #pun-crumbs1 p,
	html #pun-crumbs2 p,
	html #pun-stats,
	html .linkst,
	html .linksb,
	html .modmenu .container {
		font-size: 65%;
	}

	html .container tr .tcl h3 {
		font-size: 110%;
	}

	html .container tr .tcl .info {
		font-size: 70%;
	}

	html .container tr .tcl .info p {
		margin: 4px 0 0;
		font-size: 110%;
	}

	html .container tr .tcl .info .podfl a {
		margin-bottom: 5px;
		display: inline-block;
		padding: 4px 10px 3px;
		border-radius: 15px;
	}

	html .container tr .tcl {
		width: 60%;
	}

	html .container tr .tcr {
		width: 40%;
		font-size: 115%;
	}

	html .category h2 span {
		font-size: 140%;
		height: 28px;
	}

	html #pun-stats h2 span,
	html #pun-main h1 span,
	html .punbb #MyBookmarks h2 span,
	html #pun-viewtopic #post-form h2 span,
	html #mask_dialog .hv-mask-dialog-title,
	html #pun-multimove .modal-inner h2 span:first-child {
		font-size: 50%;
	}

	html #pun-viewforum .tcr,
	html #pun-searchtopics .tcr {
		width: 30%;
		padding-left: 50px;
	}

	html .post-body {
		font-size: 150%;
	}

	html .pa-fld1 {
		font-size: 90%;
		line-height: 1;
	}

	html .pa-fld1 .info {
		line-height: 1;
		padding: 4px 5px 6px;
		font-variant: none;
	}

	html .pa-fld1 .lzname {
		font-size: 85%;
		line-height: 1;
		padding: 6px 2px 5px;
	}

	html .pa-posts, html .pa-fld4, html .pa-respect, html .pa-title {
		font-size: 80%;
	}

	html .pa-respect .fld-name a {
		height: 10.5px;
	}

	html .pa-respect .fld-name a::after {
		top: -3px;
		font-size: 13px;
	}
	html .pa-fld1 .fandom {
		font-size: 80%;
	}

	html .plashka .text .text__top p,
	html .plashka .text .text__bottom p {
		font-size: 70%;
	}

	html #pun-navlinks.fixed {
		width: 100%;
		height: 58px;
	}

	html #pun-ulinks.fixed {
		top: 30px;
		width: 100%;
	}

	html #pun-ulinks.fixed ul {
		width: 100%;
	}

	html #pun-ulinks.fixed ul li a {
		color: #b69f8e;
	}

	html .table .best h5 span {
		font-size: 9px;
	}

	html .table .best__episode, html .table .best__post {
		font-size: 8px;
	}

	html .table .interactive ul li {
		margin: 0 5px;
	}

	html .table .interactive ul li a {
		font-size: 10px;
	}

	html .table .right .interactive {
		margin-bottom: 27px;
	}

	html .table .left .interactive {
		margin-bottom: 25px;
	}

	html .table .table__top ul li a {
		font-size: 11px;
	}

	html #pun-status {
		left: 43px;
		font-size: 8px !important;
		top: -98px;
		width: 335px;
	}

	html .spoiler-box div {
		padding-left: 58px !important;
	}

	html .quote-box cite, .code-box .legend {
		font-size: 13px;
		padding: 1px 40px 0;
	}

	html .post-links ul li {
		font-size: 90%;
	}

	html .pa-respect .fld-name a {
		padding-left: 28px;
	}

	html .topic .post h3, html .fs-box .post h3, html #pun-searchposts h3 {
		font-size: 90%;
	}

	html button,
	html .button,
	html #pun-profile #profile8 #sub4,
	html input[type="submit"],
	html #pun-admain .button,
	html #pun-profile #profile-left #pa-edit strong a {
		font-size: 90%;
	}

	html #mask_dialog .hv-mask-element {
		width: 100%;
		height: 80px;
		margin-bottom: 15px;
	}

	html #mask_dialog .hv-mask-element img {
		height: 60px;
		width: 100%;
	}

	html #mask_dialog .hv-form-block label {
		font-size: 100%;
	}

	html textarea,
	html input[type='text'],
	html input[type='password'],
	html input[type='search'],
	html input[name=author],
	html select {
		font-size: 150%;
		max-width: 100%;
	}

	html #pun-profile #profile-left #profile-name strong,
	html #pun-profile #profile-right li#pa-fld1 .lzname,
	html #pun-profile #profile-right li#pa-fld1 .fandom {
		font-size: 100%;
	}

	html #pun-profile #profile-left #profile-title strong {
		font-size: 80%;
	}

	html .table .table__top ul li {
		margin: 0 25px;
	}

	html .post-author,
	html #profile-left {
		top: 65px;
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    #post #wrapperBottom ul {
    flex-wrap: wrap;
}

    #topic_t341 .post-content table:nth-child(2) p span:first-child::before, #topic_t341 .post-content table:last-child p span:first-child::before,
    #topic_t341 .post-content table:nth-child(2) p span:first-child::after, #topic_t341 .post-content table:last-child p span:first-child::after {
    top: 4px;
}

	html #pun .punbb {
		width: 100%;
		box-sizing: border-box;
		font-size: 125%;
	}

	html .footer_wrap {
		width: calc(100% + 56px);
		background-size: cover;
		border-radius: 50px;
	}

	html .table {
		top: -448px;
		left: -56px;
		width: calc(100% + 84px);
	}

	html .table .table__main::after {
		border-radius: 50px 50px 0 0;
	}

	html .table .table__main::before {
		border-radius: 50px;
	}

	html .table::after {
		left: -132px;
		width: 100%;
	}

	html #pun-navlinks ul li {
		font-size: 125%;
	}

	html #pun-ulinks ul li {
		font-size: 90%;
	}

	html #pun-status,
	html #pun-crumbs1 p,
	html #pun-crumbs2 p,
	html #pun-stats,
	html .linkst,
	html .linksb,
	html .modmenu .container {
		font-size: 65%;
	}

	html .container tr .tcl h3 {
		font-size: 110%;
	}

	html .container tr .tcl .info {
		font-size: 70%;
	}

	html .container tr .tcl .info p {
		margin: 4px 0 0;
		font-size: 110%;
	}

	html .container tr .tcl .info .podfl a {
		margin-bottom: 5px;
		display: inline-block;
		padding: 4px 10px 3px;
		border-radius: 15px;
	}

	html .container tr .tcl {
		width: 60%;
	}

	html .container tr .tcr {
		width: 40%;
		font-size: 115%;
	}

	html .category h2 span {
		font-size: 140%;
		height: 28px;
	}

	html #pun-stats h2 span,
	html #pun-main h1 span,
	html .punbb #MyBookmarks h2 span,
	html #pun-viewtopic #post-form h2 span,
	html #mask_dialog .hv-mask-dialog-title,
	html #pun-multimove .modal-inner h2 span:first-child {
		font-size: 50%;
	}

	html #pun-viewforum .tcr,
	html #pun-searchtopics .tcr {
		width: 30%;
		padding-left: 50px;
	}

	html .post-body {
		font-size: 150%;
	}

	html .pa-fld1 {
		font-size: 90%;
		line-height: 1;
	}

	html .pa-fld1 .info {
		line-height: 1;
		padding: 4px 5px 6px;
		font-variant: none;
	}

	html .pa-fld1 .lzname {
		font-size: 85%;
		line-height: 1;
		padding: 6px 2px 5px;
	}

	html .pa-posts, html .pa-fld4, html .pa-respect, html .pa-title {
		font-size: 80%;
	}

	html .pa-respect .fld-name a {
		height: 10.5px;
	}

	html .pa-respect .fld-name a::after {
		top: -3px;
		font-size: 13px;
	}
	html .pa-fld1 .fandom {
		font-size: 80%;
	}

	html .plashka .text .text__top p,
	html .plashka .text .text__bottom p {
		font-size: 70%;
	}

	html #pun-navlinks.fixed {
		width: 100%;
		height: 58px;
	}

	html #pun-ulinks.fixed {
		top: 30px;
		width: 100%;
	}

	html #pun-ulinks.fixed ul {
		width: 100%;
	}

	html #pun-ulinks.fixed ul li a {
		color: #b69f8e;
	}

	html .table .best h5 span {
		font-size: 9px;
	}

	html .table .best__episode, html .table .best__post {
		font-size: 8px;
	}

	html .table .interactive ul li {
		margin: 0 5px;
	}

	html .table .interactive ul li a {
		font-size: 10px;
	}

	html .table .right .interactive {
		margin-bottom: 27px;
	}

	html .table .left .interactive {
		margin-bottom: 25px;
	}

	html .table .table__top ul li a {
		font-size: 11px;
	}

	html #pun-status {
		left: 43px;
		font-size: 8px !important;
		top: -98px;
		width: 335px;
	}

	html .spoiler-box div {
		padding-left: 58px !important;
	}

	html .quote-box cite, .code-box .legend {
		font-size: 13px;
		padding: 1px 40px 0;
	}

	html .post-links ul li {
		font-size: 90%;
	}

	html .pa-respect .fld-name a {
		padding-left: 28px;
	}

	html .topic .post h3, html .fs-box .post h3, html #pun-searchposts h3 {
		font-size: 90%;
	}

	html button,
	html .button,
	html #pun-profile #profile8 #sub4,
	html input[type="submit"],
	html #pun-admain .button,
	html #pun-profile #profile-left #pa-edit strong a {
		font-size: 90%;
	}

	html #mask_dialog .hv-mask-element {
		width: 100%;
		height: 80px;
		margin-bottom: 15px;
	}

	html #mask_dialog .hv-mask-element img {
		height: 60px;
		width: 100%;
	}

	html #mask_dialog .hv-form-block label {
		font-size: 100%;
	}

	html textarea,
	html input[type='text'],
	html input[type='password'],
	html input[type='search'],
	html input[name=author],
	html select {
		font-size: 150%;
		max-width: 100%;
	}

	html #pun-profile #profile-left #profile-name strong,
	html #pun-profile #profile-right li#pa-fld1 .lzname,
	html #pun-profile #profile-right li#pa-fld1 .fandom {
		font-size: 100%;
	}

	html #pun-profile #profile-left #profile-title strong {
		font-size: 80%;
	}

	html .table .table__top ul li {
		margin: 0 25px;
	}
	
	html .post-author,
	html #profile-left {
		top: 65px;
	}
}