.navbar-toggle,
.navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #171796;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #eee;
}

.navbar-nav {
    margin-top: 0px;
}


.navbar-nav > li > a:hover {
    color: #0093DD !important;
}


.navbar-inverse {
    background-color: white;
    border-color: white;
    font-family: Roboto;
    font-size: .75em;
}

.navbar-inverse .navbar-collapse a {
    color: #323232;
    font-size: 12pt;
    font-family: Roboto;
    /*padding-left: 35px;*/
    -webkit-transition: all 0.5s ease;
}


.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:visited {
    color: #323232;
    font-size: 12pt;
    font-family: Roboto;
    padding-left: 10px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
}

.taxiPhoto {
    width: 920px !important;
}


/* MD Collapse Menu */
@media (max-width: 991px) {

    .logo {
        width: 312px;
        padding-left: 0px !important;
    }
}


@media (max-width: 576px) {
    .taxiPhoto {
        width: 540px !important;
    }
    .welcomeText {
        background-image: url(/Content/images/welcomeBeach.jpg);
        background-color: rgba(255,255,255,0.70);
        background-blend-mode: lighten;
        background-size: cover;
    }
}

@media (max-width: 480px) {
    .taxiPhoto {
        width: 98% !important;
    }
}

@media (max-width: 400px) {
    .taxiPhoto {
        width: 98% !important;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: none; /* Remove float to allow full width for toggle */
    }

    .navbar-toggle {
        display: block; /* Make the toggle always visible */
        margin-right: 15px; /* Adjust spacing as needed */
    }

    .navbar-collapse.collapse {
        display: none !important; /* Hide the collapsed menu by default */
    }

    .navbar-collapse.in {
        display: block !important; /* Show the collapsed menu when toggled */
    }

    .navbar-nav {
        float: none !important;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.form-control {
    display: inline-block !important;
    width: 360px;
    margin-bottom: 4px;
}