.raw:before, .raw:after {
    content: '';
    display: block;
}
  
.raw:after {
    clear: both;
}
  
.main-topline {
    padding: 3px 0;
    border-top: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
    text-align: center;
}
  
.main-top-link:active, 
.main-top-link:hover, 
.main-top-link:visited, 
.main-top-link {
    text-decoration: none;
    font-weight: bold;
} 
  
.main-top-link.green {
    color: green;
}
  
.main-top-link.red {
    color: red;
}
  
.aside {
    width: 190px;
}
  
.aside.aside-left {
    width: 210px;
    float: left;
    padding-right: 10px;
    z-index: 100;
    border-radius: 5px;
}
  
.aside.aside-right {
    float: right;
    border-radius: 5px;
    padding-left: 10px;
}
  
.main-content {
    float: left;
    width: 72.5%;
}
  
.main-content,
.aside {
    padding-top: 10px;
}
  
  
  
  
  
.left-nav:active,
.left-nav:hover,
.left-nav:visited,
.left-nav {
    display: none;
    position: relative;
    float: left;
    /* top: 30px;
    left: 0;
    width: 80px; */
    margin: 0 auto 0 0;
    padding: 0px 60px 0px 30px;
    line-height: 55px;
    font-size: 19px;
    border-radius: 5px;
    border-right: 6px solid #e09b51;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 100;
    background: #e09b51;
    transition: background-color .5s ease-out, border-color .5s ease-out;
}
  
.left-nav span,
.left-nav span:after,
.left-nav span:before {
    display: block;
    position: absolute;
    content: '';
    width: 50px;
    height: 6px;
    right: 0px;
    vertical-align: top;
    text-decoration: none;
    background: #fff;
    transition: transform .2s .4s ease-out, background .3s ease-out, top .3s 0s ease-out;
}
  
.left-nav span:after,
.left-nav span:before {
    right: 0px;
    transition: transform .2s .0s ease-out, top .3s .3s ease-out;
}
  
.left-nav.open {
    display: block;
    background: #e09b51;
    border-right: 6px solid #e09b51;
}
  
.left-nav span {
    top: 23px;
    right: 0px;
    transition: background .0s .2s ease-out;
}
  
.left-nav span:after {
    top: -15px;
}
  
.left-nav span:before {
    top: 15px;
}
  
.left-nav.open span:after {
    top: 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
  
.left-nav.open span {
    top: 23px;
    background: transparent;
}
  
.left-nav.open span:before {
    top: 0;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  
.left-nav.open span:after,
.left-nav.open span:before {
    transition: transform .2s .3s ease-out, top .3s .0s ease-out;
    background: #fff;
}
  
.nav-list.open {
    max-height: 435px;
}
  
  
  
  
.right-nav:active,
.right-nav:hover,
.right-nav:visited,
.right-nav {
    display: none;
    position: relative;
    float: right;
    width: 50px;
    height: 50px;
    /* top: 0;
    left: 100%;
    margin-left: -62px; */
    border-radius: 5px;
    z-index: 110;
    font-size: 0;
    background: #e09b51 url(./img/icon_user.png) no-repeat center 10px;
    border: 5px solid #e09b51;
    border-top: none;
    z-index: 100;
    transition: background-image .5s ease-out, background-color .5s ease-out, border-color .5s ease-out;
}
  
.right-nav span,
.right-nav span:after,
.right-nav span:before {
    display: block;
    position: absolute;
    content: '';
    width: 50px;
    height: 6px;
    z-index: 110;
    left: 0px;
    vertical-align: top;
    text-decoration: none;
    background: transparent;
    transition: transform .5s ease-out, background .1s ease-out, top .3s ease-out;
}
  
.right-nav span:after,
.right-nav span:before {
    left: 0px;
}
  
.right-nav.open {
    display: block;
    border: 5px solid #e09b51;
    border-top: none;
    background: #e09b51;
}
  
.right-nav span {
    top: 23px;
    left: 0px;
    transition: transform .5s ease-in-out;
}
  
.right-nav span:after {
    top: -7px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}
  
.right-nav span:before {
    top: 7px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(45deg);
}
  
.right-nav.open span:after {
    top: -7px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}
  
.right-nav.open span {
    top: 25px;
    left: 1px;
    transform: rotate(-180deg);
}
  
.right-nav.open span:before {
    top: 7px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(45deg);
}
  
.right-nav.open span:after,
.right-nav.open span:before,
.right-nav.open span {
    background: #fff;
}
  
.right-nav.open span:after,
.right-nav.open span:before {
    width: 50%;
    left: -4px;
}
  
.aside.aside-right.open {
    position: absolute;
    top: 85px;
    right: 0;
    z-index: 90;
    transition: right .6s ease-out;
}
  
.nav-cont {
    display: none;
    padding-top: 10px;
}
  
#site-description {
    text-align: left;
}
  
.attach-image img {
  max-width: 100%; 
}
 
.content img {
    max-width: 100%;
}
  
@media screen and (max-width: 1599px) {
    #page-body {
        position: relative;
    }
    .aside.aside-left {
        position: absolute;
        top: 0px;
        left: 0;
    }
    .aside.aside-right {
        position: absolute;
        right: 0;
        top: 0px;
    }
    .main-content {
        padding-left: 220px;
        padding-right: 200px;
        width: 100%;
        box-sizing: border-box;
    }
    #format-buttons select,
    .display-options {
        display: none;
    }
    .index-body .topiclist dd.lastpost {
        width: 16% !important;
    }
    .index-body .topiclist dd.lastpost:nth-of-type(2) {
        margin-right: 5px;
    }
}
  
