@media only screen and (min-width:768px) {
    body.home {
        background-:url(../images/banner/my-profileBgMob.jpg) no-repeat; 
        background-size: 100% 95%;
    }
    .col-sm-15,
    .log-btn,
    .logo,
    .navbar-nav {
        float: left
    }
    .log-btn,
    .login-head .menu-wrap,
    .top-logo {
        display: block
    }
    select::-ms-expand {
        display: none !important;
    }
    
    .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:15px 2px 15px 0px;
        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 0px 0 20px;
        text-align: right
    }
    .log-btn {
        text-align: center;
        width: 107px
    }
    .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 {
        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
    }
    .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: 225px;
        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;
        display: table;
        width: 100%;
    }
    h1,
    h2 {
        font-size: 22px;
        margin: 0 0 40px
    }
    .container.inner-content,
    .container.inner-content.shop-page {
        margin: -72px auto 50px
    }
    .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
    }
    .row-fields.row {
        margin: 0 -15px 26px
    }
    .error {
        bottom: -15px
    }
    .error.hotel-error {
        bottom: 36px
    }
    .innerpad {
        padding: 20px
    }
    #adtexpiryError1.error {
        bottom: -26px;
        font-size: 10px
    }
    .left-co ul li:nth-child(2) p {
        padding: 0 13px 0 0
    }
    .rstpsubmit .btn-wrap .btn {
        margin: 0 20px 0 0
    }
    .copyright {
        margin: 5px -15px 0 0;
        float: right; font-size:14px;
        line-height: 19px
    }
    .footer-sec ul.footer-link {
        margin:8px 0 0 0;
        overflow: hidden; display: inline-block;
    }
    .footer-sec ul li {
        float: left;
        margin: 0
    }
    .footer-sec ul {
        margin: 0;
        width: auto
    }
    .footer-sec ul.social {
        margin:7px 0 0; float:right;
        display:inline-block;
    }
    .footer-sec ul.social li {
        float: left
    }
    .flight-book-form {
        padding: 20px 10px
    }
    .banner-sec img {
        height: 100%
    }
    .radio-sec {
        margin: 0 0 38px
    }
    .login-content {
        margin: -62px auto 20px
    }
    .left-col {
        padding: 0 10px 0 0;
        margin: 0
    }
    .right-col {
        padding: 0 0 0 10px
    }
    .left-col>div,
    .right-col>div {
        background: #fff
    }
    .right-col>div {
        padding: 30px 10px
    }
    .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
    }
    .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%
    }
    .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 #ed1c24;
        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;
        padding-bottom: 20px;
    }
    .tab-menu li.active {
        display: inline-block!important
    }
    .tab-menu {
        text-align: center;
        padding: 11px 0; margin:0 0 10px;
    }
    .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;
        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 {
        width: 60%
    }
    .travel-select.first {
        width: 100%;
        margin: 0 10% 0 0
    }
    .col-md-12.text-center {
        margin: 31px 0 0
    }
    .right-head.ser {
        position: relative
    }
    .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: center
    }
    .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;
        padding: 0
    }
    .footer-md-fix{
        padding-right:0;
    }
    .footer-sec ul.footer-link li {
        padding: 0 5px
    }
    .footer-sec ul.footer-link li:first-child {
        padding: 0 5px 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 strong{padding-top:8px;}
    .trip-summary li:last-child strong span {padding-: 12px 0 10px; width:auto !important; color: inherit; line-height: 0;}
    .search-heading td > p {font-size:13px;}
    .hom-icon, .hom-icon.last {background: url(../images/web-portal/blue-dot.jpg) left top repeat-y}
    .cretPss .errorSpan.aa { position: relative; top: -14px;word-spacing: 0; letter-spacing: 0; font-size: 12px;}

/*    .ccNamePopover .popover, .ccNamePopover2 .popover{
        max-width: 500px !important;
        top: -241px !important;
        left: 17px !important;
    }
    .ccNamePopover2 .popover{
        left: 31px !important;
    }*/

    .ccNamePopover .popover{
        max-width: 370px !important;
        top: -280px !important;
        left: 66px !important;
    }
    .ccNamePopover2 .popover{
        max-width: 280px !important;
        top: -44px !important;
        left: 127px !important;
    }
    .ccNamePopover3 .popover{
        left: 59px !important;
    }
    
    .ccNamePopover .popover img, .ccNamePopover2 .popover img{
        width:100% !important;
    }
    .ccNamePopover .popover span, .ccNamePopover2 .popover span{
        padding:0 0 16px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

}

@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
    }
    .owl-buttons {
        top: 38%;
        height: 61px;
    }
    header {
        position: fixed; 
    }
    .col-sm-15,
    .menu-wrap {
        position: relative
    }
    .logo {
        margin:9px 0 10px;
        width: 174px;
        font-size:12px; color: #008346;
    }
    .rig-logo {
        margin-left: -15px
    }
    .navbar-nav {
        margin: 0
    }
    .navbar-nav>li>ul {
        top: 58px
    }
    .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:18px 0 0px 29px
    }
    body.MyAccount .top .right-logo {margin:13px 0 0px 29px; }
    .right-logo {
        float: right; width:129px;
        margin:15px 0 0 5px;
        width: 161px; padding-left: 0;
    }
    .log-btn {
        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 {
        margin:30px 2.5px 0
    }
    .log-btn-wrap {
        padding: 0 10px;
    }
    .range-wrap.home-miles {
        margin: 0 auto;
        right:2.4%;
        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: 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
    }
    .hotel-btn {
        padding-right: 10px
    }
    .log-btn.fir {
        margin: 18px 2.5px 0
    }
    .tooltip1 .tooltiptext:after {
        left: 40%
    }
    .item-list>div>div {
        width: 80%;
        padding: 8px 0 0
    }
    .item-list>div {
        margin: 0;
        width: 78.5%
    }
    .item-list.details-para>div>div {
        width: 85%
    }
/*    .myaccount-wrap .tab-menu li {
        padding: 0 3%
    }*/
    .tab-menu li {
        padding: 0 2%
    }
    .tab-menu.search-pg li:first-child {
        padding-left: 0
    }
    .tab-menu.search-pg li:last-child {
        padding-right: 0
    }
    .tab-menu li a {
        font-size: 14px;
        border-bottom: 3px solid transparent
    }
    .left-account td {
        font-size: 12px;
        padding: 10px 0;
        width: 45%
    }
    .tab-content>div {
        min-height: 218px
    }
    .tab-menu.search-pg li {
        padding: 0 6%;
        margin: 0
    }
    input[type=submit].sub-btn {
        margin: 27px auto 0
    }
    .miles-page .item-list.details-para figure {
        width: 50%
    }
    .banner-sec>div>div>div {
        padding: 11% 0 0
    }
    .banner-sec>div>div p {
        line-height: 110%;
        font-size: 47px
    }
    .search-item.modifysearchform li,
    .search-item.modifysearchform>li:last-child {
        width: 16.66%
    }
    .update .search-item.modifysearchform>li {
        width: 15%
    }
    .update .search-item.modifysearchform>li:nth-child(1) {
        width: 12%
    }
    .update .search-item.modifysearchform>li:nth-child(2) {
        width: 13%
    }
    .update .search-item.modifysearchform>li:nth-child(3) {
        width: 13%
    }
    .update .search-item.modifysearchform>li:nth-child(4) {
        width: 13%
    }    
    .update .search-item.modifysearchform>li:nth-child(5) {
        width: 17%
    }
    .update .search-item.modifysearchform>li:nth-child(6) {
        width: 17%
    }
    .update .search-item.modifysearchform>li:nth-child(7) {
        width: 11%;
    }
    
    .login-content { margin: -132px auto 20px}
    .login-content.search-wrap#loader {
        margin: -132px auto 20px
    }
    .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: 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) {
    html,body{
        overflow-x: hidden;
    }
    body.home {
        background-:url(../images/banner/my-profileBgMob.jpg) no-repeat; 
        background-size: 100% 95%;
    }
    .menu-wrap {background: #fff;}
    .log-btn-wrap {background:#fff; border-top:1px dotted;}
    .nav > li:last-child{border-bottom:none;}
    .first{}
    .languageStyle {
        top: 12px;
        left: 49%;
        position: relative;
    }
    
    .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: #B12B3A;}
    .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: 10px 10px; float: none; width: 47%; font-size:15px;}
    #online .homeBox, #overairlines .homeBox , #mytravel .homeBox { padding-top:1%;}
/*    #online .span5, #overairlines .span5, #mytravel .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;}
    #mytravel .btn , .tabs_animate .btn {float:none; margin: 0 auto; }
    #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: 15px;}
    .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(.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;
        margin-top: 16% !important;
    }
    .flight-tab .tab-menu li:before {
        bottom: 4px
    }
    .flight-tab .tab-menu li a {
        font-size: 11px;
        line-height: 20px
    }
    .flight-tab .tab-menu li a>span {
        height: 18px;
        width: 18px;
        line-height: 18px
    }
    .flight-tab .tab-menu li,
    .flight-tab .tab-menu li.active {
        display: block;
        float: left;
        height: 26px;
        margin: 0 0 10px;
        width: 100%
    }
    .col-sm-15 p,
    .col-xs-15 p {
        font-size: 12px
    }
    .top-logo {
        top: 0;
        left: 0;
        width: 97%
    }
    .container.top-logo {
        padding: 5px 10px
    }
    .login-head .top-logo {
        display: block;
        overflow: hidden
    }
    .islamic-logo,
    .rig-logo {
        width: 100px
    }
    #tacError.error {
        bottom: -75px;
        left: 0;
        width: 200px
    }
    .error.hotel-error#tacError {
        bottom: 7px;
        left: 0;
        width: 198px
    }
    .contact-wrap ul li {
        margin: 0 0 15px
    }
    #accordion h4.panel-title a {
        padding: 18px 30px 18px 10px
    }
    #accordion .panel-collapse {
        padding: 0 10px
    }
    .container.inner-content.shop-page>.row {
        margin: 0
    }
    .login-form ul li:first-child .errorSpan {
        top: -30px;
        line-height: 100%
    }
    .login-form .error {
        bottom: -20px;
        position: absolute
    }
    .container.inner-content {
        background: 0 0
    }
    .container-col.pod {
        padding-top: 83px
    }
    .category-links>li {
        margin: 0 0 8px;
        padding: 0 2px
    }
    #login-page.container-col.pod {
        padding-top: 0
    }
    .btn-wr .btn,
    .btn-wr input[type=button],
    .btn-wr input[type=submit] {
        width: 91px
    }
    .right-head.ser .search-item li.mob:last-child input.btn[type=button] {
        margin: 14px 8px 0 0
    }
    .right-head.ser .search-item li:last-child {
        padding-: 0;
        overflow: hidden
    }
    .right-head.ser .search-item li.modify-ser.mob:last-child input.btn[type=button] {
        margin: 0 auto;
    }
    .container.inner-content.error-wrapper {
        margin: 0 auto;
        max-width: 300px;
        padding: 0
    }
    .container.inner-content.error-wrapper .error-box {
        margin: 0
    }
    .item-list>div>div {
        margin: 0 0 20px
    }
    .item-list.details-para figure {
        margin: 0 auto 20px;
        float: none
    }
    .item-list>div>div h3 {
        line-height: 124%
    }
    .update .search-item.modifysearchform>li .select-style {
        margin: 0 0 19px
    }
    .flight-tooltip.tooltip1 .tooltiptext {
        left: -63px
    }
    .flight-tooltip.tooltip1 .tooltiptext:after {
        left: 26%
    }
    .myaccount-wrap.mob-wrpa .right-col>div {
        padding: 0
    }
    .cutout-wrap .range-wrap.aveb {
        width: 300px;
        padding: 52px 10px
    }
    .cutout-wrap {
        z-index: 15
    }
    .cutout-wrap .toggle-menu {
        right: 0;
        top: 17px
    }
    .tooltiptext .check-mark li span {
        display: block
    }
    .tooltip1 .tooltiptext.div1 {
        left: -117px;
        top: initial;
        bottom: 23px;
        padding: 13px 10px 0
    }
    .tooltip1 .tooltiptext.div1:after {
        bottom: -9px;
        left: 48%;
        top: initial
    }
    .tooltiptext.div5 {
        left: -128px
    }
    .tooltip1 .tooltiptext.div5:after {
        left: 43%
    }
    .tooltip1 .tooltiptext.div2 {
        top: initial;
        bottom: 22px;
        left: -174px;
        text-align: center
    }
    .tooltip1 .tooltiptext.div2:after {
        top: initial;
        left: 71%;
        bottom: -9px
    }
    ul.social {
        margin: 10px 0 0;
        overflow: hidden
    }
    ul.social li {
        display: inline-block;
        margin: 0
    }
    .myaccount-wrap .range-wrap {
        margin: 0 -7px
    }
    .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: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;}
    .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:0px 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: 300px;}
    .myaccount-wrap.mob-wrpa thead tr, body.MyAccount .passengerTable .table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination {margin:10px auto;}
    .myaccount-wrap .container.inner-content {margin-bottom:0;}

    .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: 6px; 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: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;}
    /*    .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, #payments-made 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, #payments-made 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 (AED)  "; }
    #transactionSummary td:nth-of-type(3):before { content: "Travel Miles  Earned  "; }
    #transactionSummary td:nth-of-type(4):before { content: "Transaction  Date  "; }
    #transactionSummary td:nth-of-type(5):before { content: "Travel Miles   Type  "; }

    #transaction-tb td:nth-of-type(1):before, #myTable01 td:nth-of-type(1):before { content: "Merchant Name"; }
    #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: "Power 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: "Redeemed product"; }
    #myTable14 td:nth-of-type(2):before { content: "Travel Miles redeemed "; }
    #myTable14 td:nth-of-type(3):before { content: "Payment made (USD)"; }
    #myTable14 td:nth-of-type(4):before { content: "Redemption date"; }
    #myTable14 td:nth-of-type(5):before { content: "View your voucher"; }
    #myTable14 td:last-child {border-bottom: none;}

    #bonus-detail td:nth-of-type(1):before { content: "Narration"; }
    #bonus-detail td:nth-of-type(2):before { content: "Travel Miles earned"; }
    #bonus-detail td:nth-of-type(3):before { content: "Transaction date"; }
    #bonus-detail td:nth-of-type(4):before { content: "Travel Miles earn type"; }
    
    #payments-made td:nth-of-type(1):before { content: "Payment date"; }
    #payments-made td:nth-of-type(2):before { content: "Payment amount"; }
    #payments-made td:nth-of-type(3):before { content: "Expected refund date"; }
    
    .paymadeMobfixMain .popover{
        top: -80px !important;
        width: 81% !important;
        left: 0 !important;
    }
    .paymadeMobfixMain span{
        margin-left:-8px;
    }
    .paymadeMobfix{
        left: -29px !important;
    }

    body.MyAccount .passengerTable .table td:nth-of-type(1):before { content: "Passenger name"; }
    body.MyAccount .passengerTable .table td:nth-of-type(2):before { content: "Passenger category"; }
    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%;}
    .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%;}*/
    .usernavBox li { width:41%; margin-left: 2%; margin-bottom: 10px; height:125px;float:none; display: inline-block; background-color: #fff;}
    .usernavBox li a {border-width: 1px; line-height: 1; height:100%; font-size:12px;padding:20px 0 0 0; background-color: #fff; border-top: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 .footer-sec{bottom: -15%;}
    .home .wrapper, body.MyAccount .wrapper {height: auto !important;}
    .home .wrapper {height: 100% !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;}
    #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: #008346;
    padding: 10px;
}   #navbar {background: #008346; }
    .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;}
    .nav > li:hover > a, .navbar-nav > li > ul li:hover a { opacity: .8; }
    body.MyAccount  {background: url(../images/banner/my-profileBg_power.jpg) no-repeat  center center fixed; 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 , 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;}
    body.MyAccount .banner-sec.myAccputBanner{display:none;}
    body.MyAccount .tab-menu li:last-child {margin-bottom:10px;}
    body.MyAccount .right-tab-col.right-col > div.col-sm-9, body.MyAccount .tab-pane {padding:0;}
    body.MyAccount .right-col {padding:10px;}
    body.MyAccount .currecy-div {right:0; bottom:0; text-align: center;}
    body.MyAccount .right-col > div span.ave {font-size:40px;}
    body.MyAccount .right-col > div.left-col { width:100%; }
    body.MyAccount .table-responsive {padding:0 0 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, #payments-made td, #transactionSummary td { padding-left: 50%; word-wrap: break-word; white-space: normal;}
    body.MyAccount .right-col > div.left-col .trip-summary li {width:100%;}
    body.MyAccount #redemption .table td: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 {
        padding: 0 10px 10px 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;
    }
    
    input[type=email], input[type=file], input[type=number], input[type=password], input[type=text], optgroup, select, select.form-control, textarea{
        margin:0;
    }
    
    .ccNamePopover .popover, .ccNamePopover2 .popover{
        width:142px !important;
        top: -175.687px !important;
        left: 60% !important;
    }
    .ccNamePopover2 .popover{
        top: -78.687px !important;   
        left: 63% !important;
    }
    .ccNamePopover3 .popover{
        top: -53.687px !important;   
    }
    
    .ccNamePopover .popover img, .ccNamePopover2 .popover img{
        width: 100% !important;
    }
    .ccNamePopover .popover span, .ccNamePopover2 .popover span{
        padding: 0px 0 20px 16px !important;
    }
    
    
    
    .cUserPwd .popover{
        top: -75px !important;
    }
    .cUserPwd2 .popover{
        top: -91px !important;
    }
    .crtPwd .popover{
        top: -100px !important;
    }
    
    .popover{
        top: -184.687px !important;
    }
    .travelmilesbanner > img, .flightsbanner > img, .hotelbanner > img, .promotionbanner > img{
        width:100%;
        height:100%;
        padding-top:0%;
    }
    .travelmilesbanner > img{
        height:170px;
    }
    .travelmilestxt, .flightstxt, .hoteltxt, .promotiontxt{        
        top:30px;
        width: 100%;
        position: static;
        padding-top: 20px;
    }
    .travelmilestxt .banner-btn{
        margin-top:110px !important;
        margin-right:-15px !important;
        transform: scale(.6);
    }    
    .travelmilestxt h1, .flightstxt h1, .hoteltxt h1, .promotiontxt h1{
        font-size:22px;
        text-align: center;
    }
    .jump-remove{
        padding-top: 0;
    }
    .footer_banner{
        padding-top: 0;
    }
    .banner-sec img{
        height: inherit !important;
    }
    .aboutbanner > img{
        padding-top: 0%;
    }
    
    .logo{
        margin: 1px 0 11px 4px;
        padding-top: 5px;
    }
    .otpError {
        top: 66px !important;
        line-height: 14px;
        padding-right: 16px;
    }
    .twolineError{
        top: 30px !important;
        line-height: 11px;
    }
    .flightErr, .hotelErr{
        position: static;
        padding-bottom: 5px;
    }
    .psnDetailsErr{
        position: static;
        padding-bottom: 5px;
    }
    .noMargin{
        margin: 0 0 4px;
    }
    .stopPopover .popover{
        top: -130px !important;
    }
    .changeMemPass .popover{
        top: -114px !important;
    }
    
    .passDetailPopover label .popover, .passDetailPopover2 label .popover{
        top: -61px !important;
        left: 7px !important;
        max-width: 211px;
    }
    
    .passDetailPopover3 label .popover{
        top: -78px !important;
        left: 84px !important;
        max-width: 211px;
    }
    
    .passDetailPopover2 label .popover .arrow{
        left: 47% !important;
    }
    .cancellationFormMain {
        width: 100% !important;
    }
    .cancellationForm {
        padding: 20px !important;
        background: #fff;
    }
    
    body.MyAccount .currecy-div, body.MyAccount .user-info-div{
        width: auto;
    }

}

@media only screen and (min-width:375px) and (max-width:380px)  {
    .ccNamePopover .popover, .ccNamePopover2 .popover{
        left: 62% !important;
    }
    .ccNamePopover2 .popover{
        left: 64.5% !important;
    }
} 


@media screen and (min-width:350px) and (max-width:499px) {
    .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
    }
    .travelmilesbanner > img{
        height:160px;
    }
    .travelmilestxt .banner-btn{
        margin-top:105px !important;
        margin-right:41px !important;
        transform: scale(.6);
    }
}

