@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: var(--color-text-base);
    }
    .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: var(--size-font-web-hfour);
        margin: 23px 2px 15px -5px;
        width: 92px;
    }
    #navbar {
        padding: 0;
    }
    .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: var(--color-text-base);
        height: 16px;
        width: 3px;
        content: "";
        position: absolute;
        left: 0;
        top: 38px;
    }
    .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;
    }
    .cury-link {
        width: 176px;
    }
    .cury-link li > a {
        font-size: var(--size-font-one);
    }
    .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: -26px auto 60px;
        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: var(--size-font-two);
        line-height: 19px;
    }
    .footer-sec ul.footer-link {
        margin: 8px 0 10px 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: 2px 0 11px;
        float: right;
        display: inline-block;
    }
    .footer-sec ul.social li {
        float: left;
    }
    .flight-book-form {
        padding: 20px 10px;
    }
    .banner-sec img {
        height: 100%;
        padding-top: 4%;
    }
    .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%;
    }
    .redeem-wrap ul li.redeemEmail{
        width: 25%;
    }
    .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, .hoterl-pop.summary .nav > li a:hover {
        border-radius: 4px 4px 0 0;
        color:var(--color-text-base);
    }

    #voucher a, #remember a, #conditions a, #partner a,
    #voucher a:hover, #remember a:hover, #conditions a:hover, #partner a:hover{
        color:var(--color-text-base);
    }

    .container.smiple-con {
        padding: 177px 0 0;
    }
    .tab-menu li {
        display: inline-block;
        border-right: 1px solid var(--color-text-base);
        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: var(--color-text-base);
        font-size: var(--size-font-web-body);
        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: var(--size-font-one);
        padding: 7px 2px;
    }
    .left-account td:first-child {
        width: 24%;
    }
    .search-form {
        background: 0 0;
        border-bottom: 1px solid #bebebe;
        width: 220px;
        position: absolute;
        right: 20px;
        border-radius: 2px;
        top: 60px;
    }
    .select-style.room {
        margin: 0;
    }
    .captcha-sec > input[type="text"] {
        width: 70%;
    }
    .path-info li {
        font-size: var(--size-font-web-body);
        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: 400px;
        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: var(--size-font-web-hfour);
        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: var(--size-font-one);
    }
    .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: var(--size-font-web-hfour);
    }
    .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: var(--size-font-web-hfour);
        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: var(--color-primitive-white);
        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: var(--size-font-one);
        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: var(--size-font-two);
        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: var(--color-primitive-white);
        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: var(--size-font-two);
        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: var(--size-font-one);
    }
}
@media screen and (min-width: 1025px) {
    .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: 31px 0 16px;
        width: 190px;
        font-size: var(--size-font-one);
        color: var(--color-text-base);
    }
    .logoStatic{
        margin: 31px 0 31px;
    }
    .rig-logo {
        margin-left: -15px;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-nav > li > ul {
        top: 75px;
        left: 22px;
        border-radius: 4px;
    }
    .nav.navbar-nav {
        padding: 0 10px 0 0;
    }
    .nav > li:first-child {
        top: 2px;
    }
    .navbar-nav > li:hover ul {
        display: block !important;
    }
    .navbar-nav > li > a {
        font-size: var(--size-font-two);
        padding: 22px 20px 18px;
        display: flex;
        align-items: center;
    }
    #navbar {
        margin: 0 0 0 0;
        padding: 0;
    }
    .log-btn {
        width: auto;
    }
    .home_btn
    body.MyAccount .top .right-logo {
        margin: 0;
    }
    .right-logo {
        float: right;
        width: 129px;
        margin: 15px 0 0 5px;
        width: 161px;
        padding-left: 0;
    }
    a.log-btn.Fright.home_btn{ display:flex; gap:6px; align-items: center; }

    .log-btn {
        font-size: var(--size-font-two);
        padding:  0;
        float: right;
        min-width: 100px;
        text-align: center;
    }
    .log-btn i{
        top: 3px!important; 
    }

    .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: var(--size-font-two);
        font-weight: 700;
        line-height: 234%;
        margin: 0 0 0 10px;
        color: var(--color-primitive-white);
    }
    .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: var(--size-font-two);
    }
    .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: var(--size-font-two);
        border-bottom: 3px solid transparent;
    }
    .left-account td {
        font-size: var(--size-font-one);
        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: -132px 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%;
    }
    .btn-wrap input.btn[type="button"] {
        margin: 10px 15px 10px 0;
    }
    #adtexpiryError1.error {
        bottom: -27px;
        font-size: var(--size-font-one);
    }
    .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: var(--size-font-two);
    }
    .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: var(--size-font-two);
    }
    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;
    }
}
@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: var(--size-font-two);
    }
    .right-head h5 {
        line-height: 127%;
        font-size: var(--size-font-web-hfour);
    }
    .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) {
    .transaction-tb td:nth-of-type(1):before{
        content: "Amount"!important;
    } 
    #transaction-tb td:nth-of-type(2):before{
        content: "Rewards Earned "!important;
    } 
    .logout_content{
        display: none;
    }

    #transaction-tb tr.visible-xs.td-design.textalign2.covered_card_data td:nth-of-type(1):before{
        display: none;
    }

    #transactionSummary td{
        text-align: left !important;
        border:none;
        padding: 0;
        padding-left: 0!important;
        font-size: 15px;
        min-height: inherit!important;
        font-weight: 700;
    }
    #transactionSummary td:nth-child(2) , #transactionSummary td:nth-child(4){
        text-align: right !important;
    }
    tbody#transactionpagination tr.pages.textalign2{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid #ccc;
        padding: 15px 0;
    }
    table.table.table-striped.transaction_data{
        border-bottom: 0;
    }
    #transactionSummary tr.visible-xs.td-design.textalign2.covered_card_data td{
        text-align:center!important;
    }
    tbody#transactionpagination td:nth-child(1) {
        font-weight: 500;
        text-transform: lowercase;
    }
    tbody#transactionpagination td:nth-child(1):first-letter{
        text-transform: uppercase;
    }
    tbody#transactionpagination td:nth-child(3){
        color:#808080;
        font-weight: 500;
    }
    tr.visible-xs.td-design.textalign2.covered_card_data td{
        padding: 20px 0;
        padding-left: 0 !important;
        border-bottom:0;
    }
    .mob_home_header .home_img_header{
        display:block;
        margin: 0 0 0 16px;
    }
    .mob_home_header .home_img_header img{
        height: 22px;
        object-fit: contain;
    }
    .mob_home_header a.log-btn.last{
        float: none !important;
        margin: 0!important;
        padding: 0 0;
    }
    span.mobViewSec.visible-xs-inline-block.mob_home_header {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    span.mobViewSec.visible-xs-inline-block.mob_home_header a.log-btn.Fright{
        float: none !important;
        margin: 0 16px 0 0;
    }
    img.visible-xs.logo_align{ position: relative;
                               z-index: 1;   }
    .mobviewFix{width:100%; background:#ffffff;}
    .col-sm-9.col-xs-12.right-col {
        padding-right: 0;
    }
    .align_header {
        display: initial;
        padding: 6px;
    }
    .align_header
    .inner-content.flight-tab .myaccount-wrap .range-wrap {
        margin: 0;
    }
    .navbar-header.mobviewFix.mobile_view{   
        padding: 5px 0;
        gap:6px;
        background: var(--color-text-base);    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navbar-header.mobviewFix.mobile_view a.log-btn.Fright ,.navbar-header.mobviewFix.mobile_view a.log-btn.Fright.home_btn{
        display: flex;
        gap:6px;
        margin: 0;
        align-items: center;
    }
    .inner-content.flight-tab .col-sm-9.col-xs-12.right-col {
        margin-right: 0;
    }
    .mobViewSec.visible-xs-inline-block  .last{
        float:left;
    }
    .mobViewSec.visible-xs-inline-block  .Fright{
        float:right;
    }

    .mobViewSec.visible-xs-inline-block .log-btn {
        margin: 0 16px 3px 14px;
        color: var(--color-primitive-white); 
    }

    .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: var(--color-text-base) !important;
        line-height: 16px;
    }
    #airBookingPopup {
        width: 316px;
        min-width: 316px;
        padding-top: 20px !important;
    }
    #airBookingPopup h2 {
        font-size: var(--size-font-web-body);
    }
    .mobViewSlid.homeBox .span5 h1 {
        padding-top: 29px;
    }
    .tabs_animate .mobViewSlid.homeBox .btn {
        margin-top: 40px;
    }
    #airBookingPopup .popup-list {
        text-indent: 0px;
    }
    #airBookingPopup button.close {
        right: -8px;
    }
    .popup-list li > a {
        font-size: var(--size-font-one);
        text-align: left;
    }
    #airBookingPopup .modal-body span img {
        width: 42px;
    }
    .right-head.ser #accordion h4.panel-title a {
        font-size: var(--size-font-two);
        line-height: 25px;
    }
    .right-head.ser #accordion h4.panel-title a i {
        top: 22px;
        font-size: var(--size-font-web-hfour);
        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: var(--color-text-base);
    }
    .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: 100% !important;
        margin: 15px auto;
        height: var(--size-button-height-base);
        background: var(--color-brand-primary-one) !important;
        border-radius: var(--size-radius-medium) !important;
        font-size: var(--size-font-two);
    }
    .shop-page .range-wrap > p input {
        border: none;
    }
    body.MyAccount .addPassn,
    body.MyAccount .closePassn {
        font-size: var(--size-font-one);
        line-height: 15px;
    }
    body.MyAccount .addPassn {
        max-width: 186px;
    }
    .passenForm > ul > li input[type="button"] {
        margin: 0 auto;
    }
    label {
        font-size: var(--size-font-web-body);
    }
    .login-form .bmd-form-group .bmd-label-static, .login-form  .bmd-form-group .is-filled .bmd-label-floating, .login-form .bmd-form-group .is-focused .bmd-label-floating, 
    .login-form .bmd-form-group.is-filled .bmd-label-floating, .login-form .bmd-form-group.is-focused .bmd-label-floating {
        font-size: var(--size-font-web-body) !important;
    }    

    .passh,
    .passh .btnW.addPassDetails {
        padding: 0;
    }
    .passh {
        padding: 0 3px;
    }
    .passenForm > ul > li label {
        font-size: var(--size-font-one);
        color: #7482cc;
    }
    .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;
    }
    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: var(--color-text-base);
    }
    .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;
    }
    .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: 0 26px 3px;
    }
    .log-btn > i {
        font-size: var(--size-font-web-body);
    }
    .mobViewSec.visible-xs-inline-block {
        padding: 6px 0 4px 0;
        float: left;
        width:100%;
    }
    .logo {
        margin: 0 0 0 21px;
        width: 139px;
        float: left;
    }
    .logoStatic{
        margin: 12px 0 18px 21px;
    }
    .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;
        right:0px;
    }
    .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:nth-child(1):after,
    body.MyAccount .myaccount-wrap .tab-menu li:nth-child(3):after,
    body.MyAccount .myaccount-wrap .tab-menu li:nth-child(5):after{
        border-bottom: 1px dashed #e0e0e0;
        content: '';
        position: absolute;
        width: 60px;
        transform: rotate(90deg);
        top: 48%;
        left: 84%;
    }

    /*    
        
        
        body.MyAccount .myaccount-wrap .tab-menu li.active:after{
            content:""; 
            background-image: url(../images/web-portal/LineVertical.png);
            position: absolute; 
            bottom: 37px; 
            right: 0; 
            height: 65%; 
            width: 1.5px;
        }
        body.MyAccount .myaccount-wrap .tab-menu li:after{
            content:""; 
            background-image: url(../images/web-portal/LineVertical.png);
            position: absolute; 
            bottom: 37px; 
            right: 0; 
            height: 65%; 
            width: 1.5px;
        }*/


    .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: var(--color-primitive-white);
        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;
    }
    #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 .span5{
        margin-top: 5%;
    }

    #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: var(--size-font-one);
    }
    .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 0px;
    }
    .item-list.details-para figure {
        margin: 0 auto 20px;
        float: none;
    }
    .item-list > div > div h3 {
        line-height: 124%;
        font-weight: 500;
        font-size: var(--size-font-web-hfour);
    }
    .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: -18px auto 0;
    }
    .item-list > div > aside a.btn {
        font-size: var(--size-font-one);
        margin: 0 auto;
        max-width: 150px;
        padding: 12px 0;
        border-radius: 4px;
    }
    .address-wrap {
        margin: -33px auto 20px;
        max-width: 93%;
    }
    .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: var(--size-font-one);
        padding-left: 50%;
    }
    .myaccount-wrap.mob-wrpa td:before,
    body.MyAccount .passengerTable .table td:before {
        position: absolute;
        top: 11px;
        color: var(--color-text-base);
        left: 6px;
        font-size: var(--size-font-one);
        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;
    }
    #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: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;
    }
    /*    #transactionSummary td:nth-of-type(1):before {
            content: "Merchant Name  ";
        }
        #transactionSummary td:nth-of-type(2):before {
            content: "Amount  ";
        }
        #transactionSummary td:nth-of-type(3):before {
            content: "Rewards Earned  ";
        }
        #transactionSummary td:nth-of-type(4):before {
            content: "Transaction  Date  ";
        }
        #transactionSummary td:nth-of-type(5):before {
            content: "Transaction Type  ";
        }*/
    #bankwide td:nth-of-type(1):before,
    #bankwide #transaction-tb td:nth-of-type(1):before {
        content: "Amount";
    }
    #bankwide td:nth-of-type(2):before,  #bankwide #transaction-tb td:nth-of-type(2):before{content: "Rewards Earned";}

    #bankwide td:nth-of-type(3):before, #bankwide #transaction-tb td:nth-of-type(3):before{ content: "Transaction  Date";}
    #myTable01 td:nth-of-type(1):before,
    #transaction-tb td:nth-of-type(1):before {
        content: "Merchant Name";
    }
    #myTable01 td:nth-of-type(2):before,
    #transaction-tb td:nth-of-type(2):before {
        content: "Amount ";
    }
    #myTable01 td:nth-of-type(3):before,
    #transaction-tb td:nth-of-type(3):before {
        content: " Rewards Earned ";
    }
    #myTable01 td:nth-of-type(4):before,
    #transaction-tb td:nth-of-type(4):before {
        content: "Transaction Date";
    }
    /*    #myTable01 td:nth-of-type(5):before,
        #transaction-tb td:nth-of-type(5):before {
            content: "Transaction Type";
        }*/
    .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: var(--color-text-base);
        font-family: 'bliss2';
    }
    #myTable14 td:nth-of-type(1):before {
        content: "Product Description";
        color: var(--color-text-base);
    }
    #myTable14 td:nth-of-type(2):before {
        content: "Quantity ";
    }
    #myTable14 td:nth-of-type(3):before {
        content: "Rewards Redeemed ";
    }
    #myTable14 td:nth-of-type(4):before {
        content: "Voucher Number";
    }
    #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;
    }
    #bonus-detail td:nth-of-type(1):before {
        content: "Description      ";
    }
    #bonus-detail td:nth-of-type(2):before {
        content: "Rewards Earned  ";
    }
    #bonus-detail td:nth-of-type(3):before {
        content: "Transaction Date     ";
    }
    #bonus-detail td:nth-of-type(4):before {
        content: "Transaction Type     ";
    }
    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: var(--color-text-base);
        font-size: 13px;
    }
    .span5 {
        width: 100%;
        margin-right: 40px;
    }
    .usernavBox li {
        width: 41%;
        margin-left-: 2%;
        /*        margin-bottom: 10px;*/
        height: 125px;
        float: none;
        display: inline-block;
    }
    .usernavBox li a {
        border-width: 1px;
        line-height: 1;
        height: 100%;
        font-size: 15px;
        padding: 20px 0 0 0;
        font-family: 'bliss2';
        width: 94%;
    }
    .grid-list aside a.btn {
        margin-top:  -28px;
        margin-bottom:  0;
        padding: 10px;
        line-height: 1.2;
        height: var(--size-button-height-base);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .grid-list aside {
        padding: 20px 0 0;
    }
    .grid-list aside strong{margin: 0}
    .grid-list aside span>span {
        top: 6px;
    }
    .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;
    }
    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: var(--color-text-base);
        border-top: 1px dotted #8a8a8a;
        padding: 0 0 !important;
    }
    /*    .mobileMenuSe {
            padding:13px 12px;
            margin-right: 16px;
            margin-bottom: 5px;
            float: right;
            background: #FFFFFF;
            border: 0.5px solid rgba(0, 0, 0, 0.12);
            box-shadow: 0px 5px 15px #E0E2EB;
        }*/
    /*collapsible menu is  hide on 10-10-2023*/
    .navbar-toggle.toggle-menu.collapsed{
        padding: 26px 28px;
        display: none;
        background: #FFFFFF;
        border: 0.5px solid rgba(0, 0, 0, 0.12);
        box-shadow: 0px 0px 15px #E0E2EB;
        float: right;
        border-radius: 0 !important;
        margin-right: 10px;
        margin-bottom: 6px;
    }
    .navbar-toggle.toggle-menu.open-menu{
        float: right;
        margin-right: 5%;
        margin-top: 2%;
    }

    .logo img{
        margin-left: -2px;
        margin-top: 17px;
        margin-bottom: 17px;
    }
    ul.search-item label.bmd-label-floating.mobile_none{display: none;}

    #navbar {
        background: #fff;
        position: relative;
        top: 5px;
        width: 100%;
        left: 0;
        padding: 0;
        z-index: 0;
        clear:both;
    }
    #navbar > li > a > img{
        padding-right: 15px;
    }    
    #navbar a ul li a > img{
        padding-right: 0px;
    } 

    .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: var(--color-text-base);
    }
    .home .toggle-menu .icon-bar,
    .toggle-menu .icon-bar {
        background: var(--color-text-base);
    }
    .cury-link ul li,
    .nav > li,
    .navbar-nav > li > ul li {
        border-color: var(--color-primitive-white);
    }
    /*    .nav > li:hover > a,
        .navbar-nav > li > ul li:hover a {
            opacity: 0.8;
        }*/
    .myaccount-wrap.mob-wrpa .nav-tabs>li.active>a, .myaccount-wrap.mob-wrpa .nav-tabs>li.active>a:focus, .myaccount-wrap.mob-wrpa .nav-tabs>li.active>a:hover{background: #ffffff; color:#000000}
    body.MyAccount {
        background: #fff;
        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%;
        overflow-x: hidden;
        background: 0 0;
        padding: 17px 0 0;
        float: none;
        margin: 0;
    }
    body.MyAccount .tab-menu li {
        float: left;
        width: 50%;
        /*margin: 0 0 10px 5px;*/
        display: block;
        height:125px;
    }
    body.MyAccount .tab-menu li.active {
        display: block !important;
        background: #ffffff;
    }
    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 2px;
        font-family: 'bliss2';
        font-style: normal;
        font-weight: 400;
        font-size: var(--size-font-web-body);
        line-height:22px;
        /* identical to box height, or 138% */

        text-align: center;
        letter-spacing: -0.0043em;
        color: var(--color-text-base);
    }
    body.MyAccount .myaccount-wrap .tab-menu li.active a{
        color:#0075E0;
    }


    body.MyAccount .banner-sec.myAccputBanner {
        display: none;
    }
    body.MyAccount .tab-menu li:last-child , body.MyAccount .tab-menu li:nth-child(5) {
        margin-bottom: 10px;
        /*width:100%;*/
        border-bottom-: 0;
    }
    body.MyAccount .tab-menu li:last-child{
        width:100%;
    }
    body.MyAccount .right-tab-col.right-col > div.col-sm-9{
        padding: 0;
    }
    body.MyAccount .tab-pane {
        padding: 14px;
    }
    body.MyAccount .tab-pane#profile {
        padding: 0px;
    }
    body.MyAccount .left-col > div{
        width: 95%;
        margin: 0 auto;
    }
    .trip-summary li strong {
        width: 48% !important;
    }

    body.MyAccount .right-col {
        padding:0px;
    }
    body.MyAccount .currecy-div {
        right: 0;
        bottom: 0;
        text-align: center;
    }
    body.MyAccount .right-col > div span.ave {
        font-size: 40px;
        color: var(--color-text-base)!important;
    }
    body.MyAccount .right-col > div.left-col {
        width: 100%;
    }
    body.MyAccount .table-responsive {
        padding: 0 0 10px 0;
        margin: 0;
    }
    body.MyAccount .right-col > div span.ave,
    body.MyAccount .right-col > div span.crecy-name {
        text-align: center;
        margin: 1px 0 5px;
    } 
    /*hide Click icons to redeem from bottom on 10-10-23*/
    .mobile_service_menu{display: none;}
    .reddemtext {
        display: block;
        color: var(--color-text-base);
        font-size: var(--size-font-web-body);
        text-align: center;
        margin: 0 0 14px;
        font-family: 'bliss2';
    }
    col > div span.crecy-name{
        margin: 0px 0 52px;  
    }
    #transactionSummarybankwide td{
        display: block;
        width: 100%;
        text-align: left !important;
    }
    #bonus-detail td,
    #myTable01 td,
    #myTable14 td,
    #transaction-tb td,
    #transactionSummary td,
    #transactionSummarybankwide 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;
    }
    #liwidth{
        width:100%; 
    }

    .myaccount-wrap .container.inner-content{margin: -30px auto 61px;}

    /* header view */
    .toggle-menu.open-menu .icon-bar {
        width: 63%
    }

    #redemptionLink .toggle-menu.open-menu .icon-bar {
        width: 100%
    }

    .navbar-nav > li > ul {
        background: 0 0;
        padding-left: 19.5%;
    }
    .navbar-nav > li > ul > hr {
        margin: 0;
    }
    .mRit {
        margin-right: 10px;
        margin-bottom: 3px;
    }
    .navbar-nav > li > a{
        font-style: normal;
        font-weight: 500;
        font-size: var(--size-font-web-body);
        line-height: 22px;
        letter-spacing: -0.0043em;
        color: var(--color-text-base); 
        font-family: 'bliss2';
    }
    .navbar-nav > li ul li a{
        font-style: normal;
        font-weight: 500;
        font-size: var(--size-font-web-body);
        line-height: 22px;
        font-family: 'bliss2';
        border-bottom: 1px solid #cccccc;
        width: 93%;
        padding-left: 0;
    }

    .range-wrap > p input,
    .range-wrap > p label{
        margin-top: 15px;
        color: var(--color-text-subdued) !important;
    }   

    .trip-summary li {
        padding: 0;
    }

    .usernavBox li:first-child, .usernavBox li:nth-child(2){
        border-bottom: 1px dashed #e0e0e0;
        margin-left: 0;
    }
    .usernavBox li:first-child:after, .usernavBox li:nth-child(3):after{
        border-bottom: 1px dashed #e0e0e0;
        content: '';
        position: absolute;
        width: 60px;
        transform: rotate(90deg);
        top: 49%;
        left: 77%;
    }
    .usernavBox li a, .usernavBox li.active a {
        border-top: 4px solid transparent;
    }
    .usernavBox li a span i.fa-plane:before, .usernavBox li a span i.fa-building:before, 
    .usernavBox li a span i.fa-cart-arrow-down:before, .usernavBox li a span i.giftIcon:before{
        top: -17px;
    }
    .usernavBox li a span i.giftIcon:before {
        top: -12px;
    }

    button.btn, input[type="button"].btn {
        min-width: 100%;
        font-family: bliss2;
        height: var(--size-button-height-base);
    }

    .sum-btn-wrap button.btn, .sum-btn-wrap input[type="button"].btn{
        min-width: 46%;
    }

    .shop-page .left-col, .shop-page .right-col{
        margin-top: 50px;
    }

    .shopDetailStyle div:first-child, .shopDetailStyle div:last-child{
        width:50%;
        float: left;
        text-align: left;
    }
    .shopDetailStyle div:first-child{margin-top: 8px;}
    .shopDetailStyle div:first-child strong{
        font-size:20px;
        font-family: bliss2;
        font-weight: 500;
    }
    .shopDetailStyle div:first-child span{
        color:var(--color-inputs-placeholder);
        font-size: var(--size-font-one);
    }
    .shopDetailStyle div:last-child a{
        width: 100px;
        float: right;
        padding: 18px 32px 16px 22px !important;
        height: var(--size-button-height-base);
        font-family: 'bliss2';
        font-size: var(--size-font-web-body) !important;
    }

    .right-head h5 {
        font-size: var(--size-font-web-hfour);
    }

    label.addrs {
        padding-left: 0px;
    }

    .popup-list li{
        padding: 8px 8px;
    }

    #airBookingPopup .popup-list li{
        padding: 15px 8px;
    }

    .hidden-xs-mob{
        display: none;
    }

    .search-form{
        width: 98%;
    }
    .mleft {
        margin-left: 3px !important;
    }

    body.MyAccount .table-striped tbody#redempage tr:nth-of-type(2n + 1){
        background-color: #f9f9f9;
    }

    .item-list > div > aside {
        border-top: 1px solid #e0e7ef;
        padding-top: 20px;
        margin-top: 20px;
    }

    #select-flight .range-wrap > p label {
        width: 30%;
    }

    #home-page .usernavBox li.active a {
        width: 94%;
    }

    .search-item li, .search-item li:last-child{
        width:100%;
    }

    .redeem-wrap ul li.redeemEmail1{
        width: 100%;
    }
}
@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: var(--size-font-one);
    }
}
@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: var(--size-font-one);
    }
    .toggle-menu {
        width: 21px;
        height: 22px;
    }
    .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: var(--size-font-one);
    }
    .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: 3px 0 15px;
        float: left;
    }
    .trip-summary li span {
        line-height: 15px;
        width: 54%;
        padding-left: 20px;
    }
    .trip-summary li strong {
        width: 46%;
        color: var(--color-text-base);
        padding: 0px 0 10px;
    }
    .left-col.add .trip-summary li span,
    .left-col.add .trip-summary li strong {
        width: 100%;
    }
    .range-wrap > p label {
        width: 37%;
        position: relative;
    }
    .range-wrap > p span {
        width: 61%;
        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: var(--size-font-two);
    }
}
@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: var(--size-font-two);
    }
}
@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: 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% 19px 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: var(--size-font-one);
        position: absolute;
        right: 136px;
        top: -33px;
    }
    .caseback a {
        font-size: var(--size-font-one);
    }
}
@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: var(--size-font-one);
    }
    .range-wrap.home-miles {
        float: left;
        width: 185px;
        top: 55px;
        right: 66%;
        position: absolute;
    }
    .log-btn,
    .log-btn.last {
        margin: 27px 9px 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: var(--size-font-two);
        font-weight: 700;
        right: 263px;
        top: -8px;
    }
    .range-wrap.home-miles .gift-icon {
        display: block;
        float: left;
        margin: 3px 10px 0 0;
    }
    .range-wrap.home-miles .btn.ave {
        font-size: 22px;
        line-height: 120%;
        margin: 0;
        padding: 0;
    }
    .right-logo {
        margin: 15px auto 0;
    }
    .log-btn-wrap.top .log-btn {
        margin: 13px 32px 0 9px;
    }
    .range-wrap.home-miles.show-b.top-ab {
        right: 0;
        top: 3px;
    }
    .log-btn {
        float: right;
    }
}
:root .footer-sec,
_:-ms-fullscreen {
    margin-top: 16px;
}