@media (min-width: 1000px){
    .col-xl{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-xl-auto{
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-xl-1{
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-xl-2{-ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-xl-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-xl-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-xl-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-xl-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-xl-9{
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-xl-11{
        -ms-flex:0 0 91.666667%;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-xl-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-xl-first{
        -ms-flex-order:-1;
        order:-1
    }
    .order-xl-last{
        -ms-flex-order:13;
        order:13
    }
    .order-xl-0{
        -ms-flex-order:0;
        order:0
    }
    .order-xl-1{
        -ms-flex-order:1;
        order:1
    }
    .order-xl-2{
        -ms-flex-order:2;
        order:2
    }
    .order-xl-3{
        -ms-flex-order:3
        ;order:3
    }
    .order-xl-4{
        -ms-flex-order:4;
        order:4
    }
    .order-xl-5{
        -ms-flex-order:5;
        order:5
    }
    .order-xl-6{
        -ms-flex-order:6;
        order:6
    }
    .order-xl-7{
        -ms-flex-order:7;
        order:7
    }
    .order-xl-8{
        -ms-flex-order:8;
        order:8
    }
    .order-xl-9{
        -ms-flex-order:9;
        order:9
    }
    .order-xl-10{
        -ms-flex-order:10;
        order:10
    }
    .order-xl-11{
        -ms-flex-order:11;
        order:11
    }
    .order-xl-12{
        -ms-flex-order:12;
        order:12
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.333333%
    }
    .offset-xl-2{
        margin-left:16.666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.333333%
    }
    .offset-xl-5{
        margin-left:41.666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.333333%
    }
    .offset-xl-8{
        margin-left:66.666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.333333%
    }
    .offset-xl-11{
        margin-left:91.666667%
    }
}
@media (min-width:2560px){
    #footer::after{
        right:25.8%
    }
    #footer .navigation{
        background-size:100%!important;
        background-position:center center!important
    }
}
@media (max-width:1920px){
    #footer::after{
        right:18.8%
    }
}
@media (max-width:1680px){
    #footer::after{
        right:13.8%
    }
}
@media (max-width:1600px){
    #footer::after{
        right:11%
    }
}
@media (max-width:1440px){
    #footer::after{
        right:7%
    }
}
@media (max-width:1366px){
    #footer::after{
        right:5%
    }
}
@media (max-width: 768px){
    .navbar-custom{
        width:100%;
        position:absolute;
        margin:0;
        left:0;
        background: linear-gradient(
            90deg,
            #2f2f4e 0%,
            #2f345d 25%,
            #1d3054 60%,
            #162643 100%
        );
    }
    .navbar-custom .navbar-toggler{
        top:30px;
        left:20px;
        outline:0;
        color:#ffffff;
        text-transform:uppercase
    }
    .navbar-custom .navbar-toggler:hover,.navbar-custom .navbar-toggler:focus,.navbar-custom .navbar-toggler:active{
        background:transparent
    }
    .navbar-custom .navbar-toggler i{
        margin-right:6px
    }
    .navbar-custom .navbar-collapse{
        position:absolute;
        z-index:1001;
        width:100%;
        left:0;
        top:40px;
        padding:20px;
        background:#0f172a;
        background-repeat:no-repeat;
        max-height:85vh;
        height:auto;
        overflow-y:auto;
        overflow-x:hidden;
    }
    .navbar-custom .navbar-nav{
        display:block;
        width:100%;
        padding:0!important;
        margin-left:0!important
    }
    .navbar-custom .navbar-collapse::-webkit-scrollbar-track{
        border-radius:4px;
        background-color:#DCDCDC;
        margin-bottom:10px!important
    }
    .navbar-custom .navbar-collapse::-webkit-scrollbar{
        width:8px;
        background-color:transparent
    }
    .navbar-custom .navbar-collapse::-webkit-scrollbar-thumb{
        border-radius:0;
        background-color:#fea444;
        border-radius:4px
    }
    .navbar-custom .navbar-collapse::-webkit-scrollbar-thumb:horizontal:hover,.navbar-custom .navbar-collapse::-webkit-scrollbar-thumb:vertical:hover,.navbar-custom .navbar-collapse::-webkit-scrollbar-thumb:horizontal:active,.navbar-custom .navbar-collapse::-webkit-scrollbar-thumb:vertical:active{
        background-color:#fd8f17
    }
    .navbar-custom .navbar-nav li{
        margin-left:10px!important;
        padding:0
    }
    .navbar-custom .navbar-nav li a{
        text-align:left;
        margin-left:0;
        padding:5px 0;
        font-size:14px;
        font-weight:700
    }
    .navbar-custom .navbar-nav .nav-item .nav-link i{
        min-width:40px;
        text-align:center;
        color:#fd8f17
    }
    .navbar-custom .navbar-nav .nav-item .nav-link::after{
        margin-top:0
    }
    .navbar-custom .navbar-nav .nav-item.show .nav-link:hover:after,.navbar-custom .navbar-nav .nav-item.show .nav-link:focus:after{
        width:80px
    }
    .navbar-custom .dropdown .dropdown-menu{
        width:100%;
        padding:0;
        background:transparent;
        border:0;
        border-radius:0;
        padding-bottom:10px
    }
    .navbar-custom .dropdown .dropdown-menu:before,.navbar-custom .dropdown .dropdown-menu:after{
        display:none
    }
    .navbar-custom .dropdown .dropdown-menu form{
        padding:10px 0!important
    }
    .navbar-custom .dropdown .dropdown-menu label{
        color:#fff
    }
    .header{
        padding-top:60px
    }
    .top-bar .server-status{
        width:470px
    }
    .community-links{
        width:150px
    }
    .community-links .community-link{
        margin:0 5px
    }
    .home .news{
        width:450px
    }
    .home .news .filter li a{min-width:none;width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .home .news .items .item .title{width:220px}.home .slider-container{width:470px}.home .slider-container li.anim-slide .content{background-position:top left!important}
    .wrapper-main .wrapper-left,.wrapper-main .wrapper-right{float:left;width:385px;margin-right:0}.wrapper-main .wrapper-center{margin-right:0;margin-left:15px;float:right}
    .wrapper-main .wrapper-center::after{content:"";display:table;clear:both}.wrapper-main .wrapper-right{clear:both;margin-left:0}.wrapper-main .wrapper-full,.wrapper-main .wrapper-center{width:530px}
    .wrapper-main .wrapper-full{float:right;margin-left:15px}.wrapper-main .wrapper-full .owl-gallery .owl-carousel{height:350px}
    .wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:100%;height:340px}
    .home .owl-gallery .owl-gallery-nav{width:560px;right:0;left:auto;top:75%}.woe-info .head .title{width:280px}.woe-info .items .item .content{width:270px}
    #footer::after{right:0;width:300px;background:url(../images/bg-footer-render.png) no-repeat;background-position:left bottom}}@media (max-width:800px){.top-bar .server-status{width:230px}.top-bar .server-status .item .base{display:none}
    .home .news{width:100%}.home .news .filter li a{min-width:none;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .home .news .items .item .title{width:470px}.home .slider-container{width:100%;margin-top:120px;margin-bottom:0}.wrapper-main{display:flex;flex-flow:row wrap}
    .wrapper-main .wrapper-left{order:1;width:335px;float:initial;margin-left:0}.wrapper-main .wrapper-right{order:2;width:335px;margin-left:20px;margin-right:0;float:initial}
    .wrapper-main .wrapper-center{order:3;width:100%;margin-left:0;float:initial}.wrapper-main .wrapper-full{order:4;width:100%;margin-left:0;float:initial}
    .woe-info .head .title{width:240px}.woe-info .items .item .content{width:220px}.wrapper-main .wrapper-center .ranking .positions{width:480px}
    .wrapper-main .wrapper-full .owl-gallery .owl-carousel{height:190px}.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:340px;height:180px}
    .home .owl-gallery .owl-gallery-nav{width:100%;right:0;left:auto;top:auto;bottom:auto;margin-top:-120px}#footer::after{display:none}#footer .navigation .logo img{width:180px}
    #footer .navigation .links{width:480px;margin-right:0;margin-left:10px}#footer .navigation .links .items{width:156px;margin-right:0!important;margin-left:5px}
    #footer .navigation .links .items:nth-child(2){margin-left:0}}@media (max-width:720px){#footer .container,.top-bar .container,.header .container,.home{width:100%;margin-left:0;margin-right:0;left:auto;right:auto;max-width:none}
    .top-bar .server-status{width:210px}.home .news .items .item .title{width:430px}.wrapper-main .wrapper-left,.wrapper-main .wrapper-right{width:325px}.woe-info .head .title{width:220px}
    .wrapper-main .wrapper-full .owl-gallery{width:100%}.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:325px;height:180px}
    .wrapper-main .wrapper-full .owl-gallery .owl-gallery-nav .owl-prev{left:5px}.wrapper-main .wrapper-full .owl-gallery .owl-gallery-nav .owl-next{right:5px}#footer .navigation .links{width:460px}
    #footer .navigation .links .items{width:150px}}@media (max-width:640px){.header{background-size:cover;padding-top:10px;height:400px}
    .header .logo{padding:70px 0;margin:0;text-align:center;height:400px;background-position:center bottom}.header .logo img{width:200px}
    .top-bar .server-status{position:absolute;margin-top:-45px;right:15px;background:#F7F7F7;width:auto;border-top-left-radius:2px;border-top-right-radius:2px}
    .server-status{width:auto}.server-status .center{padding:0;width:100%}.server-status .item{margin:5px 10px}.community-bar{width:420px}
    .community-bar .search-database input{
        width:278.5px;
        padding-left:15px;
        padding-right:15px
    }
    .home .news .filter li a{width:90px}.home .news .items .item .title{width:360px}.wrapper-main .wrapper-left,.wrapper-main .wrapper-right{width:285px}
    .woe-info .head .title{width:185px}.woe-info .items .item .content{width:180px}.wrapper-main .wrapper-center .ranking .positions{width:400px}
    .wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:292px}
    #footer .navigation .logo{display:none}#footer .navigation .links{width:580px}#footer .navigation .links .items{width:170px}}@media (max-width: 540px){.community-bar{width:330px}
    .community-bar .search-database input{
        width:188.5px;
        padding-left:15px;
        padding-right:15px
    }
    .home .news .filter li a{width:75px}.home .news .items .item .title{width:260px}.wrapper-main .wrapper-left,.wrapper-main .wrapper-right{width:100%;margin-left:0;margin-right:0}
    .wrapper-main .wrapper-center .ranking .positions{width:300px}.woe-info .head .title{width:385px}.woe-info .items .item .content{width:370px}
    .wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:242px}
    #footer .navigation .links{width:495px;margin-left:0}#footer .navigation .links .items{width:160px}}@media (max-width: 533px){.community-bar{width:325px}
    .community-bar .search-database input{width:183.5px}.header .logo{padding-left:10px}.wrapper-main .wrapper-center .ranking .positions{width:290px}
    .wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:238px}}
    @media (max-width: 480px){.top-bar .community-links{position:absolute;margin-top:-45px;padding:3.5px 4px;left:10px;background:#F7F7F7;width:auto;border-top-left-radius:2px;border-top-right-radius:2px}
    .header .container{background:none;padding:0;margin:0}.community-bar{width:100%}.community-bar .search-database input{width:292px}.home .news .filter li a{width:65px}
    .home .news .items .item .title{width:200px}.woe-info .head .title{width:335px}.woe-info .items .item .content{width:320px}.wrapper-main .wrapper-center .ranking .filter li{width:auto;margin:0}
    .wrapper-main .wrapper-center .ranking .positions{width:240px}.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:212px}
    #footer .navigation .links{width:435px}#footer .navigation .links .items{width:140px}}@media (max-width: 414px){.top-bar .community-links{left:10px}.community-bar .search-database input{width:228px}
    .home .news .filter li a{min-width:1px;width:50px}.home .news .items .item .title{width:140px}.wrapper-center .ranking .filter li a{min-width:1px;width:50px}.wrapper-center .ranking .content .view{float:initial;margin:0 auto}
    .wrapper-center .ranking .positions{width:100%!important;float:initial;margin-top:20px}.woe-info .head .title{width:260px}.woe-info .items .item .content{width:250px}
    .wrapper-main .wrapper-full .owl-gallery .owl-carousel .item,.wrapper-main .wrapper-full .owl-gallery .owl-carousel .item iframe{width:100%}#footer .navigation .links{width:367px}
    #footer .navigation .links .items{width:110px}#footer .navigation .links .items:nth-child(3){width:135px}}@media (max-width: 375px){.community-bar .search-database input{width:188px}
    .home .news .filter li a{min-width:1px;width:44px}.home .news .items .item .tag{width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;margin-right:0}
    .home .news .items .item .title{margin-left:5px;width:140px}.woe-info .head .title{width:230px}.woe-info .items .item .content{width:220px}.wrapper-center .ranking .filter li a{min-width:1px;width:40px}
    #footer .navigation .links{width:330px}#footer .navigation .links .items{width:96px}#footer .navigation .links .items:nth-child(3){width:125px}}

@media (max-width: 640px) {
    .server-status,
    .community-links,
    .community-bar,
    .community-bar .search-database,
    .community-links .community-link,
    .server-status .item {
        float: none !important;
        position: relative !important;
    }

    .server-status {
        width: 100% !important;
        background: none !important;
        margin: 10px 0 !important;
        padding: 6px 0;

        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 20px !important;
        flex-wrap: nowrap;
    }

    .server-status .item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        margin: 0 !important;
    }

    .server-status .item .base {
        display: none !important;
    }

    .community-links {
        width: 100% !important;
        margin: 5px 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 18px;
        background: none !important;
    }

    .community-links .community-link {
        margin: 0 !important;
        font-size: 26px;
    }

    .community-bar {
        width: 100% !important;
        display: flex;
        justify-content: center;
        margin-top: 15px;
        padding: 0 10px;
    }

    .community-bar .search-database {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .community-bar .search-database input {
        width: 100% !important;
        max-width: 100%;
        border-radius: 4px 0 0 4px !important;
    }

    .community-bar .search-database .dropdown button {
        min-width: 90px !important;
        height: 35px !important;
    }

    .community-bar .search-database button[type="submit"] {
        height: 35px !important;
        border-radius: 0 4px 4px 0 !important;
    }
}

@media (max-width: 768px) {

    .top-bar .server-status,
    .server-status {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px 0 !important;

        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 25px !important;
        background: none !important;
        position: relative !important;
    }

    .server-status .item {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .server-status .item .base {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .top-bar .server-status,
    .server-status {
        width: 100% !important;
        float: none !important;
        position: relative !important;

        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 25px !important;
        padding: 10px 0 !important;

        background: none !important;
    }

    .top-bar .server-status .item,
    .server-status .item {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .server-status .item .base {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .top-bar .server-status .items {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 25px !important;

        width: 100% !important;
        float: none !important;
    }

    .top-bar .server-status .item {
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .top-bar .server-status .item .base {
        display: none !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .top-bar .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .top-bar .server-status {
        position: static !important;
        margin: 10px 0 0 0 !important;
        padding: 5px 0 !important;
        background: transparent !important;
        width: 100% !important;
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .top-bar .server-status .items {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 24px !important;
        width: 100% !important;
    }

    .top-bar .server-status .item {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .top-bar .server-status .item .base {
        display: none !important;
    }

    .community-links {
        width: 100% !important;
        margin: 6px 0 !important;
        padding: 0 !important;
        background: transparent !important;
        float: none !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 18px !important;
    }

    .community-links .community-link {
        margin: 0 !important;
        font-size: 24px;
    }

    .community-bar {
        width: 100% !important;
        margin-top: 10px !important;
        padding: 0 16px !important;
        float: none !important;

        display: flex !important;
        justify-content: center !important;
    }

    .community-bar .search-database {
        width: 100% !important;
        max-width: 640px !important;
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .community-bar .search-database input {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 4px 0 0 4px !important;
    }

    .community-bar .search-database .dropdown button {
        min-width: 90px !important;
        height: 35px !important;
    }

    .community-bar .search-database button[type="submit"] {
        height: 35px !important;
        border-radius: 0 4px 4px 0 !important;
    }
}

.discord-widget {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
}

.discord-widget iframe {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    border-radius: 6px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .discord-widget {
        display: block !important;
        position: relative !important;
        margin-top: 80px !important;
        width: 100% !important;
        clear: both !important;
    }

    .discord-widget iframe {
        width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media (max-width: 768px) {
    .sub-menu .container {
        margin-top: 100px !important;
        padding-top: 12px !important;
    }
}

@media (max-width: 768px) {
    .table-responsive-mobile {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        border: 1px solid #333;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    .table-responsive-mobile table {
        width: 1000px !important;
        max-width: none !important;
        table-layout: auto !important;
        white-space: nowrap !important;
    }

    .table-responsive-mobile th,
    .table-responsive-mobile td {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
}

@media (max-width: 640px) {
    .wrapper-main {
        margin-top: 30px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }

    .wrapper-main .wrapper-left,
    .wrapper-main .wrapper-right {
        width: 48% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .server-info,
    .woe-info {
        width: 100% !important;
        height: 350px !important;
    }
}

@media (max-width: 768px) {
    .navbar-custom .navbar-collapse{
        max-height: 85vh !important; 
        height: auto !important;   
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-bottom: 40px;
    }

    .navbar-custom .dropdown-menu {
        position: relative !important;
        transform: none !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 5px !important;
        display: none;
    }

    .navbar-custom .dropdown.show .dropdown-menu {
        display: block !important;
    }

    .navbar-custom .dropdown-menu .head {
        padding: 10px 0 5px 15px;
        margin-bottom: 10px;
    }

    .navbar-custom .dropdown-item {
        padding: 10px 25px !important;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        font-size: 14px;
        color: #fff;
    }

    .navbar-custom .dropdown-item .menu-icon {
        width: 18px;
        margin-right: 10px;
        opacity: .85;
    }
}

@media (max-width: 768px) {
    .navbar-custom .dropdown-menu .dropdown-item {
        padding-left: 35px !important;
        margin-left: 20px;
    }

    .navbar-custom .dropdown-menu .head {
        padding-left: 50px !important;
    }
}

@media (min-width: 769px) {
    .navbar-custom .navbar-collapse {
        position: relative !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .navbar-custom {
        position: relative !important;
    }
}

@media (max-width: 768px) {
    .wrapper-center .ranking .view {
        width: 100% !important;
        float: none !important;
        margin: 0 auto 15px auto !important;
        text-align: center !important;
    }

    .wrapper-center .ranking .positions {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .wrapper-center .ranking .positions .table {
        width: 100% !important;
    }
}

@media (max-width: 768px) {

    .wrapper-main .wrapper-left,
    .wrapper-main .wrapper-center {
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media (max-width: 767px) {
    .navbar-custom .navbar-logo-img {
        height: 32px;
        width: auto;
    }

    .navbar-custom .navbar-brand.navbar-logo {
        margin-right: 0;
        margin-left: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar-custom .navbar-toggler {
        z-index: 10;
    }
}