a:hover {
    text-decoration: none;
}

.color {
    color: #FFF;
    font-size: 18px;
    font-family: sans-serif;
    /* [disabled]float: left; */
    margin-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.row.centreallInformation {
    margin-left: 0%;
}

input[type="text"] {
    height: 34px;
    padding: 6px 12px;
}

.train-information {
    background: #475F77;
}

.columngrid {
    width: 100%;
    background: #E4E4E4;
    float: left;
    padding: 8px 6px 8px 7px;
    margin: 6px 0px 0px 0px;
    border: 1px solid #C7C6C6;
}

header#header h2 {
    padding-bottom: 12px;
    color: #FFF;
    font-weight: bold;
    font-size: 27px;
    font-family: inherit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.section {
    background: #D74B4B;
    padding: 26px 0px 26px 0px;
}

.grid-table {
    background: #F5F5F5;
    width: 100%;
}

.bg-info {
    background-color: #D8D8D8 !important;
    border-left: 14px solid #2086D5;
    padding: 12px 12px 12px 12px;
    border-right: 8px solid #E9E6E6;
    color: rgb(71, 95, 119);
    font-weight: normal;
    font-size: 15px;
}

.bg-infotxtbox {
    background: #CCC;
    padding: 12px 12px 12px 12px;
    color: rgb(71, 95, 119);
    font-weight: normal;
    font-size: 15px;
}

.lostupdated {
    background: #F5F5F5;
    width: 100%;
    /* height: 120px; */
    clear: both;
    float: left;
    font-size: 15px;
    padding: 12px 12px 12px 12px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}


.grid-traininformation {
    background: #FFF;
    width: 100%;
    height: 320px;
    float: left;
}

.gridserialname {
    float: left;
    width: 100%;
}

    .gridserialname li {
        list-style: none;
    }

.gridoption {
    width: 100%;
    float: left;
}

@media (min-width:970px) and (max-width:300px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35%;
        margin: -28px 0 0 -25px;
    }

    .red {
        background-color: #D74B4B;
        float: left;
        color: #FFF;
        width: 44%;
    }
}

@media (min-width: 600px) and (max-width:1200px) {
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#loading {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 35%;
    margin: -28px 0 0 -25px;
}

.PassengerName p {
    font-size: 19px;
}

.trnnumbrheading {
    display: block;
}

.passengerbirthstts mobile-device-pass {
    display: block;
}

.trnnumbrheading {
    width: 100%;
    padding-bottom: 12px;
    float: left;
    background: #D74B4B;
}

.contentdetails {
    width: 100%;
    padding-bottom: 12px;
    float: left;
    background: #FAEBD7;
}

.maindetails {
    width: 100%;
    float: left;
    padding-top: 1%;
}

.floatleft {
    float: left;
}

.sno {
    width: 34%;
    color: #FFFFFF;
    padding-left: 5%;
}

.Bookigstts {
    width: 29%;
    color: #FFFFFF;
}

.Currentstatus {
    width: 33%;
    color: #FFFFFF;
}

.psndts {
    width: 100%;
    float: left;
}

.passengerstatus {
    float: left;
    padding-left: 3%;
    width: 90%;
}

.psnger {
    width: 33%;
    float: left;
}

.bookingstts {
    width: 33%;
    float: left;
    padding-left: 5.3%;
}

.currentstts {
    width: 33%;
    float: left;
    padding-left: 6%;
}

/* ----------------------------------------destoplist-----------------------*/
/*
.mobilelist
{display:none;
}*/

/* ----------------------------------------destoplist-----------------------*/
body {
    font-family: sans-serif;
    background-color: #FFFFFF;
    margin: 0;
}

.passengerbirthstts {
    background: #2086D5;
    color: #FFFFFF;
}

.headingmobileview {
    display: none;
}


.passengerbirthstts {
    width: 100%;
    background: #2086D5;
    padding: 2px 3px 3px 3px;
    float: left;
    color: #FFFFFF;
    font-size: 20px;
    padding-left: 4.6%;
    color: #FFFFFF;
    text-align: center;
}

    .passengerbirthstts.mobile-device-pass {
        text-align: left;
        width: 100%;
    }


.currentstatusforpnr {
    float: left;
    width: 100%;
}

span.pnrstatus {
    float: left;
    width: 23%;
    margin: 0px 0px 0px 4.4%;
}

span.pnrnumber {
    float: left;
    width: 13%;
    margin: 1.4% 0px 0px 0px;
    font-size: 22px;
    color: white;
    background: #2086D5;
    padding-left: 2.4%;
}

.prepard_ch p {
    text-align: center;
}

span.destop-close {
    float: right;
    margin-top: -9px;
    width: 20%;
    margin-right: -12%;
}

.rightside {
    width: 11%;
    float: left;
}

span.mobile-close img {
    width: 19%;
    display: none;
}


.section {
    width: 100%;
    float: left;
}

.pnr-no-box {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 10px;
    margin: 5px 0;
    text-transform: uppercase;
}


/*-------------------------- header---------------------------*/

header#header {
    width: 100%;
    float: left;
}

.Mainbox {
    width: 18%;
    float: left;
    margin: 0px 5px 1px 0px;
}

.red {
    background-color: #D74B4B;
    float: left;
    color: #FFF;
    width: 100%;
}

.pnr-no-box.red a {
    font-size: 19px;
}

i.fa.fa-times {
    font-size: 20px;
}

.white {
    background-color: #2086D5;
    color: #FFF;
    width: 100%;
}

.blue {
    background-color: #475F77;
    color: #FFF;
    width: 100%;
}

.wh {
    background-color: #848484;
    color: #FFF;
    width: 100%;
}

i.fa.fa-times {
    float: right;
    margin-top: -6px;
}
/*--------------------------End header---------------------------*/


