html, body {
    width: 100%;
    height: 100%;
}

body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table, div, span, object, iframe, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}

body {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1.6;
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    /*font-family: 'Roboto', 'Noto', sans-serif;*/
    -webkit-font-smoothing: antialiased;
    color: #333;
    background: #e8e7e4;
}

h1, table h1 {
    color: #333;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -.01em;
    line-height: 1.3;
    margin: 36px 0 24px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table, div, a, td {
    box-sizing: border-box;
    /*outline: 1px solid red;*/
}

th {
    color: rgb(34, 34, 34);
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #016fd6;
}

ul, ol {
    padding-left: 3em;
}

/*h2 {
    color: #333;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: -.01em;
    line-height: 1.3;
    margin: 26px 0 16px;
}*/
h2 {
    color: #333;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: -.01em;
    line-height: 1.3;
    margin: 11px 0 16px;
    background-color: #eeeeee82;
    padding-top: 5px;
    padding-left: 5px;
}

    h2::after {
        background: #ddd;
        border: 0;
        content: "";
        display: block;
        margin: 6px 0 20px;
        height: 1px;
        overflow: auto;
    }

h3 {
    color: #333;
    font-size: 18px;
    line-height: 1.57;
    font-weight: 400;
    letter-spacing: -.01em;
    margin: 16px 0 10px;
    /*background-color:#eee;*/
    padding: 5px;
        text-decoration: underline;
}
/*p {
    text-align: justify;
}*/

.arrow1 {
    font-size: 40px;
    text-align: center;
    color: gray;
}

.centerblue {
    color: blue;
    text-align: center;
}

/*.SubMenu {
    position: relative;
    height: 0px;
    overflow: hidden;
    transition: height 1s;
}*/

@media only screen and (max-width: 320px) {
    body {
        font-size: 80%;
    }
}

.railcontainer {
    max-width: 950px;
    margin: auto;
    min-height: 100vh;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    /*background-color: rgb(245, 245, 245);*/
}

.content12 {
    font-size: 12px;
}

.btn {
    padding: 3px 5px;
    line-height: 25px;
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    width: 100%;
    margin-bottom: 2px;
    cursor: pointer;
}

    .btn:active {
        transform: translate(0px, 2px);
        -webkit-transform: translate(0px, 2px);
        box-shadow: 0px 1px 0px 0px;
        transition: .3s ease-out;
    }


.topmenucontainer {
    /*-webkit-box-shadow: 0px 1px 1px #3e597b;
    -moz-box-shadow: 0px 1px 1px #3e597b;
    box-shadow: 0px 1px 1px #3e597b;*/
    border-bottom: 1px solid silver;
}

.topmenu a, .topmenuDesk a {
    line-height: 25px;
    /*outline:1px solid red;*/
    padding: 5px 5px;
    font-size: 1em;
    text-decoration: none;
    color: rgb(17,17,17);
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
}

.topmenu a {
    color: white;
}

.topmenuDesk td.active, .homemenu td.active {
    background-color: #6FC6FF;
}

.homemenu a {
    color: rgb(17,17,17);
    background-color: #efefef;
}

.topmenuDesk td:hover, .homemenu td:hover {
    background-color: #6FC6FF;
}

.blue {
    background-color: #337ab7;
    border-color: #2e6da4;
    border-right: 1px solid;
    /*box-shadow: 0px 3px 0px 0px #3C93D5;*/
}

    .blue:hover {
        background-color: #6FC6FF;
    }

.blueactive, .blueactive:hover {
    background-color: #3e597b;
}

.yellow {
    background-color: #f1c40f;
    /*box-shadow: 0px 3px 0px 0px #D8AB00;*/
}

    .yellowactive, .yellow:hover {
        background-color: #FFDE29;
    }

        .yellowactive span {
            color: black;
        }

.purple {
    background-color: #d0d0d0;
    color: gray;
    /*box-shadow: 0px 3px 0px 0px #82409D;*/
}

    .purple:hover {
        background-color: #B573D0;
    }

.orange {
    background-color: #e67e22;
    /*box-shadow: 0px 3px 0px 0px #CD6509;*/
}

    .orange:hover {
        background-color: #FF983C;
    }

.green {
    background-color: #2ecc71;
    /*box-shadow: 0px 3px 0px 0px #15B358;*/
}

    .green:hover {
        background-color: #48E68B;
    }

label {
    font-size: 70%;
    display: block;
    line-height: .8em;
}

.topmenu {
    background-color: transparent;
    table-layout: fixed;
    display: none;
}

.topmenu2 {
    table-layout: auto;
}

.topmenu td {
    padding: 0px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}

    .topmenu td:last-child {
        border-right: 0px;
    }

.span1 {
    display: block;
    line-height: 1em;
    color: inherit;
}

.span2 {
    display: block;
    line-height: 70%;
    font-size: 70%;
    margin-top: 2px;
}

.topband {
    padding: 10px;
    color: white;
}

.topmenu img, .topmenuDesk img {
    vertical-align: middle;
    width: 20px;
}

.homemenu a {
    text-align: left;
    padding-left: 20px;
}

.data, .data2 {
    width: 100%;
    padding: 5px;
}

    /*.data article, .data2 article {
        line-height: 30px;
        font-size: 17px;
        text-align:justify;
    }*/
    .data article, .data2 article {
        line-height: 30px;
        font-size: 17px;
        /*text-align: justify;*/
        /*border-bottom: 1px solid #eee;*/
        /*padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
        border-radius: 10px;*/
    }

.data2 {
    min-height: 130vh;
}

.links a {
    text-align: left;
}

input[type="checkbox"] {
    width: 30px; /*Desired width*/
    height: 30px; /*Desired height*/
    cursor: pointer;
}

input[type=text], input[type=search], select {
    line-height: 18px;
    font-size: 1em;
    width: 100%;
    background-color: white;
}

input[type=text], input[type=search], select {
    border: 1px solid #BEBEBE;
    padding: 6px;
    margin: 0px;
    outline: none;
    width: 100%;
}

    input[type=text]:focus, input[type=search]:focus, select:focus {
        -moz-box-shadow: 0 0 8px #88D5E9;
        -webkit-box-shadow: 0 0 8px #88D5E9;
        box-shadow: 0 0 8px #88D5E9;
        border: 1px solid #88D5E9;
    }

input[type=submit],
input[type=button] {
    padding: 4px 15px 4px 15px;
    border: none;
    color: #fff;
}

.zebra tr:nth-child(even) {
    background-color: white;
}

.zebra tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.zebra tr:nth-child(1) {
    background-color: #E6E9ED;
}

.nodisplay {
    display: none;
}

.trainslist {
    text-align: center;
    background-color: white;
}

    .trainslist td {
        text-align: center;
    }

@media only screen and (max-width: 420px) {
    .trainslist td {
        font-size: .9em;
    }
}

.trainslist {
    border-collapse: collapse;
    padding: 0px;
    text-shadow: none;
}
    /*Train Name -Train Number*/
    .trainslist tr:nth-child(4n+1) {
        font-weight: bold;
    }

@media only screen and (max-width: 420px) {
    .trainslist tr:nth-child(4n+1) {
        font-size: .9em;
    }
}

/*Travel Time*/
.trainslist tr:nth-child(4n+1) > td:last-child {
    text-align: left;
}

/*.trainslist tr:nth-child(4n+1) > td {
    text-align: left;
}*/

.trainslist tr:nth-child(4n+2),
.trainslist tr:nth-child(4n+3) {
    color: rgb(217, 217, 217);
}

@media only screen and (max-width: 420px) {
    .trainslist tr:nth-child(4n+2),
    .trainslist tr:nth-child(4n+3) {
        font-size: .79em;
    }
}

.trainslist tr > td:nth-last-child(2) {
    border-left: 1px solid rgb(217, 217, 217);
    text-align: left;
    color: #4c4c4c;
    padding-left: 2px;
    font-weight: bold;
}
/*Departure & Arrival Stn*/
.trainslist tr > td:last-child {
    color: #4c4c4c;
    text-align: right;
    font-weight: bold;
}

.trainslist tr:nth-child(4n+3) {
    border-bottom: 1px solid rgb(217, 217, 217);
}


.tableAvl tr {
    border-bottom: 0px;
}

.tableAvl td {
    color: #4c4c4c;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid rgb(217, 217, 217);
}

    .tableAvl td:last-child {
        border-right: 0px;
    }

.tableAvl tr:nth-child(2) td {
    color: #4c4c4c;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 2px solid rgb(217, 217, 217);
}

.classactive {
    color: blue;
    font-weight: bold;
}

.rundayactive {
    color: green;
    font-weight: bold;
}

.trainslist td[classfilter] {
    background-color: DeepSkyBlue;
    font-weight: bold;
}

.trainslist td[daysfilter] {
    background-color: LightGreen;
    font-weight: bold;
}


.smallfont8 {
    font-size: .8em;
}

.seatmap td {
    text-align: center;
}

.seatmap tr {
    height: 8px;
}

.seatmap td.legends {
    vertical-align: top;
    float: right;
}

.Engine {
    background-color: #90ee90;
}

.H {
    background-color: #1e90ff;
}

.S {
    background-color: #ffe4c4;
}

.A {
    background-color: #6495ed;
}

.F {
    background-color: #ffb6c1;
}

.C {
    background-color: #add8e6;
}

.B {
    background-color: #87ceeb;
}

.D {
    background-color: #f0e68c;
}

.E {
    background-color: #48d1cc;
}

.J {
    background-color: #add8e6;
}

.HA {
    background-color: #6495ed;
}

.AB {
    background-color: #87ceeb;
}

.PC {
    background-color: #d3d3d3;
}

.GS {
    background-color: #ffd700;
}

.SLR {
    background-color: #ff7f50;
}

.SYLR {
    background-color: #ff7f50;
}

.Sorted {
    background-color: #F9DCB3;
}


.L, .W {
    background-color: #A0D468;
    border: 1px solid #8CC152;
}

.M {
    background-color: #FFCE54;
    border: 1px solid #F6BB42;
}

.U, .A {
    background-color: #48CFAD;
    border: 1px solid #37BC9B;
}

.S {
    background-color: #FC6E51;
    border: 1px solid #E9573F;
}

.C {
    background-color: #AC92EC;
    border: 1px solid #967ADC;
}

.SM {
    background-color: #66F;
    border: 1px solid black;
}


.Error {
    background: silver;
}

.ER {
    background: blue;
}

.WL {
    background: #F9BBB3;
}

.Y {
    background: #F7F99A;
}

.Wt {
    background: white;
}

.G {
    background: #87DA9D;
}

.R {
    background: #FF9FBE;
}

.table {
    background: white;
}

    .table td {
        border: 1px solid #ccc;
        text-indent: 3px;
    }


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.tableSingleFare td:nth-child(n+2) {
    text-align: center;
}

.tableSingleFare span {
    color: #c0c0c0;
}


.table-condensed > tbody > tr > td {
    padding: 2px;
}

.table-condensed > tbody > tr > th {
    background-color: #f0f0f0;
    padding: 2px 0px 0px 2px;
    text-align: center;
}

.table-condensed > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

    .table-condensed > tbody > tr:nth-child(odd):hover, .table-condensed > tbody > tr:hover {
        background-color: #CED8F6;
    }


#tableRake {
    width: auto;
    text-align: center;
    table-layout: fixed;
}