@media screen and (max-width: 900px) {
    #page-body {
        overflow: hidden;
    }
    .main-content {
        padding-left: 0;
    }
    .nav-cont,
    .left-nav:active,
    .left-nav:hover,
    .left-nav:visited,
    .left-nav {
        display: block;
    }
    .aside.aside-left {
        position: absolute;
        top: 85px;
        left: -500px;
        transition: left .5s ease-in;
        background: rgba(255, 255, 255, 0.92);
        padding-left: 10px;
        box-shadow: 0 0 2px 1px #cacaca;
    }
    .aside.aside-left.open {
        position: absolute;
        top: 85px;
        left: 0;
        background: rgba(255, 255, 255, 0.92);
    }
      
    ul.topiclist dt {
        box-sizing: border-box;
        margin-bottom: 4px;        
        width: 62% !important;
    }
    .header-top #site-description {
        width: 66%;
        position: relative;
    }
    .site-desc-img {
        width: auto;
        max-height: 105px;
        position: absolute;
    }
    .header-top .search-box {
        margin-left: 0;
        box-sizing: border-box;
        padding: 0 5px;
    }
    .topiclist dl.icon dt {
        padding-left: 40px;
        text-align: left;
    }
    ul.topiclist dd.posts, 
    ul.topiclist dd.topics, 
    ul.topiclist dd.views {
        width: 10%;
    }
    .topiclist dd.lastpost {
        width: 17%;
        border-left-width: 2px;
    }
    .search-link {
        padding: 5px;
        display: block;
    }
    .inner .topiclist .pagination {
        margin-top: 15px;
    }
    .mob-hide {
        display: none;
    }
    body {
        padding: 0 4px;
    }
    .forabg h3 {
        display: none;
    }
    .portal-navigation ul li a {
        font-size: 14px;
        margin: 4px 0;
    }
    .portal-navigation div.menutitle {
        display: none;
    }
    .aside.aside-right .portal-navigation ul li a {
        font-size: 12px;
    }
    #search-box.search-box p {
        padding-bottom: 30px;
        color: transparent;
    }
    #search,
    #topic-search,
    #forum-search {
        display: none;
    }
    .quickquote-icon,
    .report-icon,
    .info-icon
    {
        display: none;
    }
      
    .inner .postbody ul.profile-icons li {
        margin: 0 2px;
    }
      
    .postbody ul.profile-icons li.quote-icon {
        margin: 0;
    }
    ul.profile-icons .web-icon {
        display: none;
    }
    #format-buttons input {
        margin: 3px;
    }
    fieldset.quickmod {
        display: none;
    }
    td>p {
        padding: 0 10px;
    }
    .inner .postbody {
        width: 75%;
    }
    .inner .postprofile {
        padding-left: 5px;
    }
}
  