/*--------------------------Start Searchbox---------------------------*/
.search-aeria h3 {
    color: #6B6C6E;
    font-size: 21px;
}

.psgen p {
    color: #D74B4B;
    font-weight: bold;
}

.psgen h2 {
    color: #6B6C6E;
    font-weight: bold;
}

/*--------------------------End Searchbox---------------------------*/

/*--------------------------start Status---------------------------*/
.status {
    width: 100%;
    float: left;
    background: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-top: 12px;
}

.psgen {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.jnydte {
    background: #D74B4B;
    width: 100%;
    float: left;
    text-align: center;
}

    .jnydte h3 {
        font-weight: bold;
        color: #FFFFFF;
        font-size: 18px;
        font-size: 18px;
        margin-top: 10px;
    }

/*--------------------------End Status---------------------------*/



/*--------------------------Main-section---------------------------*/
.trnnumbr {
    width: 12.5%;
    float: left;
    background: antiquewhite;
    position: relative;
}

    .trnnumbr p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.StatusEnquiry {
    background: #FFFFFF;
    padding-bottom: 2px;
    padding-top: 6px;
    text-align: center;
}

.psngrdtls {
    background: #475F77;
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
    font-size: 11px;
    text-align: center;
}

.current_st {
    float: left;
    width: 100%;
    background: rgb(231, 225, 219);
    padding-top: 0px;
}

.groupbtn {
    float: right;
    /* margin-top: 9px; */
    margin: 11px 9px 0px 4px;
}

/*--------------------------End Section----------------------------------*/




/*--------------------------Start-Charting Statu mainsection----------------------------------*/
.cretngstus {
    background: #FAEBD7;
    width: 100%;
    position: relative;
    float: left;
}

.box3 {
    width: 31%;
    background: #D74B4B;
    padding-bottom: 1px;
    float: left;
    padding-top: 9px;
    color: #FFF;
    text-align: center;
    position: relative;
}

.serialNumber {
    background: #D74B4B;
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
    font-size: 10px;
}

.BookingStatus {
    background: #d74b4b;
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
    font-size: 10px;
}

.CurrentStatus {
    background: #d74b4b;
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
    font-size: 10px;
}


.box3_4 {
    background: #D74B4B;
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
}

.PassengerName {
    text-align: center;
}

.trnnumbr {
    width: 12.5%;
    text-align: center;
    float: left;
    background: antiquewhite;
    position: relative;
}

.trnnumbr_BookingStatus {
    width: 45%;
    text-align: center;
    float: left;
    background: antiquewhite;
    position: relative;
}

.trnnumbr_CurrentStatus {
    width: 42.5%;
    text-align: center;
    float: left;
    background: antiquewhite;
    position: relative;
}

.PassengerName p {
    font-size: 11px;
    text-align: center;
    margin: 8px -7px 5px 1px;
}

.serialNumber p {
    font-size: 14px;
}

.BookingStatus p {
    font-size: 14px;
}

.CurrentStatus {
    font-size: 14px;
}







.prepard {
    background: #D74B4B;
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    float: left;
    width: 13%;
}

    .prepard p {
        font-size: 14px;
    }

.prepard_ch {
    width: 100%;
    float: right;
    /* margin-top: 10px; */
    font-size: 24px;
    color: #475F77;
    background: rgb(236, 236, 236);
    font-weight: bold;
    padding-top: 1%;
    padding-bottom: 1px;
    border-bottom: 1px solid #AEAEAE;
}

    .prepard_ch p {
        color: #D74B4B;
    }

p.green {
    color: #1B9B60;
}

.ugrads {
    width: 100%;
    float: left;
    margin: 8px 8px 8px 8px;
}

.legendsH {
    width: 100%;
    float: right;
    /* margin-top: 10px; */
    font-size: 24px;
    color: #475F77;
    background: rgb(236, 236, 236);
    font-weight: 200;
    padding-top: 1%;
    padding-bottom: 1px;
    border-bottom: 8px solid #D7D7D7;
}

    .legendsH h2 {
        text-align: center;
        font-size: 20px;
        margin-top: 1%;
    }

.prepard_legd {
    padding-bottom: 1px;
    padding-top: 9px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    float: left;
    width: 50%;
}

.SymbolName p {
    color: black;
}

.box2 p {
    color: black;
}

input.search {
    width: 100%;
}

.prepard_legd {
}

.SymbolName {
    padding-bottom: 2px;
    border-left: 1px solid #CCCCCC;
    margin-top: 10px;
}

header#header {
    padding-bottom: 12px;
}

