/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
   
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
   
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (max-width: 414px) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
   
}
/**********
    iPad 3
    **********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }
    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }
    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }
    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size:22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top:20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }
    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }
    .ouponCodeinp{
        margin-bottom:10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }
    .finaltext1 {
        left: 0px !important;
    }
    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
   
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
   
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    #mobtwo {
        order: 1;
    }

    #mobone {
        order: 2;
        box-shadow: none !important;
    }

    div#v-pills-tab {
        display: none;
    }

    div#dvPGDetails {
        margin-top: 0px;
    }

    .p-4 {
        padding: 1rem !important;
    }

    ul li img {
        width: auto !important;
        height: 70px;
    }
    span.space.pl-3.TicketPrice {
        float: right;
        margin-left: 0px !important;
    }
    span.space.pl-3.ConvenienceFee {
        float: right;
        margin-left: 0px !important;
    }

    span.space.pl-3.Discount {
        float: right;
        margin-left: 0px !important;
    }


    .mrg1 {
        margin-left: 0px;
        float: right;
    }

    b.spacelast.mrg2 {
        float: right !important;
        margin-left: 0px !important;
    }

    .header {
        margin-left: 0px !important;
        font-size: 18px !important;
        text-align: center;
        margin-top: 0rem !important;
        left: auto;
    }

    .imgs {
        height: auto !important;
    }

    .row.flex-column.flex-md-row.space-for-div {
        margin: auto;
        box-shadow: none !important;
    }

    .row.checkterm {
        margin-right: 0px;
        margin-left: 0px;
    }

    .row.mb-5.mt-5 {
        margin: 10px 0px 30px 0px !important;
    }

    .middle {
        padding: 10px !important;
        height: auto !important;
    }

    .terms-second {
        display: none;
    }

    button#btnINTBank {
        width: 100%;
        margin-left: auto;
    }

    .totalAmount2 {
        position: relative;
        font-size: 22px;
        top: 10px;
        left: auto !important;
        margin: auto !important;
        margin-top: 20px !important;
    }

    .col-12.col-md-6 {
        text-align: center;
    }

    .rs {
        height: 18px !important;
        margin: -8px 5px 0 0 !important;
    }

    .ouponCodebtn {
        width: 100%;
        border-color: #bfbfbf;
        background: #bfbfbf;
    }

    .ouponCodeinp {
        margin-bottom: 10px;
    }

    input[type="checkbox"] {
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        background: #34495E;
        border-radius: 1px;
        border: 1px solid #000;
        box-sizing: border-box;
        position: relative;
        box-sizing: content-box;
        width: 20px;
        height: 20px;
        border-width: 0;
        transition: all .3s linear;
    }

        input[type="checkbox"]:checked {
            background-color: #2ECC71;
        }

        input[type="checkbox"]:focus {
            outline: 0 none;
            box-shadow: none;
        }

    .ma-l {
        margin-left: 10px;
    }

    .clsTxtAlign {
        margin-top: -32px !important;
        margin-left: 35px !important;
        font-size: 12px;
    }

    li.list-group-item.p-4.rounded-0 {
        display: none;
    }

    .finaltext1 {
        left: 0px !important;
    }

    .lastrow {
        border: 1px solid lightgrey;
        padding: 10px !important;
    }
    .pgimage {
        padding: 10px !important;
    }
}