@media(min-width: 576px) {
    .post-message img {
        max-width: 300px;
    }

    .alert,.wrapper {
        border-radius: var(--rounded)
    }

    .main-title,.forum header {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .main-title::before {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .main-row:first-child {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .main-row:last-child {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }

    .main-row:only-child {
        border-radius: var(--rounded)
    }

    .forum {
        border-radius: var(--rounded)
    }

    .forumdisplay .thread:only-child .likes {
        border-radius: var(--rounded) 0 0 var(--rounded)
    }

    .forumdisplay .thread:first-child .likes {
        border-radius: 0 var(--rounded) 0 0
    }

    .forumdisplay .thread:last-child .likes {
        border-radius: 0 0 var(--rounded) 0
    }

    .forumdisplay .thread:only-child .thread-content {
        border-radius: 0 var(--rounded) var(--rounded) 0
    }

    .forumdisplay .thread:first-child .thread-content {
        border-radius: var(--rounded) 0 0 0
    }

    .forumdisplay .thread:last-child .thread-content {
        border-radius: 0 0 0 var(--rounded)
    }

    .dashboard-cover .cover-overlay {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }

    .profile-rv:first-child {
        border-radius: var(--rounded) 0 0 var(--rounded)
    }

    .profile-rv:last-child {
        border-radius: 0 var(--rounded) var(--rounded) 0
    }

    .team-wrap {
        margin-right: -1rem
    }

    .team-column {
        margin-right: 1rem;
        margin-bottom: 1rem
    }

    div.sceditor-toolbar {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .sceditor-container {
        border-radius: var(--rounded)
    }

    .usergroup-container {
        margin-right: -1rem;
        margin-bottom: -1rem
    }

    .stats-seperator-title {
        border-radius: var(--rounded)
    }

    .trow_reputation_positive:first-child::before,.trow_reputation_negative:first-child::before {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .trow_reputation_positive:last-child::before,.trow_reputation_negative:last-child::before {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }

    .dice-bet-win:last-child::before,.dice-bet-tie:last-child::before,.dice-bet-loss:last-child::before {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }

    .rps-loader .main-row {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }

    .twofa-container {
        width: 500px
    }

    .thread-appealinfo {
        border-left: 1px solid var(--bg-warning);
        border-right: 1px solid var(--bg-warning)
    }
}

@media(min-width: 768px) {
    .avatar-md-30,.avatar-md-30 img {
        height:30px;
        width: 30px
    }

    .container-small {
        margin: 0 auto;
        width: 600px
    }

    .dropdown-user-left {
        width: 18rem
    }

    .dropdown-user-left .prestige-info {
        border-bottom: 1px solid var(--bg-quaternary)
    }

    .dropdown-user-left .prestige-info .progress {
        height: 6px
    }

    .dropdown-user-right {
        width: 12rem;
        border-left: 1px solid var(--bg-quaternary)
    }

    .dropdown-user-right .dropdown-item:first-child {
        border-radius: 0 var(--rounded) 0 0
    }

    .dropdown-user-right .dropdown-item:last-child {
        border-radius: 0 0 var(--rounded) 0
    }

    .forum {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }

    .forum:nth-child(2n) {
        margin-right: 0
    }

    .forum:last-child,.forum:nth-last-child(2) {
        margin-bottom: 0
    }

    .forumdisplay-header {
        padding: 3rem 0 4rem
    }

    .footer-top {
        padding-top: 4rem
    }

    .footer-column ul li {
        margin-bottom: .5rem
    }

    .inbox-container {
        height: calc(100vh - 70px - 2rem);
        border-radius: var(--rounded);
        box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
    }

    .inbox-container header,.inbox-container .inbox-header {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .inbox-container footer,.inbox-container .inbox-footer {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }

    .conversation .message {
        min-width: 100px;
        max-width: 50%
    }

    .ticket-sidebar {
        position: sticky;
        top: 0
    }

    .ticket-index-row .ticket-status .status {
        width: 120px;
        padding: .45rem 0
    }

    .profile-sidebar {
        width: 300px;
        margin-right: 1rem;
    }

    .poll-label {
        width: 160px
    }

    .usergroup-column {
        margin-right: 1rem;
        margin-bottom: 1rem
    }

    .checkout-payment-method:nth-child(odd) {
        margin-right: .25rem
    }

    .checkout-payment-method:nth-child(even) {
        margin-left: .25rem
    }

    .checkout-recipant:first-child {
        margin-right: .25rem
    }

    .checkout-recipant:last-child {
        margin-left: .25rem
    }

    .checkout-recipant,.checkout-payment-method {
        width: calc(50% - 0.25rem)
    }

    .inventory-category {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }

    .inventory-category:nth-child(2n) {
        margin-right: 0
    }

    .helpdocs-cookie {
        width: 180px
    }

    .helpdocs-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }

    .helpdocs-grid section:nth-child(1) {
        grid-area: 1/1/3/2;
        margin-right: .5rem
    }

    .helpdocs-grid section:nth-child(2),.helpdocs-grid section:nth-child(3) {
        margin-left: .5rem
    }

    .helpdocs-grid section:nth-child(2) {
        grid-area: 1/2/2/3;
        margin-bottom: 1rem
    }

    .helpdocs-grid section:nth-child(3) {
        grid-area: 2/2/3/3
    }

    .profile-yt {
        width: 300px;
        height: 168px
    }

    .twofa-container {
        width: 600px
    }

    .dashboard-account-overview .dashboard-stats-column {
        width: 50%
    }

    .dashboard-account-overview .dashboard-stats-column:nth-child(odd) {
        border-right: 1px solid var(--bg-tertiary)
    }

    .dashboard-account-overview .dashboard-stats-column:first-child,.dashboard-account-overview .dashboard-stats-column:nth-child(2),.dashboard-account-overview .dashboard-stats-column:nth-child(3),.dashboard-account-overview .dashboard-stats-column:nth-child(4) {
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .awards-showcase {
        margin: 0 -.5rem .5rem
    }

    .award-column {
        width: calc(50% - 1rem);
        margin: 0 .25rem .5rem;
        border-radius: var(--rounded)
    }

    .support-column {
        width: calc(50% - 2rem);
        margin: 0 2rem 2rem 0
    }

    .support-column:nth-child(2n) {
        margin-right: 0
    }

    .bugtracker-comment img {
        max-width: 400px
    }

    .logreg .logreg-container {
        width: 750px
    }

    .logreg .logreg-container-login {
        width: 400px
    }

    .logreg .logreg-container .column {
        width: calc(50% - 2rem)
    }

    .logreg .logreg-container .column:first-child {
        margin-right: 1rem
    }

    .logreg .logreg-container .column:last-child {
        margin-right: 1rem
    }

    .logreg-form {
        border: 1px solid var(--bg-secondary)
    }
}

@media(min-width: 992px) {
    .index-sidebar {
        width:300px
    }

    .index-sidebar-sticky {
        position: sticky;
        top: 1rem
    }

    .latest-activity {
        width: calc(50% - 0.5rem)
    }

    .latest-activity:first-child {
        margin-right: .5rem
    }

    .latest-activity:last-child {
        margin-left: .5rem
    }

    .upgrade-notice {
        height: 250px;
        color: rgba(255,255,255,.85);
        position: relative;
        overflow: hidden
    }

    .upgrade-notice .icon {
        background-color: rgba(0,0,0,.15);
        height: 60px;
        width: 60px
    }

    .upgrade-notice svg {
        fill: rgba(255,255,255,.85)
    }

    .upgrade-notice .btn,.upgrade-notice .content {
        position: relative;
        z-index: 2
    }

    .upgrade-notice::before,.upgrade-notice::after {
        position: absolute;
        content: "";
        transform: rotate(15deg)
    }

    .upgrade-notice::before {
        bottom: -80px;
        right: -50px;
        height: 200px;
        width: 200px;
        border-radius: var(--rounded-circle);
        background: linear-gradient( to bottom right,rgba(255,255,255,0.05),rgba(255,255,255,0.1) );
        z-index: 1
    }

    .upgrade-notice::after {
        top: 15px;
        left: -55px;
        height: 150px;
        width: 150px;
        border-radius: var(--rounded-circle);
        background: linear-gradient( to bottom right,rgba(255,255,255,0.025),rgba(255,255,255,0.075) );
        z-index: 1
    }

    .forumdisplay-sidebar {
        top: 1rem
    }

    .forumdisplay-filter .filter-column {
        width: calc(20% - 1rem);
        margin-right: 1rem
    }

    .forumdisplay-filter .filter-column select {
        width: 100%
    }

    .forumdisplay-subforums {
        margin: -.5rem
    }

    .forumdisplay-subforums .forumdisplay-subforum {
        width: calc(50% - 1rem);
        margin: .5rem
    }

    .header-main .logo,.header-main .logo svg {
        height: 35px;
        width: 35px
    }

    .header-navigation li a.header-link {
        padding: .5rem .75rem;
        color: rgba(255,255,255,.75);
        font-weight: var(--font-bold);
        border-radius: var(--rounded);
        margin-right: .15rem;
        text-transform: uppercase
    }

    .header-navigation li a.header-link:hover,.header-navigation li a.header-link[aria-expanded=true] {
        background-color: rgba(255,255,255,.15);
        color: rgba(255,255,255,.85)
    }

    .header-icon {
        height: 18px;
        width: 18px;
        fill: rgba(255,255,255,.55);
        margin: -2px .35rem 0 0
    }

    .footer-column:last-child {
        width: 34%
    }

    .footer-column {
        width: 22%
    }

    .stats-sidebar {
        width: 300px
    }

    .stats-column-half {
        width: calc(50% - 0.5rem)
    }

    .stats-column-half:first-child {
        margin-right: .5rem
    }

    .stats-column-half:last-child {
        margin-left: .5rem
    }

    .upgrade-header {
        padding: 4rem 0 calc(4rem + 156px)
    }

    .upgrade-tables {
        margin-top: -156px
    }

    .upgrade-table {
        min-width: 250px
    }

    .upgrade-tables .upgrade-table {
        width: calc(25% - 2rem);
        margin: 0 1rem
    }

    .upgrade-table h1 {
        font-size: 1.5rem
    }

    .upgrade-table .tier-d {
        height: 26px;
        width: 5rem;
        padding: 0 1rem;
        top: -13px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .upgrade-extra-features .column {
        width: calc(33.3333% - 1rem);
        margin-right: 1rem
    }

    .upgrade-extra-features .column:nth-child(1),.upgrade-extra-features .column:nth-child(2),.upgrade-extra-features .column:nth-child(3) {
        margin-bottom: 1rem
    }

    .upgrade-extra-features .column:nth-child(3),.upgrade-extra-features .column:nth-child(6) {
        margin-right: 0
    }

    .filter-amount {
        padding: .25rem .5rem;
        min-width: 35px
    }

    .dashboard-sidebar {
        width: 250px
    }

    .dashboard-settings-select {
        width: 215px
    }

    .dashboard-settings-birthday {
        width: 80px
    }

    .dashboard-settings-birthmonth {
        width: 120px
    }

    .dashboard-settings-birthyear {
        width: 90px
    }

    .lh-info {
        width: 180px
    }

    .thread-header {
        padding: 3rem 0
    }

    .thread-appealinfo-column {
        border-right: 1px solid var(--bg-tertiary)
    }

    .thread-appealinfo-column:nth-child(2) {
        width: 130px
    }

    .thread-appealinfo-column:nth-child(3),.thread-appealinfo-column:last-child {
        width: 200px
    }

    .thread-appealinfo-column:last-child {
        border-right: none
    }

    .post footer::before,.post footer::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0;
        border-radius: var(--rounded) 0 0 0;
        width: 169px;
        height: 300px;
        background-size: 169px 300px;
        background-repeat: no-repeat;
        background-position: center top
    }

    .post main {
        border-radius: 0 var(--rounded) var(--rounded) 0
    }

    .post footer {
        width: 170px;
        border-right: 1px solid var(--bg-tertiary);
        border-radius: var(--rounded) 0 0 var(--rounded)
    }

    .post footer::before {
        z-index: 3
    }

    .post footer::after {
        z-index: 2;
        opacity: .1
    }

    .post footer.bats::before,.post footer.blue-star-rain::before,.post footer.gold-star-rain::before,.post footer.green-star-rain::before,.post footer.heart-rain::before,.post footer.lightning::before,.post footer.matrix::before,.post footer.ocean::before,.post footer.rainbow-glitter::before,.post footer.rainbow-hearts::before,.post footer.rainbow-music::before {
        background: linear-gradient(to bottom,transparent,var(--bg-secondary))
    }

    .post footer.bats::after {
        background-image: url(../img/shop/background_effects/bats_lg.gif)
    }

    .post footer.blue-star-rain::after {
        background-image: url(../img/shop/background_effects/blue_star_rain_lg.gif)
    }

    .post footer.gold-star-rain::after {
        background-image: url(../img/shop/background_effects/gold_star_rain_lg.gif)
    }

    .post footer.green-star-rain::after {
        background-image: url(../img/shop/background_effects/green_star_rain_lg.gif)
    }

    .post footer.heart-rain::after {
        background-image: url(../img/shop/background_effects/heart_rain_lg.gif)
    }

    .post footer.lightning::after {
        background-image: url(../img/shop/background_effects/lightning_lg.gif)
    }

    .post footer.matrix::after {
        background-image: url(../img/shop/background_effects/matrix_lg.gif)
    }

    .post footer.ocean::after {
        background-image: url(../img/shop/background_effects/ocean_lg.gif)
    }

    .post footer.rainbow-glitter::after {
        background-image: url(../img/shop/background_effects/rainbow_glitter_lg.gif)
    }

    .post footer.rainbow-hearts::after {
        background-image: url(../img/shop/background_effects/rainbow_hearts_lg.gif)
    }

    .post footer.rainbow-music::after {
        background-image: url(../img/shop/background_effects/rainbow_music_lg.gif)
    }

    .post footer .postbit-background.desktop {
        background-size: 170px 300px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 300px;
        width: 169px;
        z-index: 1;
        opacity: .5;
        border-radius: var(--rounded) 0 0 0
    }

    .post footer .postbit-background.desktop::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        height: 300px;
        width: 169px;
        z-index: 2;
        background: linear-gradient(to bottom, transparent, #161a21);
        border-radius: var(--rounded) 0 0 0
    }

    .post-user {
        top: 1rem
    }

    .post-usertitle {
        max-width: 140px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .post-userbar img {
        max-width: 140px
    }

    .post-avatar,.post-avatar img {
        border-radius: var(--rounded)
    }

    .post-extras {
        width: 140px
    }

    .post-extras .column {
        width: calc(50% - 0.25rem)
    }

    .post-extras .column:nth-child(1) {
        margin-right: .25rem
    }

    .post-extras .column:nth-child(2) {
        margin-left: .25rem
    }

    .post-extras .column:only-child {
        width: 100%;
        margin: 0
    }

    .post-statistics {
        width: 140px;
        border: 1px solid var(--bg-tertiary)
    }

    .post-statistics-row {
        border-bottom: 1px solid var(--bg-tertiary);
        padding: .25rem
    }

    .post-statistics-row:last-child {
        border-bottom: none
    }

    .profile-header .statistics-column::after {
        position: absolute;
        content: "";
        height: 35px;
        width: 1px;
        left: 0;
        background-color: rgba(255,255,255,.25);
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    .profile-header .statistics-column:first-child::after {
        display: none
    }

    .profile-header .statistics-column svg {
        fill: rgba(255,255,255,.45)
    }

    .profile-header-user .avatar {
        margin-bottom: -70px
    }

    .profile-header-user .avatar img {
        width: 140px;
        height: 140px
    }

    .profile-header-info .location {
        margin-left: calc(140px + 1rem)
    }

    .post-activity {
        margin-right: -1rem
    }

    .post-activity-column {
        width: calc(50% - 1rem);
        margin: 0 1rem 1rem 0
    }

    .post-activity-column:nth-child(2n) {
        margin-right: 0
    }

    .team-column {
        width: calc(33.33333% - 1rem)
    }

    .ticket-label {
        width: 200px
    }

    .groups-sidebar {
        width: 300px
    }

    .newthread-sidebar {
        width: 300px
    }

    .threadbg-preview-container {
        width: 300px;
        padding: 15px;
        border-left: 1px solid var(--bg-tertiary)
    }

    .usergroup-column {
        width: calc(25% - 1rem)
    }

    .checkout-container {
        width: 600px
    }

    .checkout-sidebar {
        width: 300px
    }

    .video-container iframe {
        width: 600px;
        height: 335px
    }

    .banlist-username {
        width: 130px
    }

    .banlist-date {
        width: 140px
    }

    .banlist-column {
        width: calc(20% - 1rem);
        margin-right: 1rem
    }

    .banlist-column:last-child {
        width: 100px;
        margin-right: 0
    }

    .contest-sidebar {
        width: 300px
    }

    .shop-postbitbackground-preview .post-avatar {
        height: 140px
    }
}

@media(min-width: 1200px) {
    .forumdisplay-container {
        width:calc(100% - 300px - 1rem)
    }

    .upgrade-table {
        min-width: 350px
    }

    .dashboard-sidebar2 {
        width: 300px
    }

    .dashboard-menu {
        position: sticky;
        top: 1rem
    }

    .dashboard-sidebar-main {
        width: 250px
    }

    .profile-header .statistics-column {
        padding: 0 1rem
    }

    .sr-forum,.sr-author,.sr-date {
        width: 130px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .sr-author .username {
        width: calc(100% - 0.25rem - 20px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .logreg {
        background-image: url(../img/ui/login_register/login_texture.svg);
        background-repeat: no-repeat;
        background-position: fixed;
        background-size: cover
    }

    .memberlist-column {
        width: calc(33.333333% - 1rem);
        margin-right: 1rem
    }

    .memberlist-column:nth-child(3n) {
        margin-right: 0
    }

    .memberlist-column:nth-child(n+4) {
        margin-top: 1rem
    }

    .upgrade-special-package {
        min-width: calc(350px * 3 + 4rem)
    }
}

@media(max-width: 575.98px) {
    .loaras-geust .text-6xl {
        font-size: 30px;
        line-height: 36px;
    }

    .alert,.wrapper {
        margin-left: -15px;
        margin-right: -15px
    }

    .stats-total-column .main-row {
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .post-activity-column {
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .post-activity-column:last-child {
        border-bottom: none
    }

    .team-column {
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .team-column:last-child {
        border-bottom: none
    }

    .threadbg-container {
        margin: 0 -15px
    }

    .threadbg-container .wrapper {
        margin-left: 0;
        margin-right: 0
    }

    .rps-loader .main-row {
        border-radius: 0
    }

    .dashboard-sidebar {
        margin-top: -1rem
    }
}

@media(max-width: 767.98px) {
    .forumdisplay-header {
        padding:1rem 0 2rem
    }

    .forumdisplay-filter .filter-column {
        width: 100%;
        margin-bottom: 1rem
    }

    .forumdisplay-filter .filter-column select {
        width: 100%
    }

    .footer-top {
        padding-top: 1rem
    }

    .footer-column {
        width: 100%
    }

    .footer-column:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .stats-totals {
        flex-wrap: wrap
    }

    .stats-total-column,.stats-totals-member {
        width: 100%
    }

    .stats-toplist {
        width: 100%;
        margin-bottom: 1rem
    }

    .stats-toplist:last-child {
        margin-bottom: 0
    }

    .upgrade-extra-features .column {
        width: 100%;
        margin-bottom: 1rem
    }

    .upgrade-extra-features .column:last-child {
        margin-bottom: 0
    }

    .inbox-container {
        position: fixed;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0
    }

    .inbox-container.conversation {
        top: 0
    }

    .inbox-container header .inbox-header.bg-primary {
        border-top: 1px solid rgba(255,255,255,.15);
        margin-top: -1px
    }

    .ticket-index-row .ticket-status .status {
        height: 16px;
        width: 16px;
        font-size: 0
    }

    .profile-header-user .avatar {
        margin-bottom: 1rem
    }

    .profile-header-user .avatar img {
        width: 60px;
        height: 60px
    }

    .team-wrap {
        margin: 0 -1rem
    }

    .team-column {
        width: 100%
    }

    .usergroup-column {
        width: 100%;
        margin-bottom: 1rem
    }

    .checkout-container {
        width: 100%
    }

    .checkout-recipant,.checkout-payment-method {
        width: 100%
    }

    .checkout-recipant:first-child {
        margin-bottom: .5rem
    }

    .inventory-category {
        width: 100%;
        margin-bottom: 1rem
    }

    .inventory-category:last-child {
        margin-bottom: 0
    }

    .helpdocs-grid section {
        margin-bottom: 1.5rem
    }

    .helpdocs-grid section:last-child {
        margin-bottom: 0
    }

    .dashboard-graph {
        width: 100%
    }

    .dashboard-stats-column {
        width: 100%;
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .dashboard-stats-column:last-child {
        border-bottom: none
    }

    .awards-showcase .award-column {
        width: 100%;
        border-bottom: 1px solid var(--bg-tertiary);
        border-radius: 0
    }

    .awards-showcase .award-column:last-child {
        border-bottom: none
    }

    .support-column {
        width: 100%;
        margin-bottom: 1rem
    }

    .support-column:last-child {
        margin-bottom: 0
    }

    .bugtracker-comment img {
        max-width: 100%
    }

    .logreg-container {
        padding: 0 1rem
    }
}

@media(max-width: 991.98px) {
    .header-main .logo,.header-main .logo svg {
        height:30px;
        width: 30px
    }

    .breadcrumb ol li:not(:nth-last-child(2)):not(:last-child) {
        display: none
    }

    .breadcrumb ol li:nth-last-child(2) {
        margin-right: 0
    }

    .breadcrumb ol li:nth-last-child(2)::before {
        display: none
    }

    .stats-column-half {
        width: 100%;
        margin-bottom: 1rem
    }

    .stats-column-half:last-child {
        margin-bottom: 0
    }

    .dashboard-settings-select {
        width: 100%
    }

    .dashboard-menu-collapse {
        cursor: pointer
    }

    .thread-header {
        padding: 1rem 0
    }

    .thread-appealinfo-column {
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .thread-appealinfo-column:last-child {
        border-bottom: none
    }

    .post footer::before,.post footer::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0
    }

    .post footer {
        height: 70px;
        border-bottom: 1px solid var(--bg-tertiary)
    }

    .post footer::before {
        width: 300px;
        height: 69px;
        z-index: 3
    }

    .post footer::after {
        width: 300px;
        height: 69px;
        z-index: 2;
        opacity: .1
    }

    .post footer.bats::before,.post footer.blue-star-rain::before,.post footer.gold-star-rain::before,.post footer.green-star-rain::before,.post footer.heart-rain::before,.post footer.lightning::before,.post footer.matrix::before,.post footer.ocean::before,.post footer.rainbow-glitter::before,.post footer.rainbow-hearts::before,.post footer.rainbow-music::before {
        background: linear-gradient(to right,transparent,var(--bg-secondary))
    }

    .post footer.bats::after {
        background-image: url(../img/shop/background_effects/bats_sm.gif)
    }

    .post footer.blue-star-rain::after {
        background-image: url(../img/shop/background_effects/blue_star_rain_sm.gif)
    }

    .post footer.gold-star-rain::after {
        background-image: url(../img/shop/background_effects/gold_star_rain_sm.gif)
    }

    .post footer.green-star-rain::after {
        background-image: url(../img/shop/background_effects/green_star_rain_sm.gif)
    }

    .post footer.heart-rain::after {
        background-image: url(../img/shop/background_effects/heart_rain_sm.gif)
    }

    .post footer.lightning::after {
        background-image: url(../img/shop/background_effects/lightning_sm.gif)
    }

    .post footer.matrix::after {
        background-image: url(../img/shop/background_effects/matrix_sm.gif)
    }

    .post footer.ocean::after {
        background-image: url(../img/shop/background_effects/ocean_sm.gif)
    }

    .post footer.rainbow-glitter::after {
        background-image: url(../img/shop/background_effects/rainbow_glitter_sm.gif)
    }

    .post footer.rainbow-hearts::after {
        background-image: url(../img/shop/background_effects/rainbow_hearts_sm.gif)
    }

    .post footer.rainbow-music::after {
        background-image: url(../img/shop/background_effects/rainbow_music_sm.gif)
    }

    .post footer .postbit-background.mobile {
        background-size: 300px 70px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        height: 69px;
        width: 300px;
        z-index: 1;
        opacity: .5
    }

    .post footer .postbit-background.mobile::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        height: 69px;
        width: 300px;
        z-index: 2;
        background: linear-gradient(to left,transparent,var(--bg-secondary))
    }

    .post-avatar,.post-avatar img {
        border-radius: var(--rounded-circle);
        height: 35px;
        width: 35px
    }

    .profile .avatar .avatarframe {
        height: 75px !important;
        width: 75px !important;
    }

    .post-avatar .avatarframe {
        height: 45px !important;
        width: 45px !important;
    }

    .post-extras .column {
        width: 60px
    }

    .post-extras .column:first-child {
        margin-bottom: .25rem
    }

    .post-extras .column:only-child {
        margin: 0
    }

    .profile-header .statistics-column {
        padding: 0 .3rem
    }

    .upgrade-header {
        padding: 2rem 0
    }

    .upgrade-table {
        width: 100%
    }

    .upgrade-table h1 {
        font-size: 1.2rem
    }

    .reputation-sidebar {
        width: 100%
    }

    .rps-sidebar {
        width: 100%
    }

    .memberlist-column {
        width: 100%;
        margin-bottom: 1rem
    }

    .memberlist-column:last-child {
        margin-right: 0
    }
}

@media(max-width: 1199.98px) {
    .sidebar {
        display:none
    }

    .forumdisplay-container {
        max-width: 100%
    }

    .sr-mobile {
        color: var(--color-secondary)
    }
}

@media(min-width: 576px) and (max-width:767.98px) {
    .forum {
        width:100%
    }

    .forum:last-child {
        margin-bottom: 0
    }

    .stats-total-column {
        margin-bottom: 1rem
    }

    .awards-showcase .award-column:first-child {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .awards-showcase .award-column:last-child {
        border-radius: 0 0 var(--rounded) var(--rounded)
    }
}

@media(min-width: 576px) and (max-width:991.98px) {
    .forum {
        margin-bottom:1rem;
        border-radius: var(--rounded)
    }

    .dashboard-menu-collapse {
        border-radius: var(--rounded)
    }

    .dashboard-menu-collapse[aria-expanded=true] {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .post-activity-column {
        margin-bottom: 1rem
    }

    .post-activity-column:last-child {
        margin-bottom: 0
    }

    .postbit-background.mobile,.postbit-background.mobile::before {
        border-radius: var(--rounded) 0 0 0
    }
}

@media(min-width: 768px) and (max-width:991.98px) {
    .raffle-column,.staff-column {
        width:calc(50% - 0.5rem)
    }

    .raffle-column {
        margin-right: .5rem
    }

    .staff-column {
        margin-left: .5rem
    }

    .forumdisplay-filter .filter-column {
        width: calc(50% - 1rem);
        margin-right: 1rem;
        margin-bottom: 1rem
    }

    .forumdisplay-filter .filter-column:nth-child(even) {
        margin-right: 0
    }

    .forumdisplay-filter .filter-column select {
        width: 100%
    }

    .footer-column {
        width: 50%
    }

    .footer-column:first-child,.footer-column:nth-child(2) {
        margin-bottom: 1.5rem
    }

    .stats-totals {
        flex-wrap: wrap
    }

    .stats-total-column {
        width: calc(50% - 1rem);
        margin: 0 1rem 1rem 0
    }

    .stats-total-column:nth-child(2),.stats-total-column:nth-child(4) {
        width: 50%;
        margin-right: 0
    }

    .stats-totals-member {
        width: 100%
    }

    .stats-toplist {
        width: calc(50% - 1rem);
        margin-right: 1rem;
        margin-bottom: 1rem
    }

    .stats-toplist:nth-child(even) {
        width: 50%;
        margin-right: 0
    }

    .stats-toplist:nth-child(7),.stats-toplist:nth-child(8) {
        margin-bottom: 0
    }

    .upgrade-extra-features .column {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }

    .upgrade-extra-features .column:nth-child(1),.upgrade-extra-features .column:nth-child(2),.upgrade-extra-features .column:nth-child(3),.upgrade-extra-features .column:nth-child(4) {
        margin-bottom: 1rem
    }

    .upgrade-extra-features .column:nth-child(2),.upgrade-extra-features .column:nth-child(4),.upgrade-extra-features .column:nth-child(6) {
        margin-right: 0
    }

    .upgrade-special-package {
        width: 100%
    }

    .profile-header-user .avatar {
        margin-bottom: -50px
    }

    .profile-header-user .avatar img {
        width: 100px;
        height: 100px
    }

    .profile-header-info .location {
        margin-right: calc(100px + 1rem)
    }

    .team-column {
        width: calc(50% - 1rem)
    }

    .usergroup-column {
        width: calc(50% - 1rem)
    }

    .video-container iframe {
        width: 400px;
        height: 220px
    }

    .awards-showcase .award-column {
        width: 100%;
        margin-bottom: .5rem
    }
}

@media(max-width: 499px) {
    .shop-item {
        width:100%;
        margin-bottom: 1rem
    }
}

@media(min-width: 500px) {
    .shop-items {
        margin-right:-1rem
    }
}

@media(min-width: 500px) {
    .shop-item {
        margin-right:1rem;
        margin-bottom: 1rem
    }
}

@media(min-width: 500px) and (max-width:767.98px) {
    .shop-item {
        width:calc(50% - 1rem)
    }
}

@media(min-width: 576px) and (max-width:999px) {
    .post main {
        border-radius:var(--rounded) 0 0 var(--rounded)
    }

    .post footer,.post footer::before,.post footer::after {
        border-radius: var(--rounded) var(--rounded) 0 0
    }

    .video-container iframe {
        width: 400px;
        height: 220px
    }
}

@media(min-width: 992px) and (max-width:1199.98px) {
    .profile-header .statistics-column {
        padding:0 1rem
    }

    .memberlist-column {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }

    .memberlist-column:nth-child(2n) {
        margin-right: 0
    }

    .memberlist-column:nth-child(n+3) {
        margin-top: 1rem
    }

    .upgrade-special-package {
        min-width: calc(750px + 4rem)
    }
}

@media(min-width: 768px) and (max-width:999px) {
    .shop-item {
        width:calc(33.3333333% - 1rem)
    }
}

@media(min-width: 1000px) and (max-width:1200px) {
    .shop-item {
        width:calc(25% - 1rem)
    }
}

@media(min-width: 1200px) and (max-width:1499px) {
    .shop-item {
        width:calc(33.3333333% - 1rem)
    }
}

@media(min-width: 992px) and (max-width:1399px) {
    .stats-totals {
        flex-wrap:wrap
    }

    .stats-total-column:nth-child(1),.stats-total-column:nth-child(3) {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }

    .stats-total-column:nth-child(2),.stats-total-column:nth-child(4) {
        width: 50%
    }

    .stats-total-column:nth-child(1),.stats-total-column:nth-child(2) {
        margin-bottom: 1rem
    }

    .stats-toplist {
        width: calc(33.3333% - 1rem);
        margin-right: 1rem
    }

    .stats-toplist:nth-child(3),.stats-toplist:nth-child(6) {
        width: 33.3333%;
        margin-right: 0
    }

    .stats-toplist:nth-child(1),.stats-toplist:nth-child(2),.stats-toplist:nth-child(3),.stats-toplist:nth-child(4),.stats-toplist:nth-child(5),.stats-toplist:nth-child(6) {
        margin-bottom: 1rem
    }

    .stats-toplist:nth-child(7),.stats-toplist:nth-child(8) {
        width: calc(50% - 0.5rem)
    }

    .stats-toplist:nth-child(7) {
        margin-right: .5rem
    }

    .stats-toplist:nth-child(8) {
        margin-left: .5rem;
        margin-right: 0
    }
}

@media(min-width: 1400px) {
    .stats-totals {
        flex-wrap:nowrap
    }

    .stats-total-column {
        width: calc(25% - 1rem);
        margin-right: 1rem
    }

    .stats-total-column:last-child {
        width: 25%
    }

    .stats-toplist {
        width: calc(25% - 1rem);
        margin-right: 1rem
    }

    .stats-toplist:nth-child(4),.stats-toplist:nth-child(8) {
        width: 25%;
        margin-right: 0
    }

    .stats-toplist:nth-child(1),.stats-toplist:nth-child(2),.stats-toplist:nth-child(3),.stats-toplist:nth-child(4) {
        margin-bottom: 1rem
    }
}

@media(max-width: 1499px) {
    .profile-content {
        flex-direction:column
    }
}

@media(min-width: 1500px) {
    .profile-sidebar2 {
        width:300px
    }

    .profile-content {
        flex-direction: row
    }

    .profile-sidebar-right {
        margin-right: 1rem
    }

    .shop-item {
        width: calc(25% - 1rem)
    }
}

@media print {
    .jGrowl {
        display: none
    }
}