input.tfbutton {
    margin: 0;
    padding: 9px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3;
    border-right: 0px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

input.search {
    float: left;
    width: 58%;
    height: 40px;
}
/*-------------------End-Charting Statu mainsection----------------------------------------------*/






/*--------------------------Responsive header---------------------------*/


@media (max-width:1024px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35%;
        margin: -28px 0 0 -25px;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .passengerstatus {
        padding-left: 0px;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .psnger {
        width: 100%;
        padding: 6px 6px 6px 6px;
        clear: both;
        float: none;
        text-align: center;
        background: #475f77;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }


    .trnnumbrheading {
        display: none;
    }

    .trnnumbrheading {
        display: none;
    }

    span.pnrstatus {
        float: left;
        width: 28%;
        margin: 0px 0px 0px 4.4%;
    }

    span.pnrnumber {
        float: left;
        width: 15%;
        margin: 1.7% 0px 0px 0px;
    }

    span.mobile-close img {
        width: 10% !important;
        display: block;
    }

    span.destop-close img {
        display: none;
    }

    span.mobile-close img {
        width: 76% !important;
        display: block;
    }

    span.mobile-close {
        float: right;
        width: 18%;
        margin: 6px -13px 7px 8px;
    }

    .code {
        float: left;
        font-size: 25px;
    }

    .Mainbox {
        width: 43% !important;
    }

    input.search {
        float: left;
        width: 40%;
    }
}

@media (max-width:966px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35%;
        margin: -28px 0 0 -25px;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .passengerstatus {
        padding-left: 0px;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .legendsH {
        width: 100%;
        float: right;
        font-size: 24px;
        color: #475F77;
        background: none repeat scroll 0% 0% #2086D5;
        font-weight: 200;
        padding-top: 0%;
        padding-bottom: 0px;
        border-bottom: 1px solid #D7D7D7;
    }

        .legendsH h2 {
            margin-top: 11px !important;
            color: #FFF;
        }

    .prepard_legd.psngrdtls p {
        font-size: 15px;
    }

    .psnger {
        width: 100%;
        clear: both;
        padding: 6px 6px 6px 6px;
        float: none;
        text-align: center;
        background: #475f77;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    .trnnumbrheading {
        display: none;
    }

    .Mainbox {
        width: 100%;
    }

    input.search {
        float: left;
        width: 86.6%;
    }

    .pnr-no-box {
        width: 100%;
    }

    i.fa.fa-times {
        position: relative;
    }
}



@media (min-width: 768px) and (max-width: 979px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35%;
        margin: -28px 0 0 -25px;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: none;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        padding: 6px 6px 6px 6px;
        clear: both;
        float: none;
        text-align: center;
        background: #475f77;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    .psngrdtls p {
        font-size: 11px !important;
    }

    .trnnumbr {
        width: 50%;
    }



    ul, ol {
        padding: 0px;
        margin: 0px 0px 10px 0px !important;
    }

    /*cretngstus
{ display:none;
}*/
    .trnnumbr_BookingStatus {
        display: none;
    }
    /*.cretngstus
{ display:none;
}*/
    .passengerbirthstts {
        display: none;
    }
    /* ----------------------------------------mobilelist-----------------------*/
    /*.mobilelist
{display:block; width:100%; float:left; margin-top:4px; padding-bottom:6px;
}
*/ .passengerbirthsttus {
        background: #4F9F6C;
        width: 100%;
        float: left;
        padding-bottom: 6px;
        margin-top: 2px;
        padding-top: 6px;
    }

    ul li {
        text-align: center;
        list-style: none;
        color: #FFFFFF;
        font-size: 15px;
    }
    /* ----------------------------------------mobilelist-----------------------*/

    .prepard_ch p {
        font-size: 15px;
    }

        .prepard_ch p.green {
            color: #12740B;
            margin: 3px;
        }

    .redclass {
        margin: 3px;
    }




    .jnydte h3 {
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        margin-top: 10px;
        padding-top: 0px;
    }

    .headingmobileview {
        margin-top: 10px;
        padding-top: 0px;
    }





    .passengerbirthstts.mobile-device-pass {
        text-align: left;
        width: 100%;
        padding-left: 16%;
    }

    span.coachno {
        padding-left: 0%;
        font-size: 15.3px;
    }

    span.mobile-device {
        font-size: 20px;
        font-weight: inherit;
    }

    .StatusEnquiry {
        background: #FFFFFF;
        padding-bottom: 2px;
        padding-top: 6px;
        text-align: center;
        font-size: 14px;
    }

    .psngrdtls.boarding-mobile {
        width: 100%;
        font-size: 14px;
        padding-left: 3%;
    }

    .headingmobileview {
        width: 100%;
        background: none repeat scroll 0% 0% #D74B4B;
        padding: 6px 4px 0px 13px;
        float: left;
        display: block;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    .legendsH {
        width: 100%;
        float: right;
        font-size: 24px;
        color: #475F77;
        background: none repeat scroll 0% 0% #2086D5;
        font-weight: 200;
        padding-top: 0%;
        padding-bottom: 0px;
        border-bottom: 1px solid #D7D7D7;
    }

    .psngrdtls.boarding-mobile p {
        font-size: 14px;
    }

    .trnnumbr.trnnumbrmobile.trnnumbrmobileboarding p {
        font-size: 14px;
    }

    .trnnumbr.trnnumbrmobileboarding {
        width: 33.3%;
        float: left;
    }





    .rightside {
        width: 11%;
        float: left;
    }

    input.search {
        float: left;
        width: 89% !important;
    }

    .serialNumber {
        background: none repeat scroll 0% 0% #D74B4B;
        padding-bottom: 1px;
        padding-top: 9px;
        color: #FFF;
        font-size: 10px;
    }


    .cretngstus {
        margin-top: 2px;
    }

    prepard_legd {
        width: 50%;
    }

    .psngrdtls {
        width: 100%;
    }

    .serialNumber {
        display: block;
        background: #475f77;
    }

    .BookingStatus {
        display: block;
        background:;
    }

    .PassengerName {
        width: 100%;
        float: left;
        background: background: #09AB3E;
    }

        .PassengerName p {
            width: 67%;
        }






    .trnnumbr_BookingStatus {
        float: left;
        width: 30%;
        background: #7C7C7C;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_CurrentStatus {
        background: #4F7CB8;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_1 {
        float: left;
        background: #6EA16F;
        color: #FFFFFF;
        text-align: center;
        width: 100%;
    }


    .trnnumbr_CurrentStatus {
        float: left;
        width: 30%;
    }

    .prepard {
        width: 100%;
        margin-top: 2px;
    }

    input.search {
        float: left;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
    }

    .psgen h2 {
        font-size: 24px;
    }

    .psgen p {
        font-size: 13px;
    }

    input.tfbutton {
        width: 100%;
    }



    .serialNumber p {
        font-size: 15px;
    }

    .BookingStatus p {
        font-size: 15px;
    }

    .psngrdtls p {
        font-size: 15px;
    }

    .box2 p {
        font-size: 18px;
    }

    .prepard p {
        font-size: 18px;
        text-align: center;
    }

    .prepard_ch p {
        font-size: 14px;
    }

    .ugrads {
        margin: 0px 0px 10px 0px !important;
        font-size: 13px;
        width: 100% !important;
        text-align: center;
    }

    .legendsH h2 {
        margin-top: 11px !important;
    }

    .prepard_legd {
        padding-top: 0px !important;
    }

    span.pnrnumber {
        float: left;
        width: 36%;
    }

    span.pnrstatus h3 {
        font-size: 15px;
    }

    span.pnrstatus {
        float: left;
        width: 58%;
        margin: 0px 0px 0px 2%;
    }

    .passengerbirthstts {
        font-size: 15px;
    }
}

@media (max-width:568px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35%;
        margin: -28px 0 0 -25px;
    }

    .passengerstatus {
        float: left;
        width: 100%;
        background: #4F9F6C;
        color: #FFFFFF;
        padding-bottom: 3px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: none;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    .trnnumbr {
        width: 50%;
    }



    ul, ol {
        padding: 0px;
        margin: 0px 0px 10px 0px !important;
    }

    /*cretngstus
{ display:none;
}*/
    .trnnumbr_BookingStatus {
        display: none;
    }
    /*.cretngstus
{ display:none;
}*/
    .passengerbirthstts {
        display: none;
    }
    /* ----------------------------------------mobilelist-----------------------*/
    .mobilelist {
        display: block;
        width: 100%;
        float: left;
        margin-top: 4px;
        padding-bottom: 6px;
    }

    .passengerbirthsttus {
        background: #4F9F6C;
        width: 100%;
        float: left;
        padding-bottom: 6px;
        margin-top: 2px;
        padding-top: 6px;
    }

    ul li {
        text-align: center;
        list-style: none;
        color: #FFFFFF;
        font-size: 15px;
    }
    /* ----------------------------------------mobilelist-----------------------*/

    .prepard_ch p {
        font-size: 15px;
    }

        .prepard_ch p.green {
            color: #12740B;
            margin: 3px;
        }

    .redclass {
        margin: 3px;
    }




    .jnydte h3 {
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        margin-top: 10px;
        padding-top: 0px;
    }

    .headingmobileview {
        margin-top: 10px;
        padding-top: 0px;
    }





    .passengerbirthstts.mobile-device-pass {
        text-align: left;
        width: 100%;
        padding-left: 16%;
    }

    span.coachno {
        padding-left: 0%;
        font-size: 15.3px;
    }

    span.mobile-device {
        font-size: 20px;
        font-weight: inherit;
    }

    .StatusEnquiry {
        background: #FFFFFF;
        padding-bottom: 2px;
        padding-top: 6px;
        text-align: center;
        font-size: 14px;
    }

    .psngrdtls.boarding-mobile {
        width: 100%;
        font-size: 14px;
        padding-left: 3%;
    }

    .headingmobileview {
        width: 100%;
        background: none repeat scroll 0% 0% #D74B4B;
        padding: 6px 4px 0px 13px;
        float: left;
        display: block;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    .legendsH {
        width: 100%;
        float: right;
        font-size: 24px;
        color: #475F77;
        background: none repeat scroll 0% 0% #ECECEC;
        font-weight: 200;
        padding-top: 0%;
        padding-bottom: 0px;
        border-bottom: 1px solid #D7D7D7;
    }

    .psngrdtls.boarding-mobile p {
        font-size: 14px;
    }

    .psngrdtls p {
        font-size: 13px;
    }

    .trnnumbr.trnnumbrmobile.trnnumbrmobileboarding p {
        font-size: 14px;
    }

    .trnnumbr.trnnumbrmobileboarding {
        width: 33.3%;
        float: left;
    }





    .rightside {
        width: 100%;
        float: left;
    }

    input.search {
        width: 100% !important;
    }

    .serialNumber {
        background: none repeat scroll 0% 0% #D74B4B;
        padding-bottom: 1px;
        padding-top: 9px;
        color: #FFF;
        font-size: 10px;
    }












    .cretngstus {
        margin-top: 2px;
    }

    prepard_legd {
        width: 50%;
    }

    .psngrdtls {
        width: 100%;
    }

    .serialNumber {
        display: block;
        background: #475f77;
    }

    .BookingStatus {
        display: block;
        background:;
    }

    .PassengerName {
        width: 100%;
        float: left;
        background: background: #09AB3E;
    }

        .PassengerName p {
            width: 67%;
        }






    .trnnumbr_BookingStatus {
        float: left;
        width: 30%;
        background: #7C7C7C;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_CurrentStatus {
        background: #4F7CB8;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_1 {
        float: left;
        background: #6EA16F;
        color: #FFFFFF;
        text-align: center;
        width: 100%;
    }

    .PassengerName p {
        font-size: 12px !important;
    }

    .trnnumbr_CurrentStatus {
        float: left;
        width: 30%;
    }

    .prepard {
        width: 100%;
        margin-top: 2px;
    }

    input.search {
        float: left;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
    }

    .psgen h2 {
        font-size: 24px;
    }

    .psgen p {
        font-size: 13px;
    }

    input.tfbutton {
        width: 100%;
    }



    .serialNumber p {
        font-size: 15px;
    }

    .BookingStatus p {
        font-size: 15px;
    }

    .psngrdtls p {
        font-size: 15px;
    }

    .box2 p {
        font-size: 18px;
    }

    .prepard p {
        font-size: 18px;
        text-align: center;
    }

    .prepard_ch p {
        font-size: 14px;
    }

    .ugrads {
        margin: 0px 0px 10px 0px !important;
        font-size: 13px;
        width: 100% !important;
        text-align: center;
    }

    .legendsH h2 {
        margin-top: 11px !important;
    }

    .prepard_legd {
        padding-top: 0px !important;
    }

    span.pnrnumber {
        float: left;
        width: 36%;
    }

    span.pnrstatus h3 {
        font-size: 15px;
    }

    span.pnrstatus {
        float: left;
        width: 58%;
        margin: 0px 0px 0px 2%;
    }

    .passengerbirthstts {
        font-size: 15px;
    }
}


@media (max-width:600px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35%;
        margin: -28px 0 0 -25px;
    }

    .Mainbox {
        width: 52% !important;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .passengerstatus {
        padding-left: 0px;
    }

    .psnger {
        width: 100%;
        padding: 6px 6px 6px 6px;
        clear: both;
        float: none;
        text-align: center;
        background: #475f77;
    }



    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }


    .trnnumbrheading {
        display: none;
    }

    .trnnumbr {
        width: 50%;
    }



    ul, ol {
        padding: 0px;
        margin: 0px 0px 10px 0px !important;
    }

    /*cretngstus
{ display:none;
}*/
    .trnnumbr_BookingStatus {
        display: none;
    }
    /*.cretngstus
{ display:none;
}*/
    .passengerbirthstts {
        display: none;
    }
    /* ----------------------------------------mobilelist-----------------------*/
    .mobilelist {
        display: block;
        width: 100%;
        float: left;
        margin-top: 4px;
        padding-bottom: 6px;
    }

    .passengerbirthsttus {
        background: #4F9F6C;
        width: 100%;
        float: left;
        padding-bottom: 6px;
        margin-top: 2px;
        padding-top: 6px;
    }

    ul li {
        text-align: center;
        list-style: none;
        color: #FFFFFF;
        font-size: 15px;
    }
    /* ----------------------------------------mobilelist-----------------------*/

    .prepard_ch p {
        font-size: 15px;
    }

        .prepard_ch p.green {
            color: #12740B;
            margin: 3px;
        }

    .redclass {
        margin: 3px;
    }




    .jnydte h3 {
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        margin-top: 10px;
        padding-top: 0px;
    }

    .headingmobileview {
        margin-top: 10px;
        padding-top: 0px;
    }





    .passengerbirthstts.mobile-device-pass {
        text-align: left;
        width: 100%;
        padding-left: 16%;
    }

    span.coachno {
        padding-left: 0%;
        font-size: 15.3px;
    }

    span.mobile-device {
        font-size: 20px;
        font-weight: inherit;
    }

    .StatusEnquiry {
        background: #FFFFFF;
        padding-bottom: 2px;
        padding-top: 6px;
        text-align: center;
        font-size: 14px;
    }

    .psngrdtls.boarding-mobile {
        width: 100%;
        font-size: 14px;
        padding-left: 3%;
    }

    .headingmobileview {
        width: 100%;
        background: none repeat scroll 0% 0% #D74B4B;
        padding: 6px 4px 0px 13px;
        float: left;
        display: block;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    .legendsH {
        width: 100%;
        float: right;
        font-size: 24px;
        color: #475F77;
        background: none repeat scroll 0% 0% #2086D5;
        font-weight: 200;
        padding-top: 0%;
        padding-bottom: 0px;
        border-bottom: 1px solid #D7D7D7;
    }

    .psngrdtls.boarding-mobile p {
        font-size: 14px;
    }

    .psngrdtls p {
        font-size: 13px;
    }

    .trnnumbr.trnnumbrmobile.trnnumbrmobileboarding p {
        font-size: 14px;
    }

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





    .rightside {
        width: 100%;
        float: left;
    }

    input.search {
        width: 100% !important;
    }

    .serialNumber {
        background: none repeat scroll 0% 0% #D74B4B;
        padding-bottom: 1px;
        padding-top: 9px;
        color: #FFF;
        font-size: 10px;
    }












    .cretngstus {
        margin-top: 2px;
    }

    prepard_legd {
        width: 50%;
    }

    .psngrdtls {
        width: 100%;
    }

    .serialNumber {
        display: block;
        background: #475f77;
    }

    .BookingStatus {
        display: block;
        background:;
    }

    .PassengerName {
        width: 100%;
        float: left;
        background: background: #09AB3E;
    }

        .PassengerName p {
            width: 67%;
        }






    .trnnumbr_BookingStatus {
        float: left;
        width: 30%;
        background: #7C7C7C;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_CurrentStatus {
        background: #4F7CB8;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_1 {
        float: left;
        background: #6EA16F;
        color: #FFFFFF;
        text-align: center;
        width: 100%;
    }

    .PassengerName p {
        font-size: 12px !important;
    }

    .trnnumbr_CurrentStatus {
        float: left;
        width: 30%;
    }

    .prepard {
        width: 100%;
        margin-top: 2px;
    }

    input.search {
        float: left;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .psgen h2 {
        font-size: 24px;
    }

    .psgen p {
        font-size: 13px;
    }

    input.tfbutton {
        width: 100%;
    }



    .serialNumber p {
        font-size: 15px;
    }

    .BookingStatus p {
        font-size: 15px;
    }

    .psngrdtls p {
        font-size: 15px;
    }

    .box2 p {
        font-size: 18px;
    }

    .prepard p {
        font-size: 18px;
        text-align: center;
    }

    .prepard_ch p {
        font-size: 14px;
    }

    .ugrads {
        margin: 0px 0px 10px 0px !important;
        font-size: 13px;
        width: 100% !important;
        text-align: center;
    }

    .legendsH h2 {
        margin-top: 11px !important;
        color: #FFF;
    }

    .prepard_legd {
        padding-top: 0px !important;
    }

    span.pnrnumber {
        float: left;
        width: 36%;
    }

    span.pnrstatus h3 {
        font-size: 15px;
    }

    span.pnrstatus {
        float: left;
        width: 58%;
        margin: 0px 0px 0px 2%;
    }

    .passengerbirthstts {
        font-size: 15px;
    }
}

@media (max-width:480px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 30%;
        margin: -28px 0 0 -25px;
    }

    .Mainbox {
        width: 100% !important;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        padding: 6px 6px 6px 6px;
        clear: both;
        float: none;
        text-align: center;
        background: #475f77;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }


    .trnnumbrheading {
        display: none;
    }

    .trnnumbr.trnnumbrmobile {
        width: 50%;
    }

    span.coachno {
        float: left;
        font-size: 16px;
    }

    span.mobile-device {
        font-size: 25px;
        font-weight: inherit;
    }

    span.pnrstatus {
        float: left;
        width: 63%;
    }

    .cretngstus {
        margin-top: -1px !important;
    }

    .passengerCoach {
        padding-bottom: 2%;
    }

        .passengerCoach p {
            line-height: 13px;
            margin-top: 11%;
            font-size: 17px;
        }



    .passengerbirthstts {
        width: 100%;
        background: #00A2DE;
        padding: 13px 3px 13px 0px;
        color: #FFF !important;
        float: left;
        padding-left: 4.6%;
        font-size: 11px;
        color: #475F77;
    }






    .PassengerName p {
        font-size: 13px !important;
    }

    span.pnrnumber {
        float: left;
        width: 25%;
        margin: 4.6% 0px 0px 0px;
    }

    .rightside {
        width: 100% !important;
        float: left;
    }

    input.search {
        width: 100% !important;
    }

    span.mobile-close img {
        width: 10% !important;
        display: block;
    }

    span.mobile-close {
        float: right;
        width: 9%;
    }

    span.destop-close img {
        display: none;
    }

    span.mobile-close img {
        width: 76% !important;
        display: block;
    }

    span.mobile-close {
        float: right;
        width: 13%;
        margin: -9px -7px 0px 1px;
    }

    .code {
        float: left;
        font-size: 13px;
    }

    .serialNumber {
        background: none repeat scroll 0% 0% #475f77;
    }

    .serialNumber {
        display: block;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    .pnr-no-box {
        font-size: 18px !important;
    }


    .Mainbox {
        width: 100% !important;
    }

    i.fa.fa-times {
        position: relative;
        margin: -10px -9px 5px 1px;
    }

    .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    header#header {
        padding-bottom: 0px !important;
    }

    .pnr-no-box {
        font-size: 17px;
    }

    .passengerstatus {
        padding-left: 0px;
    }

    input.tfbutton {
        font-size: 18px;
        width: 100%;
    }

    .psgen h2 {
        font-size: 15px !important;
    }

    .psgen p {
        font-size: 15px !important;
    }

    .cretngstus {
        margin-top: 2px;
    }
}

@media (max-width:460px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 30%;
        margin: -28px 0 0 -25px;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
        background: #475f77;
        padding: 6px 6px 6px 6px;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }



    .trnnumbrheading {
        display: none;
    }

    .trnnumbrheading {
    }

    ul, ol {
        padding: 0px;
        margin: 0px 0px 10px 0px !important;
    }
    /*

cretngstus
{ display:none;
}*/

    /*.cretngstus
{ display:none;
}*/
    .passengerbirthstts {
        display: none;
    }
    /* ----------------------------------------mobilelist-----------------------*/
    .mobilelist {
        display: block;
        width: 100%;
        float: left;
        margin-top: 4px;
        padding-bottom: 6px;
    }

    .passengerbirthsttus {
        background: #4F9F6C;
        width: 100%;
        float: left;
        padding-bottom: 6px;
        margin-top: 2px;
        padding-top: 6px;
    }

    ul li {
        text-align: center;
        list-style: none;
        color: #FFFFFF;
        font-size: 15px;
    }
    /* ----------------------------------------mobilelist-----------------------*/

    .prepard_ch p {
        font-size: 15px;
    }

        .prepard_ch p.green {
            color: #12740B;
            margin: 3px;
        }

    .redclass {
        margin: 3px;
    }




    .jnydte h3 {
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        margin-top: 10px;
        padding-top: 0px;
    }

    .headingmobileview {
        margin-top: 10px;
        padding-top: 0px;
    }





    .passengerbirthstts.mobile-device-pass {
        text-align: left;
        width: 100%;
        padding-left: 16%;
    }

    span.coachno {
        padding-left: 0%;
        font-size: 15.3px;
    }

    span.mobile-device {
        font-size: 20px;
        font-weight: inherit;
    }

    .StatusEnquiry {
        background: #FFFFFF;
        padding-bottom: 2px;
        padding-top: 6px;
        text-align: center;
        font-size: 14px;
    }

    .psngrdtls.boarding-mobile {
        width: 100%;
        font-size: 14px;
        padding-left: 3%;
    }

    .headingmobileview {
        width: 100%;
        background: none repeat scroll 0% 0% #D74B4B;
        padding: 6px 4px 0px 13px;
        float: left;
        display: block;
        color: #FFF;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
    }

    .legendsH {
        width: 100%;
        float: right;
        font-size: 24px;
        color: #475F77;
        background: #2086D5;
        font-weight: 200;
        padding-top: 0%;
        padding-bottom: 0px;
    }

    .psngrdtls.boarding-mobile p {
        font-size: 14px;
    }

    .psngrdtls p {
        font-size: 13px;
    }

    .trnnumbr.trnnumbrmobile.trnnumbrmobileboarding p {
        font-size: 14px;
    }

    .trnnumbr.trnnumbrmobileboarding {
        width: 33.3%;
        float: left;
    }





    .rightside {
        width: 100%;
        float: left;
    }

    input.search {
        width: 100% !important;
    }

    .serialNumber {
        background: none repeat scroll 0% 0% #D74B4B;
        padding-bottom: 1px;
        padding-top: 9px;
        color: #FFF;
        font-size: 10px;
    }












    .cretngstus {
        margin-top: 2px;
    }

    prepard_legd {
        width: 50%;
    }

    .psngrdtls {
        width: 100%;
    }

    .serialNumber {
        display: block;
        background: #475f77;
    }

    .BookingStatus {
        display: block;
        background:;
    }

    .PassengerName {
        width: 100%;
        float: left;
        background: background: #09AB3E;
    }

        .PassengerName p {
            width: 67%;
        }






    .trnnumbr_BookingStatus {
        float: left;
        width: 30%;
        background: #7C7C7C;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_CurrentStatus {
        background: #4F7CB8;
        color: #FFFFFF;
        text-align: center;
    }

    .trnnumbr_1 {
        float: left;
        background: #6EA16F;
        color: #FFFFFF;
        text-align: center;
        width: 100%;
    }

    .PassengerName p {
        font-size: 12px !important;
    }

    .trnnumbr_CurrentStatus {
        float: left;
        width: 30%;
    }

    .prepard {
        width: 100%;
        margin-top: 2px;
    }

    input.search {
        float: left;
    }

    input.tfbutton {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        border: solid 1px #0076a3;
        border-right: 0px;
        background: #0095cd;
        background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background: -moz-linear-gradient(top, #00adee, #0078a5);
        border-top-right-radius: 5px 5px;
        border-bottom-right-radius: 5px 5px;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .psgen h2 {
        font-size: 24px;
    }

    .psgen p {
        font-size: 13px;
    }

    .trnnumbr {
        width: 40%;
    }



    .serialNumber p {
        font-size: 15px;
    }

    .BookingStatus p {
        font-size: 15px;
    }

    .psngrdtls p {
        font-size: 15px;
    }

    .box2 p {
        font-size: 18px;
    }

    .prepard p {
        font-size: 18px;
        text-align: center;
    }

    .prepard_ch p {
        font-size: 14px;
    }

    .ugrads {
        margin: 0px 0px 10px 0px !important;
        font-size: 13px;
        width: 100% !important;
        text-align: center;
    }

    .legendsH h2 {
        margin-top: 11px !important;
        color: #FFF;
    }

    .prepard_legd {
        padding-top: 0px !important;
    }

    span.pnrnumber {
        float: left;
        width: 36%;
    }

    span.pnrstatus h3 {
        font-size: 15px;
    }

    span.pnrstatus {
        float: left;
        width: 58%;
        margin: 0px 0px 0px 2%;
    }

    .passengerbirthstts {
        font-size: 15px;
    }
}

@media (max-width:360px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 27%;
        margin: -28px 0 0 -25px;
    }

    .Mainbox {
        width: 67% !important;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
        background: #475f77;
        padding: 6px 6px 6px 6px;
        color: #B3EAFF;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }




    .trnnumbrheading {
        display: none;
    }

    serialNumber {
        background: none repeat scroll 0% 0% #475f77;
        padding-bottom: 1px;
        padding-top: 9px;
        display: block;
        color: #FFF;
        font-size: 10px;
    }

    .BookingStatus {
        display: block;
        background: #475f77;
    }

    .SymbolName.mod {
        line-height: 24px;
    }

    .prepard_legd {
        float: left;
        width: 66%;
    }

    .SymbolName.nam p {
        width: 100%;
    }

    .SymbolName p {
    }

    .prepard_legd.full {
        width: 34%;
    }

    .SymbolName p {
        width: 89%;
    }

    .SymbolName.nam {
        width: 98%;
        float: left;
        margin-top: 5%;
    }




    .psgen h2 {
        font-size: 17px;
    }

    .psgen p {
        font-size: 9px;
    }

    .jnydte h3 {
        font-size: 20px;
    }

    button.btn.btn-primary {
        width: 100%;
        margin-top: 1%;
    }

    input.search {
        width: 100% !important;
    }

    input.tfbutton {
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 0px 0px;
        padding: 8px;
    }

    .serialNumber {
        display: none;
    }

    .BookingStatus {
        display: none;
    }
}

@media (max-width:320px) {
    #overlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #loading {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 25%;
        margin: 0px 0 0 -25px;
    }

    .passengerstatus {
        float: left;
        width: 48%;
        margin: 1%;
        background: #848484;
        color: #FFFFFF;
        padding-bottom: 9px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }


    .contentdetails {
        background: #FFF !important;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
        padding: 6px 6px 6px 6px;
        background: #475f77;
    }

    .passengerstatus {
        padding-left: 0px;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }


    .trnnumbrheading {
        display: none;
    }

    span.mobile-close img {
        width: 10%;
        display: block;
    }

    span.destop-close img {
        display: none;
    }

    span.mobile-close img {
        width: 76%;
        display: block;
    }

    .serialNumber {
        display: block;
    }

    .serialNumber {
        background: none repeat scroll 0% 0% #D74B4B;
        padding-bottom: 1px;
        padding-top: 9px;
        color: #FFF;
        font-size: 10px;
    }

    .BookingStatus {
        display: block;
    }

    .Mainbox {
        width: 48.4% !important;
    }

    img {
        margin-left: 28%;
        width: 45%;
    }

    .SymbolName.mod {
        line-height: 24px;
    }

    .prepard_legd {
        float: left;
        width: 66%;
    }

    .SymbolName.nam p {
        width: 100%;
    }

    .SymbolName p {
    }

    .prepard_legd.full {
        width: 42%;
    }

    .SymbolName p {
        width: 89%;
    }

    .SymbolName.nam {
        width: 82%;
        float: left;
    }

    .box {
        width: 100%;
    }

    .search-aeria h3 {
        color: #6B6C6E;
        font-size: 17px;
    }

    input.search {
        width: 100% !important;
    }

    .psgen h2 {
        font-size: 14px;
    }

    .psgen p {
        font-size: 7px;
    }

    .jnydte h3 {
        font-size: 17px;
        text-align: center;
    }

    .prepard {
        width: 100%;
    }

    .prepard_ch {
        width: 100%;
        font-size: 14px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

        .prepard_ch p {
            text-align: center;
        }
}

@media (max-width:247px) {
    .passengerstatus {
        float: left;
        width: 100%;
        background: #4F9F6C;
        color: #FFFFFF;
        padding-bottom: 3px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: none;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    input.search {
        width: 100% !important;
    }

    input.tfbutton {
        float: left;
        width: 100%;
    }

    input.tfbutton {
        font-size: 12px;
        padding: 6px;
    }


    .prepard_legd {
        width: 58%;
    }

    .legendsH h2 {
        margin-top: 11px !important;
    }

    .pnr-no-box {
        font-size: 9px !important;
        text-align: center;
    }

    .search-aeria h3 {
        color: #FFF;
        font-size: 16px;
        text-align: center;
    }

    .psgen h2 {
        font-size: 14px;
        color: rgb(69, 67, 67);
        font-weight: 700;
    }

    .psgen p {
        font-size: 8px;
        font-weight: 500;
    }

    .jnydte h3 {
        font-size: 11px;
    }

    .groupbtn {
        float: initial;
    }

    button.btn.btn-primary {
        font-size: 11px;
    }

    .serialNumber {
        font-size: 10px;
    }

    .BookingStatus {
        font-size: 10px;
    }

    .PassengerName p {
        font-size: 14px;
    }

    .Mainbox {
        width: 100% !important;
    }
}

@media (max-width:253px) {
    .passengerstatus {
        float: left;
        width: 100%;
        background: #4F9F6C;
        color: #FFFFFF;
        padding-bottom: 3px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: none;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    input.search {
        width: 100% !important;
    }

    input.tfbutton {
        float: left;
        width: 100%;
    }

    input.tfbutton {
        font-size: 12px;
        padding: 6px;
    }


    .prepard_legd {
        width: 58%;
    }

    .legendsH h2 {
        margin-top: 11px !important;
    }

    .pnr-no-box {
        font-size: 9px !important;
        text-align: center;
    }

    .search-aeria h3 {
        color: #FFF;
        font-size: 16px;
        text-align: center;
    }

    .psgen h2 {
        font-size: 14px;
        color: rgb(69, 67, 67);
        font-weight: 700;
    }

    .psgen p {
        font-size: 8px;
        font-weight: 500;
    }

    .jnydte h3 {
        font-size: 11px;
    }

    .groupbtn {
        float: initial;
    }

    button.btn.btn-primary {
        font-size: 11px;
    }

    .serialNumber {
        font-size: 10px;
    }

    .BookingStatus {
        font-size: 10px;
    }

    .PassengerName p {
        font-size: 14px;
    }

    .Mainbox {
        width: 100% !important;
    }
}

@media (max-width:256px) {
    .passengerstatus {
        float: left;
        width: 100%;
        background: #4F9F6C;
        color: #FFFFFF;
        padding-bottom: 3px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: none;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    input.search {
        width: 100% !important;
    }

    input.tfbutton {
        float: left;
        width: 100%;
    }

    input.tfbutton {
        font-size: 12px;
        padding: 6px;
    }


    .prepard_legd {
        width: 58%;
    }

    .legendsH h2 {
        margin-top: 11px !important;
    }

    .pnr-no-box {
        font-size: 9px !important;
        text-align: center;
    }

    .search-aeria h3 {
        color: #FFF;
        font-size: 16px;
        text-align: center;
    }

    .psgen h2 {
        font-size: 14px;
        color: rgb(69, 67, 67);
        font-weight: 700;
    }

    .psgen p {
        font-size: 8px;
        font-weight: 500;
    }

    .jnydte h3 {
        font-size: 11px;
    }

    .groupbtn {
        float: initial;
    }

    button.btn.btn-primary {
        font-size: 11px;
    }

    .serialNumber {
        font-size: 10px;
    }

    .BookingStatus {
        font-size: 10px;
    }

    .PassengerName p {
        font-size: 14px;
    }

    .Mainbox {
        width: 100% !important;
    }
}

@media (min-width: 251px) and (max-width:320px) {
    .passengerstatus {
        float: left;
        width: 100%;
        background: #4F9F6C;
        color: #FFFFFF;
        padding-bottom: 3px;
        /* padding-left: 3%; */
    }

    .bookingstts {
        padding-left: 0px;
    }

    .currentstts {
        padding-left: 0px;
    }

    .contentdetails {
        background: none;
        padding-bottom: 0px;
    }

    .psnger {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
    }

    .bookingstts {
        width: 100%;
        /* float: left; */
        text-align: center;
        /* padding-left: 5.3%; */
    }

    .currentstts {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 15px;
        /* padding-left: 6%; */
    }

    .trnnumbrheading {
        display: none;
    }

    input.search {
        width: 100% !important;
    }

    input.tfbutton {
        float: left;
        width: 100%;
    }

    input.tfbutton {
        font-size: 12px;
        padding: 11px;
    }


    .prepard_legd {
        width: 58%;
    }

    .legendsH h2 {
        margin-top: 11px !important;
    }

    .pnr-no-box {
        font-size: 9px !important;
        text-align: center;
    }

    .search-aeria h3 {
        color: #FFF;
        font-size: 16px;
        text-align: center;
    }

    .psgen h2 {
        font-size: 14px;
        color: rgb(69, 67, 67);
        font-weight: 700;
    }

    .psgen p {
        font-size: 8px;
        font-weight: 500;
    }

    .jnydte h3 {
        font-size: 11px;
    }

    .groupbtn {
        float: initial;
    }

    button.btn.btn-primary {
        font-size: 11px;
    }

    .serialNumber {
        font-size: 10px;
    }

    .BookingStatus {
        font-size: 10px;
    }

    .PassengerName p {
        font-size: 14px;
    }

    .Mainbox {
        width: 100% !important;
    }
}
/*--------------------------End-Responsive header---------------------------*/