/*---------------------------------------------------RESPONSIVE STYLES----------------------------------------------------------*/
/*-----------------------------------------------SOLODEV RESPONSIVE RESETS------------------------------------------------------*/
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    .tablet50 {
        float: left !important;
        width: 50% !important;
    }
  .service-alerts{
     height: 200px;
}
}
/* Landscape phones and down */

@media (max-width: 480px) {
    .tablet50 {
        float: none !important;
        width: 100% !important;
    }
}
/*-----------------------------------------------SOLODEV RESPONSIVE RESETS------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Large desktop */

@media (min-width: 980px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1160px;
    }
    .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1160px;
    }
    .content-template .container, .content-template .navbar-static-top .container, .content-template .navbar-fixed-top .container, .content-template .navbar-fixed-bottom .container {
        width: 1170px;
    }
    .navbar-static-top .content-template .container, .content-template .navbar-fixed-top .container, .content-template .navbar-fixed-bottom .container {
        width: 1170px;
    }    
    .bottom-box1,
    .bottom-box2,
    .bottom-box3 {
        border-right: 2px dotted #666666;
    }
    
    .top-logo-button {
        margin-bottom: 0px !important;
        padding-left: 50px !important;
        background: #FFFFFF !important;
    }
    .bottom-logo-button {
        margin-bottom: 0px !important;
        padding-left: 50px !important;
        background: #FFFFFF !important;
    }
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 760px;
    }
    .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 760px;
    }
    .lower-upper-box {
        background: #FFFFFF;
        max-width: 310px;
    }
    .bottom-box1 {
        border-right: 2px dotted #666666;
    }
    .bottom-box2 {
        border-right: 2px dotted #666666;
    }
    .bottom-box3 {
        border-right: 2px dotted #666666;
    }
    .quick-link {
        float: left;
        width: 110px;
        height: 80px;
    }
    .quick-link img {
        float: left;
        padding-left: 12px !important;
        width: 25%;
    }
    .nav-bar-override-style {
        /*width: 100% !important;
background-color: #0091CB;
margin-top: 4px;*/
    }
    .nav-wrapper {
        /*width: 100%;
background-color: #0091CB;
background-image: url('/resources/img/mobile-nav-back.png');
background-repeat: repeat-x;*/
    }
    .middle-content-bottom-container img {
        margin-left: 12px;
        margin-top: 17px;
        float: left;
        width: 39px;
    }
    .bottom-box1 span {
        margin-right: 15px;
        margin-top: 28px;
    }
    .bottom-box2 span {
        margin-right: 15px;
        margin-top: 28px;
    }
    .bottom-box3 span {
        margin-right: 19px;
        margin-top: 22px;
    }
    .bottom-box4 span {
        margin-top: 22px;
        margin-right: -12px;
    }
    .bottom-box1 span, .bottom-box2 span, .bottom-box3 span, .bottom-box4 span {
        font-size: 9px;
        font-weight: bold;
        line-height: 14px;
        float: left;
        margin-left: 6px;
        color: #333333;
    }
    .top-logo-button {
        background-color: #FFFFFF;
        padding-left: 17px;
    }
    .bottom-logo-button {
        margin-left: 0px;
        padding-left: 15px;
    }


    .upper-container {
        height: 225px;
    }
    .input-small {
        width: 80px;
    }
    #mega-menu li > a {
        padding: 3px 6px 4px 5px;
        font-size: 9px;
    }
    .tabbable .nav-tabs li a {
        font-size: 8px;
        text-transform: uppercase;
        border-radius: 0;
        border: none;
        padding: 8px 4px;
    }
    .mailing-list {
        width: 90%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .bottom-box span.one-line {
        padding: 30px 5px;
        font-size: 9px;
    }
    .bottom-box span.two-lines {
        padding: 24px 5px;
        font-size: 9px;
    }
    .bottom-box span.one-line {
        padding: 30px 5px;
        font-size: 9px;
    }
    .bottom-box span.two-lines {
        padding: 24px 5px;
        font-size: 9px;
    }
    .quick-link img {
        padding: 27px 0px;
    }
    .block-button span.one-line {
        padding-top: 34px;
        padding-bottom: 34px;
        font-size: 10px;
    }
    .block-button span.two-lines {
        padding-top: 27px;
        padding-bottom: 27px;
        font-size: 9px;
    }
    .logo-text {
        width: 75%;
        padding: 8px 0px;
    }
    .logo-text span {
        font-size: 9px;
    }
    .form-search input[type="text"] {
        width: 90px !important;
    }
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 481px) and (max-width: 767px) {}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

