body {
    overflow-x: hidden;
    position: relative!important
}

@media screen and (max-width: 880px) {
    .sideBar {
        display:none!important
    }

    .partners {
        display: inline-block!important
    }

    .forumSection {
        width: 100%!important
    }
}

@media screen and (min-width: 2400px) {
    .wrapper {
        max-width:2300px!important
    }
}

@media screen and (min-width: 3840px) {
    .wrapper {
        max-width:3600px!important
    }
}

@media screen and (max-width: 1600px) {
    .wrapper {
        width:95%!important;
        min-width: auto!important
    }

    #container {
        min-width: auto!important
    }

    .conver-container .sender,.conver-container .user {
        display: none!important
    }
}

@media screen and (max-width: 960px) {
    .profileWrapper .details {
        flex-direction:column
    }

    .w-1-2 {
        grid-template-columns: 100%!important
    }

    .actual-container {
        width: 100%!important
    }

    .breadcrumb {
        width: 100%!important
    }

    .breadcrumb-bg {
        display: none!important
    }

    .profileWrapper .details .middle {
        padding: 0!important;
        margin-bottom: 20px
    }

    .profileWrapper .details .leftPull {
        margin-bottom: 20px
    }

    .ucp-widget.pm {
        display: block!important
    }

    .ucp-widget.pm .left,.ucp-widget.pm .right {
        width: 100%!important
    }

    .ucp-widget.pm .left {
        margin: -12px 0!important
    }

    .ucp-widget.pm .right .messages {
        padding: 12px 0!important
    }

    .ucp-widget.pm .right {
        margin-top: 25px!important
    }

    .pricing {
        flex-direction: column
    }

    .pricing .plan {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mobile-auth {
        flex-direction: column-reverse
    }

    .mobile-auth .leftPull,.mobile-auth .rightPull {
        width: 100%!important
    }

    .mobile-auth .rightPull {
        margin-bottom: 20px
    }

    .mobile-credits {
        flex-direction: column!important
    }

    .creditsContent {
        width: 100%!important
    }

    .creditsContent .overview {
        flex-direction: column!important
    }

    .creditsContent .overview .lastTransactions,.creditsContent .overview .richestList {
        width: 100%;
        margin-bottom: 15px
    }

    .mobile-credits .leftMenu {
        width: 100%!important
    }

    .userCredits {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1140px) {
    .toggleMenu {
        display:block!important
    }

    .ucp-dashboard .user-stats {
        grid-template-columns: repeat(2,49%)!important;
        grid-row-gap: 10px!important
    }

    .controlCenterPane {
        transform: none!important;
        right: -33px!important;
        left: auto!important
    }

    

    .mobile-tab {
        display: block!important;
        margin-bottom: 10px !important
    }

    .chat-messages .message {
        font-size: 12px!important
    }

    .topBarMenu .leftPull {
        position: fixed;
        left: -250px;
        top: 60px;
        padding: 24px;
        box-sizing: border-box;
        bottom: 0;
        z-index: 9999999;
        height: 100%;
        display: block!important;
        width: 250px;
        box-shadow: 0 3px 6px rgb(0 0 0 / 12%);
        background: #262626
    }

    #footer {
        position: static!important
    }

    #footer section.nav {
        margin-top: 35px
    }

    #loginWrapper .login .rightPull label,#registerWrapper .register .leftPull .registerForm label {
        width: 300px!important
    }

    .footerGrid {
        flex-direction: column!important
    }

    .post_controls {
        box-sizing: border-box;
        height: 43px!important
    }

    .post_controls .postbit_buttons a {
        padding: 4px 8px!important
    }

    .post_controls .postbit_buttons a i {
        margin-top: 2px
    }

    .topBarMenu .leftPull ul {
        display: block!important
    }

    .topBarMenu .leftPull ul li {
        float: none!important
    }

    .topBarMenu .leftPull ul li a {
        margin: 10px 0!important
    }

    .chat-messages .message .date {
        display: none!important
    }

    .chat-messages .message .sender {
        padding: 8px!important;
        min-width: 85px!important
    }

    #container {
        padding-bottom: 0!important
    }

    .breadcrumb .rightPull {
        float: left!important
    }

    .post.classic .post_content {
        padding-left: 2%!important;
        padding-right: 2%!important
    }
}