@media screen and (max-width: 800px) {
    html, 
    body, 
    table, 
    #wrap { 
        width: 100%!important; 
        min-width: 160px!important; 
        box-sizing: border-box;
    }
    .forabg td, 
    .forumbg td { 
        width: 100%!important; 
        display: block; 
        border-bottom: 1px; 
    }
    .forabg tbody td { 
        max-width: 100%; 
        display: inline-block; 
    }
      
    table td>div>img {
        width: 80px !important;
    }
    ul.topiclist dt {     
        width: 61% !important;
    }
    .topiclist dd.lastpost {
        width: 16%;
    }
      
    .index-body ul.topiclist dt {
        width: 88% !important;
    }
    .index-body ul.topiclist dl {
        text-align: right;
    }
      
    .index-body dl dd.lastpost {
        display: inline-block !important;
        float: none;
    }
      
    dl .lastpost,
    {
        display: none !important;
    }
      
    #search {
        display: none;
    }
    .pagination>span {
        display: inline-block;
        padding-bottom: 5px;
        font-size: 14px;
    }
    fieldset.fields1 {
        margin-top: 5px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-top: 1px solid #CCC;
    }
    .index-body .topiclist dd.lastpost {
        min-width: 135px;
    vertical-align: middle;
    text-align: center;
    }
}
  