.SHATABDI {
    color: #006AD5;
}

.RAJDHANI {
    color: #FF480B;
}

.RAIL_MOTOR {
    color: #008000;
}

.SUPERFAST {
    color: #D56A00;
}

.MAIL_EXPRESS {
    color: #8B4513;
}

.COMPOSITE {
    color: #556B2F;
}

.tablestation td {
    text-indent: 0px;
    padding-left: 3px;
    text-align: center;
}

    .tablestation td:nth-child(2) {
        text-align: left;
    }

.tablestation div {
    font-size: .7em;
}

.bold {
    font-weight: bold;
}

.highlight {
    background-color: Gold;
}

.none {
    display: none;
}

.tlist tr > td:nth-child(1) {
    white-space: nowrap;
}

.TrainListContainer {
    border: 1px solid rgb(217, 217, 217);
    border-bottom: 0px;
    margin: 10px 0px;
}

.filter {
    /*background-color: #e0f8ff;*/
    padding: 5px;
}

.runhistory tr > td:nth-child(n) {
    text-align: center;
}


.tableRunStatus span {
    float: right;
}

.tableRunStatus td:first-child {
    border-right: 0px;
}

.tableRunStatus td:nth-child(2) {
    border-left: 0px;
}

#menu {
    text-align: center;
    cursor: pointer;
    width: 60px;
    background-color: #55acee;
    font-size: 1.5em;
}