@media screen and (max-width: 840px) {
    .hide-mobile {
        display:none!important
    }

    .stend_mp {
        float: none!important
    }

    .w-h {
        grid-template-columns: 100%
    }

    .customug .member {
        width: 100%!important;
        margin-right: 0!important
    }

    .customug .member .head .options {
        right: 35px!important
    }

    .post_author {
        display: none!important
    }

    .mobile-postbit {
        display: block!important
    }

    .post_controls {
        left: 0!important
    }

    .post.classic {
        display: block!important
    }

    .post_content,.post_controls {
        width: 100%!important
    }

    .post_body {
        padding: 12px!important
    }

    .likeButtons {
        position: static!important;
        height: 30px;
        margin-top: 15px
    }

    .likeButtons div {
        float: right
    }

    .breadcrumb .leftPull {
        display: none
    }

    .post_head,.post_meta {
        padding: 0 12px!important;
        box-sizing: border-box
    }

    .fixspace {
        width: 100%!important
    }

    .ucp-dashboard .user-stats {
        grid-template-columns: 100%!important;
        grid-row-gap: 10px!important
    }

    #end {
        text-align: center
    }

    #end .copyright {
        line-height: normal!important;
        padding-top: 15px
    }

    #end .leftPull,#end .rightPull {
        float: none!important
    }

    #loginWrapper .login .rightPull {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    #registerWrapper .register .leftPull {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    #loginWrapper {
        width: auto!important
    }

    #registerWrapper {
        width: auto!important
    }

    #loginWrapper .login .rightPull {
        width: 100%!important
    }

    #registerWrapper .register .leftPull {
        width: 100%!important
    }

    .guest_warn {
        display: none!important
    }
}

@media screen and (max-width: 675px) {
    .awardsGrid {
        grid-template-columns:100%!important
    }
}

@media screen and (max-width: 500px) {
    .awardTabs {
        height:auto!important
    }

    .thread-head {
        flex-direction: column;
        align-items: flex-start!important
    }

    .thread-head .right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .topBarMenu .rightPull ul.guest li a {
        padding: 8px 12px!important;
        font-size: 12px!important
    }

    .awardTabs li {
        float: none
    }

    .awardTabs li a {
        display: block!important;
        margin-bottom: 10px
    }
}

		
		body {
    overflow-x: hidden;
    position: relative!important
}

@media screen and (max-width: 1280px) {
    .sideBar {
        display:none!important
    }

    .partners {
        display: inline-block!important
    }

    .forumSection {
        width: 100%!important
    }
}

@media screen and (min-width: 2400px) {
    .wrapper {
        max-width:2300px!important
    }
}

@media screen and (min-width: 3840px) {
    .wrapper {
        max-width:3600px!important
    }
}

@media screen and (max-width: 1600px) {
    .wrapper {
        width:95%!important;
        min-width: auto!important
    }

    #container {
        min-width: auto!important
    }

    .conver-container .sender,.conver-container .user {
        display: none!important
    }
}

