@media screen and (max-width: 900px) {
    html {
        font-size: 15px;
    }
    .mobile-show {
        display: inherit;
    }
    #nav li.mobile-show {
        display: inline;
    }
    body {
        min-width: auto;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    #nav-container {
        height: 27px;
        padding-top: 11px;
    }
    #outer-container {
        background-position: center 37px!important;
        background-size: contain!important;
    }
    #login-container {
        height: 40px;
    }
    #login #home-link a {
        background: url(../i/pb-site-logo-x2.png) no-repeat 0 0/170px 40px;
        width: 170px;
        height: 40px;
    }
    #login li {
        line-height: 40px;
    }
    #col-wrap {
        float: none;
    }
    #nav .has-sub > ul li, #outside-header-links li {
        margin: 14px 4px;
    }
    #login .has-sub > ul li {
        margin: 14px 4px;
    }
    #debugbar, #dev-links, #forumreports, #buysellreports, #alert, #debugbarbottom {
        display: none!important;
    }
    .bsitem.boosted {
        padding: 0;
        border: none;
        background-color: transparent;
    }
    #col3-lmr-news-l {
        display: block;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    #col3-lmr-news-r {
        float: none;
        margin: 0 0 0 0!important;
        width: auto!important;
        text-align: center;
    }
    .mobile-hide {
        display: none!important;
    }
    .mobile-only {
        display: revert!important;
    }
    #outside-header, #outside-header-items {
        height: 40px;
    }
    #outside-header-items {
        margin: 0 0 0 4px;
    }
    #outside-header-links {
        display: none;
        background-color: #ffffff;
        height: auto;
        margin-top: 200px;
        margin-left: 110px;
        position: absolute;
        padding: 10px;
        z-index: 100;
    }
    #outside-header-menu {
        background-color: #fdd20a;
        color: #000;
        border-radius: 10px;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 5px;
        position: relative;
    }
    #outside-header-menu:after {
        width: 0;
        height: 0;
        border-left: 5px solid #fdd20a;
        border-right: 5px solid #fdd20a;
        border-top: 6px solid #000;
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        left: 5px;
    }
    #col3-lmr-news-m {
        margin: 0 0 0 0!important;
    }
    .news-box1 {
        width: 90px;
        margin-right: 10px;
    }
    .news-box2 {
        margin-left: 100px!important;
    }
    .news-box2 img.floatleft {
        margin-left: -100px!important;;
        width: 90px!important;;
        height: auto!important;
        margin-top: -26px!important;
    }
    .news-box2 .pb-tags {
        display: none;
    }
    .has-sub ul {
        min-width: 100px!important;
    }
    #login li a span {
        padding: 5px 3px 4px;
    }
    .foot ul {
        display:grid;
        grid-template-columns: 50% 50%;
        grid-row: auto auto;
        grid-column-gap: 20px;
        margin: 20px;
    }
    .foot a, .foot p {
        padding-bottom: 22px;
        display: block;
    }
    #blog-container img {
        width: auto!important;
        max-width: 100%;
        height: auto!important;
    }
    .news-iframe-container {
        margin: 0 -11px
    }
    .news-iframe-width {
        margin: auto;
        width: 100%
    }
    .news-iframe-height {
        position: relative;
        overflow: hidden;
        margin: auto
    }
    .news-iframe-height iframe {
        width: 100%;
        height: 100%
    }
    .blog-head, .blog-ad, .news-comments-container, .news-comments, .blog-section-inside {
        width: auto!important;
    }
    .blog-head {
        margin-top: 25px!important;
        margin-bottom: 25px!important;
    }
    .inner-m2 {
        padding: 0!important;
    }
    .photo #media-top, .photo #media-comments, .photo #sidebar {
        width: 100%!important;
    }
    .photo #sidebar, #media-top {
        float: none!important;
    }
    .formInput input {
        max-width: 90%;
    }
    #sidebar, #dashboard-actions, #dashboard-filter {
        float: none;
        width: auto;
        padding-top: 0;
    }
    #main {
        padding-right: 0;
    }
    #dashboard-actions, #dashboard-filter {
        display: flex;
        column-gap: 10px;
    }
    #user-actions {
        padding-top: 20px;
    }
    table {
        max-width: 100%;
    }
    h1 {
        overflow: revert;
    }
    h3 {
        font-weight: bold;
        font-size: 120%;
    }
    h5 {
        color: #666666;
    }
    #right h1 {
        margin-right: 0;
    }
    #left {
        float: none;
        width: auto;
        border-radius: 12px;
        margin-bottom: 20px;
    }
    #right {
        margin: 0;
        border-radius: 12px;
        float: none;
        width: auto;
        min-width: revert!important;
    }
    #user-info {
        float: none;
        width: auto;
        border-radius: 12px;
        min-height: 60px;
        margin-bottom: 20px;
    }
    #col2-lm-m, #col2-mr-m {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #col2-lm-l, #activity-container, #main.col-9 {
        width: auto!important;
        float: none!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #inner-r, #inner-l {
        padding: 0!important;
    }
    #content-container {
        padding: 0;
        width: auto;
    }
    .uImage img {
        padding: 0;
    }
    .uPhotoSmall li.uImage {
        float: none;
    }
    .page_buysell .uPhotoSmall li.uImage {
        width: auto;
    }
    .play {
        margin: -30px 0px 0px 11px;
    }
    .fullview .inItem {
        width: 160px!important;
        height: auto!important;
    }
    .inItem .uFullInfo {
        display: none;
    }
    .albumOptions .iconlink {
        display: block;
        margin-bottom: 10px;
    }
    #inList {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    #inList.fullview {
        display: block;
    }
    .items-list li {
        margin: 0;
    }
    .bsitem > table {
        margin: 0;
    }
    .bsitem .bsitem-table {
        margin: 0;
        padding: 10px;
    }
    .formCustom .tableform tr {
        display: grid;
    }
    #pbBox {
        height: auto!important;
        left: 0!important;
        width: 100%!important;
    }
    .rsb-results li {
        padding-bottom: 8px;
    }
    .rsb-results ul {
        width: 100%!important;
    }
    table.mt1 td, .tablepadding td {
      padding-bottom: 10px;
    }
    .photo-links {
        float: none;
        margin: 0;
    }
    #view-options {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .albumOptions {
        text-align: center;
    }
    #page-container {
        padding: 0;
    }
    .video #media-top {
        width: 100%;
    }
    .video #sidebar, .video #media-comments {
        width: 100%;
    }
    #user-details {
        padding-top: 20px;
        float: none;
    }
    #user-content {
        padding: 20px;
    }
    #extramenu {
        width: auto;
    }

    .forum-d1 .forum-topic, .forum-d1 .forum-post, .forum-d1 .forum-last, .forum-tdw, .forum-d1 .forum-author {
        display: none;
        text-align: left;
    }
    .forum-d2 td {
        text-align: left;
        width: auto;
        padding-bottom: 5px;
    }
    .forum-d2 table tr {
        display: grid;
    }
    .forum-d2 td.dl:before {
        content: attr(data-label);
        display: inline-block;
        margin-right: 5px;
        width: 50px;
        vertical-align: top;
    }
    .forum-lastpost {
        width: auto;
        display: inline-block;
    }
    .d-rfloat {
        margin-bottom: 10px;
        float: none;
        text-align: center;
    }
    .forum-threads {
        width: 70%;
    }
    .gotopage {
        margin-top: 10px;
    }
    /*.paging-middle li:nth-child(n+2):nth-last-child(n+2) {
        display: none;
    }*/
    .forum-fw tr {
        display: grid;
    }
    .forum-posted {
        width: auto;
    }
    .crumb, .thread-controls {
        margin: 10px 0;
    }
    .forum-author2 a img {
        width: 50px;
        height: 50px;
    }
    textarea, #previewarea {
        width: 100%!important;
    }
    .formSubmit {
        display: inline-block;
        margin-top: 20px;
    }
    .blogmain {
        width: auto;
    }
    #blogbuttons tr, .formInputLeft tr {
        display: grid;
    }
    #searchbox {
        margin-bottom: 15px;
    }
    #col3-lmr-m {
        margin: 0;
    }
    #col3-lmr-l, #col3-lmr-r {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    #inner-m {
        padding-left: 0;
        padding-right: 0;
    }
    .mobile-ad {
        height: 265px;
    }
    .pbvideo, .video-container {
        max-width: 100%!important;
    }
    .proparea li .pb-link {
        margin-left: 10px;
    }
    .comments-count {
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .quotes-icon {
        max-width: 60px!important;
    }
    .user-actions .bookmark, .user-actions .comments-count {
        margin-top: -3px
    }
    .user-actions {
        flex-wrap: wrap;
    }
    #comment_wrap .time {
        color: #939393;
    }
    #placesHeader2 #placesRight {
        float: none;
        width: auto;
    }
    #videocats td {
        width: 100%;
        display: block;
    }
    #videocats {
        width: 100%;
    }
    #videocats table {
        margin-bottom: 20px;
        margin-left: 20px;
    }
    .buysell-groups-list li {
        display: grid;
        grid-template-columns: 4fr 1fr;
    }
    .buysell-groups-list .facet-count {
        text-align: left;
        float: none;
        margin: 0;
    }
    .buysell-groups-list li a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .forum-posted {
        border-bottom: none;
    }
    .news-mb3 {
        margin-bottom: 10px;
    }
    .news-mt3 {
        margin-top: 12px;
    }
    .mt2, .pb-tags {
        margin-top: 12px;
    }
    a.pb-tag {
        min-width: 48px;
        margin-bottom: 8px;
        margin-right: 6px;
    }
    .datenav a {
        padding-bottom: 15px;
        display: inline-block;
    }
    #nav a {
        padding: 4px 13px;
    }
    #blog-container .columns {
        margin: 0;
    }
    .blog-foot {
        width: auto!important;
        padding: 0 4px;
    }
    .blog-foot .inElm {
        width: 155px!important;
    }
    #morenewslink {
        margin-bottom: 20px;
        display: block;
    }
    .paging-middle {
        width: auto!important;
    }
    .thumbnail-container {
        border: none;
        padding: 0;
    }
    #media-under {
        padding: 0 10px;
    }
    .blog-section div {
        max-width: 100%!important;
    }
    .blog-section-inside table td {
        display: block;
        width: 100%!important;
    }
    .page_dashboard .inner-m2, .page_forum #content-container {
        display: flex;
        flex-direction: column;
    }
    .page_dashboard #sidebar, .page_forum #col-wrap {
        order: 1;
    }
    .page_dashboard #main, .page_forum #col2-mr-r {
        order: 0;
    }
    #col2-mr-r {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
    .forummain td {
        padding: 3px 3px 10px 3px!important;
    }
    .pb-tabs {
        margin-bottom: 15px;
    }
    .pb-tabs ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0;
    }
    .pb-tabs li {
        display: inline-grid;
    }
    .cmt-text {
        overflow-wrap: break-word;
    }
    #header {
        height: 40px;
        background-size: cover!important;
    }
    #header a {
        height: 40px!important;
    }
    #takeover_ad_top {
        display: none;
    }
    #takeover_ad_mobile {
        display: block;
    }
    #takeover_ad_mobile img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 325px) {
    #nav a {
        padding: 4px 5px;
    }
}