.menuHome1 {
    border-right: 0px;
}

    .menuHome1 a {
        text-align: left;
        padding-left: 10px;
        cursor: pointer;
    }

.menuHome2 {
    width: 60px;
    border-right: 1px;
}

.equalcell {
}

.GContainer {
    padding: 5px 0px;
}

.font80 {
    font-size: 80%;
}

.blueclr {
    color: blue;
}

@media screen and (max-width : 420px) {

    /*.SubMenuHome {
        height: auto;
    }*/

    .homelinks a {
        padding: 5px;
        display: block;
    }

    .topmenu {
        display: table;
    }

    .topmenuDesk {
        display: none;
    }
}

.greenLink {
    color: green;
}

.redLink, .red {
    color: red;
}

.displaynone {
    display: none;
}

.infomenu {
    table-layout: fixed;
    text-align: left;
}

.infomenutd {
    vertical-align: top;
    padding-left: 5px;
}

.RL {
    background-color: wheat;
}

footer {
    margin: auto;
    margin-top: 50px;
    padding-top: 10px;
    border-top: 1px solid #3e597b;
    width: 100%;
    text-align: center;
    font-size: 80%;
}

    footer a:hover {
        color: red;
    }

.refund table {
    width: auto;
}

.head2 {
    list-style: none;
}

    .head2 span {
        background-color: wheat;
        display: block;
    }