@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: 58%
    }
    .trip-summary li strong {
        width: 41%;
        padding: 10px 0 0
    }
    .left-col.add .trip-summary li span,
    .left-col.add .trip-summary li strong {
        width: 100%
    }
    .range-wrap>p label {
        width: 33%
    }
    .range-wrap>p span {
        width: 65%;
        display: inline-block
    }
    .range-wrap>p span.glyphicon {
        width: auto
    }
    .bonus-sec li,
    .bonus-sec p,
    .left-co p,
    .right-co>div>div h3,
    .right-co>div>div ul li,
    .slider-con-rew>div li,
    .slider-con-rew>div p,
    .slider-con-rew>div p a {
        font-size: 14px
    }
    .passDetailPopover .popover{
        margin-left: 30px;
    }
    .passDetailPopover .popover .arrow{
        left: 38% !important;
    }
}

@media only screen and (min-width:640px) and (max-width:680px)  {
    .languageStyle{left: 71%;}
    body.home {
        background-size: 100% 218%;
    }
    .home .wrapper {
        height: auto !important;
    }
    
    .ccNamePopover .popover, .ccNamePopover2 .popover{
        left: 36% !important;
    }
    .ccNamePopover2 .popover{
        left: 38.7% !important;
    }
}

@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
    }
    .languageStyle{
        right: 49%;
    }
    #overairlines > .homeBox, #overhotels > .homeBox{
        padding-left: 20px;
    }
    .homeBox{
        padding-top: 8%;
    }
    
    body.home {
        background:none; 
        background-color: inherit;
    }
    .bannerImg img {
        width: 120%;
        height: 75%;
    }
    .usernavBox, .slider-blw-link{
        bottom: 15%;
    }
}

