body,html {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
}
.header-bar {
    opacity: 0.8;
}
.header-bar .header-logo {
    left: -17px;
    position: absolute;
    top: -9px;
}
.header-bar .brand i {
    font-size: 25px;
    margin-right: 10px;
}
.navbar-inner {
    border-radius: 0px 0px 0px 0px !important;
}
.grid-extra-action-item {
    margin: 0px 5px;
}
.nogames {
    font-size: 35px !important;
    margin-bottom: 25px;
    white-space: nowrap;
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {
    .header-bar .header-bar-tab-options {
        margin-left: 150px;
    }
    .br-main-content {
        padding: 50px;
        margin-top: 40px;
    }  
    .error-box .nogames {
    font-size: 90px !important;
    margin-bottom: 85px;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .header-bar .header-bar-tab-options {
        margin-left: 150px;
    }
    .br-main-content {
        padding: 50px;
        margin-top: 40px;
    }  
    .error-box .nogames {
    font-size: 90px !important;
    margin-bottom: 85px;
}
}
@media only screen 
and (min-width : 950px) {
    .header-bar .header-bar-tab-options {
        margin-left: 150px;
    }
    .br-main-content {
        padding: 50px;
        margin-top: 40px;
    }  
    .nogames {
    font-size: 90px !important;
    margin-bottom: 85px;
}
}
.mobile-logo 
{
    color: #FCFDFD !important;
}
.mobile-logo i {
    border: 1px solid #FCFDFD;
    border-radius: 20px 20px 20px 20px;
    padding: 6px 10px;
}
.mobile-navbar-btn {
    position: absolute;
    right: 10px;
    top: 11px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
{
    .br-hidden-tablet {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
.br-hidden-tablet {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
.br-hidden-tablet {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.br-hidden-phone {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.br-hidden-phone {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.br-hidden-phone {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.br-hidden-tablet {
    display: none !important;
}
.br-hidden-phone {
    display: none !important;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.br-hidden-tablet {
    display: none !important;
}
.br-hidden-phone {
    display: none !important;
}
}

/* iPhone >= 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.br-hidden-tablet {
    display: none !important;
}
.br-hidden-desktop {
    display: none !important;
}
}

@media only screen 
and (min-width : 0px) 
and (max-width : 1222px) {
.br-hidden-mobile {
    display: none !important;
}
}

@media only screen 
and (min-width : 1223px) {
.br-hidden-large-screen {
    display: none !important;
}
}

#grid_Standings td {
    text-transform: capitalize;
}