li {
    padding: 2px;
}

.Question {
    color: green;
    font-weight: bold;
}

.Menuheader {
    margin-top: 1em;
    cursor: pointer;
}

.content {
    /*font-size: 120%;*/
    /*text-align: justify;*/
    padding: 5px;
    background-color: white;
}

    .content img {
        max-width: 100%;
    }

    .content h2 {
        margin-top: 2em;
    }

    .content table {
        border-collapse: collapse;
        border-spacing: 0px;
    }

    .content td, .content th {
        border: 1px solid #c0c0c0;
        padding: 2px;
    }

    .content th {
        background-color: #f0f0f0;
        text-align: center;
    }

.red {
    color: red;
}

li Ques {
    color: purple;
    font-weight: bold;
}

li Ans {
    color: brown;
    margin-bottom: 5px;
}

.menu {
    white-space: nowrap;
    background-color: #f4f5f6;
    padding-top: 20px;
    width: auto;
}

    .menu ul {
        padding-left: 20px;
    }

    .menu h2 {
        font-size: 12px;
        padding: 0px;
        margin: 3px 0px;
        cursor: pointer;
    }

        .menu h2:hover {
            text-decoration: underline;
        }

.headTop {
    background-color: #1E88E5;
    color: white;
    padding: 5px;
    font-size: 140%;
    font-weight: bold;
}

    .headTop a {
        color: inherit;
    }

.selected {
    color: #f50057;
}


.L, .W {
    background-color: #A0D468;
    border: 1px solid #8CC152;
}

.M {
    background-color: #FFCE54;
    border: 1px solid #F6BB42;
}

.U, .A {
    background-color: #48CFAD;
    border: 1px solid #37BC9B;
}

.S {
    background-color: #FC6E51;
    border: 1px solid #E9573F;
}

.C {
    background-color: #AC92EC;
    border: 1px solid #967ADC;
}

.SM {
    background-color: #66F;
    border: 1px solid black;
}


#tableTop {
    width: 100%;
}

    #tableTop td:nth-child(2) {
        text-align: right;
    }


.infomenu {
    width: auto;
    table-layout: fixed;
    text-align: left;
}

.infomenutd {
    vertical-align: top;
    padding-left: 5px;
}

.greenLink {
    color: green;
}

.redLink {
    color: red;
}


.displaynone {
    display: none;
}

.ampTabContainer {
    display: flex;
    flex-wrap: wrap;
}

.tabButton[selected] {
    outline: none;
    background-color: #ffde29;
}

.tabButton {
    background-color: #337ab7;
    border-color: #2e6da4;
    border-right: 1px solid;
    line-height: 25px;
    padding: 5px 5px;
    font-size: 1em;
    list-style: none;
    flex-grow: 1;
    text-align: center;
    cursor: pointer;
}

.tabContent {
    display: none;
    width: 100%;
    order: 1; /* must be greater than the order of the tab buttons to flex to the next line */
}