@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.jpg) 92% 10px no-repeat #eee!important;
    appearance: none;
    -ms-appearance: none
}

.ie9 .shop-page select {
    width: 115%
}

.ie9 .select-style, .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:0px 15px;}
    .rghtAlign {width: auto;}
    
    .homeBox{padding-top: 7%}
    .travelmilestxt, .flightstxt, .hoteltxt, .promotiontxt{
        top:25px;
        left: 21%;
    }
    .travelmilestxt h1, .flightstxt h1, .hoteltxt h1, .promotiontxt h1{
        font-size:16px;
    }
    
    .jump-remove {
        padding-top: 0;
    }
    .banner-sec img {
        height: 100% !important;
    }
    
    .login-content {
        margin-top: -62px;
    }
  
    .footer-sec { padding:15px 0;}
    .log-btn { margin:28px 0 0;}
    .log-btn.last { margin: 28px 6px;}
    .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 { top: 63% !important;}
    .bannerImg{top:3% !important;}
    .bannerImg > img{height:60% !important;}
    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_power.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;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .login-content {
        margin-top: -262px;
    }
    button.btn.info-icon-wrp .info-icon{
        position-: absolute;
    }
    .popover{
        left:135px !important;
    }
    .popoveripad .popover{
        left:25% !important;
    }
    .popoveripadsec .popover{
        left:27% !important;
        top: -105.288px !important;
    }
}

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


