@media only screen and (min-width: 768px) {
    .range-wrap > p span.bmd-form-group input[type="text"] {
        border: none;
    }
    #select-flight .range-wrap {
        border-bottom: 1px solid #c3c8ea;
        margin-bottom: 15px;
    }
    .right-logo {
        margin: -13px 0 0 0;
    }
    .col-sm-15,
    .log-btn,
    .logo,
    .navbar-nav {
        float: left;
    }
    .log-btn,
    .login-head .menu-wrap,
    .top-logo {
        display: block;
    }
    .contact-wrap ul,
    .container.top-logo,
    .item-list.details-para,
    .search-form {
        overflow: hidden;
    }
    body.home header {
        background: 0 0;
    }
    .menu-wrap,
    header {
        background: #E0B017;
    }
    .item.homes > div p {
        line-height: 108%;
        padding: 11% 10px;
    }
    header {
        position: relative;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 4;
    }

    .islamic-logo {
        margin: 7px 0 0;
    }
    .logo {
        font-size: 20px;
        margin: 23px 2px 15px -5px;
        width: 92px;
    }
    #navbar {
        padding: 0;
        display:none!important;
    }
    .nav > li {
        border: none;
    }
    .navbar-nav > li > a {
        font-size: 11px;
        padding: 30px 2px 25px;
    }
    .navbar-nav > li > a.buyLink {
        position: relative;
        top: 1px;
    }
    .navbar-nav > li > a.buyLink i.fa-plus {
        font-size: 11px;
    }
    .navbar-nav > li > a.buyLink:before {
        background: #bc9904;
        height: 16px;
        width: 3px;
        content: "";
        position: absolute;
        left: 0;
        top: 33px;
    }
    .menu-wrap {
        padding: 0;
    }
    .log-btn {
        text-align: center;
    }
    .right-logo {
        margin: 20px auto 0;
        padding: 10px 10px 0;
        width: 120px;
    }
    .top .right-logo {
        margin: 19px auto 0;
    }
    .navbar-header {
        padding: 0 10px;
        background: 0 0;
    }
    .log-btn {
        width: 118px;
        height: 25px;
        font-size: 9px;
        padding: 5px 6px;
    }
    .style-text {
        text-align: justify;
    }
    .nav {
        margin: 0 0 0 10px;
    }
    .jump-remove {
        min-height: 500px;
        margin-top: -18%;
    }
    .cury-link {
        width: 176px;
    }
    .cury-link li > a {
        font-size: 12px;
    }
    .cury-link ul,
    .navbar-nav > li > ul {
        position: absolute;
        top: 71px;
        width: 189px;
        left: 0;
        background: #fff;
        box-shadow: 0 2px 3px #010101;
        z-index: 6;
    }
    .con-bg,
    .owl-pagination {
        position: relative;
    }
    .cury-link ul {
        top: 37px;
        text-align: left;
        left: 6px;
    }
    .guide-box {
        left: -47px;
    }
    .currecy-pop li {
        width: 47%;
        padding: 0 15px 0 0;
    }
    .owl-pagination .owl-page a {
        cursor: pointer;
    }
    .owl-item .item > div h2 {
        font-size: 34px;
    }
    .col-sm-15 {
        width: 20%;
        text-align: center;
        min-height: 120px;
        padding: 69px 10px 10px;
    }
    .owl-pagination .owl-page a:hover {
        border-color: #f3757a;
        background: #fff;
    }
    .owl-item .item > div {
        padding: 61px 81px 0;
    }
    .owl-prev {
        left: 10px;
    }
    .owl-next {
        right: 10px;
    }
    .col-sm-15.col-xs-12 > a {
        bottom: 55px;
        display: block;
        left: 0;
        margin: 0 auto;
        right: 0;
    }
    .con-bg .col-sm-2 {
        padding: 0 10px 12px 15px;
    }
    .con-bg {
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        background: #022c69;
    }
    .hom-icon a.icon {
        width: 106px;
        margin: -55px auto 8px;
    }
    .hom-icon,
    .hom-icon.last {
        background: url(../images/web-portal/web-portal/blue-dot.jpg) left top repeat-y;
    }
    .hom-icon a.know-mo {
        right: 0;
        left: 0;
    }
    .hom-icon h3 {
        font-size: 13px;
    }
    .owl-item .item > div p,
    .owl-item .item > div p > span {
        font-size: 25px;
        line-height: 33px;
    }
    .act-btn {
        font-size: 15px;
        padding: 10px;
        width: 150px;
    }
    .row-col {
        margin: 0;
    }
    .wrapper {
        margin: 0 auto;
    }
    h1,
    h2 {
        font-size: 22px;
        margin: 0 0 15px;
    }
    .container.inner-content,
    .container.inner-content.shop-page {
        margin: -72px auto 50px;
        border-radius: 4px;
    }
    .container.inner-content.shop-page.flight-tab {
        margin: -72px auto 50px;
    }
    .row-fields.row {
        margin: 0 -15px 0;
    }
    .error {
        bottom: -15px;
    }
    .error.hotel-error {
        bottom: 36px;
    }
    .innerpad {
        padding: 20px;
    }
    #adtexpiryError1.error {
        bottom: -26px;
        font-size: 10px;
    }
    .left-co ul li:nth-child(2) p {
        padding: 0 13px 0 0;
    }
    .rstpsubmit .btn-wrap .btn {
        margin: 0 20px 0 0;
    }
    .copyright {
        margin: 5px -15px 0 0;
        float: right;
        font-size: 14px;
        line-height: 19px;
    }
    .footer-sec ul.footer-link {
        margin: 8px 0 0 0;
        overflow: hidden;
        display: inline-block;
    }
    .footer-sec ul li {
        float: left;
        margin: 0;
    }
    .footer-sec ul {
        margin: 0;
        width: auto;
    }
    .footer-sec ul.social {
        margin: 7px 0 0;
        float: right;
        display: inline-block;
    }
    .footer-sec ul.social li {
        float: left;
    }
    .flight-book-form {
        padding: 20px 10px;
    }
    .banner-sec img {
        height: 100%;
        margin-top: 90px;
    }
    .login-content {
        margin: -62px auto 20px;
    }
    .left-col {
        padding: 0 10px 0 0;
        margin: 0;
    }
    .left-col > div {
        background-: #f1f2f9;
    }
    .right-col {
        padding: 0 0 0 10px;
    }
    .left-col > div,
    .right-col > div {
        /*background: #fff;*/
    }
    .right-col > div {
        padding: 30px 10px;
        border-radius: 4px;
    }
    .myaccount-wrap .right-tab-col.right-col > div {
        padding: 0 10px;
    }
    .right-col > div.item-wrap {
        padding: 10px;
    }
    .category-links li {
        float: none;
        width: 100%;
        margin: 0 0 11px;
        padding: 0;
    }
    .left-col > div {
        padding: 20px 16px;
        border-radius: 4px;
    }
    #slider-range1,
    #slider-range2,
    #slider-range3,
    #slider-range4,
    .range-wrap #slider-range {
        margin: 24px 0 0;
    }
    .item-list > div > div {
        width: 72%;
    }
    .redeem-wrap ul li:first-child {
        width: 52%;
    }
    .redeem-wrap ul li {
        float: left;
        margin: 0 5px 0 0;
        width: 15%;
    }
    .item-list > figure {
        float: left;
        margin-right: 10px;
        width: 20%;
    }
    .item-list > div {
        background: #fefefe;
        float: left;
        margin: 0 0 0 10px;
        min-height: 100px;
        padding: 6px 10px 4px;
        width: 74%;
    }
    .item-list.details-para figure {
        margin-right: 15px;
    }
    .item-list.details-para > figure {
        width: 40%;
    }
    .item-list.details-para > div {
        width: 100%;
    }
    .item-list.details-para > div > div {
        width: 79%;
    }
    .hoterl-pop.summary .nav > li {
        width: auto;
    }
    .item-list.details-para > div > aside {
        width: 15%;
    }
    .hoterl-pop.summary .nav > li a {
        border-radius: 4px 4px 0 0;
    }
    .container.smiple-con {
        padding: 177px 0 0;
    }
    .tab-menu li {
        display: inline-block;
        border-right: 1px solid #095179;
        padding: 0 2.5%;
        margin: 0;
    }
    .tab-menu li:first-child {
        padding-left: 0;
    }
    .tab-menu li:last-child {
        padding-right: 0;
        border-right: 0;
    }
    .tab-menu li.active {
        display: inline-block !important;
    }
    .tab-menu {
        text-align: center;
        padding: 11px 0;
        margin: 0 0 10px;
        border-radius-: 4px;
    }
    .tab-menu li:before {
        display: none;
    }
    .left-tab-col {
        padding: 0;
    }
    .left-account {
        background: #fff;
        padding: 5px;
    }
    .left-account h2 {
        color: #095179;
        font-size: 16px;
        margin: 0;
        padding: 19px 20px;
        text-transform: uppercase;
        text-align: center;
    }
    .left-account table,
    .left-account tbody td {
        border: none;
    }
    .left-account .btn {
        margin: 0 auto 12px;
        width: 109px;
    }
    .tra-tab th span {
        display: inline-block;
    }
    .pro-tab td:first-child {
        width: 37%;
    }
    .tab-menu li a {
        font-size: 11px;
    }
    .left-account td {
        font-size: 12px;
        padding: 7px 2px;
    }
    .left-account td:first-child {
        width: 24%;
    }

    .search-form {
        background: 0 0;
        border-bottom: 1px solid #bebebe;
        width: 260px;
        position: absolute;
        right: 20px;
        border-radius: 2px;
        top: 15px;
    }
    .select-style.room {
        margin: 0;
    }
    .right-align{
        left: 40px;
    }

    .sumitted_select-style {
        width: 90%;
        margin: 0 auto !important;
        padding: 0px 0 10px 0;
    }
    .subittedSearch-form
    {  margin: 20px auto 0 auto!important;
       margin: 0 0 0 0; 
       width: 95%;
    }
    .captcha-sec > input[type="text"] {
        width: 70%;
    }
    .path-info li {
        font-size: 16px;
        margin: 0 0 14px;
    }
    .search-item.modifysearchform li {
        margin: 0 0 10px;
    }
    .ser.right-col > div {
        padding: 30px 10px 10px;
    }
    .search-item.modifysearchform li,
    .search-item.modifysearchform > li:last-child {
        width: 25%;
    }
    .travel-select,
    .travel-select.first,
    .travel-select > a {
        margin-bottom: 0;
    }
    .travel-select > a {
        border-radius: 4px;
    }
    .travel-select {
        width: 60%;
    }
    .travel-select.first {
        width: 100%;
        border-radius: 4px;
        margin: 0 10% 0 0;
    }

    .col-md-12.text-center {
        margin: 31px 0 0;
    }
    .right-head.ser {
        position: relative;
        border-radius: 4px;
        padding-bottom: 0;
        margin-bottom: 0;
        padding-left: 10px;
    }
    .search-item.modifysearchform li.modify-ser {
        position: absolute;
        right: 25px;
        top: -106px;
    }
    .select-hover {
        top: 0;
        width: 140px;
    }
    .trip-summary li span,
    .trip-summary li strong {
        display: block;
        float: none;
        width: 100%;
        padding: 7px 0;
    }
    .range-wrap > p input,
    .range-wrap > p label {
        width: 100%;
    }
    .btn-wrap input.btn[type="button"] {
        margin: 10px 10px 10px 0;
        width: 43%;
    }
    .right-head.h-ser .gr-hotel li {
        float: left;
        width: 70%;
    }
    .right-head.h-ser .gr-hotel li:last-child {
        width: 30%;
        text-align: center;
    }
    .hotel-info {
        text-align: left;
    }
    .hotel-detail-wrap figure {
        float: left;
        margin: 0 15px 0 0;
        width: 150px;
        text-align: center;
        height: 100px;
    }
    .hotel-detail-wrap figure img {
        max-width: 150px;
        max-height: 100px;
    }
    .hotel-info {
        float: left;
        width: 42%;
    }
    .hotel-btn {
        float: right;
        width: auto;
    }
    .hotel-detail-wrap {
        padding: 0;
    }
    .hotel-info h3 {
        text-align: left;
    }
    .rating li {
        float: left;
        margin: 0 6px 0 0;
    }
    #loadingHotelDetail #myModal .gr-hotel li {
        float: left;
        width: 70%;
    }
    #loadingHotelDetail #myModal .gr-hotel li:last-child {
        width: 30%;
        text-align: center;
        float: left;
        padding-top: 1px;
    }
    .tooltip1 .tooltiptext:after {
        left: 50%;
    }
    .tooltip1 .tooltiptext {
        visibility: hidden;
        display: block;
    }
    .ptooltip1 {
        visibility: hidden;
    }
    .ptooltip1-wrap:hover .ptooltip1,
    .tooltip1:hover .tooltiptext {
        visibility: visible;
        display: block;
    }
    input[type="submit"].sub-btn {
        margin: 30px auto 0;
        min-width: 100px;
    }
    .address-wrap {
        max-width: 800px;
    }
    .contact-wrap {
        max-width: 434px;
        text-align: center;
        width: 100%;
        margin: 0 auto 20px;
    }
    .slider-con-rew h1 {
        padding: 13px 20px 18px;
        background: rgba(255, 255, 255, 0.8);
        margin: -76px 0 0;
    }
    .slider-con-rew > div {
        background: rgba(255, 255, 255, 0.8);
        width: 50%;
        max-width: 472px;
        padding: 13px 19px;
        height: 107%;
    }
    .redemption-sec-con,
    .slider-con-rew {
        top: 0;
        max-width: 1024px;
        left: 0;
        right: 0;
    }
    .slider-con-rew {
        position: absolute;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    .slider-con-rew > div h2 {
        font-size: 20px;
        margin: 0 0 5px;
    }
    .bonus-sec li,
    .bonus-sec p,
    .left-co p,
    .right-co > div > div h3,
    .right-co > div > div ul li,
    .slider-con-rew > div li,
    .slider-con-rew > div p {
        font-size: 12px;
    }
    .slider-con-rew > div p {
        margin: 0 0 5px;
    }
    .redemption-sec-con {
        position: initial;
        margin: 0 auto;
        padding: 23px 0 0;
    }
    .left-co {
        border: none;
        float: none !important;
        margin: 0 auto;
    }
    .left-co > i img {
        width: 63px;
    }
    .left-co h2 {
        margin: 0 0 12px;
        font-size: 20px;
    }
    .left-co p {
        margin-bottom: -1px;
    }
    .left-co .link {
        margin: 37px auto 20px;
    }
    .link {
        margin: -6px auto;
    }
    .left-co h2,
    .right-co h2,
    .right-co h3 {
        margin-bottom: 10px;
    }
    .right-co > div > div h3 span {
        display: inline-block;
    }
    .right-co > div > div ul {
        margin: 0 0 20px 46px;
    }
    .right-co > div > div:last-child ul {
        margin: 0 0 38px 46px;
    }
    .bonus-sec .contact-wrap li {
        width: 100%;
    }
    .bonus-sec h3 {
        font-size: 20px;
        margin-bottom: 24px;
        text-align: left;
    }
    .bonus-sec .card-sec ul {
        width: 45%;
    }
    .redemption-sec > img {
        display: none;
    }
    .redemption-sec {
        background: url(../images/web-portal/imgs-2.jpg) no-repeat red;
        background-size: 100% 100%;
    }
    .left-co ul li {
        list-style: none;
        padding: 0 10px 0 0;
        color: #fff;
        float: left;
        width: 50%;
        height: 118px;
        position: relative;
    }
    .left-co ul li:last-child {
        padding: 0;
    }
    .left-co ul li .link,
    .right-co > div > div ul li .link {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        padding: 9px 8px;
    }
    .link,
    .right-co > div > div .link {
        padding: 9px 8px;
    }
    .right-co > div > div .link {
        bottom: 12px;
    }
    .login-form.forgot-wrap .error {
        bottom: -5px;
    }
    .login-form.forgot-wrap ul li .error.act {
        bottom: 7px;
    }
    input.btn[type="button"].xec-btn {
        margin: 27px 0 0;
        float: left;
    }
    .choose-currency label {
        font-size: 12px;
        margin: 0 0 0 -15px;
    }
    .range-wrap.aveb.ffp-avi .btn.ave {
        padding: 26px 5px 5px;
    }
    .ffp-page label {
        height: 33px;
    }
    .tooltip1.first1 .tooltiptext {
        left: -98px;
    }
    .tooltip1.first1 .tooltiptext::after {
        left: 40%;
    }
    .hom-icon:hover .hide-sec {
        display: block;
    }
    .range-wrap.aveb.ffp-avi {
        position: absolute;
        right: 0;
        top: -12px;
        border: none;
    }
    .miles-page .partners-wrap h2 {
        margin: 0 0 22px;
    }
    .range-wrap.aveb.ffp-avi h4 {
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 20px;
        margin: 0 15px 8px 0;
        padding: 12px 0 0;
    }
    .range-wrap.aveb.ffp-avi > div {
        padding: 34px 0 0;
    }
    .category-links li a i {
        margin: 0 15px 0 0;
    }
    .miles-page .row-fields.row {
        margin: 0 0 26px -7px;
    }
    .hoterl-pop .nav > li > a {
        padding: 10px 7px;
    }
    .shop-page h5 {
        padding: 0 0 0 9px;
    }
    .range-wrap.home-miles .gift-icon {
        width: 32px;
        padding: 0;
        margin: 0 auto;
        display: block;
    }
    .range-wrap.home-miles .gift-icon img {
        width: 20px;
    }
    .range-wrap.home-miles h4 {
        display: none;
    }
    .range-wrap.home-miles .btn.ave {
        font-size: 22px;
        line-height: 120%;
        margin: 0;
        color: #fff;
        padding: 0;
    }
    .footer-sec ul.footer-link li {
        padding: 0 9px;
    }
    .footer-sec ul.footer-link li:first-child {
        padding: 0 9px 0 0;
    }
    .footer-sec ul.footer-link li a {
        font-size: 13px;
    }
    input.btn.green_back[type="button"] {
        margin: 24px 0 0;
    }
    #showSearchResultFilterDiv input.btn[type="button"].green_back {
        float: none;
        font-size: 14px;
        margin: 5px auto 0;
    }
    #confirmation,
    #purchasepoint {
        padding: 20px 30px;
    }
    #confirmation button.btn {
        margin: 0;
    }
    #welcome-emailer .modal-dialog {
        width: 493px;
        height: 303px;
        max-width: 493px;
    }
    #welcome-emailer .modal-dialog p {
        font-size: 18px;
        line-height: 147%;
        margin: 0;
    }
    #welcome-emailer ul li span {
        width: 25%;
    }
    .table.search-heading > tbody > tr > td:last-child.alingclas {
        vertical-align: middle;
        text-align: center;
    }
    .modifySearchBox.ms a.btn {
        margin: 28px 0 0 10px;
    }
    .btn.cancel-btn {
        float: right;
        margin: 0 0 0 10px;
    }
    .right-head input.btn[type="button"].green_back {
        margin: 10px 0 0;
    }
    .right-head > .col-xs-12 {
        padding: 0;
    }
    .search-heading td > p {
        font-size: 13px;
    }
    .hom-icon,
    .hom-icon.last {
        background: url(../images/web-portal/blue-dot.jpg) left top repeat-y;
    }
    .cretPss .errorSpan.aa {
        position: relative;
        top: -14px;
        word-spacing: 0;
        letter-spacing: 0;
        font-size: 12px;
    }
    .childAge2Style select {
        margin-left: 0px !important;
    }
    .childAge2Style{
        padding:0 !important;
    }
    #transactionformTbl .pages:nth-child(even){
        background: #e6e6e6 !important;
    }
    #myTable1 .pages:nth-child(even){
        background: #e6e6e6 !important;
    }
    #bonusDetailPage .pages:nth-child(even){
        background: #e6e6e6 !important;
    }
    #earnedTable1 .pages:nth-child(even){
        background: #e6e6e6 !important;
    }

}
@media screen and (min-width: 1025px) {
    .childAge2Style select {
        margin-left: 15px !important;
    }
    .item.homes > div p {
        padding: 11% 0 0 5%;
    }
    .banner-sec > div > div p.mil-ban,
    .container {
        padding: 0;
    }
    .innerpad {
        padding: 29px 39px;
        border-radius: 4px;
    }
    .owl-buttons {
        top: 43%;
    }
    header {
        position: fixed;
    }
    .col-sm-15,
    .menu-wrap {
        position: relative;
    }
    .logo {
        margin: 23px 43px 35px;
        width: 120px;
        font-size: 12px;
        color: #095179;
    }
    .rig-logo {
        margin-left: -15px;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-nav > li > ul {
        top: 42px;
        border-radius: 4px;
        left: 3px;
    }
    .nav.navbar-nav {
        padding: 0 10px 0 0;
    }
    .nav > li:first-child {
        top: 2px;
    }
    .nav-tabs > li:first-child {
        top: 0px;
    }
    .navbar-nav > li:hover ul {
        display: block !important;
    }
    .navbar-nav > li > a {
        font-size: 14px;
        padding: 32px 6px 23px;
    }
    #navbar {
        margin: -3px 0 6px 40px;
        padding: 0;
    }
    .log-btn {
        width: auto;
    }
    body.MyAccount .top .right-logo {
        margin: 0;
    }
    .right-logo {
        float: right;
        width: 129px;
        margin: 15px 0 0 5px;
        width: 161px;
        padding-left: 0;
    }
    .log-btn {
        font-size: 14px;
        padding: 5px 0;
        float: right;
        min-width: 100px;
        text-align: center;
    }
    .log-btn-wrap {
        padding: 0;
    }
    .range-wrap.home-miles .gift-icon img {
        width: 32px;
    }
    .range-wrap.home-miles .btn,
    .range-wrap.home-miles .gift-icon,
    .range-wrap.home-miles h4 {
        display: inline-block;
        vertical-align: middle;
    }
    .guide-link:hover .guide-box,
    .redemption-sec > img {
        display: block;
    }
    .range-wrap.home-miles h4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 234%;
        margin: 0 0 0 10px;
        color: #fff;
    }
    .range-wrap.home-miles .btn {
        line-height: 129%;
        margin: 0 6px;
        padding: 0;
    }
    .container.top-logo {
        overflow: visible;
    }
    .slider-con-rew h1 {
        padding: 30px 20px 18px;
    }
    .slider-con-rew > div p {
        margin: 0 0 16px;
    }
    .right-co > div > div {
        height: 355px;
    }
    .slider-con-rew > div {
        height: 100.7%;
    }
    .cury-link {
        width: 206px;
    }
    .cury-link li > a {
        font-size: 14px;
    }
    .owl-item .item > div h2 {
        font-size: 50px;
    }
    .owl-item .item > div {
        padding: 143px 0;
    }
    .row-col {
        margin: 0;
    }
    .col-sm-15 {
        padding: 0 10px 10px;
        min-height: 120px;
    }
    .owl-item .item:before {
        background: url(../images/web-portal/header-top.png) top left repeat-x;
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: auto;
    }
    .con-bg {
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }
    .hom-icon a.know-mo {
        position: initial;
    }
    .hom-icon a.icon {
        margin: -80px auto 8px;
        width: 148px;
    }
    .hom-icon p {
        padding: 0 39px;
    }
    .con-bg {
        background: 0 0;
        position: absolute;
    }
    .owl-item .item > div p,
    .owl-item .item > div p > span {
        font-size: 25px;
    }
    .range-wrap.aveb.ffp-avi {
        border: none;
    }
    .range-wrap.aveb.ffp-avi > div {
        padding-bottom: 15px;
        margin: 14px 0 7px;
    }
    .range-wrap.aveb.ffp-avi h4 {
        font-size: 17px;
    }
    .ffp-page label {
        height: auto;
    }
    .range-wrap.aveb.ffp-avi .btn.ave {
        padding: 25px 20px 20px;
        margin: 0;
    }
    .hom-icon h3 {
        font-size: 15px;
    }
    .flight-book-form {
        padding: 20px 30px;
        border-radius: 4px;
    }
    .hotel-btn {
        padding-right: 10px;
    }
    .log-btn.fir {
        margin: 18px 2.5px 0;
    }
    .tooltip1 .tooltiptext:after {
        left: 40%;
    }
    .item-list > div > div {
        width: 80%;
        padding: 8px 0 0;
    }
    .item-list > div {
        margin: 0;
        width: 78.5%;
    }
    .item-list.details-para > div > div {
        width: 85%;
    }
    .myaccount-wrap .tab-menu li {
        padding: 0 3%;
    }
    .tab-menu li {
        padding: 0 2%;
    }
    .tab-menu.search-pg li:first-child {
        padding-left: 0;
    }
    .tab-menu.search-pg li:last-child {
        padding-right: 0;
    }
    .tab-menu li a {
        font-size: 14px;
        border-bottom: 3px solid transparent;
    }
    .left-account td {
        font-size: 12px;
        padding: 10px 0;
        width: 45%;
    }
    .tab-content > div {
        min-height: 218px;
    }
    .tab-menu.search-pg li {
        padding: 0 6%;
        margin: 0;
    }
    input[type="submit"].sub-btn {
        margin: 27px auto 0;
    }
    .miles-page .item-list.details-para figure {
        width: 50%;
    }
    .banner-sec > div > div > div {
        padding: 11% 0 0;
    }
    .banner-sec > div > div p {
        line-height: 110%;
        font-size: 47px;
    }
    .search-item.modifysearchform li,
    .search-item.modifysearchform > li:last-child {
        width: 16.66%;
    }
    .update .search-item.modifysearchform > li {
        width: 15%;
    }
    .update .search-item.modifysearchform > li.last {
        width: 6%;
    }
    .update .search-item.modifysearchform > li:nth-child(6) {
        width: 18%;
    }
    .login-content {
        margin: -190px auto 20px;
    }
    .login-content.search-wrap#loader {
        margin: -132px auto 20px;
        background: #fff;
    }
    .hotel-info {
        width: 55%;
    }
    .range-wrap > p label {
        width: 33%;
    }
    .range-wrap > p input,
    .range-wrap > p > span input {
        width: 100%;
        padding: 5px;
    }
    .btn-wrap input.btn[type="button"] {
        margin: 10px 15px 10px 0;
    }
    #adtexpiryError1.error {
        bottom: -27px;
        font-size: 12px;
    }
    .col-sm-15.col-xs-12 > a {
        bottom: 84px;
    }
    .slider-con-rew > div {
        padding: 18px 19px;
    }
    .slider-con-rew > div h2 {
        margin: 49px 0 26px;
    }
    .slider-con-rew > div h2:nth-child(1) {
        margin: 18px 0 20px;
    }
    .bonus-sec li,
    .bonus-sec p,
    .left-co p,
    .right-co > div > div h3,
    .right-co > div > div ul li,
    .slider-con-rew > div li,
    .slider-con-rew > div p {
        font-size: 14px;
    }
    .redemption-sec-con {
        padding: 47px 0 0;
        position: absolute;
    }
    .left-co h2 {
        margin: 0 0 25px;
    }
    .left-co p {
        margin-bottom: 63px;
    }
    .left-co > i img {
        width: auto;
    }
    .left-co h2,
    .right-co h2 {
        margin-bottom: 40px;
    }
    .right-co h3 {
        margin-bottom: 18px;
    }
    .redemption-sec {
        background: 0 0;
        background-size: 100% 100%;
    }
    .left-co ul li .link {
        padding: 9px 19px;
    }
    #message.error.review {
        padding-left: 0;
    }
    .choose-currency label {
        font-size: 17px;
    }
    .miles-page .range-wrap.aveb.ffp-avi {
        position: absolute;
        right: 0;
        top: 0;
    }
    .miles-page .range-wrap.aveb.ffp-avi h4 {
        margin: 0 15px 0 0;
        padding: 29px 0 0;
        position: relative;
    }
    .miles-page .range-wrap.aveb.ffp-avi > div {
        padding: 9px 0 0;
    }
    .footer-sec ul.footer-link li {
        padding: 0 12px;
    }
    .footer-sec ul.footer-link li a {
        font-size: 14px;
    }
    input.btn[type="button"].green_back {
        margin: 28px 0 0;
    }
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 25%;
        float: left;
    }
    .submitted_search-form{
        width: 25%;
        margin: 18px 25px 0 0px !important;

    }
    .earnedSelect{
        width: 200px !important;
    }
}
@media screen and (max-width: 639px) {
    .category-links li {
        padding: 0 2px;
    }
    .category-links li a {
        font-size: 13px;
    }
    .item-list > figure {
        width: 123px;
    }
    .item-list > div {
        width: 69%;
    }
    .item-list > div > div {
        width: 76%;
    }
    .item-list > div > div a {
        font-size: 11px;
        line-height: 14px;
    }
    .item-list > div > div p {
        font-size: 14px;
    }
    .right-head h5 {
        line-height: 127%;
    }
    .redeem-wrap ul li {
        margin: 0 0 15px;
    }
    .item-list > div > aside {
        width: 24%;
    }
    .item-list > div > aside a.btn {
        border-radius: 4px;
        font-size: 10px;
        padding: 6px 0;
    }
    .owl-pagination .owl-page {
        margin: 24px auto;
    }
}
@media screen and (max-width: 767px) {
    
     .tac{margin-bottom: 120px;}
    
    .bonusTable tr td{
        margin-bottom: unset;
    }
    
    .policy p{
        margin-top:10px;
    }
    
    .priv h3{
        margin: 15px 0 10px;
    }
    
    
    #howItWorkstbl td {
        width: 25%;
    }
    
    #bonusTab{
        padding-bottom: 0;
    }
     #bonusDetailpagination ul {
       margin-bottom: 0; 
    }
    
    
    .howItWorksBackImg {
	padding: 59px 118px;
    }
    .parimgJohnBoxBackImg {
	padding: 49px 100px;
    }
    tr.visible-xs.earnedTable td{
	margin:0 !important;
    }
    tbody#myTable1 .pages td {
	margin:0 !important;
    }
    tbody#bonusDetailPage .pages td{
	margin:0 !important;
    }
    tbody#transactionpagination tr td{
	margin:0 !important;
    }
    .parimgJohnBox {
        justify-content: start; 
        padding: 5px 0 5px 15px;
    }
    .childAge1Style{
        margin-left: 5px;
    }
    .col-xs-12 {
        width: 100%;
    }

    .col-sm-9.col-xs-12.right-col {
        padding-right: 0;
    }
    .inner-content.flight-tab .myaccount-wrap .range-wrap {
        margin: 0;
    }
    .inner-content.flight-tab .col-sm-9.col-xs-12.right-col {
        margin-right: 0;
    }
    .mobViewSec.visible-xs-inline-block .log-btn {
        margin: 0 5px 3px 8px;
        padding:0 30px;
    }
    .chooseLang {
        margin: 8px 0 0;
    }
    .chooseLang li::before {
        top: 3px;
    }
    .chooseLang li a {
        font-size: 10px;
    }
    .span5.hoteltext {
        padding-top: 10%;
    }
    .span5.shoptext {
        width: 34% !important;
        padding-top: 5%;
    }
    .span5.vouchtext {
        width: 31% !important;
    }
    .usernavBox li a span i.giftIcon {
        top: 11px;
    }
    .usernavBox li a span i.redeemIcon {
        top: 8px;
    }
    .navbar-nav > li > ul li a i.fas.giftic {
        position: relative;
        top: 2px;
    }
    .navbar-nav > li > ul li:last-child.mobmenu {
        position: relative;
        top: -4px;
    }
    .popup-list li > a > i.fa-cart-arrow-down {
        left: 47px;
    }
    .popup-list li > a > i,
    .popup-list li > a > i.fa-plane {
        left: 52px;
    }
    .popup-list li > a > i.fasGift {
        width: 19px;
    }
    .popup-list li > a > i.fascashbakc {
        width: 24px;
        margin: -4px 11px 0 -4px;
    }
    #mytravel .span5 {
        width: 34% !important;
    }
    .homeBox {
        padding-top: 1%;
    }
    .homeBox .span5 h1 {
        color: #095179 !important;
        line-height: 16px;
    }
    #airBookingPopup {
        width: 316px;
        min-width: 316px;
        padding-top: 20px !important;
    }
    #airBookingPopup h2 {
        font-size: 16px;
    }
    .mobViewSlid.homeBox .span5 h1 {
        padding-top: 29px;
    }
    .tabs_animate .mobViewSlid.homeBox .btn {
        margin-top: 40px;
    }
    #airBookingPopup .popup-list {
        text-indent: 18px;
    }
    #airBookingPopup button.close {
        right: -8px;
    }
    .popup-list li > a {
        font-size: 12px;
    }
    #airBookingPopup .modal-body span img {
        width: 42px;
    }
    .right-head.ser #accordion h4.panel-title a {
        font-size: 14px;
        line-height: 25px;
    }
    .right-head.ser #accordion h4.panel-title a i {
        top: 22px;
        font-size: 20px;
        right: -21px;
    }
    .moditxt {
        top: 7px;
        right: 0;
        font-size: 9px;
    }
    textarea#address {
        height: 58px;
    }
    .addPassDetails.ada #suborder {
        margin: 0 auto;
    }
    .passenForm .addPassDetails.ada ul,
    .passenForm .addPassDetails.ada ul > li {
        width: 100%;
    }
    .edit1 {
        margin-right: 10px;
    }
    .range-wrap.padd {
        padding: 0 7px;
    }
    .gr-hotel li:last-child {
        text-align: center;
    }
    .footer-sec ul li a {
        font-size: 13px;
    }
    .btnse {
        text-align: center;
        margin: auto !important;
    }
    .btnse .btn {
        float: none !important;
    }
    .search-heading td:first-child {
        width: 22% !important;
        padding: 0;
    }
    .search-heading td img {
        width: 13px;
    }
    .search-heading td:first-child span {
        font-size: 10px;
    }
    .hoterl-pop .nav > li:hover a {
        color: #095179;
    }
    .col-xs-12.mobsp {
        padding: 0;
    }
    #userUploadEmailer .btn-primary {
        min-width: 108px;
    }
    .login-form .error#activationError {
        position: relative;
    }
    #select-flight .left-col > div {
        padding: 20px 25px;
    }
    .redeem-wrap ul li:last-child {
        top: 16px;
    }
    .addressStyle .btn {
        width: auto !important;
        margin: 15px auto;
    }
    .shop-page .range-wrap > p input {
        border: none;
    }
    body.MyAccount .addPassn,
    body.MyAccount .closePassn {
        font-size: 12px;
        line-height: 15px;
    }
    body.MyAccount .addPassn {
        max-width: 186px;
    }
    .passenForm > ul > li input[type="button"] {
        margin: 0 auto;
    }
    label {
        font-size: 13px;
    }
    .passh,
    .passh .btnW.addPassDetails {
        padding: 0;
    }
    .passh {
        padding: 0 3px;
    }
    .passenForm > ul > li label {
        font-size: 12px;
        color: #095179;
    }
    .addPassDetails {
        margin: 0 !important;
    }
    .addPassDetails {
        padding: 0;
    }
    body.MyAccount .table td,
    body.MyAccount .tb.table-responsive td,
    body.MyAccount .tb.table-responsive th {
        padding: 12px 5px;
    }
    .tab-content > div h2 {
        padding: 19px 5px;
    }
    body.MyAccount .right-col > div.left-col .trip-summary {
        margin: 0 9px 9px;
    }
    body.MyAccount .left-col > div > a {
        width: 100% !important;
    }
    .sum-btn-wrap {
        text-align: center;
        padding-bottom: 13px;
    }
    .sum-btn-wrap input.btn[type="button"] {
        display: inline-block;
        float: none;
    }
    #confirmation,
    #purchasepoint {
        padding: 20px;
    }
    .modal-open .modal {
        padding: 0 !important;
    }
    #passengerDataDiv h2 {
        font-size: 18px;
    }
    #loadingHotelDetail .nav > li:hover > a {
        color: #095179;
    }
    .checkdiv {
        margin: 0 0 20px 0;
    }
    h1,
    h2 {
        margin: 0;
    }
    .mocvi {
        padding-top: 20px;
    }
    .flight-book-form input[type="button"].btn.mocvi {
        margin-top: 20px;
    }
    .flight-book-form .radio-wrap {
        width: 145px;
    }
    .form-group {
        margin-bottom: 0 !important;
    }
    .flight-book-form input[type="button"].btn {
        margin-bottom: 25px;
    }
    .wrapper {
        margin: 0 auto 22px;
        padding-bottom: 100px !important;
    }
    .col-sm-3.left-col,
    .col-sm-9.right-col {
        width: 100%;
        max-width: 100%;
    }
    .col-sm-9.right-col {
        margin-left: 0;
    }
    .log-btn {
        margin:6px 10px 6px 10px;
    }
    .log-btn > i {
        font-size: 16px;
    }
    .mobViewSec.visible-xs-inline-block {
        padding: 3px 0 0 0;
        float: left;
    }
    .logo {
        width: 50px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .home-miles.show-b {
        margin: 7px 0 0 0;
        width: 100%;
        border-top: 1px dotted #8a8a8a;
    }
    #hotelpage,
    #hotelpage > div,
    .flight-tab .tab-menu,
    .innerpad,
    .right-col > div#showHotelFilterDiv {
        border-radius: 4px;
    }
    .right-col > div#showHotelFilterDiv {
        background: #fff;
    }
    .hoterl-pop .nav > li.active a {
        border-radius: 4px;
    }
    body.home {
        background: #fff;
    }
    .menu-wrap {
        background: #fff;
    }
    .nav > li:last-child {
        border-bottom: none;
    }
    .tooltiptext.div1 .check-mark li,
    .tooltiptext.div2 .check-mark li span,
    .tooltiptext.div3 .check-mark li span,
    .tooltiptext.div4 .check-mark li span,
    .tooltiptext.div5,
    .tooltiptext.div5 .check-mark li span,
    ul.social {
        text-align: center;
    }
    body.MyAccount .myaccount-wrap .tab-menu li.active,
    body.MyAccount .myaccount-wrap .tab-menu li:hover {
        border-color: #095179;
    }
    .right-head.ser .search-item li:last-child input.btn[type="button"],
    input[type="button"].btn {
        float: none;
        margin: 0 auto;
    }
    .cury-link {
        float: none;
        width: 88%;
        margin: 10px auto;
    }
    .cury-link ul > li > a {
        color: #fff;
        display: block;
    }
    .cury-link ul li {
        border: none;
    }
    #form1.passenForm > ul .error {
        bottom: -4px;
        font-size: 11px;
    }
    .log-btn-wrap {
        text-align: center;
    }
    .log-btn {
        float: none;
        padding: 5px 2px;
    }

    .logout-btn a{
        margin: 0 auto;
        text-align: center;
        display: block !important;
        padding: 0 !important;
        line-height: 35px !important;
    }

    #mytravel .homeBox,
    #online .homeBox,
    #overairlines .homeBox {
        padding-top: 1%;
    }
    #mytravel .span5,
    #online .span5,
    #overairlines .span5 {
        text-align: left;
    }
    #mytravel .btn,
    #online .btn,
    #overairlines .btn {
        float: left;
    }
    .login-form ul li.captcha input[type="text"] {
        width: 100%;
    }
    #mytravel .span5,
    #online .span5 {
        float: none;
    }
    #mytravel .btn,
    .tabs_animate .btn {
        float: none;
    }
    #activePopup .modal-body {
        padding: 0;
    }
    #activePopup .modal-dialog {
        position: relative;
        top: 15%;
        max-width: 300px;
    }
    .logoSec li:first-child {
        width: 133px;
    }
    .logoSec li:last-child {
        width: 119px;
    }
    .glyphicon-triangle-bottom {
        position: absolute;
        top: 13px;
        right: 15px;
    }
    .footer-sec ul {
        width: auto;
    }
    body.MyAccount .closePassn {
        max-width: 89px;
    }
    #welcome-emailer .popup-img-wrap li > div {
        width: 60px;
        height: 73px;
    }
    .usernavBox li a span i {
        top: 17px;
    }
    .usernavBox li.two a span i {
        top: 15px;
    }
    .item.homes > div p {
        font-size: 21px;
        line-height: 136%;
        padding: 11% 10px;
    }
    .owl-buttons {
        top: 22%;
    }
    .owl-next,
    .owl-prev {
        transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
    }
    .flight-tab .tab-menu li {
        display: block;
    }
    .flight-tab .tab-toggle-menu {
        display: none !important;
    }
    .flight-tab .tab-menu {
        overflow: hidden;
        padding: 10px 10px 0;
    }
    .flight-tab .tab-menu li:before {
        bottom: 4px;
    }
    .flight-tab .tab-menu li a {
        font-size: 11px;
        line-height: 20px;
    }
    .flight-tab .tab-menu li a > span {
        height: 18px;
        width: 18px;
        line-height: 18px;
    }
    .flight-tab .tab-menu li,
    .flight-tab .tab-menu li.active {
        display: block;
        float: left;
        height: 26px;
        margin: 0 0 10px;
        width: 100%;
    }
    .col-sm-15 p,
    .col-xs-15 p {
        font-size: 12px;
    }
    .top-logo {
        top: 0;
        left: 0;
        width: 97%;
    }
    .container.top-logo {
        padding: 5px 10px;
    }
    .login-head .top-logo {
        display: block;
        overflow: hidden;
    }
    .islamic-logo,
    .rig-logo {
        width: 100px;
    }
    #tacError.error {
        bottom: -75px;
        left: 0;
        width: 200px;
    }
    .error.hotel-error#tacError {
        bottom: 7px;
        left: 0;
        width: 198px;
    }
    .contact-wrap ul li {
        margin: 0 0 15px;
    }
    #accordion h4.panel-title a {
        padding: 18px 30px 18px 10px;
    }
    #accordion .panel-collapse {
        padding: 0 10px;
    }
    .container.inner-content.shop-page > .row {
        margin: 0;
    }
    .login-form ul li:first-child .errorSpan {
        top: -30px;
        line-height: 100%;
    }
    .login-form .error {
        bottom: -20px;
        position: absolute;
    }
    .container.inner-content {
        background-: 0 0;
    }
    .container-col.pod {
        padding-top: 83px;
    }
    .category-links > li {
        margin: 0 0 8px;
        padding: 0 2px;
    }
    #login-page.container-col.pod {
        padding-top: 0;
    }
    .btn-wr .btn,
    .btn-wr input[type="button"],
    .btn-wr input[type="submit"] {
        width: 91px;
    }
    .right-head.ser .search-item li.mob:last-child input.btn[type="button"] {
        margin: 14px 8px 0 0;
    }
    .right-head.ser .search-item li:last-child {
        padding: 0;
        overflow: hidden;
    }
    .right-head.ser .search-item li.modify-ser.mob:last-child input.btn[type="button"] {
        margin: 0 auto;
    }
    .container.inner-content.error-wrapper {
        margin: 0 auto;
        max-width: 300px;
        padding: 0;
    }
    .container.inner-content.error-wrapper .error-box {
        margin: 0;
    }
    .item-list > div > div {
        margin: 0 0 20px;
    }
    .item-list.details-para figure {
        margin: 0 auto 20px;
        float: none;
    }
    .item-list > div > div h3 {
        line-height: 124%;
    }
    .update .search-item.modifysearchform > li .select-style {
        margin: 0 0 19px;
    }
    .flight-tooltip.tooltip1 .tooltiptext {
        left: -63px;
    }
    .flight-tooltip.tooltip1 .tooltiptext:after {
        left: 26%;
    }
    .myaccount-wrap.mob-wrpa .right-col > div {
        padding: 0;
    }
    .cutout-wrap .range-wrap.aveb {
        width: 300px;
        padding: 52px 10px;
    }
    .cutout-wrap {
        z-index: 15;
    }
    .cutout-wrap .toggle-menu {
        right: 0;
        top: 17px;
    }
    .tooltiptext .check-mark li span {
        display: block;
    }
    .tooltip1 .tooltiptext.div1 {
        left: -117px;
        top: initial;
        bottom: 23px;
        padding: 13px 10px 0;
    }
    .tooltip1 .tooltiptext.div1:after {
        bottom: -9px;
        left: 48%;
        top: initial;
    }
    .tooltiptext.div5 {
        left: -128px;
    }
    .tooltip1 .tooltiptext.div5:after {
        left: 43%;
    }
    .tooltip1 .tooltiptext.div2 {
        top: initial;
        bottom: 22px;
        left: -174px;
        text-align: center;
    }
    .tooltip1 .tooltiptext.div2:after {
        top: initial;
        left: 71%;
        bottom: -9px;
    }
    ul.social {
        margin: 10px 0 0;
        overflow: hidden;
    }
    ul.social li {
        display: inline-block;
        margin: 0;
    }
    .myaccount-wrap .range-wrap {
        margin: 0 0;
    }
    .right-col > div.right-head.pes {
        padding: 20px 10px 47px;
    }
    #tacError.error.hotel-error {
        bottom: -25px;
    }
    .hide-sec p {
        padding: 0 0 12px;
    }
    .col-xs-15 {
        height: 309px;
    }
    .hide-sec {
        height: 90px;
    }
    .range-wrap.home-miles.top-ab {
        left: -2px;
        top: 45px;
        width: 100%;
    }
    .range-wrap.home-miles > div {
        text-align: center;
    }
    .table.search-heading > tbody > tr > td:last-child.alingclas {
        vertical-align: top;
        padding: 48px 0 0 0;
        text-align: center;
        position: relative;
        margin: 10px auto 0;
        border-right: none;
    }
    .table.search-heading > tbody > tr > td input[type="button"].btn,
    .table.search-heading > tbody > tr > td:last-child a.btn,
    .table.search-heading > tbody > tr > td:last-child button.btn {
        height: 28px;
        line-height: 19px;
        font-size: 10px;
        width: 50px;
        padding: 5px 0;
        position: absolute;
        min-width: 50px;
        right: 0;
        left: 0;
        margin: 10px auto 0;
        top: 1px;
    }
    .search-heading {
        border: 1px solid #ccc;
    }
    .search-heading td {
        border-right: 1px solid #ccc;
    }
    .search-heading td,
    .search-heading td small,
    .search-heading td span,
    .search-heading td strong {
        font-size: 11px;
    }
    .search-heading td > strong.points {
        font-size: 13px;
    }
    .table {
        margin: 0;
    }
    .right-col > div#showSearchResultFilterDiv {
        padding: 0;
        background: 0 0;
    }
    .address-wrap li input,
    .address-wrap li textarea,
    .redeem-wrap ul,
    .search-heading p,
    input[type="text"]#hotelname {
        margin: 0;
    }
    .right-col.review > div {
        padding: 20px 0 0;
    }
    .right-col.review > div h1 {
        padding-left: 10px;
    }
    .right-col > div#showHotelFilterDiv {
        padding: 5px 0 0;
    }
    .login-content.search-wrap#loader {
        margin: -20px auto 20px;
    }
    #message,
    .right-head #accordion .panel-collapse,
    .search-pg #accordion .col-sm-4,
    .tb {
        padding: 0;
    }
    .right-head #accordion h4.panel-title a {
        padding-left: 0;
    }
    .banner-sec > div > div > div {
        padding: 6% 0 0 10px;
    }
    .container.inner-content,
    .container.inner-content.shop-page {
        margin: -33px auto 0;
    }
    .item-list > div > aside a.btn {
        font-size: 12px;
        margin: 0 auto;
        max-width: 150px;
        padding: 12px 0;
        border-radius: 4px;
    }
    .address-wrap {
        margin: -33px auto 20px;
        max-width: 300px;
    }
    .myaccount-wrap.mob-wrpa thead tr,
    body.MyAccount .passengerTable .table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination {
        margin: 10px auto;
    }
    .myaccount-wrap .container.inner-content {
        margin-bottom: 0;
    }
    #myTable14 td,
    .myaccount-wrap.mob-wrpa td,
    body.MyAccount .passengerTable .table td {
        border: none;
        font-size: 11px;
        border-bottom: 1px solid #eee;
        position: relative;
        font-size: 12px;
        padding-left: 50%;
    }
    #myTable1 td,
    .myaccount-wrap.mob-wrpa td,
    body.MyAccount .passengerTable .table td {
        border: none;
        font-size: 11px;
        border-bottom: 1px solid #eee;
        position: relative;
        font-size: 12px;
        padding-left: 50%;
    }
    .tablerow1 tr td{
        padding:0;
        font-size: 10px
    }
    #howItWorks_tbs .tableHeadRow {
        position: static !important;
    }
    .transactionTable thead tr th {
        padding: 10px 5px !important;
        font-size: 10px;
    }
    .transactionTable tbody tr td {
        font-size: 10px !important;
        width: 100%;
    }

    .howItWorksMob{
        padding: 9px 0px 30px 0px!important;
    }
    .myaccount-wrap.mob-wrpa td:before,
    body.MyAccount .passengerTable .table td:before {
        position: absolute;
        top: 11px;
        color: #095179;
        left: 6px;
        font-size: 12px;
        font-weight: 700;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .myaccount-wrap.mob-wrpa .tb.table-responsive.pro-tab td {
        width: 30%;
    }
    .myaccount-wrap.mob-wrpa .tb.pro-tab td:before {
        display: none;
    }
    .myaccount-wrap .table-responsive {
        width: auto;
    }
    .myaccount-wrap.mob-wrpa .tb.pro-tab td {
        padding: 9px 7px;
        position: relative;
        word-wrap: break-word;
        white-space: normal;
    }
    .pas-sec > span {
        float: none;
    }
    .tb.table-responsive td .tooltip1.ll {
        left: 85px;
    }
    .tb.table-responsive td .tooltip1 {
        left: 107px;
    }
    .tb.table-responsive td.toll .tooltip1 {
        left: 156px;
    }
    .search-form {
        margin: 0 auto;
        border-radius: 4px;
    }
    #transactionSummary td {
        border-right: 0;
    }
    #myTable01 th,
    #myTable14 th,
    #transaction-tb th,
    body.MyAccount .passengerTable .table th {
        color: #888;
    }
    #myTable01 th,
    #myTable1 th,
    #transaction-tb th,
    body.MyAccount .passengerTable .table th {
        color: #888;
    }
    #myTable01 th,
    /*    #howItWorkstbl th,*/
    #transaction-tb th,
    body.MyAccount .passengerTable .table th {
        color: #888;
    }
    #bonus-detail td,
    #myTable01 td,
    #myTable14 td,
    #transaction-tb td,
    #transactionSummary td,
    body.MyAccount .passengerTable .table td {
        width: 100%;
        display: block;
        text-align: left;
        min-height: 41px;
    }
    #bonus-detail td,
    #myTable01 td,
    #myTable1 td,
    #transaction-tb td,
    #transactionSummary td,
    body.MyAccount .passengerTable .table td {
        width: 100%;
        display: block;
        text-align: left;
        min-height: 41px;
    }
    #bonus-detail td,
    #myTable01 td,
    /*    #howItWorkstbl td,*/
    #transaction-tb td,
    #transactionSummary td,
    body.MyAccount .passengerTable .table td {
        width: 100%;
        display: block;
        text-align: left;
        min-height: 41px;
    }

    #bonus-detail td:before,
    #myTable01 td:before,
    #myTable14 td:before,
    #transaction-tb td:before,
    #transactionSummary td:before,
    body.MyAccount .passengerTable .table td:before {
        display: block;
        text-align: left;
    }
    #bonus-detail td:before,
    #myTable01 td:before,
    #myTable1 td:before,
    #transaction-tb td:before,
    #transactionSummary td:before,
    body.MyAccount .passengerTable .table td:before {
        display: block;
        text-align: left;
    }
    #bonus-detail td:before,
    #myTable01 td:before,
    /*    #howItWorkstbl td:before,*/
    #transaction-tb td:before,
    #transactionSummary td:before,
    body.MyAccount .passengerTable .table td:before {
        display: block;
        text-align: left;
    }
    #myTable01 td:nth-of-type(1):before,
    #transaction-tb td:nth-of-type(1):before {
        content: "Transaction";
    }
    #myTable01 td:nth-of-type(2):before,
    #transaction-tb td:nth-of-type(2):before {
        content: "Date ";
    }
    #myTable01 td:nth-of-type(3):before,
    #transaction-tb td:nth-of-type(3):before {
        content: "Pearl Points";
    }

    #transactionSummary td:nth-child(odd){
        background: #E6E6E6;
    } 

    #transactionSummary td:nth-of-type(1):before {
        content: "Transactions";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -11px;
        border-top-left-radius: 10px;
        margin-left: -9px;
    }
    #transactionSummary td:nth-of-type(2):before {
        content: "Date  ";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -11px;
        margin-left: -9px;
    }

    #transactionSummary td:nth-of-type(3):before {
        content: "Amount/Count";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -12px;
        margin-left: -9px;
    }
    #transactionSummary td:nth-of-type(4):before {
        content: "Pearl Points";
        background: #BB9313;
        color:#fff;
        padding: 12px;
        margin-top: -12px;
        border-bottom-left-radius: 10px;
        margin-left: -9px;
    }

    .result-month {
        margin: 0 0 10px;
    }
    .sum-box {
        padding: 20px 1px 10px;
    }
    .table-responsive > .table {
        margin: 0 0 20px;
    }
    body.MyAccount #redemption .table td a {
        color: #bc9904;
    }
    #myTable14 tr td:first-child{
        padding-top:12px!important;
    }
    #myTable14 tr:nth-child(5n) td:last-child:before{
        border-bottom-left-radius: 0px;
    }
    #myTable14 td:nth-of-type(1):before {
        content: "Transactions";
        background: #BB9313;
        color:#fff;
        height: 42px;
        padding-left: 13px;
        padding-top: 5px;
        margin-top: 1px;
        border-top-left-radius: 10px;
    }

    #myTable14 td:nth-of-type(2):before{
        background: #BB9313;
        color:#fff;
        height: 42px;
        padding-left: 13px;
    }

    #myTable1 td:nth-child(odd),
    #myTable1Mob td:nth-child(odd){
        background: #E6E6E6;
    }
    #myTable1Mob tr td{
        padding-left: 50% !important;
        display: block !important;
        min-height: 41px !important;
        color: #898989 !important;

    }
    #myTable1 td:nth-of-type(1):before, #myTable1Mob td:nth-of-type(1):before {
        content: "Transactions";
        background: #BB9313;
        color:#fff;
        padding: 20px 12px;
        margin-top: -10px;
        border-top-left-radius: 10px;
        margin-left: -9px;

    }
    #myTable1 td:nth-of-type(2):before, #myTable1Mob td:nth-of-type(2):before {
        content: "Date ";
        background: #BB9313;
        margin-top: -11px;
        color:#fff;
        padding: 14px 12px;
        margin-left: -9px;
    }
    #myTable14 td:nth-of-type(3):before {
        content: "Pearl Points ";
        background: #BB9313;
        color:#fff;
        height: 42px;
        padding-left: 13px;

    }
    #myTable1 td:nth-of-type(3):before, #myTable1Mob td:nth-of-type(3):before {
        content: "Pearl Points ";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -12px;
        margin-left: -9px;
    }

    #myTable14 td:nth-of-type(4):before {
        content: "Partial Points";
        background: #BB9313;
        color:#fff;
        height: 41px;
        padding-left: 13px;

    }
    #myTable1 td:nth-of-type(4):before, #myTable1Mob td:nth-of-type(4):before  {
        content: "Voucher";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -13px;
        border-bottom-left-radius: 10px;
        margin-left: -9px;
    }
    /*    #howItWorkstbl td:nth-of-type(4):before {
            content: "Partial Points Earned";
            background: #005595;
            color:#fff;
            height: 42px;
            padding-left: 13px;
            border-bottom-left-radius: 10px
        }*/
    #myTable1 td:nth-of-type(5):before {
        content: "Voucher";
        background: #BB9313;
        color:#fff;
        padding: 12px;
        margin-top: -11px;
        border-bottom-left-radius: 10px;
        margin-left: -9px;
    }
    #myTable14 td:nth-of-type(5):before {
        content: "Redemption Date";
    }
    #myTable14 td:nth-of-type(6):before {
        content: "View your Voucher";
    }
    #myTable14 td:last-child {
        border-bottom: none;
    }
    #bonusDetailPage{
        border:none;
    }

    #bonus-detail td:nth-child(odd){
        background: #E6E6E6;
    }

    #bonus-detail td:nth-of-type(1):before {
        content: "Pearl Points Earned ";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -11px;
        border-top-left-radius: 10px;
        margin-left: -9px;
    }
    #bonus-detail td:nth-of-type(2):before {
        content: "Earning Date";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -11px;
        margin-left: -9px;
    }
    #bonus-detail td:nth-of-type(3):before {
        content: "Pearl Points Type";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -11px;
        margin-left: -9px;
    }
    #bonus-detail td:nth-of-type(4):before {
        content: "Narration";
        background: #BB9313;
        color:#fff;
        padding: 14px 12px;
        margin-top: -11px;
        border-bottom-left-radius: 10px;
        margin-left: -9px;
    }
    body.MyAccount .passengerTable .table td:nth-of-type(1):before {
        content: "Name";
    }
    body.MyAccount .passengerTable .table td:nth-of-type(2):before {
        content: "type ";
    }
    body.MyAccount .passengerTable .table td:nth-of-type(3):before {
        content: "DOB";
    }
    body.MyAccount .passengerTable .table td:nth-of-type(4):before {
        content: "passport number ";
    }
    body.MyAccount .passengerTable .table td:nth-of-type(5):before {
        content: "passport issue date";
    }
    body.MyAccount .passengerTable .table td:nth-of-type(6):before {
        content: "passport expiry date ";
    }
    body.MyAccount .passengerTable .table td:nth-of-type(7):before {
        content: "action";
    }
    .search-heading th {
        padding: 5px;
        font-size: 11px;
    }
    .scrollToTop {
        bottom: 35px;
        z-index: 999;
    }
    .scrollToBottom {
        z-index: 999;
        top: 90%;
    }
    .scrollToBottom span,
    .scrollToTop span {
        font-size: 35px;
    }
    .toggle-menu {
        width: 39px;
    }
    .login-content {
        margin-top: -29px;
    }
    .login-form ul li:first-child {
        margin: 0 0 5px;
        padding: 0 8px;
    }
    .login-form .forgot-links li {
        padding: 0 4px;
    }
    .forgot-links li:first-child::before,
    .forgot-links li:nth-child(2)::before {
        right: -4px;
    }
    .tb-wrap .table.search-heading.table-striped {
        margin: 0 0 10px;
    }
    .bannerImg,
    .usernavBox,
    .usernavBox li a span,
    body.MyAccount .right-col > div.left-col,
    body.MyAccount .tab-menu {
        position: relative;
    }
    .homeBox {
        position: absolute;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
    }
    .usernavBox {
        bottom: 0;
        margin-top: 20px;
        overflow: hidden;
        margin-bottom: 100px;
        text-align: center;
    }
    .homeBox .span5 h1 {
        color: #095179;
        font-size: 13px;
    }
    .span5 {
        width: 100%;
    }
    .usernavBox li {
        width: 41%;
        margin-left: 2%;
        margin-bottom: 10px;
        height: 125px;
        float: none;
        display: inline-block;
    }
    .usernavBox li:last-child{
        width: 84%;
    }
    .usernavBox li a {
        border-width: 1px;
        line-height: 1;
        height: 100%;
        font-size: 12px;
        padding: 20px 0 0 0;
    }
    .usernavBox li a span {
        display: block;
        top: 0;
        margin: 0 auto 10px;
        left: 0;
    }
    .home .footer-sec,
    body.MyAccount .currecy-div,
    body.MyAccount .footer-sec,
    body.MyAccount .myaccount-wrap {
        position: relative;
    }
    .home .wrapper,
    body.MyAccount .wrapper {
        height: auto !important;
    }
    .footer-sec .playStorSec,
    .footer-sec ul.social,
    .home .footer-sec ul.social,
    body.MyAccount .footer-sec ul.social {
        text-align: center;
    }
    .footer-sec .playStorSec {
        float: none;
        width: 100%;
    }
    .footer-sec ul.social li,
    .home .footer-sec ul.social li,
    body.MyAccount .footer-sec ul.social li {
        float: none;
    }
    .footer-sec ul li {
        margin: 5px 0;
    }
    .footerContentUl {
        gap:0px;
    }

    .noshow{
        left: 100%;
        visibility: hidden;
    }
    .profilepic{
        margin-top: 0px;
        width: 100%;
        height: 100%;
    }
    input.btn[type="button"].green_back {
        float: none;
        margin: 0 auto;
    }
    .login-popup {
        max-width: 300px;
        border-radius: 4px !important;
    }
    #show-Add {
        margin-bottom: 8px;
    }
    .navbar-nav > li > ul {
        background: 0 0;
    }
    .log-btn-wrap {
        background: #095179;
        border-top: 1px dotted #8a8a8a;
        padding: 0 0 !important;
    }
    .mobileMenuSe {
        padding: 2px 0px 0 0;
        float: right;
    }
    .headAccountLeft {     
        display: inline-flex;
        width: 65%;
    }
    .headAccountLeft .headAccountLeftInner{
        background: #95750F;
        border-radius: 8px;
        padding: 4px 10px;
        display: flex;
        width: 100%;
        align-items:center;
        justify-content: space-between;
    }
    .availPearl {
        margin: 0;
        font-weight: 400;
        font-size: 9px;
        line-height: 12px;
        padding: 0 0px 0 0px;
    }
    .pearnNumber {
        margin: 0;
        font-size: 11px;
        line-height: 20px;
        width: 41%;
        padding: 0 0px 0 1px;
        border-radius: 5px;
    }
    #navbar {
        /*background: #005595;*/
        position: relative;
        top: 25px;
        width: 100%;
        left: 0;
        padding: 10px 0;
        border-top: 1px solid #F8F8F8;

    }
    .glyphicon-triangle-bottom,
    .nav > li:hover > a,
    .navbar-nav > li ul li a,
    .navbar-nav > li ul li a i,
    .navbar-nav > li > a,
    .navbar-nav > li > ul li:hover a {
        color: #fff;
        padding: 10px 10px;
    }
    .home .toggle-menu .icon-bar,
    .toggle-menu .icon-bar {
        background: #fff;
    }
    .cury-link ul li,
    .nav > li,
    .navbar-nav > li > ul li {
        border-color: #fff;
    }
    .nav > li:hover > a,
    .navbar-nav > li > ul li:hover a {
        opacity: 0.8;
    }
    body.MyAccount {

        background-size: cover;
        height: auto;
    }
    .top .log-btn.last,
    body.MyAccount .top .log-btn {
        margin: 2px 2.5px 0;
    }
    body.MyAccount .tab-menu {
        width: 100%;
        background: 0 0;
        padding: 20px 0 0;
        float: none;
    }
    body.MyAccount .tab-menu li {
        float: left;
        width: 48%;
        margin: 0 0 10px 5px;
        display: block;
        height: 99px;
    }
    body.MyAccount .container.inner-content,
    body.MyAccount .right-col > div,
    body.MyAccount .right-col > div.left-col,
    body.MyAccount .tab-content,
    body.MyAccount .tab-menu,
    body.MyAccount .tab-pane {
        height: auto;
    }
    body.MyAccount .right-tab-col.right-col > div.col-sm-9 {
        margin: 0;
    }
    body.MyAccount .myaccount-wrap .tab-menu li a {
        padding: 5px 10px;
        font-size: 11px;
    }
    body.MyAccount .banner-sec.myAccputBanner {
        display: none;
    }
    body.MyAccount .tab-menu li:last-child {
        margin-bottom: 10px;
    }
    body.MyAccount .right-tab-col.right-col > div.col-sm-9,
    body.MyAccount .tab-pane {
        padding: 0;
    }
    body.MyAccount .right-col {
        padding: 10px !important;
    }
    body.MyAccount .currecy-div {
        right: 0;
        bottom: 0;
        text-align: center;
    }
    body.MyAccount .right-col > div span.ave {
        font-size: 40px;
    }
    body.MyAccount .right-col > div.left-col {
        width: 100%;
    }
    body.MyAccount .table-responsive {
        padding: 0 0 0px 0;
        margin: 0;
    }
    body.MyAccount .right-col > div span.ave,
    body.MyAccount .right-col > div span.crecy-name {
        text-align: center;
    }
    #bonus-detail td,
    #myTable01 td,
    #myTable14 td,
    #transaction-tb td,
    #transactionSummary td {
        padding-left: 50%;
        word-wrap: break-word;
        white-space: normal;
    }
    #bonus-detail td,
    #myTable01 td,  
    #transaction-tb td,
    #transactionSummary td {
        padding-left: 50%;
        word-wrap: break-word;
        white-space: normal;
    }
    body.MyAccount .right-col > div.left-col .trip-summary li {
        width: 100%;
    }
    body.MyAccount #redemption .table td,
    body.MyAccount #redemption .table td:first-child {
        text-align: left;
    }
    body.MyAccount .right-col > div.left-col {
        margin-top: 20px;
    }
    body.MyAccount .currecy-div .fig-pic {
        display: inline-block;
        float: none;
    }
    body.MyAccount .currecy-div p.con-text {
        margin: 0;
        max-width: 100%;
    }
    body.MyAccount .range-wrap figure {
        text-align: center;
    }
    body.MyAccount .tab-menu li a {
        height: 100%;
        width: 100%;
    }
    .redeem-wrap input[type="button"].btn#suborder,
    button.btn,
    input[type="button"].btn {
        margin: 0 auto;
        float: none;
    }
    .mobView {
        text-align: center;
    }
    .passenForm > ul,
    body.MyAccount .btnW {
        padding: 0 10px;
    }
    .passenForm > ul > li,
    .passenForm > ul > li:nth-child(2) .select-style,
    .passenForm > ul > li:nth-child(2n + 1),
    .passenForm > ul > li > ul > li:first-child {
        float: none;
        width: 100%;
    }
    .passenForm > ul > li > ul > li {
        display: block;
        width: 100%;
    }
    #addressSec .passenForm.table-responsive {
        display: block;
        border: none;
    }
    .passenForm > ul > li,
    .passenForm > ul > li > ul > li {
        margin: 0;
    }
    .passenForm input[type="text"],
    .passenForm > ul > li .select-style {
        margin: 0 0 10px;
    }
    .passengerTable .table {
        margin: 0 0 20px;
    }
    #userUploadEmailer .modal-dialog {
        max-width: 301px;
        margin: 10px auto;
    }
    #userUploadEmailer {
        padding-left: 0 !important;
    }
    #fileuploadError {
        display: block;
        clear: both;
    }
    .file-zoom-dialog .kv-zoom-actions .btn,
    .floating-buttons .btn {
        width: auto;
    }
    #addressSec .address-wrap {
        max-width: 100%;
        margin: 0 auto 20px;
    }
    #addressSec .address-wrap #phone1 {
        margin: 0;
    }
    .pre-fix {
        padding: 0 0 0 6px;
    }
    #addressSec .address-wrap.passenForm #suborder {
        margin: 15px auto 0;
        float: none;
    }
    #addressSec .address-wrap.passenForm textarea {
        margin: 0 0 10px;
    }
    #addressSec .address-wrap.passenForm ul {
        padding: 0;
    }
    .flight-book-form.changePass .error {
        bottom: inherit;
        top: -13px;
        position: relative;
    }
    .block1 {
        display: block;
    }
    .ESMleft {
        margin-left: 15px;
    }
    .MEleft{
        margin-left: 14%!important;
        margin-bottom: 2%;
    }
    .comLogo {
        width: 100% !important;
    }
    .Pad_Left {
        padding-left: 0%;
    }
    .logo img {
        width: 57%;
    }

    /* Newly added code */

    header {
        display: block!important;
    }
    .navContainer{
        border-end-start-radius: 24px;
        border-end-end-radius: 24px;
        padding: 20px 15px;
        z-index:9999;

    }
    .menu-wrap {
        background: transparent !important;
    }
    .tab-menu {
        display: none; 
    }
    .padAccLog{
        display: none; 
    }
    .nav > li{
        border-bottom: none;
    }
    .headAccount{
        background: transparent !important;
        display: none !important;
    }
    .Padhome {
        padding: 8px 8px 12px 8px !important;
    }
    .Padul li a p{
        padding-top: 0px;
        width:100px;
        margin: 0;
        text-align: start;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;;
    }
    .Padul li.active a p {
        color: #86690F;
        font-weight:bold;

    }
    .Padul li i{
        background: url(../images/web-portal/lhs_icons_islamic.png) no-repeat;
        background-position: 0 0;
        width:25px!important;
        height:25px!important;
    }
    .Padul li:first-child i{
        background-position: 0px 0;
    }
    .Padul li:nth-child(2) i{
        background-position: -26px 0;
    }
    .Padul li:nth-child(3) i{
        background-position: -51px 1px;
    }
    .Padul li:nth-child(4) i{
        background-position: -80px 1px;
    }
    .Padul li:nth-child(5) i{
        background-position: -79px 1px;
    }
    .Padul li:nth-child(6) i{
        background-position: -108px 1px;
    }
    .Padul li:first-child:hover i{
        background: url(../images/web-portal/lhs_icons_hover.png) no-repeat;
        background-position: 0px 0;
    }
    .Padul li:first-child:hover i{
        background-position: 0px 0;
    }
    .Padul li:nth-child(2):hover i{ 
        background: url(../images/web-portal/lhs_icons_hover.png) no-repeat;  
        background-position: -26px 0;
    }
    .Padul li:nth-child(3):hover i{
        background: url(../images/web-portal/lhs_icons_hover.png) no-repeat;
        background-position: -51px 1px;
    }
    .Padul li:nth-child(4):hover i{
        background: url(../images/web-portal/lhs_icons_hover.png) no-repeat;
        background-position: -80px 1px;
    }
    .Padul li:nth-child(5):hover i{
        background: url(../images/web-portal/lhs_icons_hover.png) no-repeat; 
        background-position: -79px 1px;
    }
    .Padul li:nth-child(6):hover i{
        background: url(../images/web-portal/lhs_icons_hover.png) no-repeat; 
        background-position: -108px 1px;
    }
    .Padul{
        padding-left: 13px;  
    }
    .headAccount{
        background: transparent !important

    }
    .myAccount li i{
        background: none;
        font-size: 24px;
    }
    .Padul li a {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .Padhome li.active,
    .Padhome li:hover {
        background: #f1f2f9;
        border-color: #c7c7c7;
        color: #f1f2f9;
        width: 150px;
        border-radius: 5px;
    } 
    .redeem_slide{
        width:100% !important;
        margin: 0 auto !important;
    }
    .myAccount{
        padding: 10px 0 25px 0;
        margin-top: 15px;
    }
    .myAccount_Content{
        background: #002A4B;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-top: 0px;
        border-radius: 10px;
        width: 211px !important;
        margin-top: 10px;
        padding: 5px 5px;
        position: static !important;
        height: 41px;

    }
    .myAccount_Content li{
        margin:0;
        padding: 8px;
    }

    .langauge_btn{
        text-align: center;
        width: 100px;
        font-weight: 300;
        font-size: 12px;
        line-height: 13px;
        color: #898989;

    }
    .active{ background: white;
             color: #005595!important;
             padding: 0px 0;
             border-radius: 5px;
    }
    .langauge_btn a{
        display: block !important;
    }
    .padAlignment{
        padding: 0 15px !important;
    }
    .socialContent {
        background: #95750F;
        width: 100%;
        border-radius: 17px;
        padding: 20px 0;
        margin: 25px auto;
    }
    .socialContent:after {
        position: absolute;
        top: 75px;
        left: 35%;
        display: block;
        width: 108px;
        border-bottom: 3px solid white;
        content: "";
        border-radius: 2px;
    }
    .social{
        padding: 0!important;
    }
    .social i{
        font-size: 20px !important;
    }
    .logoutContent{
        padding: 100px 0 0px 0;
    }
    .logout_btn{
        background: transparent;
        border: 1px solid #fff;
        width: 100%;
        border-radius: 10px;
        margin: 10px auto;
        padding: 15px 0 30px 0px;
    }
    .logout_btn a{
        color:white;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
    }
    button.logout_btn img {
        width: 20px;
        margin: 0px 5px;
    }
    .scrollToBottom{
        display:none !important;
    }
    .ahlioLogo{
        width-: 49px;
        margin: 0 0 0px 0!important;
    }
    .noPaddingLeft {
        padding-left: 0;
        width:100%;
    }
    .left-align{
        margin-right: 35rem;
    }
    /*main container  mobile view only css ends */
    .midContain{
        heigh:auto;
        display:block;
        padding: 25px 25px 255px!important;
        margin: 0;
    }
    .midContainer{
        display:block; 
        position:relative;
    }
    .childmidContain {
        width: 100%;
    }
    .donMiss {
        background: transparent !important;
        margin:0 ;
    }
    .donMiss div p{
        margin: 15px auto;
    }
    .dontMissout{
	color:  #084263;
    }
    .change-upload-click {
        bottom: 2px;
        right: -2px;
    }
    .imgJohn{
        width: 60px; 
        padding: 0;
        height: 60px;
        overflow-y: hidden;
        border-radius: 12px;
        position: relative;

    }
    .JohnDoe{
        width: 60%;
        padding: 5px 0px 5px 20px;
    }
    .JohnDoe p{
        padding:  0;
        margin:0;
    }
    .JohnDoe p:nth-child(even){
        font-size: 22px;
    }
    .JohnDoe p:nth-child(odd){

        font-size: 12px;

    }
    .Parimgdiv{
        margin: 0 auto !important;
        padding: 10px 20px;
    }
    .Parimgdiv .card{
        width:100% !important;
    }
    .cardYellow {
        text-align: center!important;
        padding: 0px!important;
        background: #005595!important;
        border-radius: 8px!important;
        width: 100%!important;
    }
    .seventeenTxt{
        margin:0;
        font-size: 50px !important;
    }
    .activityContainer{
        width: 100%;
        position: absolute;
        bottom: -100px;
    }
    .claender_container {
        justify-content: space-around;
    }
    .headings p{
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: #2B2B2B;
        padding: 15px 0;
    }
    .rewardsCards {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        margin-bottom: 30px;
        position: absolute;
        bottom: -260px;

    }
    .rewardsCard {
        width: 31%;
        background: #F8F8F8;
        box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.06);
        border-radius: 16px;
        margin:0;
    }

    .rewardName {
        font-weight: 400;
        line-height: 16px;
        text-align: right;
        font-size: 16px !important;
        color: #2B2B2B!important;
        text-align: center;
        margin: 0;
    }
    .rewardPoints {
        font-style: normal;
        font-weight: 700;
        font-size: 18px!important;
	color: #005595 !important;
        text-align: center;
        margin: 0;
        padding: 10px 0;
    }
    .rewardPointName {
        font-weight: 400;
        font-size: 0.7rem!important;
        line-height: 16px;
        color: #2B2B2B;
        margin: 0;
        text-align: center;
    }
    .viewAll{
        background: #F8F8F8;
        border-radius: 12px;
        border: 1px solid #005595;
        margin: 0px auto;
        padding: 0 30px;
    }
    .thirdContain{
        padding: 20px 0!important;
    }
    .thirdContainHeading p{
        font-size: 20px;
    }

    .thirdContain .Parimgdiv  a {
        width: 100% !important;
    }

    .text-Restaurent{
        width:260px;
    }
    .cards{
        padding:20px 0;
        margin:0 auto;
    }
    .cards .card-body
    {
        padding: 1rem;
    }
    .cards .card-body h5{
        font-size: 14px;
        margin:0;
    }
    .cards .card-body p{
        color:#898989;
        margin: 8px 0 0 0;
    }
    .card {
        width: 100% !important;
    }
    .parcadYellow{
        width: 100%;
        padding: 15px;    
        margin-top: 30px;
    }
    .top-right{
        top:10px;
        right:10px;
    }
    /*    Transection section */

    .yourTransactionBackImg {
        padding: 74px 69px !important;
    }

    div#tabs{
        padding:0;
    }
    .transactionTabsContainer .transactionList{
        display: flex;
        gap: 0px;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;

    }
    .TransectionSection {
        padding: 10px !important;
    }
    .TransectionSection .ui-tabs .ui-tabs-panel {
        padding:0!important;
    }
    .transactionTabsContainer .transactionList li{
        width: 49% !important;
        margin:3px 0 !important;
    }
    .searchMerchentBox {
        right: 15px !important;
        top: 115px !important;
    }

    .earnedToggleForm {
        display: block !important;
        margin: 30px 0 0 0!important;
    }
    .selectGroup {
        margin :5px 0 !important;
    }


    .search-form{
        width: 92%;
        margin: 9px auto !important;
    }
    submitted_search-form{
        width: 92%;
        margin: 20px auto 0 !important;
    }
    .submitBtn{
        width: 100%;
    }
    .resetBtn{
        width: 100%;
    }

    .submittedsubmitBtn{
        width: 90%;
        margin: 10px 0px 0px 20px !important;
    }

    .submittxnBtn{
        margin:10px 0 0 20px !important;
        width: 90%;
    }

    #myTable14{
        border:none;
    }

    .earnedTable tr:nth-child(odd){
        background: transparent !important;
    }
    /*    body.MyAccount .table-striped tbody tr:nth-of-type(2n + 1) {
            background:#fff !important;
        }*/
    body.MyAccount .table{
        border:none;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    .expiryTable{
        margin-top: 30px !important;
    }
    #myTable1,#howItWorkstbl {
        border: none;
    }
    .paginationContainer {

        /*margin: 11px 0 0 6px !important;*/
        background: none !important;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    /*   how it works*/
    #howItWorkstbl td img{
        width: 27%;

    }
    .howItWorksContener{
        display: block;
    }
    .howItWorksContent{
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        padding: 12px 28px;
        width: 100%;
        text-align: center;
    }
    .howItWorksPara{
        font-weight: 300;
        font-size: 12px;
        line-height: 16px;
        padding: 0px 10px 15px 10px;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .redemptions {
        display: block;
    }
    figure.redemptionsCard {
        width: 100%;
        text-align: center;

    }
    .redeemPointsContainer h3 {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #2B2B2B;
	padding: 10px 20px;
	font-weight: 600;
    }
    .redeemPointsContainer ul{
        display:block;
    }
    .redemptionsArrow{
        margin: 0 auto;
        padding: 15px 0;
    }
    .redumptionSteps{
        width: 20px;
        height: 20px;
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
        left: 70px;
        top: 20px;
    }
    .marginAlign{
        margin: 0px 15px 16px 15px !important;
    }
    /*    footer*/
    .bullet-dot {
        color: #ffffff !important;
    }
    .gap {
	left: 45px;
    }
    .footerContent{
        background: #95750F;
        border-top-right-radius: 35px;
        border-top-left-radius: 35px;
        padding:0;
    }
    .footerContentUl:nth-child(2){
        display:none;
    }
    .comLogo h2{
        padding:8px 0;
    }
    .footerContentUl li a  {
        font-weight: 300;
        font-size: 10px;
        line-height: 16px;
        color: #F8F8F8;
        text-align: center;
        padding: 0 7px;
    }

    .footerSection{
        background: none;
        position: fixed;
    }
    .banner-sec img {
        margin-top: -18px;
    }
    body.MyAccount .table-striped tbody tr:nth-of-type(even) {
        /*        background: transparent !important;*/
    }
    .tablerow2{
        background: #e6e6e6 !important;
    }
    .expiryTable tr:nth-child(odd){
        background: #E6E6E6 !important;
    }
    table#\#your-table{
        border-spacing: 5px;
        border-collapse: separate;
    }
    table.table.table-striped.bonusTable{
        border-spacing: 5px;
        border-collapse: separate;
    }
    table#transactionformTbl {
        border-spacing: 5px;
        border-collapse: separate;
    }
    .airpaginationContainer{
        padding:0;
    }
    .NosearchResult{
        padding:10px;
    }

}

