@media screen and (min-width: 768px) {
    #header .navbar-default .navbar-nav > li > a, #header .navbar-default .navbar-nav > li > a:hover {
        color: #0c637f;
    }

    #header .title {
        color: #0c637f;
    }

    .modal-dialog {
        padding-top: 67px;
    }

    .carousel-caption h3 {
        font-size: 38px;
    }

    .carousel-caption p {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #0c637f;
    }

    .navbar-default .navbar-toggle {
        border-color: #0c637f;
    }

    .title.slogan-header {
        margin-top: 10px;
    }


    .navbar-default button.navbar-toggle:focus, .navbar-default button.navbar-toggle:hover, .bottomheader button.navbar-collapse {
    background-color: #fff;
    color: #058cb3;
}
    
    #list-itineraries tr.cheap-selected td.cheap-selected, #list-itineraries tr.cheap-selected td.cheap-selected:hover {
    background: url(/Content/images/icon/input_selected.png) no-repeat top left / 18px 18px !important;
    }
}

@media screen and (min-width: 366px) {
    #list-itineraries table.only-vna > tbody > tr > td {
        padding: 0px;
    }
    #list-itineraries table.only-vna > tbody > tr > td > label{
        padding: 8px;
    }
    #list-itineraries table.only-vna > tbody > tr > td:last-child {padding-left: 8px;}
}

@media screen and (max-width: 365px) {
    #list-itineraries td.selected {
        background: #e3ffd4 url('/Content/images/icon/input_selected.png') no-repeat top left / 15px 15px !important;
    }
}