.tabButton[selected] + .tabContent {
    display: block;
}


.tr8 {
    height: 8px;
}


.topAlign {
    vertical-align: top;
}

.amp-close-image {
    text-align: right;
}

.head {
    font-size: 1.1em;
}

.center {
    text-align: center;
}

.table_auto {
    background-color: #dddddd61;
}

.auto {
    width: auto;
    margin-left: 5%;
}

.left {
    width: 50%;
    float: left;
}

.right {
    width: 50%;
    float: right;
}

.search-container {
    display: flex;
    flex-flow: row nowrap;
}

.search-box, .search-submit, .select-option {
    font-size: 1.25em;
}

.autosuggest-box {
    box-shadow: 0px 2px 6px rgba(0,0,0,.3);
}

.search-box {
    flex: 4 0 0;
    padding: 5px;
    border-radius: 4px 0 0 4px;
    border: 2px solid lightgray;
    border-right: 0;
}

.search-submit {
    flex: 1 0 0;
    padding: 5px;
    border-radius: 0 4px 4px 0;
    border: 2px solid #4b68ff;
    background: #4b68ff;
    color: #fff;
}

.select-option {
    display: block;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    background: #ddd;
}

amp-selector .select-option.no-outline.no-outline[option] {
    outline: none;
}

.select-option:focus {
    box-shadow: inset rgb(94, 158, 215) 0px 0px 45px;
}

.select-option:focus {
    background: #fff;
}

.select-option:nth-child(2n) {
    background: #eee;
}

.ul-none {
    list-style: none;
}

.align_top:before {
    background-color: #ddd;
}

.align_top td {
    vertical-align: top;
    padding: 5px;
}

    .align_top td h1 {
        margin: 0px;
    }

.borderleftright {
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}

.bordertop {
    border-top: 1px solid #d9d9d9;
}

.listgray {
    background-color: #96caff;
    color: black;
}


.minprice {
    background: #c8e6c9;
}

.list {
    list-style: none;
}

    .list li {
        margin-left: -43px;
        padding: 5px;
        /*border-bottom: 1px solid #ddd;*/
    }

.col-md-6 {
    float: left;
    width: 50%;
}

#footer {
    background: #fff;
    border-top: 1px solid #e3e6ea;
    border-width: 1px 0;
    font-size: 14px;
    text-align: left;
}

    #footer a {
        color: #016fd6;
    }

    #footer ul {
        margin: 0;
        padding: 0;
        padding-top: 10px;
    }

        #footer ul li {
            display: inline-block;
            padding: 5px;
            line-height: 18px;
        }

    #footer .bottom .copyright {
        font-size: 1.0833em;
        margin: 10px 20px 0;
    }

.data3 {
    min-height: 30vh;
    margin-top: 3%;
    /*min-height: 30vh;
    margin-top: 3%;
    border-radius: 2px;
    border: 1px solid #eee;
    padding: 10px;*/
}
    .data3  p{
        padding:5px;
    }

    .pull-left {
        float: left;
    }

.flight_airline {
    font-size: 20px;
    margin-top: -2px;
    margin-left: 3px;
}

.flightPageSummaryContainer {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 1rem;
    width: 100%;
}