@media screen and (max-width: 960px) {
    .profileWrapper .details {
        flex-direction:column
    }

    .w-1-2 {
        grid-template-columns: 100%!important
    }

    .actual-container {
        width: 100%!important
    }

    .breadcrumb {
        width: 100%!important
    }

    .breadcrumb-bg {
        display: none!important
    }

    .profileWrapper .details .middle {
        padding: 0!important;
        margin-bottom: 20px
    }

    .profileWrapper .details .leftPull {
        margin-bottom: 20px
    }

    .ucp-widget.pm {
        display: block!important
    }

    .ucp-widget.pm .left,.ucp-widget.pm .right {
        width: 100%!important
    }

    .ucp-widget.pm .left {
        margin: -12px 0!important
    }

    .ucp-widget.pm .right .messages {
        padding: 12px 0!important
    }

    .ucp-widget.pm .right {
        margin-top: 25px!important
    }

    .pricing {
        flex-direction: column
    }

    .pricing .plan {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mobile-auth {
        flex-direction: column-reverse
    }

    .mobile-auth .leftPull,.mobile-auth .rightPull {
        width: 100%!important
    }

    .mobile-auth .rightPull {
        margin-bottom: 20px
    }

    .mobile-credits {
        flex-direction: column!important
    }

    .creditsContent {
        width: 100%!important
    }

    .creditsContent .overview {
        flex-direction: column!important
    }

    .creditsContent .overview .lastTransactions,.creditsContent .overview .richestList {
        width: 100%;
        margin-bottom: 15px
    }

    .mobile-credits .leftMenu {
        width: 100%!important
    }

    .userCredits {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1140px) {
    .toggleMenu {
        display:block!important
    }

    .ucp-dashboard .user-stats {
        grid-template-columns: repeat(2,49%)!important;
        grid-row-gap: 10px!important
    }

    .controlCenterPane {
        transform: none!important;
        right: -33px!important;
        left: auto!important
    }

  

    .mobile-tab {
        display: block!important;
        margin-bottom: 10px !important
    }

    .chat-messages .message {
        font-size: 12px!important
    }

    .topBarMenu .leftPull {
        position: fixed;
        left: -250px;
        top: 60px;
        padding: 24px;
        box-sizing: border-box;
        bottom: 0;
        z-index: 9999999;
        height: 100%;
        display: block!important;
        width: 250px;
        box-shadow: 0 3px 6px rgb(0 0 0 / 12%);
        background: #262626
    }

    #footer {
        position: static!important
    }

    #footer section.nav {
        margin-top: 35px
    }

    #loginWrapper .login .rightPull label,#registerWrapper .register .leftPull .registerForm label {
        width: 300px!important
    }

    .footerGrid {
        flex-direction: column!important
    }

    .post_controls {
        box-sizing: border-box;
        height: 43px!important
    }

    .post_controls .postbit_buttons a {
        padding: 4px 8px!important
    }

    .post_controls .postbit_buttons a i {
        margin-top: 2px
    }

    .topBarMenu .leftPull ul {
        display: block!important
    }

    .topBarMenu .leftPull ul li {
        float: none!important
    }

    .topBarMenu .leftPull ul li a {
        margin: 10px 0!important
    }

    .chat-messages .message .date {
        display: none!important
    }

    .chat-messages .message .sender {
        padding: 8px!important;
        min-width: 85px!important
    }

    #container {
        padding-bottom: 0!important
    }

    .breadcrumb .rightPull {
        float: left!important
    }

    .post.classic .post_content {
        padding-left: 2%!important;
        padding-right: 2%!important
    }
}

@media screen and (max-width: 840px) {
    .hide-mobile {
        display:none!important
    }

    .stend_mp {
        float: none!important
    }

    .w-h {
        grid-template-columns: 100%
    }

    .customug .member {
        width: 100%!important;
        margin-right: 0!important
    }

    .customug .member .head .options {
        right: 35px!important
    }

    .post_author {
        display: none!important
    }

    .mobile-postbit {
        display: block!important
    }

    .post_controls {
        left: 0!important
    }

    .post.classic {
        display: block!important
    }

    .post_content,.post_controls {
        width: 100%!important
    }

    .post_body {
        padding: 12px!important
    }

    .likeButtons {
        position: static!important;
        height: 30px;
        margin-top: 15px
    }

    .likeButtons div {
        float: right
    }

    .breadcrumb .leftPull {
        display: none
    }

    .post_head,.post_meta {
        padding: 0 12px!important;
        box-sizing: border-box
    }

    .fixspace {
        width: 100%!important
    }

    .ucp-dashboard .user-stats {
        grid-template-columns: 100%!important;
        grid-row-gap: 10px!important
    }

    #end {
        text-align: center
    }

    #end .copyright {
        line-height: normal!important;
        padding-top: 15px
    }

    #end .leftPull,#end .rightPull {
        float: none!important
    }

    #loginWrapper .login .rightPull {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    #registerWrapper .register .leftPull {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    #loginWrapper {
        width: auto!important
    }

    #registerWrapper {
        width: auto!important
    }

    #loginWrapper .login .rightPull {
        width: 100%!important
    }

    #registerWrapper .register .leftPull {
        width: 100%!important
    }

    .guest_warn {
        display: none!important
    }
}

@media screen and (max-width: 675px) {
    .awardsGrid {
        grid-template-columns:100%!important
    }
}

@media screen and (max-width: 500px) {
    .awardTabs {
        height:auto!important
    }

    .thread-head {
        flex-direction: column;
        align-items: flex-start!important
    }

    .thread-head .right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .topBarMenu .rightPull ul.guest li a {
        padding: 8px 12px!important;
        font-size: 12px!important
    }

    .awardTabs li {
        float: none
    }

    .awardTabs li a {
        display: block!important;
        margin-bottom: 10px
    }
}
.post_controls {
    background: linear-gradient(to top,#2c2c2c,transparent);
    padding: 12px;
    z-index: 15;
    position: absolute;
    left: 230px;
    right: 0;
    bottom: 0
}