@media only screen and (min-width:768px) {
    .cus-visible-xs{
        display: none !important;
    }
    .error.msgfix {
        bottom: 0 !important;
    }
    .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,
    .range-wrap.home-miles>div,
    .search-form {
        overflow: hidden
    }
    body.home header {
        background: 0 0
    }
    .menu-wrap,
    header {
        background:#fff;
    }
    .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
    }
    .nav>li {
        border: none
    }

    .navbar-nav>li>a {
        font-size: 11px;
        padding:30px 2px 25px
    }
    .menu-wrap {
        padding: 0
    }
    .log-btn-wrap {
        background: 0 0;
        padding: 0 11px 0 0;
        text-align: right
    }
    .log-btn {
        text-align: center;
        width: 107px; background: #B4985A ;
    }
    .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 {
        border-radius: 9px;
        font-size: 9px;
        margin: 15px 9px 0;
        padding: 5px 6px
    }
    .style-text {
        text-align: justify
    }
    .log-btn.last {
        margin: 12px 9px
    }
    .nav {
        margin: 0 0 0 10px
    }
    #nav-tab{margin: 0px;}
    .jump-remove {
        min-height: 500px
    }
    .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 40px
    }
    .container.inner-content,
    .container.inner-content.shop-page {
        margin: -72px auto 50px; border-radius: 20px;
    }
    .container.inner-content.shop-page.flight-tab {
        margin: -72px auto 50px
    }
    .select-style,
    input[type=email],
    input[type=file],
    input[type=number],
    input[type=password],
    input[type=text],
    optgroup,
    select,
    select.form-control,
    textarea {
        margin: 0; border-radius: 7px;
    }
    .row-fields.row {
        margin: 0 -15px 26px
    }
    .error {
        /*bottom: 0px;*/
        margin-top: 5px !important;
    }
    .error.hotel-error {
        bottom: 4px;
        position: relative;
    }
    .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%
    }
    .radio-sec {
        margin: 0 0 38px;
    }
    .login-content {
        margin: -62px auto 20px
    }
    .left-col {
        padding: 0 10px 0 0;
/*        background: #fff;*/
        margin: 0
    }
    .left-col > div {background: #fff4e9;}
    .right-col {
        padding: 0 0 0 10px
    }
    .left-col>div,
    .right-col>div {
        background: #fff
    }
    .right-col>div {
        padding: 30px 10px; border-radius: 15px;
    }
    .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; background:#fff; border-radius: 15px;
    }
    .range-wrap {
        margin: 0 -16px 18px;
        padding: 0 16px
    }
    #slider-range1,
    #slider-range2,
    #slider-range3,
    #slider-range4,
    .range-wrap #slider-range {
        margin: 24px 0 19px
    }
    .item-list>div>div {
        width: 72%
    }
    .redeem-wrap ul li:first-child {
        width: 52%
    }
    .giftVouchFinialRedeem li:first-child {
        width: 45% !important;
    }
    .giftVouchFinialRedeem li:nth-child(4) {
        width: 22% !important;
    }
    .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: 5px 5px 0 0
    }
    .container.smiple-con {
        padding: 177px 0 0
    }
    .tab-menu li {
        display: inline-block;
        border-right: 1px solid #9d2235;
        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: 15px;
    }
    .tab-menu li:before {
        display: none
    }
    .left-tab-col {
        padding: 0
    }
    .left-account {
        background: #fff;
        padding: 5px
    }
    .left-account h2 {
        color: #000;
        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: #f7f7f7;
        border: 1px solid #bebebe;
        width: 220px;
        position: absolute;
        right: 20px;border-radius: 7px;
        top: 15px
    }
    .select-style.room {
        margin: 0
    }
    .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: 7px}
    .travel-select {
        width: 60%
    }
    .travel-select.first {
        width: 100%;border-radius: 15px;
        margin: 0 10% 0 0
    }
    .col-md-12.text-center {
        margin: 31px 0 0
    }
    .right-head.ser {
        position: relative; border-radius: 15px;
    }
    .search-item.modifysearchform li.modify-ser {
        position: absolute;
        right: 0;
        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
    }
    .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, .8);
        margin: -76px 0 0
    }
    .slider-con-rew>div {
        background: rgba(255, 255, 255, .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 {
/*        float: right;
        margin: -30px 0 0;
        position: relative;
        top: -7px;
        width: 100%;
        text-align: center;
        top: 73px;*/
    }
    .range-wrap.home-miles>div {
        margin:0;
        max-width: 100%;
        text-align: right
    }
    .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 !important;
        line-height: 120%;
        margin: 0;
        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;
        margin: 5px auto 0
    }
    #confirmation,
    #purchasepoint {
        padding: 20px 30px
    }
    #confirmation button.btn {
        margin: 0 0 0 15px
    }
    #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;}
    .trip-summary li:last-child span {padding: 12px 0 10px;}
    .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;}

}