/* for 1366x768 screen resolution */
@media all and (min-device-width:1280px) and (max-device-width:1366px)  {
    body.MyAccount .myaccount-wrap .tab-menu li a{
        padding:2px 7px 10.5px 7px;
    }
    _:-ms-input-placeholder, :root body.MyAccount .myaccount-wrap .tab-menu li a{
        padding:8.4px 10px;
    }
    
    .travelmilestxt .banner-btn{
        margin-top:47%;
        margin-right:-29%;
    }
    
    @supports (-ms-ime-align:auto) {
        body.MyAccount .myaccount-wrap .tab-menu li a{
          padding-:8.4px 10px;
        } 
        .bannerImg{
            top: 9%;
        }
        .tab-menu li:last-child{
            padding-bottom: 50px;
        }
    }
    
    _:-ms-input-placeholder, :root .bannerImg {
        top:9%;    
    }
    
    .log-btn-wrap.top .log-btn, .log-btn-wrap.top .log-btn.last {
        right: 0;
    }
}

/* for 1366x768 screen resolution */
@media all and (min-device-width:1920px) and (max-device-width:2500px)  {
    .bannerImg{top: 6.3%;}
    .travelmilesbanner > img, .flightsbanner > img, .hotelbanner > img, .promotionbanner > img{height: 80%;}
}

@supports (-ms-ime-align:auto) {
    .tab-menu li:last-child {
        padding-bottom: 50px;
    }
}