@media screen and (max-width: 770px) {
    .header-top #site-description {
        width: 100%;
        float: none;
    }
    ul.topiclist dt {
        width: 68% !important;
    }
    .topiclist dd.lastpost {
        width: 30%;
    }
    dd.topics, 
    dd.posts,
    dd.views {
        display: none !important;
    }
  
    .navbar .linklist.leftside {
        /* display: flex;
        flex-direction: column; */
        margin: 0;
        line-height: 13px;
        padding: 1px 5px;
        background: rgba(255, 255, 255, 0.29);
        border-radius: 3px;
    }
    .navbar .linklist.leftside li {
        display: inline-block;
        float: none;
        margin: 0 5px;
        font-size: 0;
        line-height: 16px;
    }
    .navbar .linklist.leftside li a:first-of-type {
        /* display: block; */
        display: inline-block;
        margin: 0 5px 0 0;
    }
    .navbar .linklist.leftside li a, .navbar .linklist.rightside li a {
        font-size: 13px !important;
        margin: 0 2px;
    }
      
    .navbar .linklist.leftside,
    .navbar .linklist.rightside {
        /* display: flex;
        align-content: flex-end;
        flex-direction: column; 
        margin: 0 10px; */
        float: none;
        font-size: 0;
        text-align: center;
    }
    .navbar .linklist.leftside {
        border-right: 1px solid #FFF;
        margin: 20px 0;
        /* padding-right: 20px; */
    }
    .navbar .linklist.leftside .icon-ucp {
        padding: 1px 10px;
        border-radius: 3px;
    }
    .navbar .linklist.leftside li,
    .navbar .linklist.rightside li {
        /* display: flex;
        flex-direction: column; */
        display: inline-block;
        float: none;
        margin: 0;
        line-height: 13px;
    }
    .navbar .linklist.leftside li a,
    .navbar .linklist.rightside li a {
        font-size: 12px !important; 
        padding: 5px 2px;
    }
    .navbar .linklist.leftside li a {
        padding: 5px;
    }
    #search-box.search-box {
        float: none;
        text-align: right;
        width: 100%;
        display: none;
    }
    .site-desc-img  {
        max-height: 100%;
        width: 100%;
        height: auto;
        position: inherit;
    }
    #search-box.search-box p {
        text-align: center;
        line-height: 1.5em;
        font-size: 1.3em;
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    #search-box.search-box #keywords.inputbox.search {
        width: 120px;
        padding: 5px 5px 5px 20px;
        background-position: 1px 4px;;
    }
    #search-box.search-box .button2 {
        padding: 2px 5px 3px;
        font-size: 1.4em;
    }
    table td table td,
    table td table td div {
        width: 170px !important; 
        display: inline-block;
    }
    table td table td {
        width: 48% !important;
        text-align: center;
        border: none !important;
    }
    table td table tr {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    table {
        background-size: contain !important; 
    }
    .mob-center.topiclist .row dt {
        font-size: 12px;
        padding: 5px 5px 6px;
        text-align: left;
    }
    .forabg.bg3 .inner center>a>img {
        width: 90%;
        height: auto;
    }
    .inner .postbody {
        width: 75%;
    }
    .inner .postprofile {
        padding-left: 5px;
        width: 23%;
    }
    .inner .postprofile>dt>a:last-of-type {
        font-size: 13px;
    }
    .back2top {
        display: none;
    }
    .post .inner .postprofile dt,
    .post .inner .postprofile dd {
        margin-left: 0;
    }
    .inner .postprofile>dt>a>img {
        border-radius: 3px;
    }
    #page-body .post {
        margin-bottom: 8px;
        padding-top: 4px;
        border-radius: 7px;
        box-shadow: 0 0 1px 1px rgba(255,255,255,0.5) inset,0 0 3px 1px rgba(128,128,128,0.1) inset,1px 1px 3px rgba(0,0,0,0.15),0 10px 10px -10px rgba(0,0,0,0.2), inset 0 22px 33px -16px rgba(0, 0, 0, 0.12);
    }
}
  
  
@media screen and (max-width: 640px) {
  
    .main-content {
        padding-right: 0;
    }
    .right-nav:active, 
    .right-nav:hover, 
    .right-nav:visited, 
    .right-nav {
        display: block;
        top: 0;
    }
    .aside.aside-right {
        position: absolute;
        top: 85px;
        right: -1000px;
        padding-right: 10px;
        transition: right .6s ease-in;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 0 2px 1px #cacaca;
    }
      
    .section-index {
        padding: 0 4px;
        width: 100%!important; 
    }
    html, 
    table, 
    #wrap, 
    #postingbox { 
        margin: 2px auto!important; 
        padding: 1px !important; 
    }
    #wrap, 
    #page-header, 
    #page-body, 
    #page-footer { 
        width: 100%!important; 
        min-width: 160px!important; 
        margin: auto!important; 
        padding: auto!important; 
    }
    .corners-top, 
    .corners-top span, 
    .corners-bottom, 
    .corners-bottom span { 
        background-image: none!important;
    }
    dd.lastpost,
    .postprofile { 
        display: none!important; 
    }
    .column1, .column2 { 
        width: 100%!important; 
        display: block; 
    }
    p, 
    dl, 
    dt, 
    dd, 
    img, 
    input, 
    textarea { 
        max-width: 100%!important; 
    }
      
    fieldset.fields1>dl {
        display: none;
    }
    .fields1 #postingbox, 
    .fields1 #smiley-box, 
    .fields1 #format-buttons, 
    .fields1 #message-box, 
    .fields1 #submit-buttons { 
        width: 450px!important; 
        margin: 2px auto!important; 
        display: block!important; 
        box-sizing: border-box;
        text-align: justify;
    }
    .fields1 #message-box textarea {
        width: 98%;
        min-width: auto;
        max-height: 180px
    }
    .fields1 #message-box>div {
        max-height: 20px
    }
    .topiclist.topics dt {
        width: 100% !important;
        margin-bottom: 0;
    }
    ul.topiclist dt {
        width: 89% !important;
    }
    .copyright {
        line-height: 17px;
        font-size: 12px;
    }
    .main-topline {
        display: block;
    }
    .post .inner {
        position: relative;
        padding-top: 50px;
        padding-bottom: 1px;
    }
    .post .inner p.author {
        margin: -4px 0 7px -10px;
        width: 100%;
    }
    .post .inner p.author>a {
        display: none;
    }
    .post .inner p.author .postdetails {
        margin-right: 2px;
    }
    .post .inner p.author .postdetails b {
        display: none;
    }
    .inner .postbody {
        width: 100%;
        float: none;
    }
    .inner .postbody .content{
        padding-bottom: 7px;
    }
      
    .inner .postprofile {
        float: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        min-height: 41px;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
        margin-bottom: 0;
        display: block!important;
    }
    .inner .postprofile>dt {
        position: relative;
    }    
    .inner .postprofile>dt>a>img {
        max-width: 70px!important;
        width: auto !important;
        height: auto !important;
        max-height: 32px;
        margin-top: 1px;
        font-size: 8px;
    }
    .inner .postprofile>dt>a:last-of-type {
        float: left;
		margin: 0 10px 0 0;
        font-size: 13px;
        top: 11px;
    }
	.postprofile dd, .postprofile dt {
		line-height: 12px;
	}
	.online {
		margin-top: 0!important;
		padding-bottom: 5px;
	}
	fieldset dt {
		float: none!important;
		margin: 0 0 5px;
	}
	fieldset.fields2 dd {
		margin-left: 0!important;
	}
	input.inputbox {
		display: block;
		margin: 0 0 5px;
	}
    .inner .postprofile>dd img {
        display: none;
    }
    .inner .postprofile ul.profile-icons {
        padding-top: 7px;
        list-style: none;
        position: absolute;
        top: 1px;
        right: 0;
    }
    .fields1 #smiley-box {
        float: none;
    }
    .pagination>a {
        margin-bottom: 10px;
        display: inline-block;
    }
    .navbar .inner .rightside .fontsize,
    .navbar .inner .rightside .sendemail,
    .navbar .inner .rightside .print {
        display: none;
    }
    .postbody .signature {
        font-size: 10px;
    }
    .topic-actions .pagination span strong,
    .topic-actions .pagination span a, 
    .topic-actions .pagination span a:link, 
    .topic-actions .pagination span a:visited, 
    .topic-actions .pagination span a:active {
        font-size: 1.1em;
    }
    .inner .postprofile dd,
    .inner .postprofile dd>strong,
    .inner .postprofile dd>a,
    .inner .postprofile dd>img {
        font-size: 0;
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .inner .postprofile dd:last-of-type,
    .inner .postprofile dd ul.profile-icons {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}
  
@media screen and (max-width: 600px) {
    .left-nav:active, .left-nav:hover, .left-nav:visited, .left-nav,
    .right-nav:active, .right-nav:hover, .right-nav:visited, .right-nav {
        top: 0;
    }
    .aside.aside-right.open,
    .aside.aside-right,
    .aside.aside-left,
    .aside.aside-left.open {
        top: 110px;
    }
      
}
  
@media screen and (max-width: 480px) {
    .search-link {
        font-size: 15px;
    }
    #page-header .navbar {
        padding-bottom: 5px;
    }
    .linklist.navlinks {
        margin-bottom: 5px;
        padding-bottom: 20px;
    }
    .navbar .linklist.leftside li a, .navbar .linklist.rightside li a {
        font-size: 12px !important;
        padding: 5px 2px;
        display: block;
    }
    .navbar .linklist.leftside li a {
        display: inline-block;
    }
    .navbar .icon-home {
        margin-bottom: -10px;
    }
    .header-top #search-box {
        float: none;
        width: 100%;
        text-align: center;
    }
    .header-top #search-box form {
        text-align: right;
    }
    .linklist.rightside li a {
        line-height: 20px;
    }
    .topic-actions {
        margin-bottom: 65px;
    }
    .topic-actions .pagination {
        padding-top: 10px;
        padding-bottom: 5px;
        text-align: center;
    }
    fieldset.fields1 {
        border-top: 5px solid #fff;
        box-shadow:  0 -1px 1px #CCC;
    }
    .pagination span a, 
    .pagination span a:link, 
    .pagination span a:visited {
        margin: 0 6px !important; 
    }
    .topiclist .pagination span a, 
    .topiclist .pagination span a:link, 
    .topiclist .pagination span a:visited {
        margin: 0 3px !important; 
        font-size: 12px;
    }
    .topiclist .pagination {
        margin-right: 0;
    }
    ul.topiclist li {
        padding: 6px 2px;
    }
    ul.topiclist dt {
        width: 86% !important;
    }
    .index-body ul.topiclist dt {
        width: 100% !important;
    }
    .lastpost, 
    .column1 dt, 
    .column2 dt  { 
        display: none !important; 
    }
    .topiclist dd.topics {
        width: 10%;
    }
    .topiclist dl.icon dt {
        padding-left: 35px;
        font-size: 0;
    }
    ul.topiclist dl {
        background-size: 22px;
        background-position-x: 5px;   
    }
    .header dt {
        font-size: 12px !important;
    }
    .topictitle,
    .forumtitle {
        font-size: 13px !important;
    }
      
    .row .pagination, 
    li.pagination  {
        font-size: 11px !important;
    }
    dl.icon {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    #back-top {
        top: 82% !important;
    }
    p.rightside {
        width: 50%;
    }
    ul.linklist li.rightside a {
        width: 100%;
        padding: 5px;
        background-position: 0 8px;
    }
    #page-footer .rightside {
        line-height: 16px;
        width: 100%;
        margin-top: 25px;
        text-align: center;
    }
    #page-footer .rightside a {
        display: block;
        font-size: 13px;
    }
    h3 {
        text-align: center;
    }
    table td table tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    ul.linklist li.rightside .fontsize {
        background-position: 0 7px;
    }
    .topiclist li.header dl.icon dt {
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
        text-align: center;
    }
    .mob-center.topiclist .row dt {
        font-size: 12px;
        padding: 5px 5px 6px;
        text-align: left;
    }
    .topic-actions  .search-box {
        margin-top: 0;
        float: right;
        border-radius: 5px;
    }
    .topic-actions  .search-box .inputbox.search.tiny {
        padding: 1px 4px 2px 18px;
        cursor: text;
        font-size: 16px;
        background-position: 1px 4px;
        border-radius: 3px;
    }
    .topic-actions  .search-box input.button2 {
        padding-top: 2px;
        padding-bottom: 2px;
        background-size: cover;
        font-size: 15px;
        border-radius: 3px;
    }
    .postbody h3.first,
    .postbody h3 {
        text-align: left;
        display:none;
    }
    #page-body h2 {
        margin-bottom: 20px;
        font-size: 19px;
    }
    fields1 #postingbox, 
    .fields1 #smiley-box, 
    .fields1 #format-buttons, 
    .fields1 #message-box, 
    .fields1 #submit-buttons { 
        width: 350px!important; 
    }
    .linklist.navlinks .icon-home {
        background-position: 0 7px;
    }
    #page-footer .linklist .rightside {
        margin-left: 0;
    }
    p a.left {
        background: none no-repeat 3px 55%;
    }
    .inner .postbody h3,
    .inner .postbody h3.first {
        font-size: 1.4em;
    }
    .content dl.postbody {
        font-size: 12px;
    }
    .inner .postbody .content:last-of-type {
        padding-bottom: 0;
    }
    #smiley-box {
        font-size: 0;
    }
    #smiley-box a:nth-of-type(25) {
        font-size: 12px;
    }
}
  
