/* CSS crunched with Crunch - http://crunchapp.net/ */
/*!
 * RSI Application Responsive LESS/CSS v1.0
 *
 * Designed and built by Dion Kesling
 *
 */
@media (min-width:980px) {
    body {
        margin-top: 40px
    }
}

@media (min-width:768px) and (max-width:979px) {
    body {
        margin-top: 35px
    }

    .menu-top-header .container {
        width: 734px
    }

    header .navbar {
        margin-bottom: 13px
    }

    .events .span4, .latest-rtv .span4 {
        width: 208px
    }

    .theme-select .span3 {
        width: 151px
    }

    .carousel-caption {
        position: static
    }

    .carousel-linked-nav .pull-left {
        float: none
    }

    .srg-le-serate .nav-tabs>li>a {
        color: #f2f2f2;
        background-color: #666666;
        font-size: 12px;
        line-height: 8px;
        padding-right: 3px;
        padding-left: 3px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .srg-le-serate .nav>.disabled>a {
        padding-left: 6px;
        padding-right: 6px
    }

    .srg-le-serate .nav-tabs>.active>a:before {
        position: absolute;
        bottom: -5px;
        left: 24%;
        display: inline-block;
        border-right: 5px solid transparent;
        border-top: 5px solid #af001d;
        border-left: 5px solid transparent;
        content: ''
    }

    .srg-le-serate .nav-tabs>.active>a:after {
        position: absolute;
        bottom: -4px;
        left: 26%;
        display: inline-block;
        border-right: 4px solid transparent;
        border-top: 4px solid #af001d;
        border-left: 4px solid transparent;
        content: ''
    }
}

@media (max-width:979px) {
    .navbar .nav>li>a {
        padding: 10px 10px 10px 15px
    }

    .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
        background-color: #333333
    }

    .nav-collapse .navbar-form, .nav-collapse .navbar-search {
        border-top-color: #111111;
        border-bottom-color: #111111
    }

    .navbar-form .input-append, .navbar-form .input-prepend {
        margin: 0
    }

    .navbar .container.leaderboard {
        padding: 5px 0;
        width: 724px !important;
        height: 93px
    }

    .nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background-color: #282828
    }

    .secondary-navbar {
        width: 724px
    }

    .navbar-fixed-top .secondary-navbar .navbar-inner {
        padding: 0 5px 0 0
    }

    .leaderboard .logo {
        margin: 0 0 0 -5px
    }
}

@media (max-width:767px) {
    body {
        margin-top: 35px
    }

    .menu-top-header .container {
        width: auto;
        padding: 0px 15px 0px 25px
    }

    .secondary-navbar {
        width: auto
    }

    .menu-top-header .container {
        width: auto
    }

    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
        display: inline-block;
        overflow: hidden
    }

    .navbar-form .btn-small {
        min-height: 30px
    }

    .navbar .container.leaderboard {
        width: 100% !important
    }

    .leaderboard .span10 {
        display: none
    }

    .other-news {
        padding: 0 15px
    }

    .other-news ul {
        margin: 0 0 20px 0
    }

    footer .row-fluid .span4 {
        padding: 20px 0 0 20px;
        min-height: inherit !important
    }

    footer .row-fluid .span4 ul {
        position: relative;
        bottom: inherit !important;
        left: inherit !important;
        padding: 20px 0 0 0
    }

    footer .row-fluid .span2 {
        border-left: none;
        margin: 10px 0;
        min-height: inherit !important
    }

    footer .row-fluid:last-child p {
        text-align: left;
        padding-left: 15px
    }

    .events [class*="span"], .latest-rtv [class*="span"], .theme-select [class*="span"] {
        width: 100%
    }

    .carousel-caption {
        right: 40%;
        top: 4%;
        left: 3%;
        padding: 10px 20px;
        background: #333333;
        background: rgba(0, 0, 0, 0.75)
    }

    .carousel-caption h2 {
        margin-top: 0
    }

    .carousel-caption p.carousel-read-more {
        margin-bottom: 0
    }

    .srg-carousel-showcase-01 .pagination ul>li>a {
        width: 100%;
        padding: 6px 10px 14px 10px;
        min-height: inherit !important;
        margin-bottom: 15px
    }

    .srg-le-serate .nav-tabs>li>a {
        color: #f2f2f2;
        background-color: #666666;
        font-size: 12px;
        line-height: 16px;
        padding-right: 16px;
        padding-left: 16px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .srg-le-serate .nav>.disabled>a {
        padding-left: 20px;
        padding-right: 20px
    }

    .srg-le-serate .nav-tabs>.active>a:before {
        position: absolute;
        bottom: -7px;
        left: 30%;
        display: inline-block;
        border-right: 7px solid transparent;
        border-top: 7px solid #af001d;
        border-left: 7px solid transparent;
        content: ''
    }

    .srg-le-serate .nav-tabs>.active>a:after {
        position: absolute;
        bottom: -6px;
        left: 32%;
        display: inline-block;
        border-right: 6px solid transparent;
        border-top: 6px solid #af001d;
        border-left: 6px solid transparent;
        content: ''
    }

    .srg-le-serate dl dt {
        color: #cccccc;
        text-align: left;
        width: 50px;
        float: left
    }
}

@media (max-width:480px) {
    .srg-le-serate .nav-tabs>li>a {
        color: #f2f2f2;
        background-color: #666666;
        font-size: 12px;
        line-height: 16px;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .srg-le-serate .nav>.disabled>a {
        padding-left: 20px;
        padding-right: 20px
    }

    .srg-le-serate .nav-tabs>.active>a:before {
        position: absolute;
        bottom: -7px;
        left: 30%;
        display: inline-block;
        border-right: 7px solid transparent;
        border-top: 7px solid #af001d;
        border-left: 7px solid transparent;
        content: ''
    }

    .srg-le-serate .nav-tabs>.active>a:after {
        position: absolute;
        bottom: -6px;
        left: 32%;
        display: inline-block;
        border-right: 6px solid transparent;
        border-top: 6px solid #af001d;
        border-left: 6px solid transparent;
        content: ''
    }

    .srg-le-serate dl dt {
        color: #cccccc;
        text-align: left;
        width: 50px;
        float: left
    }
}