#mega-menu li {
position: initial; 
}


    .lower-upper-box {
        background: #FFFFFF;
        max-width: 310px;
        min-width: 300px;
    }
    .nav-wrapper {
        /*width: 100%;
background-color: #0091CB;
background-image: url('/resources/img/mobile-nav-back.png');
background-repeat: repeat-x;*/
    }
    .block-button {
        width: 46% !important;
        margin-right: 4%;
    }
    .schedules-button, .fares-button, .media-button, .customer-button {
        /*margin-left: 25%;*/
    }
    .quick-link {
        width: 100%;
    }
    .brow-container {
        float: left;
    }
    .brow-search {
        float: left;
    }
    .brow-container {
        width: 100%;
    }
    .brow-nav {
        width: 74%;
    }
    .brow-nav ul {
        width: 100%;
    }
    .brow-nav ul li {
        width: 23%;
        margin-right: 3%;
    }
    .brow-search {
        width: 26%;
    }
    input.search-query {
        padding-left: 3px;
        padding-right: 3px;
        width: 50%;
    }
    .search-wrapper {
        margin-bottom: -25px;
        background-color: #063654;
    }
    .lower-upper-box {
        background: #F8F8F8;
        max-width: none;
        min-width: 300px;
        width: 94%;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .middle-right-container {
        float: left;
        width: 100%;
        padding-left: 15px;
    }
    .brow-container {
        margin-top: 7px;
        position: relative;
        z-index: 100;
    }
    .nav {
        float: left;
        width: 100%;
    }
    .side-menu-button {
        display: block;
        float: left;
        margin-top: 7px;
        margin-left: 20px;
    }
    .home-menu-button {
        display: block;
        margin-right: 10px;
    }
    .menu-menu-button {
        display: block;
    }
    .right-icons {} 

.nav-container .span8.nav-bar-override-style {
        position: static;
min-height:0px;
    }
    .hiding-search-bar {
        display: none !important;
    }
    .logo-container {
        float: left;
        margin-top: 0px;
    }
    .header-container {
        height: auto;
        max-width: 1160px;
        width: 100%;
        margin-top: 0px;
        padding-bottom: 10px;
        float: left;
    }
    .leftNav {
        display: none !important;
    }
    .nav-wrapper {
        height: 0px;
    }
    .logo-wrapper {
        position: fixed;
        z-index: 100;
    }
    #jPanelMenu-menu {
        margin-top: 98px;
    }
    #main-content {
        margin-top: 93px;
    }
    .home-top-wrapper {
        padding-top: 0px;
    }
    .logo-container {
        max-width: 130px;
    }
    .hidden-mobile-bar {
        visibility: visible !important;
        display: block !important;
        margin-bottom: 10px;
    }
    .nav-search {
        float: right !important;
    }
    .bbox-outer {
        float: left !important;
        width: 50% !important;
    }
    .footer-piece {
        min-height: 150px;
    }
    #slider-arrow-left {
        display: none;
    }
    #slider-arrow-right {
        display: none;
    }
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Landscape phones and down */

@media (max-width: 480px) {
    .block-button {
        width: 100% !important;
    }
    .schedules-button, .fares-button, .media-button, .customer-button {
        margin-left: 0%;
        width: 96%;
    }
    .quick-link {
        width: 100%;
    }
    .top-button-span {
        /*margin-top: 43px;*/
    }
    .block-button span.two-lines {
        padding-top: 43px;
        padding-bottom: 43px;
    }
    .top-logo-button {
        border: none;
    }
    .bottom-logo-button {
        border: none;
        margin-left: 15px;
    }
    .bbox-outer {
        float: left !important;
        width: 100% !important;
    }
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 320px) {
    .brow-search {
        visibility: hidden;
        display: none;
    }
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------RESPONSIVE STYLES----------------------------------------------------------*/

body {
    line-height: 0px;
}

@media (min-width : 175px ) and ( max-width : 767px ){
.right-content {margin-top: 25px;}
#LogoResponsive{width:170px}
}