@media screen and (max-width: 415px) {
    .navbar .linklist.leftside {
        padding-right: 10px;
    }
    .navbar .linklist.leftside, .navbar .linklist.rightside {
        margin: 10px 4px 0;
    }
    .navbar .icon-home {
        margin-bottom: -15px;
    }
    .navbar .icon-subscribe,
    .navbar .icon-bookmark {
        margin: 0px auto;
        display: block;
        float: none;
        width: 32%;
        min-width: 140px;
    }
    .navbar .icon-subscribe {
        margin-top: 30px;
    }
    .navbar .icon-bookmark {
        margin-bottom: -15px;
    }
}
  
@media screen and (max-width: 375px) {
    .topiclist .pagination {
        margin-right: 0;
    }
    .navbar .linklist.leftside, .navbar .linklist.rightside {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 5px 3px;
        margin: 0px;
    }
    ul.linklist.link-flex li {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        float: none;
    }
    .linklist.link-flex .rightside {
        float: none;
        text-align: center;
    }
    .inner .postprofile>dt>a:last-of-type {
        top: 1px;
    }
    .inner .postprofile ul.profile-icons {
        padding-top: 10px;
        list-style: none;
        position: absolute;
        top: 8px;
        right: 0;
    }
    td>p {
        padding: 0 5px;
    }
    fields1 #postingbox, .fields1 #smiley-box, .fields1 #format-buttons, .fields1 #message-box, .fields1 #submit-buttons {
        width: 310px!important;
    }
    .navbar .linklist.leftside .icon-ucp {
        margin-bottom: 5px;
        padding: 1px 0;
        text-align: center;
    }
    .navbar .linklist.leftside li a, .navbar .linklist.rightside li a {
        font-size: 11px !important;
    }
}
  
  
  
@media screen and (max-width: 375px) {
    .navbar .linklist.leftside li {
        text-align: center;
    }
    .navbar .linklist.rightside li {
        text-align: center;
    }
}
@media screen and (max-width: 330px) {
    .navbar .linklist.leftside, .navbar .linklist.rightside {
        margin: 0;
    }
}