@media screen and (min-width:1025px) {
    .item.homes>div p {
        padding: 11% 0 0 5%
    }
    .log-btn-wrap.top  .log-btn {position: relative;
                                 right: -25px;}
    .log-btn-wrap.top .log-btn.last {right:-20px;}
    .banner-sec>div>div p.mil-ban,
    .container {
        padding: 0
    }
    .innerpad {
        padding: 29px 39px; border-radius: 15px;
    }
    .owl-buttons {
        top: 43%
    }
    header {
        position: fixed; 
    }

    .col-sm-15,
    .menu-wrap {
        position: relative
    }
    .logo {
        margin:9px 0 10px;
        width: 174px;
        font-size:12px; color: #9d2235;
    }
    .rig-logo {
        margin-left: -15px
    }
    .navbar-nav {
        margin: 0
    }
    .navbar-nav>li>ul {
        top: 58px; border-radius: 15px;
    }
    .nav.navbar-nav {
        padding: 0 10px 0 0
    }
    .nav>li:before {
        top: 39px
    }
    .navbar-nav>li:hover ul {
        display: block!important
    }
    .navbar-nav>li>a {
        font-size: 14px;
        padding:32px 6px 30px
    }
    #navbar {
        margin: 0 0 0 20px;
        padding: 0
    }
    .log-btn {
        width: 130px;
        float: right
    }
    .top .right-logo {
        margin:2px 0 0px 29px
    }
    body.MyAccount .top .right-logo {margin:0px 0 0px 29px; }
    .right-logo {
        float: right; width:129px;
        margin:2px 0 0 5px;
        width: 161px; padding-left: 0;
    }
    .log-btn {
        border-radius: 5px;
        font-size: 12px;
        padding: 5px 8px;
        margin: 30px 2.5px 0;
        min-width: 100px;
        text-align: center
    }
    .top .log-btn,
    .top .log-btn.last {
        margin:14px 2.5px 0px
    }
    .log-btn.last {
        padding: 5px 8px 6px;
        margin: 30px 2.5px 0;
    }
    .log-btn-wrap {
        padding: 0
    }
    .range-wrap.home-miles {
/*        margin: 0 auto;
        right:27%;
        border: none;
        text-align: center;
        clear: both;
        position: absolute;
        top:44px;
        width:auto;*/
    }
    .range-wrap.home-miles .gift-icon {
        width: 32px;
        margin: 0 5px;
        padding: 0; font-size: 31px;
    }
    .range-wrap.home-miles>div {
        overflow: hidden;
        margin: 6px -40px 0 0;
        max-width: 100%
    }
    .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
    }
    .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: 20px;
    }
    .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: 19%
    }
    .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-: #fff4e9;
    }
    .hotel-info {
        width: 55%
    }
/*    .range-wrap>p label {
        width: 33%
    }*/
    .range-wrap>p input,
    .range-wrap>p>span input {
        width: 100%;
        text-align: right;
    }
    .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
    }
    /*    #suborder {
            margin-right: 21px
        }*/
    #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
    }
}

@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: 7px;
        font-size: 10px;
        padding: 6px 0
    }
    .owl-pagination .owl-page {
        margin: 24px auto
    }
}