/* mobile view only css ends */
/* main container  mobile view only css start */



@media screen and (min-width: 350px) and (max-width: 499px) {
    .search-form {
        margin: 0 0 10px 5px;
    }
    .col-sm-15 p,
    .col-xs-15 p {
        margin: 0 0 5px;
    }
    .category-links li a i {
        margin-right: 1px;
    }
    .item-list > div {
        width: 60%;
    }
    .login-content {
        max-width: 378px;
    }
    .login-icon {
        padding: 0 10px 0 0;
    }
    .toggle-menu {
        width: 39px;
    }
    .right-head .search-item li select.form-control {
        font-size: 12px;
    }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
    #ui-datepicker-div {
        width: 300px !important;
        z-index: 15 !important;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }
    .forgot-links li a {
        font-size: 9px;
    }
    .login-icon {
        padding-right: 10px;
    }
}
@media screen and (max-width: 353px) {
    .tb.table-responsive td.toll .tooltip1 {
        left: 121px;
    }
}
@media screen and (max-width: 390px) {
    .category-links li a {
        text-align: left;
    }
    .category-links li a i {
        margin: 0 2px 0 0;
    }
    .item-list > figure {
        float: none;
        margin: 0 auto 10px;
        width: 123px;
    }
    .item-list > div {
        float: none;
        width: 100%;
        margin: 0;
    }
    .col-sm-15 p,
    .col-xs-15 p {
        font-size: 12px;
    }
    .toggle-menu {
        width: 29px;
    }
    .modal-content.hoterl-pop .nav > li > a {
        padding: 4px 0.5%;
        font-size: 11.5px;
        text-align: center;
    }
    .glyphicon.glyphicon-play {
        font-size: 9px;
    }
    .path-info li {
        font-size: 12px;
    }
    .spinner {
        margin: 30px auto;
    }
    .search-wrap h1 {
        font-size: 17px;
    }
    .trip-summary li strong {
        width: 57%;
    }
    .trip-summary li span {
        width: 43%;
    }
    .right-head .search-item li {
        float: none;
        width: 100%;
    }
    .footer-sec ul.footer-link li {
        padding: 0 6px;
        font-size: 10px;
    }
    .footer-sec > .container {
        padding: 0;
    }
}
@media screen and (max-width: 347px) {
    .flight-tab .tab-menu li,
    .flight-tab .tab-menu li.active {
        float: none;
        width: 100%;
    }
    .login-content {
        padding: 27px 11px;
        max-width: 300px;
    }
}
@media screen and (max-width: 358px) {
    .owl-pagination .owl-page {
        margin: 23px auto;
    }
    .col-sm-15,
    .col-xs-15 {
        padding: 30px 10px 30px 140px;
    }
}
@media screen and (max-width: 345px) {
    .col-sm-15,
    .col-xs-15 {
        padding: 14px 15px;
        min-height: 153px;
    }
    .owl-pagination .owl-page {
        margin: 24px auto;
    }
}
@media screen and (min-width: 1024px) {
    .trip-summary li span,
    .trip-summary li strong {
        padding: 10px 0;
        float: left;
    }
    .trip-summary li span {
        line-height:18px;
        width: 58%;
    }
    .trip-summary li strong {
        width: 40%;
        color: #095179;
        padding: 10px 0 0;
    }
    .left-col.add .trip-summary li span,
    .left-col.add .trip-summary li strong {
        width: 100%;
    }
    .range-wrap > p label {
        width: 33%;
        position: relative;
    }
    .range-wrap > p span {
        width: 65%;
        display: inline-block;
    }
    .range-wrap > p span.glyphicon {
        width: auto;
    }
    .bonus-sec li,
    .bonus-sec p,
    .left-co p,
    .right-co > div > div h3,
    .right-co > div > div ul li,
    .slider-con-rew > div li,
    .slider-con-rew > div p,
    .slider-con-rew > div p a {
        font-size: 14px;
    }
}
@media only screen and (min-width: 391px) and (max-width: 479px) {
    .top .log-btn,
    .top .log-btn.last,
    body.MyAccount .top .log-btn {
        margin: 9px 0 0;
    }
    .top .right-logo {
        top: 10px;
    }
    .right-logo {
        top: 4px;
    }
    .log-btn {
        margin: 4px 4px 4px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
    #tacError.error,
    .error.hotel-error#tacError {
        width: 67%;
    }
    .right-logo {
        top: 5px;
    }
    .log-btn {
        margin: 4px 4px 3px;
    }
    #activePopup .modal-dialog {
        max-width: 400px;
    }
    .top .right-logo {
        top: 3px;
    }
    .range-wrap.home-miles > div {
        text-align: center;
    }
    .footer-sec ul {
        width: auto;
    }
    .top .log-btn.last,
    body.MyAccount .top .log-btn {
        margin: 3px 2.5px 2px;
    }
    .col-sm-15 p,
    .col-xs-15 p {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1159px) and (orientation: landscape) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-sm-15.col-xs-12 > a {
        bottom: 84px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) {

    .container {
        max-width: 98% !important;
    }

    .paractAllCards.rewardsCards {
	display: flex;
	justify-content: space-between;
    }
    p.rewardPointName {
	margin: 0;
    }
    .Card p:nth-child(2) {
	font-size: 20px;
    }
    .parcadYellow {
	padding: 15px;}
    .cardYellow .seventeenTxt {
	font-size: 20px;}
    .cardYellow p {
	padding: 12px 0px;
    }
    .row.spaceEvenly div {
	width: 20px;
    }
    .ParimgdivContainer {
	display: flex;
    }
    .pearnNumber {
	font-size: 14px;}
    .logoutContent .log-btn {
	gap: 2px;}
    .log-btn {
	padding: 0 0 0 5px !important;
    }
    .howItWorksContener {
	padding: 25px;
	gap:30px;
    }

    .howItWorksContent {
	font-size: 24px;
	padding:0;
    }
    .howItWorksPara {
	padding:0;
    }
    .howItWorksBackImg {
	left: -39px;}

    .search-form {
	width: 200px;}
    div#searchMerchent {
	top: 34px;
	right: 40px;
    }
    .transactionTabsContainer .transactionList li {
	width:15% !important;
    }
    .transactionList li a {
	padding: 10px 15px 10px 15px !important;
    }
    .searchMerchentBox {
	top: 34px !important;
    }
    .sum-box .earned_Toggle_Form .row div{
	width:20%;
    }
    .submitBtn{
	margin:0 !important;
    }
    .sum-box.earned_Toggle_Form .row.justify-content-center- .col-sm-3.col-xs-12{
	padding: 0 !important;
    }
    .sum-box.earned_Toggle_Form .row.justify-content-center-{
	gap:10px;
    }
    .inputWidth {
	width: 20% !important;
    }
    .btnWidth{
	width: 15% !important;
    }
    .imgJohn {
	margin:0;
    }
    input.selectGroup.submitBtn.marginAlign {
	margin: 2px 0 !important;
    }
    #ui-datepicker-div, .ui-datepicker {
	width: 30%!important;
    }
    input.selectGroup.resetBtn.mr-3.marginAlign {
        margin: 2px 0 !important;
    }
    .Psocial{
	width: 95%;
    }
    .parimgJohnBoxBackImg {
	padding: 60px 136px; 
    }
    .redemptionsArrow{

    }
    .padAccLog{
	justify-content: space-around;
    }
   .btn.ave {
      margin: -8px 0 0px 6px !important;
    }
      .btn.ave {
	margin: -8px 0 0px 6px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
    .left-co p {
	margin-bottom: 8px;
    }
    .left-co ul li {
	height: 174px;
    }
    .right-co > div > div .link {
	bottom: 6px;
    }
}
.ie9 select {
    width: 110%;
    background: 0 0;
}
.ie9 option {
    width: 50% !important;
    background: 0 0;
}
.ie .right-head.pes select,
.ie9 #nationality,
.ie9 #roomsCount,
.ie9 #roomtype,
.ie9 .d-f-b select {
    width: 170%;
}
.ie9 select.ui-datepicker-month,
select.ui-datepicker-year {
    background: url(../images/web-portal/arrow.png) 92% 15px no-repeat #fff !important;
    appearance: none;
    border: 1px solid #eaefff;
    border-radius: 2px;
    -ms-appearance: none;
}
.ie9 .shop-page select {
    width: 115%;
}
.ie9 .select-style {
    overflow: hidden;
}
.ie9 .owl-controls {
    margin: -20px 0 0;
}
.ie9 [type="radio"] + label::after {
    top: -2px;
    left: -22px;
}
@media all and (-ms-high-contrast: none) {
    .owl-next {
	right: 25px;
    }
    .owl-controls {
	margin: -20px 0 0;
    }
    .owl-next,
    ::-ms-backdrop {
	right: 25px;
    }
    .owl-controls,
    ::-ms-backdrop {
	margin: -20px 0 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 925px) {
    header {
	position: relative;
    }
    #home-page .span5 {
	padding: 0 15px;
    }
    .footer-sec {
	padding: 15px 0;
    }
    .log-btn {
	margin: 15px 0 0;
    }
    .log-btn.last {
	margin: 12px 0;
    }
    .range-wrap.home-miles {
	right: 95%;
	position: absolute;
	top: 49px;
	width: 52%;
    }
    .range-wrap.home-miles .btn.ave {
	font-size: 17px;
	line-height: 180%;
    }
    .top .log-btn.last,
    body.MyAccount .top .log-btn {
	margin: 13px 0 0;
    }
    .slider-blw-link,
    .usernavBox {
	bottom: 58px;
    }
    body.MyAccount .right-col {
	padding: 69px 0 0 11%;
    }
    body.MyAccount .banner-sec.myAccputBanner img {
	display: none;
    }
    body.MyAccount #profile {
	background: url(../images/banner/my-profileBg.jpg) no-repeat top left;
	background-size: cover;
    }
    body.MyAccount .right-col {
	padding: 63px 0 0 111px;
    }
    body.MyAccount .myaccount-wrap .range-wrap {
	margin-bottom: 82px;
    }
    body.MyAccount .right-tab-col.right-col > div.col-sm-9 {
	padding: 12px 35% 0 0;
    }
    body.MyAccount .table-responsive {
	min-height: 0.01%;
	margin-bottom: 66px;
	overflow-x: auto;
    }
    .grid-list div > div {
	height: 122px;
    }
    .miles-page .grid-list {
	height: 262px;
    }
    .grid-list aside span > span {
	display: block;
	top: 13px;
    }
    .grid-list aside a.btn {
	float: left;
	margin: 14px 0 0;
    }
    body.home .footer-sec {
	bottom: 0;
	left: 0;
	width: 100%;
	position: fixed;
    }
    .grid-list {
	height: 378px;
    }
    .d-f-b li {
	margin: 0 5px 0 0;
    }
    .range-wrap.home-miles.top-ab {
	left: -149px;
	top: 66px;
    }
    .range-wrap.home-miles .caseback1 {
	font-size: 12px;
	position: absolute;
	right: 136px;
	top: -33px;
    }
    .caseback a {
	font-size: 12px;
    }
}
@media only screen and (min-width: 926px) and (max-width: 1024px) {
    body.home header {
	position: relative;
    }
    .range-wrap.home-miles.top-ab {
	left: -149px;
	top: 66px;
    }
    .caseback a {
	font-size: 12px;
    }
    .range-wrap.home-miles {
	float: left;
	width: 185px;
	top: 55px;
	right: 66%;
	position: absolute;
    }
    .log-btn,
    .log-btn.last {
	margin: 0;
    }
    .range-wrap.home-miles > div {
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	text-align: right;
    }
    .range-wrap.home-miles .caseback1 {
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	right: 263px;
	top: -8px;
    }
}