div.flightPageSummaryContainer div.flightPageFlightIdentifier {
    -webkit-flex: 1 1 auto;
    -ms-flex-basis: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    div.flightPageSummaryContainer div.flightPageFlightIdentifier div.flightPageSummary {
        -webkit-flex: 1 1 auto;
        -ms-flex-basis: auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: inline-block;
        padding-left: 1.2rem;
        vertical-align: top;
    }

        div.flightPageSummaryContainer div.flightPageFlightIdentifier div.flightPageSummary div.flightPageFriendlyIdent {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            color: #000044;
            font-size: 2rem;
            font-weight: 200;
            padding-bottom: 0.4rem;
        }

            div.flightPageSummaryContainer div.flightPageFlightIdentifier div.flightPageSummary div.flightPageFriendlyIdent div.flightPageIdent {
                color: #768FA9;
                display: inline-block;
                font-size: 1rem;
                font-weight: bolder;
                margin: 0.3rem 0;
                vertical-align: top;
            }

    div.flightPageSummaryContainer div.flightPageFlightIdentifier div.flightPageAvatar {
        cursor: pointer;
        min-width: 90px;
        height: 90px;
        vertical-align: top;
        padding-top: 0.5rem;
    }

div.flightPageSummaryAirports {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
}

div.flightPageAirportGates {
    margin-bottom: 5px;
}

    div.flightPageAirportGates div.flightPageSummaryDestination span.flightPageSummaryAirportLink, div.flightPageAirportGates div.flightPageSummaryOrigin span.flightPageSummaryAirportLink {
        display: block;
        font-size: 1.2rem;
        font-weight: 200;
    }

span.flightPageSummaryAirportLink a {
    color: #00A0E2;
}

div.flightPageAirportGates div.flightPageSummaryOrigin, div.flightPageAirportGates div.flightPageSummaryDestination {
    width: 40%;
    float: left;
}

div.flightPageSummaryDestination {
    text-align: right;
}

span.flightPageSummaryAirportCode {
    display: block;
    font-size: 1.5rem;
    font-weight: 200;
}

span.flightPageSummaryCity {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
}

header {
    margin-top: 3px;
}


div.flightPageProgressTrack {
    height: 2px;
    position: relative;
    background: #ccffcc;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    padding-right: 3px;
    margin: 1rem 1rem 1.25rem 1rem;
}

div.flightPageProgressContainer div.flightPageProgress {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align_top {
    vertical-align: top;
}

.ad {
    clear: both;
    width: 100%;
    height: 100px;
    margin: auto;
    margin-top: 1%;
}

.flightSummary {
    margin-bottom: 5%;
}

.icon-air {
    width: 70px;
    height: 70px;
    background: url('/images/airlinelogo.png') 0 0 no-repeat;
    display: inline-block;
    background-size: 700px 140px;
}

.i9w {
    background-position: -70px 0;
}

.i6E {
    background-position: -140px 0;
}

.iAI {
    background-position: -210px 0;
}

.iI5 {
    background-position: -140px 70px;
}

.ix28 {
    background-size: 280px 56px;
    width: 28px;
    height: 28px;
}

.i9Wx28 {
    background-position: -24px 0;
}
.iS2x28 {
    background-position: -196px 0;
}
.i6Ex28 {
    background-position: -56px 0;
}

.iAIx28 {
    background-position: -85px 0;
}

.iG8x28 {
    background-position: -111px 0;
}

.iSGx28 {
    background-position: -140px 0;
}

.iUKx28 {
    background-position: -168px 0;
}

.i2Tx28 {
    background-position: -224px 0;
}

.i2Tx28 {
    background-position: -224px 0;
}

.iLBx28 {
    background-position: -252px 0;
}

.iIXx28 {
    background-position: 0px -28px;
}

.iI5x28 {
    background-position: -28px -28px;
}

.data_flight {
    min-height: 15vh;
    margin-top: 3%;
    /*border-radius: 2px;
    border: 1px solid #eee;*/
    padding: 10px;
}

.line {
    clear: right;
    border-top: 1px solid grey;
    flex-grow: 1;
    margin: 0 10px;
}

.duration {
    float: left;
    width: 20%;
    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
}

.stops {
    display: table;
    table-layout: fixed;
    color: #837e8f;
    width: 92%;
    height: 0px;
    margin: 3px 5px;
    border: 2px solid green;
}

.travel-time, .travel-stops {
    text-align: center;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
@media (min-width: 768px) {
    div.flightPageProgressContainer {
        margin-bottom: 0.5rem;
    }
}
@media(max-width:480px) {

    /*#divAd {
        width: 380px;
    }*/
    .ad{}
    .data3 {
        min-height:95vh;
    }

    h1 {
        background: #dddddd61;
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
        padding: 5px;
        clear: both;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .align_top h1 {
        box-shadow: 0 0px 0px;
        padding: 0px;
        border-radius: 0px;
         background: inherit;
        
    }

    .stops {
        width: 84%;
    }

    .data_flight {
        min-height: 50vh;
    }

    .content1, article {
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
        padding: 5px;
        background-color: white;
        clear: both;
        border-radius: 5px;
        margin-bottom: 5px;
    }


        .content1 h2, article h2, .content1 h3, article h3 {
            margin-top: 0px;
        }

        .content1 h3, article h3 {
            border-bottom: 1px solid #eee;
            text-decoration:none;
        }
}