@media screen and (max-width:767px) {
    .cus-hidden-xs{
         display: none !important;
    }
    .cus-visible-xs{
        display: block !important;
    }
    #hotelResultError {
        margin-top:5px;
    }
    .right-col div.item-wrap{margin-right: 0px !important;}
    .mExchangeCard{
        padding-left: 20px; display:block !important; padding-right: 0px;
    }
    .visible_data_mob{
        display: contents;
    }
    .visible_data,table.table.visible_data_txnsum{
        display:none;
    }
    .result-wrap{
        margin-left: 15px;
        margin-right: 15px;
    }
    /*    .search-form {
            width: 89%;
        }*/
    .menu-wrap .container{
        padding: 0
    }
    .sum-box .row .col-sm-4.col-xs-12{
        margin-bottom: 20px;
    }

    .mileexh .comLogo{margin-right: 0px !important;}
    .toperror {
        top: 26%!important;
    }

    .sTT{
        margin-top:30px;
    }
    .left-col{padding-left: 15px; padding-right: 15px;}

    #errQuantity{
        top:9px;
        /*bottom: 0;*/
    }
    .error {
        font-size: 12px;
        position: relative;
        bottom: 5px; 
    }
    .msgfix{top:0px !important;}
    input[type=email], input[type=file], input[type=number], input[type=password], input[type=text], optgroup, select, select.form-control, textarea {
        height: 30px;
        border-radius: 0;
        background: #eee;
        box-shadow: none;
        padding: 2px 22px 2px 10px;
        color: #231F20 !important;
        width: 100%;
        border: none;
        font-size: 14px;
        margin: 0 0 9px;
        border-radius: 7px;
    }
    .search-item li input[type=button].ser-btn {
        border-radius: 0;
        height: 30px;
        position: absolute;
        right: 9px;
        top: 24px;
        border-radius: 0 7px 7px 0;
    }
    .spceMob{
        margin-top:34px!important;
    }


    .innerpad, .flight-tab .tab-menu, #hotelpage, #hotelpage > div, .right-col > div#showHotelFilterDiv {border-radius: 15px}
    .flight_res_en .error{    bottom: -18px;}

    .modify_search_label .error{
        bottom: -18px;
    }
    .hotel_pass_details .panel-body div#lnameError {
        bottom: 7px !important;
    }
    div#dobAdtError11, #givenNameError11, #surnameError11 {
        bottom: 4px!important;
    }
    .right-logo {margin:3px 0 0 0; text-align: right}
    .right-logo > img { width: 96px;}
    .right-col > div#showHotelFilterDiv {background: #fff}
    .left-col > div {    background: #fff; }
    .hoterl-pop .nav > li.active a {border-radius: 7px;}
    body.home {
        background:url(../images/banner/my-profileBgMob.jpg) no-repeat; 
    }
    .menu-wrap {background: #fff;}
    .log-btn-wrap {background:#fff; border-top:1px dotted;}
    .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
    }
    .homeBox h1, .homeBox h1 small { }
    body.MyAccount .myaccount-wrap .tab-menu li.active, body.MyAccount .myaccount-wrap .tab-menu li:hover {border-color: #B4985A ;}
    .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 { padding: 5px 22px; float: none; background:#B4985A }
    #online .homeBox,  #mytravel .homeBox { padding-top:1%;}
    #mytravel .span5 { text-align: left }
    #overairlines .homeBox { padding-top: 0; top:15%; }
    #overairlines .homeBox h1 {margin-bottom: 40px;}
    #online .homeBox  { padding-top: 0; top:23% }
    .tabs_animate .span5.hotelMain {text-align: left; margin-left: 0;} 
    .tabs_animate .span5.hotelMain .btn {float:left}
    #online .span5, #overairlines .span5{ text-align: left;}
    #online .btn, #overairlines .btn, #mytravel .btn { float: left;}
    .login-form ul li.captcha input[type="text"] { width:100%;}
    #mytravel .span5, #online .span5 { float: none;}
    .tabs_animate .btn {float:none; margin: 0 auto; }
    #mytravel .btn { float: right;}
    #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;}
    .tabs_animate .span5 {text-align: center; }
    body.MyAccount .closePassn {max-width:100px;}

    #welcome-emailer .popup-img-wrap li > div {width: 60px; height: 73px;}
    
    .usernavBox li a span i { top: 17px;}
    .usernavBox li.one a span i{top: 12px;}
    .usernavBox li.two a span i { top:15px; }
    
    #rwdsShop .homeBox{top:17%;}
    #rwdsShop .homeBox .shopMain{position: absolute; top: 0; right: 0;}
    
    #giftVouchers .homeBox{width: 50%; top:18%; right: 0;}
    #giftVouchers .homeBox .giftVocuherMain{text-align: center;}
    
    #milesExchange .homeBox{top: 22%;}
    .milesExchangeMain{position: absolute; top: 15px;}
    .milesExchangeMain h1{margin-bottom: 0;}
    
    #cashback .homeBox{top:18%;}
    
    .item.homes>div p {
        font-size: 21px;
        line-height: 136%;
        padding: 11% 10px
    }
    .owl-buttons {
        top: 22%
    }
    .owl-next,
    .owl-prev {
        transform: scale(.5, .5);
        -moz-transform: scale(.5, .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: -4px !important;
        left: 0;
        width: 100%
    }
    .error.hotel-error#tacError {
        bottom: 7px;
        left: 0;
        width: 198px;
        margin-bottom: 10px;
    }
    .contact-wrap ul li {
        margin: 0 0 15px
    }
    #accordion h4.panel-title a {
        padding: 18px 30px 18px 10px
    }
    #accordion .panel-collapse {
        padding: 0 10px
    }
     .error {
        bottom: 4px !important;
    }
    .error.expd{top: 50px;}
    [type=checkbox]+label:before{
        top: 20px;
    }
    .check-box {
        padding: 20px 0 0 25px;
    }
    [type=checkbox]:checked+label:before {
        top: 16px;
        left: -5px;
    }
    .login-form ul li:first-child .errorSpan {
        top: -30px;
        line-height: 100%
    }
    .login-form.forgot-wrap .error {
        bottom: -20px;
        position: absolute
    }
    .container.inner-content {
        background: 0 0;
        border-radius: 12px;    
    }
    .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 -7px
    }
    .right-col>div.right-head.pes {
        padding: 20px 10px 47px
    }
    #tacError.error.hotel-error {
        bottom:auto;
        top:0;

    }
    .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:36px 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 {
        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 span, .search-heading td strong, .search-heading td small {font-size:11px;}
    .search-heading td > strong.points {font-size:13px;}
    .table {margin:0;}
    .right-col > div#showSearchResultFilterDiv {padding:0; background: none;}
    div#select-flight .left-col, div#select-flight .right-col{padding-left: 0px !important; padding-right: 0px !important;}
    .row.search_details_hotel .left-col,.row.search_details_hotel .right-col{padding-left: 0px !important; padding-right: 0px !important;}
    .row.search_details_hotel.psg-detailrow {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row.search_details_hotel.left-col,.row.search_details_hotel.right-col{padding-left: 0px !important; padding-right: 0px !important;}
    .search-heading p, .address-wrap li input, .address-wrap li textarea, input[type="text"]#hotelname, .redeem-wrap ul {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;}
    .right-head #accordion .panel-collapse,.search-pg #accordion .col-sm-4, #message, .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: 17px; }
    .address-wrap {margin:-33px auto 20px; max-width: 370px;}
        .position-relative.addressPhoneNo>.pre-fix {
        top: 6px;
    }
    .flight-tab .col-xs-12.result-wrap.mob-result-wrap {
        margin: 0;
    }
    .cusStarCheckList label.check-box {
        padding-top: 0;
    }
    .cusStarCheckList [type=checkbox]+label:before{
        top: -4px !important;
    }
    .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;}

    .myaccount-wrap.mob-wrpa td, #myTable14 td, body.MyAccount .passengerTable .table td { 
        border: none; font-size:11px;
        border-bottom: 1px solid #eee; 
        position: relative; font-size:12px;
        padding-left: 50%; 
    }

    .myaccount-wrap.mob-wrpa td:before, body.MyAccount .passengerTable .table td:before { 
        position: absolute;
        top: 21px;
        left: 14px; font-size:12px; font-weight: bold;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .myaccount-wrap.mob-wrpa .tb.table-responsive.pro-tab td {width:55%;}
    .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: 7px;}
    /*    .tb.table-responsive th {border-right:1px solid #ccc;}*/
    #transactionSummary td {border-right:0;}
    #transaction-tb th, #myTable01 th, #myTable14 th, body.MyAccount .passengerTable .table th {color:#888;}
    #transaction-tb td, #myTable01 td, #myTable14 td, #bonus-detail td,#transactionSummary td, body.MyAccount .passengerTable .table td {width:100%; display: block; text-align: left; min-height: 41px;}
    #transaction-tb td:before, #myTable01 td:before, #myTable14 td:before, #bonus-detail 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/Activities"; }
    #transactionSummary td:nth-of-type(2):before { content: "Amount (AED)  "; }
    #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: "Power Rewards   Type  "; }*/

    #transaction-tb td:nth-of-type(1):before, #myTable01 td:nth-of-type(1):before { content: "Merchant Name/Activities"; }
    #transaction-tb td:nth-of-type(2):before, #myTable01 td:nth-of-type(2):before  { content: "Amount (AED) "; }
    #transaction-tb td:nth-of-type(3):before, #myTable01 td:nth-of-type(3):before  { content: "Rewards Earned  "; }
    #transaction-tb td:nth-of-type(4):before, #myTable01 td:nth-of-type(4):before  { content: "Transaction Date"; }
    /*#transaction-tb td:nth-of-type(5):before, #myTable01 td:nth-of-type(5):before  { content: "Points Type"; }*/
    .result-month {margin:0 0 10px;}
    .sum-box {padding:20px 20px 10px;}
    .table-responsive > .table {margin:0 0 20px;}

    #myTable14 td:nth-of-type(1):before { content: "Redemption Category"; }
    #myTable14 td:nth-of-type(2):before { content: "Quantity "; }
    #myTable14 td:nth-of-type(3):before { content: "Points 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: "Remarks      "; }
    #bonus-detail td:nth-of-type(2):before { content: "Points 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; }
    .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 .tab-menu, body.MyAccount .right-col > div.left-col {position: relative;}
    .homeBox {position: absolute; padding-right:10px; padding-left:10px; width:100%; top: 30%}
    .usernavBox {bottom:0; margin-top:20px; overflow: hidden; margin-bottom: 100px; text-align: center;}
    .homeBox .span5 h1 {color:#000; font-size: 13px; }
    .span5 {width:100%;}
    .hotelMain{margin-top: -18%;}
    .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: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 .footer-sec, body.MyAccount .currecy-div , body.MyAccount .myaccount-wrap {position:relative;}
    .home .wrapper, body.MyAccount .wrapper {height: auto !important;}
    .home .footer-sec ul.social, body.MyAccount .footer-sec ul.social, .footer-sec ul.social  {text-align: center;}
    .home .footer-sec ul.social li, body.MyAccount .footer-sec ul.social li, .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: 15px !important}
    #show-Add { margin-bottom: 8px;}
    .top .log-btn.last {margin: 9px 2.5px 0px;}
    .navbar-nav > li > ul {background: transparent;}
    .log-btn-wrap {
        padding: 6px 0;
    }
    .mobileMenuSe {     clear: both;
                        background: #B4985A ;
                        padding: 10px;
    }   #navbar {background: #B4985A ; }
    .lhs_menu{border-bottom: 0px;}
    .navbar-nav > li ul li a, .glyphicon-triangle-bottom, .navbar-nav > li ul li a, .navbar-nav > li ul li a i, .navbar-nav > li > a, .nav > li:hover > a, .navbar-nav > li > ul li:hover a { color:#fff;}
    .home .toggle-menu .icon-bar, .toggle-menu .icon-bar { background: #fff;}
    .nav > li , .cury-link ul li, .navbar-nav > li > ul li  { border-color: #fff;}
    .dropdown-mob-toggle-menu ul.dropdown-toggle-menu li {
        margin: 0;
    }
    .dropdown-mob-toggle-menu ul.dropdown-toggle-menu li a {
        border-bottom: 1px dotted #fff;
    }
    .navbar-nav > li:last-child,
    .dropdown-mob-toggle-menu ul.dropdown-toggle-menu li:last-child>a{
        border-bottom: none;
    }
    .nav > li:hover > a, .navbar-nav > li > ul li:hover a { opacity: .8; }
    body.MyAccount  {background: #fff; background-size: cover; height: auto;}
    body.MyAccount .top .log-btn, .top .log-btn.last {margin:2px 2.5px 0px}
    body.MyAccount .tab-menu { width:100%; background: transparent; padding:20px 0 0; float:none; }
    body.MyAccount .tab-menu li { float:left; width:48%; margin:0 0px 10px 5px; display: block; height:99px}
    body.MyAccount .container.inner-content, body.MyAccount .tab-content, body.MyAccount .tab-pane, body.MyAccount .tab-menu,body.MyAccount .right-col > div , b    body.MyAccount .right-col > div.left-col {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;}
    .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; margin-right: 0px;}
    body.MyAccount .currecy-div {right:0; bottom:0; text-align: center;}
    body.MyAccount .right-col > div span.ave {font-size:40px !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;}
    #transaction-tb td, #myTable01 td, #myTable14 td, #bonus-detail td, #transactionSummary td { padding-left: 60%; word-wrap: break-word; white-space: normal;}
    body.MyAccount .right-col > div.left-col .trip-summary li {width:100%;}
    body.MyAccount #redemption .table td:first-child, body.MyAccount #redemption .table td {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;}
    body.MyAccount .btnW, .passenForm > ul {padding:0 10px;}
    .passenForm > ul > li:nth-child(2n+1), .passenForm > ul > li, .passenForm > ul > li:nth-child(2) .select-style, .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 > ul > li, .passenForm > ul > li {margin:0;}
    .passenForm > ul > li .select-style,.passenForm  input[type="text"] {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;
    }

    .bannerImg img{height:180px; padding-top: 0;}
    .rwdsBanner a{right:18%; top:60px; transform-: scale(0.7);}
    /*#online .homeBox a{transform: scale(0.7); margin-left: -12px;}*/
    #overairlines .homeBox h1 { margin-top: 81px; margin-bottom: 10px; color:#fff;}
    /*#overairlines .homeBox a{transform: scale(0.7); margin-left: -12px;}*/
    #overhotels .homeBox{top: 15%;}
    #overhotels .homeBox h1 { margin-top: 0; margin-bottom: 10px; color:#000 !important }
    /*#overhotels .homeBox a{transform: scale(0.7); margin-left: -12px;}*/

    .shopMain{margin-top: 60px; width: 50%;}
    .shopMobile img{position: relative; top: -15px; height: 142px;}

    .womorerewFix{width:48% !important;}

    #overhotels {position: relative;} 
    #overhotels .hotelMain{ position: absolute; bottom: 10px;}

    #online{position: relative;}
    #online .shopMain{ position: absolute; top: -63px; width: 100%;}

    #overairlines{position: relative;}
    #overairlines .airMain{position: absolute; bottom: -40px;}

    #mytravel{position: relative;}
    #mytravel .rwdsBanner a{position: absolute;top: 40px;left: 0;margin: 0;}

    .childAge div.col-sm-6:first-child, .childAge div.col-sm-6:last-child{margin-bottom: 10px;}

    .navbar-nav>li>a.giftCardLink{padding-top: 10px; margin-left: -5px;}

    #mySellang{top: 11px; left: 8px;}
    body, html{overflow-x:hidden !important;}
    #paxError{width: 100%; bottom: 15px;}

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all,.ui-menu>.ui-menu-item,.ui-menu-item>a
    {min-width:550px; }
    
    

    body.MyAccount .tab-content > div h2 {
         padding-left: 0;
         padding-right: 0;
     }
     .col-xs-12.col-sm-12.addPassDetails.p-0.pl-3.pr-3{
         padding-left: 0 !important;
         padding-right: 0 !important;
         margin: 0 !important;
     }
     .btnW.addPassDetails {
         padding: 0 !important;
         margin: 0 !important;
     }
     .col-xs-12.col-sm-12.p-0.pl-3.pr-3.mob-lr-0 {
         padding: 0 !important;
     }
     #paxdetails .passengerName #givenNameError, 
     #paxdetails .passengerName #surnameError, 
     #paxdetails .passengerdob #dobError {
         bottom: 6px !important;
     }
     span.ellipse.clickable>input{
       line-height: 10px !important; 
        height: 10px !important; 
        color:#fff;
        --webkit-appearance:none;
    }
    body.MyAccount .currecy-div .fig-pic {
        height: auto;
    }
    .cusViewDeal .panel.panel-default h4.panel-title>a {
        padding:18px 10px 18px 40px !important;
    }
    .cusStopCheckList label.check-box.flightlabel {
        padding-top: 0;
    }
    .cusStopCheckList [type=checkbox]+label:before {
        top: -4px;
    }
    .passenForm > ul > li {
        display: block;
    }
    .passenForm > ul > li > label{
        width: 100%;
    }
    .cusPassenFormList > ul li> .passDetailsNemeGroup {
        display: block;
    }
    .cusPassenFormList > ul li> div#adtcountryDiv, 
    .cusPassenFormList > ul li> input, 
    .cusPassenFormList > ul li> .passDetailsNemeGroup, 
    .cusPassenFormList > ul li> .adtnationalityOuter {
        width: 100%;
    }
    .position-relative.passengerName.passengerName1 {
        margin: 0;
    }
    .cusPassenFormList .position-relative.passengerName {
        width: 100%;
    }
    /*Vikas Jain Code 3-12-25*/
    #account-summary .tb.table-responsive.pro-tab,
    #transactionSummary .tb.table-responsive.pro-tab,
    #expiry .tb.table-responsive.pro-tab,
    #redemption .tb.table-responsive.pro-tab,
    #bonus-detail .tb.table-responsive.pro-tab,
    #passenger .tb.table-responsive.detail-table{
        padding-bottom: 0;
    }
    body.MyAccount #expiry .tb.table-responsive.pro-tab th:first-child {
        padding-left: 7px;
    }
    body.MyAccount #expiry .tb.table-responsive.pro-tab th:last-child{
        padding-right: 7px;
    }
    .search-item li:last-child {
        padding-right: 0;
    }
    select#prefered_airline {
        margin-top: 7px;
    }
    #airpage table.table>tbody>tr>th:last-child {
        line-height: 12px;
    }
    span#dobError {
        padding-left: 0;
    }
    .passengerTable table.table>tbody>tr>td:first-child {
        height: auto;
                white-space: normal;
        word-wrap: break-word;
    }
}

@media screen and (min-width:350px) and (max-width:499px) {
    .filtersec{padding:10px 10px 10px;}
    .mExchnage{padding-left: 27px;}
    .search-form {
        margin: 0 0 10px 19px
    }
    .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: 39px
    }
    .modal-content.hoterl-pop .nav>li>a {
        padding: 4px .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: 15px;
        width: 44%
    }
    .trip-summary li strong {
        width: 56%;
        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: 50%
    }*/
    .range-wrap>p span {
        width: 19%;
        display: inline
    }
    .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:361px) and (max-width:380px){

}

@media only screen and (min-width:391px) and (max-width:479px)  { 
    body.MyAccount .top .log-btn, .top .log-btn.last, .top  .log-btn {
        margin: 9px 2.5px 0px;
    }
    .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;}
    body.MyAccount .top .log-btn, .top .log-btn.last { 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:1024px) and (max-width:1025px) {
    .left-co p {
        margin-bottom: 8px
    }
    .left-co ul li {
        height: 174px
    }
    .right-co>div>div .link {
        bottom: 6px
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    .imgwidth { width: 55%; }
}
.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.jpg) 92% 10px no-repeat #eee!important;
    appearance: none;
    -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:1366px) {
    #mySellang {
        position: absolute;
        left: 1%;
        top: 36%;
    }
}
@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%;}
    body.MyAccount .top .log-btn, .top .log-btn.last { margin: 13px 0 0px;}
    .usernavBox, .slider-blw-link { 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: .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: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: 14px;
        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;
    }
}

/* for 1366x768 screen resolution */
@media all and (min-device-width:1280px) and (max-device-width:1366px)  {
    .rwdsBanner a{right:62%;}    
}

:root .footer-sec,
_:-ms-fullscreen {
    margin-top: 16px
}