/* Minification failed. Returning unminified contents.
(3783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3810,28): run-time error CSS1039: Token not allowed after unary operator: '-initialsBG'
(3811,28): run-time error CSS1039: Token not allowed after unary operator: '-initialsBG'
 */
@media only screen and (min-width: 991px) {
    .grid_section[data-grid="3"] .grid_col:nth-child(3n) {
        margin-right: 0;
    }

    .news-letter .spinner {
        left: -40px !important;
        width: 30px !important;
        float: right;
        top: 40px !important;
    }

    /* new covid : start */
    .fullwidthMask .booking-widget.booking-widget-desktop .nav-pills.wide > li {
        flex-grow: 0;
    }
    /* new covid : end */
}

@media only screen and (max-width:1560px) {
    .register_login_popup.travel_pass_login_pass.hospitaldonate_login_popup .introMinHeight {
        min-height: 285px !important;
    }
}

@media only screen and (max-width: 1560px) {
    #appleid-signin {
        margin-top: 6px
    }
}

@media only screen and (max-width: 1200px) {
    .backToTop.backToTop--appWish {
        left: auto;
        transform: translateX(0);
        right: 20px;
    }

    /*uk covid start*/
    .uk-promoBox {
        min-width: 235px;
    }

    /*uk covid end*/
}

@media only screen and (max-width: 1279px) {
    .covidPassPurchased .covidPassenger__details--box {
        width: calc(50% - 10px);
    }
    .covidPassPurchased .covidPassenger__details--full {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    html:lang(ro) header .main-navigation .main-head {
        font-size: 21px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    html:lang(ro) header .logo {
        width: 20%;
    }

    html:lang(ro) .logo-container {
        width: 180px;
        background-size: contain;
    }
}


@media only screen and (max-width: 991px) {
    .grid_section[data-grid="3"] .grid_col {
        max-width: calc(50% - 24px);
    }

    .filters_section .flex_row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .filters_section .flex_row > div {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .filters_section .flex_row > div:last-child {
        text-align: right;
    }

    .filters_section .white_box .filter_select {
        max-width: 200px;
        margin-left: auto;
    }

    .tab_filters ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tab_filters li {
        margin-bottom: 5px;
        width: calc(25% - 5px);
    }

    .tab_filters li:not(:last-child) {
        margin-right: 5px;
    }

    .tab_filters li a:link, .tab_filters li a:visited {
        font-size: 18px;
        display: block;
        padding-left: 3px;
        padding-right: 3px;
        text-align: center;
        height: 100%;
    }

    .booking-widget.booking-widget-desktop.booking-widget-full {
        display: block;
    }

    .covidHospital {
        width: calc(100% - 24px);
    }

    .covidHospital__top {
        min-height: inherit;
    }

    .covidSteps__li:not(:last-child) {
        margin-right: 20px;
    }

    /* flights and hotels : start */
    .app-total-summary-legend-container,
    p.app-total-summary-legend-container {
        margin-bottom: 10px;
    }
    /* flights and hotels : end */

    /* payment methods : start */
    .paymentMethods {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .paymentMethods__title,
    p.paymentMethods__title {
        margin-right: 0;
        margin-bottom: 10px;
        color: #bfbfbf !important;
        font-size: 14px !important;
        font-weight: 500;
    }

    .paymentMethods__items {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /* payment methods : end */
    /*uk covid start*/
    .uk-discountContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .uk-promoContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .uk-promoRow--left {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .uk-promoRow--right {
        margin-left: 0;
        margin-top: 5px;
    }

    /*uk covid end*/

    /* new teasers : start */
    .teasersGrid .teaser-inner {
        width: calc(33% - 22px);
    }
    /* new teasers : end */
}

@media only screen and (min-width: 639px) and (max-width: 991px) {
    .grid_section[data-grid="3"] .grid_col:nth-child(even) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 880px) {
    .sn-snippet {
        padding: 7px 13px;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sn-snippet__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100vw - 26px);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .sn-snippet__clock {
        display: none;
    }

    .sn-snippet__text {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .sn-snippet__timer {
        margin: 0 0 20px 0;
    }

    .sn-snippet__day .countdowntimer_days::after {
        font-size: 8px;
    }

    .sn-snippet__hour .countdowntimer_days::after {
        font-size: 8px;
    }

    .sn-snippet__minutes .countdowntimer_days::after {
        font-size: 8px;
    }

    .sn-snippet__seconds .countdowntimer_days::after {
        font-size: 8px;
    }

    .sn-snippet__btn {
        margin-right: 0;
    }

    .sn-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .sn-closeSnippet {
        display: none;
    }

    .sn-closeSnippet--mobile {
        display: initial;
    }

    .sn-arrow {
        display: initial;
    }
} 
  
@media only screen and (min-width: 768px) {
    .newsletter-form-container .spinner {
        float: right;
        top: 30px !important;
        min-height: 50px;
        width: 50px !important;
        left: auto !important;
    }
    /* flights and hotels : start */
    .bookingMaskPassengers .input app-rooms-booking-description-container.input:after {
        top: 11px;
        margin-top: 0;
    }
    /* flights and hotels : end */
    
    html:lang(ro) .ffn-tab-container .col-sm-4 .control-label {
        white-space: nowrap;
    }

    html:lang(ro) .no-control-label .search-member-button {
        margin-top: 7px;
    }  
    /* romanian fixes: start */

}

@media only screen and (max-width: 767px) {
    .grid_section[data-grid="3"] .grid_col {
        max-width: calc(50% - 12px);
        margin-right: 24px;
    }

    .tab_filters li {
        width: calc(33.33% - 5px);
    }

    .filters_section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .grid_section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .js_flters_and_grid .filters_section {
        padding-bottom: 0;
    }

    .js_flters_and_grid .grid_section {
        padding-top: 0;
    }

    .js_flters_and_grid .grid_section_container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .btn_row .btn + .btn,
    .btn_row .btn + .btnWithSpinner,
    .btn_row .btnWithSpinner + .btnWithSpinner {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .btn_row .btnWithSpinner {
        width: 100%;
    }

    .btn_row.mBtm40 {
        margin-bottom: 20px;
    }

    .btn_row.mTop40 {
        margin-top: 20px;
    }

    .calendar_mob_full .col-xs-4 {
        width: 100%;
    }

    .filters_section .white_box .filter_select {
        max-width: 100%;
    }

    .flex_row.mob_wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .booking-widget-full .tab-heading {
        margin-bottom: 1px;
    }

    .booking-widget-full .tab-heading a:link,
    .booking-widget-full .tab-heading a:visited {
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        font-size: 22px;
        line-height: 1;
        background-color: #f4f4f4;  
        font-weight: normal;
        padding: 15px 20px;
        position: relative;
        display: block;
        color: #002677;
    }

    .booking-widget-full .tab-heading a:after {
        content: '';
        width: 24px;
        height: 24px;
        background: url(/media/icons/accordion.svg) no-repeat scroll center;
        background-size: contain;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -12px;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: all .3s ease-out;
    }

    .booking-widget-full .tab-heading.active a:after {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .noMarginFormGroup.calendar_mob_full .form-group {
        margin-bottom: 15px;
    }

    .white_shadow_container__inner {
        padding-left: 0;
        padding-right: 0;
    }

    .covidSteps__ul {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .covidHospital__heading, h2.covidHospital__heading {
        font-size: 24px;
    }

    .covidMilesRow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 0;
    }

    .covidMilesRow > div {
        width: 100%;
    }

    .covidMilesRow__heading, h2.covidMilesRow__heading {
        font-size: 22px;
    }

    .covidRemainingMiles {
        margin-bottom: 20px;
    }

    .covid_btnWrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .covid_btnWrap .btn {
        width: 100%;
    }

    .covid_btnWrap .btn-progress {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .covid_btnWrap .btn:not(:last-child) {
        margin-right: 0;
        margin-top: 11px;
    }

    .covid_btnWrap .btn.btn-primary {
        margin-top: 11px;
    }

    .covidMilesRow__box {
        margin-top: 12px;
    }

    .white_shadow_container__inner .modal-body,
    .register_login_popup.travel_pass_login_pass.hospitaldonate_login_popup .modal-body {
        padding-left: 0;
        padding-right: 0;
    }

    .white_shadow_container__inner .tp_popup_title,
    .white_shadow_container__inner .tp_popup_msg,
    .register_login_popup.travel_pass_login_pass.hospitaldonate_login_popup .tp_popup_title,
    .register_login_popup.travel_pass_login_pass.hospitaldonate_login_popup .tp_popup_msg {
        margin-left: 25px;
        margin-right: 25px;
        padding-right: 0;
    }

    .white_shadow_container__inner .tp_popup_title,
    .register_login_popup.travel_pass_login_pass.hospitaldonate_login_popup .tp_popup_title {
        margin-right: 55px;
    }

    .covid_btnWrap .spinner {
        left: -49% !important;
    }

    .register_login_popup.travel_pass_login_pass.hospitaldonate_login_popup .introMinHeight {
        min-height: inherit !important;
    }

    .btn-xs-full, .global_btn_row .btn-xs-full,
    .global_btn_row .btnWithText {
        width: 100%;
    }

    .btn_row .btn + .btn {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .global_btn_row .btn-progress {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .global_btn_row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .global_btn_row.flex_end .btn_with_spinner {
        margin-left: 0;
    }

    .global_btn_row .btn_with_spinner {
        width: 100%;
    }

    .backToTop {
        width: 50px;
        height: 50px;
    }
    .btn_row .btn-mob-top {
        margin-top: 10px;
    }
    /* covid purchase : 16-11-20 : start */
    .covidPassenger__icon {
        margin-left: 10px;
        margin-right: 10px;
    }
    .covid_btnWrap .btn.togglableBtn:not(:last-child) {
        margin-top: 0;
    }

    .btnWithSpinner--mob1 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 10px;
    }
    .btnWithSpinner--mob1 .btn {
        margin-bottom: 0;
    }
    /* covid purchase : 16-11-20 : end */

    /* flights and hotels : start */
    .app-rooms-and-residents-container .bookingMaskPassengers .passengersPopup .head {
        border-bottom: 0;
    }
    /* flights and hotels : end */

    /* covid test additions : start */
    .simplePopup__head {
        padding-bottom: 20px;
    }

    .simplePopup__inner {
        padding-left: 35px;
        padding-right: 35px;
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .simplePopup__content, .simplePopup__content p {
        font-size: 18px;
    }

    .simplePopup__btnWrap {
        padding-top: 18px;
    }
    /* covid test additions : end */

    /* new tags : start */
    .booking-widget .invader {
        position: relative;
        top: auto;
        margin-left: 16px;
        padding: 4px 6px 2px;
    }
    /* new tags : end */

    .piTotalTable.international th,
    .piTotalTable.international td {
        font-size: 20px;
    }

    /* international covid test : start */
    .internationalInfo {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .internationalInfo__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
    }

    .internationalInfo__heading {
        padding-right: 0;
    }
    /* international covid test : end */

    /* fix flight select dropdown list : start */
    .flightSelectDD .select2-results {
        padding-bottom: 60px;
    }
    /* fix flight select dropdown list : end */

    /* new covid : start */
    .fullwidthMask .covidPurchase,
    .fullwidthMask .co-search {
        padding-top: 15px;
    }

    .fullwidthMask .covidPurchase h2,
    .fullwidthMask .co-search h2 {
        font-size: 28px;
    }

    .fullwidthMask .co-search__btnContainer, .fullwidthMask .co-search__btnContainer .form-group {
        width: 100%;
    }
    /* new covid : end */

    /* new teasers : start */
    .teasersGrid .teaser-inner {
        width: calc(50% - 22px);
    }

    .teasersGrid.teasersGrid--mob0 .teaser-inner,
    .teasersGrid.teasersGrid--mob1 .teaser-inner {
        width: calc(100% - 22px);
    }
    .genericTeaserStyle h2 {
        font-size: 20px;
    }
    .genericTeaserStyle.teasersGrid--mob0 h2,
    .genericTeaserStyle.teasersGrid--mob1 h2 {
        font-size: 24px;
    }
    .genericTeaserStyle .teaser-content-wrapper {
        padding-left: 23px;
        padding-right: 23px;
    }
    /* new teasers : end */
    .hero_descrAbsCenter {
        bottom: auto;
        top: 10px;
    }

    .hero_descrAbsCenter h1 {
        font-size: 25px;
    }
}

@media only screen and (max-width: 639px) {
    .grid_section[data-grid="3"] .grid_col {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 480px) {
    .tab_filters li {
        width: calc(50% - 5px);
    }
    .covidPassPurchased .covidPassenger__details--box {
        width: 100%;
    }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------MILES------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

@media print {
    * { text-shadow: none !important; color: #000 !important; background: 0 0 !important; box-shadow: none !important; }
    .visible-print { display: block !important }
    table.visible-print { display: table }
    tr.visible-print { display: table-row !important }
    td.visible-print, th.visible-print { display: table-cell !important }
    .hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print { display: none !important }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:2dppx) {
    .select2-search input { background-position: 100% -21px !important }
}

@media only screen and (min-width:0) and (max-width:320px) {
    .headwrap > .icon-globe.language-select { margin-right: 0; padding-left: 0; padding-right: 0; }
    /*iphone lfc modal*/
    .modal-content.passengers .bigTitle { font-size: 25px; margin-bottom: 5px; margin-top: 0px; line-height: 15px; }
    .modal-content.passengers .form label { margin-bottom: 0 }
    .modal-content.passengers .modal-body .form select { margin-bottom: 2px }
    .modal-content.passengers .modal-header { padding-bottom: 0 }
    .modal-dialog { margin: 15px auto }
    .lfc-pax-confirmation-dialog .modal-content .modal-body { margin-top: 20px }
    .emptyBlueCardWrapper .id {bottom:45px;}
    /*webview*/
    .loginWrapper .firstRow {margin-bottom: 10px;}
    .loginWrapper .btn.btn-progress {margin-top: 10px!important;}
    .loginWrapper .milesInfoWrapper .miles {font-size: 30px!important;}
    .logoutButtonWrapper {margin-top: -12px;}
    .accountCard .mbs-card {margin-top: -14px;    -ms-transform: scale(.80)!important; -webkit-transform: scale(.80)!important; transform: scale(.80)!important;}
    .loginWrapper .accountCard:after {height:155px!important}
    .accountCard .mbs-card-flipbuttons {top:-25px;}
    .loginWrapper .milesInfoWrapper {padding:4px 16px!important;}
    .logoutButtonWrapper {margin-top:-28px;}
}


@media only screen and (min-width:480px) {
    .dest-detail .weather-info span { margin-left: 12px }
    .rich-article.rich-article-small .videoOuterWrapper, .rich-article.rich-article-small figure { width: 33.33333333% }
    .rich-article.rich-article-medium .videoOuterWrapper, .rich-article.rich-article-medium figure { width: 50% }
    .rich-article.rich-article-large .videoOuterWrapper, .rich-article.rich-article-large figure img { width: 100% }
    .rich-article.medium, .rich-article.small { font-size: 18px }
    .breadcrumb { margin: 10px 0 48px 0 }
    .breadcrumb > li { display: inline-block; padding-left: 0; }
    .breadcrumb > li i { display: none }
    .breadcrumb > li + li:before { padding: 0 4px 0 7px; content: "\003e"; }
    .helpWrapper {margin-top:7px;}
    header .navigation { width: 432px }
    .flight-status .fields { float: left }
    .flight-status .fields input { width: 100% }
    

}

@media only screen and (min-width:768px) {
    .fares-calendar.mobile { display: none!important }
    .mobileTeaserCarousel .teaser-full-width.homeFWT .teaser-full-width-text { padding-right: 0; padding-left: 0; width: 100%; text-align: center; left: 0; }
    .mb-lp .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; }
    .mb-lp .nav-tabs.nav-justified > .active > a, .mb-lp .nav-tabs.nav-justified > .active > a:focus, .mb-lp .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff }
    .mb-lp .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
    .mb-lp .nav-tabs.nav-justified > li > a { margin-bottom: 0 }
    .teaser-area { position: relative }
    .teaser-area:before { display: block; content: ""; position: absolute; left: 65.69%; right: 13px; top: 6px; bottom: 20px; box-shadow: 0 0 15px 0 rgba(69, 53, 36, .07); }
    .teaser-full-width.homeFWT .teaser-full-width-text { left: 25% }
    .teaser-full-width.leftFWT .teaser-full-width-text { float: left; width: 50%; }
    .teaser-full-width.leftFWT .milesBig .teaser-full-width-text {width: 41.66666667%;}
    .teaser-full-width.rightFWT .teaser-full-width-text { float: left; width: 33.33333333%; }
    .teaser-full-width.rightFWT .teaser-full-width-text { left: 66.66666667% }
    .teaser-full-width.leftFWT.no-icon .teaser-full-width-text { left: 0 }
    .teaser-full-width.homeFWT .teaser-full-width-text { float: left; width: 75%; }
    .teaserIcon { float: left; width: 50%; }
    .teaser-text .content-wrapper { box-shadow: 0 0 15px 0 rgba(69, 53, 36, .07) }
    .teaserIcon .service .content-div { float: left; width: 66.66666667%; }
    .teaserIcon .service img { float: left; width: 33.33333333%; }
    .teaserIcon { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .teaserIcon .service img { position: relative; min-height: 1px; padding-left: 7%; padding-right: 7%; }
    .teaserIcon .service .content-div { position: relative; min-height: 1px; padding-right: 12px; padding-left: 7%; }
    .teaserIcon .service .content-div h3 { word-wrap: break-word; margin-top: 0; }
    .teaser-full-width { padding-left: 0; padding-right: 0; }
    .teaser-full-width .teaser-full-width-text h2 { margin-bottom: 0; background-size: 80px; /* margin-left: -25%; padding-left: 25%; */ background-position: top left; padding-top: 0; }
    .teaser-full-width.homeFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-right: 12px; padding-left: 100px; }
    .teaser-full-width.destination-teaser { background-image: auto !important }
    .teaser-full-width.leftFWT .teaser-full-width-text, .teaser-full-width.rightFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .teaser-big-icon.mb-teaser .image-gold-card { background-image: url(/media/card-gold.png); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 288px; height: 181px; }
    .teaser-big-icon.mb-teaser .image-happy-miles { background-repeat: no-repeat; background-image: url(/media/happy-miles.png); background-size: contain; background-position: center center; width: 100%; }
    .teaser-big-icon.mb-teaser .image-together { background-repeat: no-repeat; background-image: url(/media/together.png); background-size: contain; background-position: center center; width: 100%; }
    .teaser-big-icon.mb-teaser { text-align: center }
    .teaser-big-icon.mb-teaser .teaser-big-icon__wrapper { padding: 26px 8px 8px }
    .teaser-big-icon.mb-teaser .container-div { margin-top: -9px; padding: 0 48px; }
    .teaser-big-icon.mb-teaser .container-div h3 { text-align: center }
    .teaser-big-icon.mb-teaser.mb-number .teaser-big-icon-icon { width: 70px; height: 70px; background-size: 70px; }
    .teaser-big-icon.mb-teaser .image-blue-card { background-image: url(/media/card-blue.png); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 288px; height: 181px; }
    .teaser-big-icon.mb-teaser .image-silver-card { background-image: url(/media/card-silver.png); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 288px; height: 181px; }
    .teaser-big-icon .teaser-big-icon__wrapper { padding: 24px 10px }
    .teaser-big-icon.teaser-big-icon__has-border-right { border-bottom: none; border-right: 1px solid #bfbfbf; }
    .teaser-big-icon.teaser-big-icon__services .teaser-big-icon__wrapper { position: relative; padding: 0px 0 0; }
    .teaser-big-icon.teaser-big-icon__services.teaser-big-icon__has-border-top .teaser-big-icon__wrapper { border-top: 1px solid #bfbfbf }
    .teaser-big-icon.teaser-big-icon__services p { margin: 0 0 24px }
    .teaser-big-icon.teaser-big-icon__services .invader { top: -11px; display: block; }
    .teaser { margin-bottom: 24px }
    .teaser .teaser-inner { padding: 0 10px }
    .teaser .teaser-inner h2 { font-size: 42px }
    .teaser .teaser-inner .teaser-content-wrapper .price { font-size: 24px }
    .teaser .teaser-inner .teaser-content-wrapper .after-the-decimal-point { margin-left: -6px }
    .teaser .teaser-inner .teaser-content-wrapper .after-the-decimal-point, .teaser .teaser-inner .teaser-content-wrapper .currency { font-size: 16px }
    .quote .content blockquote { font-size: 44px; line-height: 48px; }
    .quote .content blockquote cite { font-size: 16px }
    .next-flight-wrapper { position: relative }
    .side-column { position: absolute; bottom: 7px; right: 0; }
    
    .low-fare-calendar { margin-top: 0 }
    .modal-dialog.large { width: 744px }
    .login-section .local-login:after { content: ""; display: block; position: absolute; top: 24px; bottom: 24px; left: 0; border-right: 1px solid #bfbfbf; }
    .member li { padding-right: 3px; padding-left: 3px; }
    .hub-links .hub-links-header { text-align: center; margin-bottom: 48px; }
    .hero-image { height: 290px }
    table.flight-status { top: 2px }
    table.flight-status tr th { padding-top: 8px; position: relative; top: 1px; }
    table.flight-status tr th.arrival, table.flight-status tr th.departure, table.flight-status tr th.route { padding-top: 16px }
    table.flight-status tr td { padding-top: 5px }
    table.flight-status tr td.arrival, table.flight-status tr td.departure, table.flight-status tr td.route { margin-bottom: -1px }
    table.flight-status tr td.flight, table.flight-status tr td.status { position: relative; top: 1px; }
    table.flight-status tr td, table.flight-status tr th { min-height: 48px }
    .quote .content blockquote { font-size: 44px; line-height: 48px; }
    .quote .content blockquote cite { font-size: 16px }
    .mb-middle-teaser > div .teaser-big-icon { left: 16.66666667% }
    .teaser.teaser-double { float: left; width: 100%; }
    .teaser.teaser-single { float: left; width: 50%; }
    .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff }
    .nav-justified > li { display: table-cell; width: 1%; }
    .nav-justified > li > a { margin-bottom: 0 }
    .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff }
    .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
    .nav-tabs.nav-justified > li > a { margin-bottom: 0 }
    .quick-navigation .nav-content .lst-wrp { float: left; width: 50%; }
    .navbar-right .dropdown-menu { right: 0; left: auto; }
    .mybooking .no-control-label { padding-top: 20px }
    .debug:after { width: 720px; background-image: url(/media/vgrid_sm.png); }
    .articles .article-body { left: 8.33333333% }
    .articles .article-body { float: left; width: 83.33333333%; }
    .lead { font-size: 24px }
    .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
    .form-inline .form-control { display: inline-block }
    .form-inline select.form-control { width: auto }
    .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; }
    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { float: none; margin-left: 0; }
    .form-horizontal .control-label { text-align: right }
    .headwrap > .icon-globe.language-select { display:none;}
    .flight-status tr .departure { max-width: 90px; overflow: hidden; text-overflow: ellipsis; }
    .flight-status tr .arrival { max-width: 90px; overflow: hidden; text-overflow: ellipsis; }
    header .icon-globe { background-image: url(/media/icons/globe.svg); background-size: 15px!important; background-repeat: no-repeat; }
    header a.active .icon-angle-down { display: inline-block!important; position: absolute!important; width: 18px; height: 18px; border: 1px solid #dadada; background: #fff; -webkit-transform: rotate(45deg)!important; transform: rotate(45deg)!important; bottom: -9px!important; top: auto!important; left: 50%; margin-left: -9px; border-right: 1px solid white; border-bottom: 1px solid white;z-index: 9999; }
    .teaser-full-width.homeFWT .teaser-full-width-text { float: left; width: 41.66666667%; }
    .teaser-full-width.homeFWT .teaser-full-width-text { left: 58.33333333% }
    .booking-widget.booking-widget-desktop .booking-tabs .submit-btn { left: 50% }
    .teaser-full-width.homeFWT .teaser-full-width-text { float: left; width: 50%; }
    .teaser-full-width.leftFWT .milesBig .teaser-full-width-text {left:0;}
    header .navigation .main-navigation li.login .nav-submenu {right:0;}
    .tab-content .hiddenHeading {display: none;}

    .spendMiles .tab-pane {display: none;}
    .spendMiles .tab-pane.active {display: block;}
    .spendMiles .tab-pane {max-height:100%;}
    .spendMiles .tab-pane.active {max-height:100%;}
   /* .tab-pane.active {display: block!important;}*/
    /*webviews*/
    .loginWrapper {float: left;width: 100%;
                   background-image: url(/media/starBGwebview.png);    /*height: 100%; bottom: 0; top: 0; */
                   width: 100%; /*left: 0; right: 0;*/background-size: cover;}

    /* RESPONSIVE TABLE FIXES IN AIRLINE WIDGET : START */
    .resp-dropdown-titleOnly {
        display: none;
    }
    /* RESPONSIVE TABLE FIXES IN AIRLINE WIDGET : END */

    .teaser-big-icon.teaser-big-icon__services {
        padding-top: 11px;
    }

    .bookingMaskPassengers .input:after {
        right: 10px;
    }

    .milesBig:not(.milesBig--flex) .teaser-full-width-text {
        margin-top: 75px;
    }

    .socialLoginContainer .genericRightSideWrapper {
        width: 33.33%;
    }

    .socialLoginContainer .teaser-big-icon.teaser-big-icon__services {
        padding-inline: 12px;
    }

    .socialLoginContainer .teaser-big-icon p {
        min-height: 84px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .flight-status .row.row-md > .no-control-label {padding-left:0;padding-right: 0;}
    .newsletter-form-container {width: 100%;border-right: 0;padding-right: 0px;}
    .hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm { display: none !important }
    .hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm { display: none !important }
    .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm { display: none !important }
    .visible-md.visible-sm { display: block !important }
    table.visible-md.visible-sm { display: table }
    tr.visible-md.visible-sm { display: table-row !important }
    td.visible-md.visible-sm, th.visible-md.visible-sm { display: table-cell !important }
    .visible-sm { display: block !important }
    table.visible-sm { display: table }
    tr.visible-sm { display: table-row !important }
    td.visible-sm, th.visible-sm { display: table-cell !important }
    .visible-xs.visible-sm { display: block !important }
    table.visible-xs.visible-sm { display: table }
    tr.visible-xs.visible-sm { display: table-row !important }
    td.visible-xs.visible-sm, th.visible-xs.visible-sm { display: table-cell !important }
    .site-map.site-map-accordion { display: block !important }
    table.site-map.site-map-accordion { display: table }
    tr.site-map.site-map-accordion { display: table-row !important }
    td.site-map.site-map-accordion, th.site-map.site-map-accordion { display: table-cell !important }
    .site-map.site-map-list.visible-sm { display: block !important }
    table.site-map.site-map-list.visible-sm { display: table }
    tr.site-map.site-map-list.visible-sm { display: table-row !important }
    td.site-map.site-map-list.visible-sm, th.site-map.site-map-list.visible-sm { display: table-cell !important }
    .site-map.site-map-accordion.visible-sm { display: block !important }
    table.site-map.site-map-accordion.visible-sm { display: table }
    tr.site-map.site-map-accordion.visible-sm { display: table-row !important }
    td.site-map.site-map-accordion.visible-sm, th.site-map.site-map-accordion.visible-sm { display: table-cell !important }
    .visible-lg.visible-sm { display: block !important }
    table.visible-lg.visible-sm { display: table }
    tr.visible-lg.visible-sm { display: table-row !important }
    td.visible-lg.visible-sm, th.visible-lg.visible-sm { display: table-cell !important }
    /*generics*/
    .visible-xs.visible-sm.HideTablet { display: none !important }
    /*header*/
    header .nav-submenu:before { z-index: -1 }
    header .nav-submenu:after, header .nav-submenu:before { bottom: 100%; left: 33px; margin-bottom: -9px; border-bottom: 0; border-right: 0; }
    header .nav-submenu:before { box-shadow: 0 5px 5px 0 rgba(69, 53, 36, .45) }
     header .nav-submenu ul { z-index: 1; position: relative; height: 100%; background: #fff; padding: 30px;}
    header .nav-submenu ul li { padding: 0 }
    
    header .search form .site-search-button { right: 0 }
    header .search form .site-search-button .icon-search { background-image: url(/media/icons/icon-search.svg); background-repeat: no-repeat; background-position: center 1px; padding: 0; height: 12px; width: 12px; }
    header .search form .site-search-button.actBtn .icon-search { background-image: url(/media/icons/search-black.svg); background-repeat: no-repeat; height: 102px; height: 20px; width: 12px; }
    header .nav-submenu {
        display: none;
        position: absolute;
        z-index: 999;
        min-width: 215px;
        max-width: 275px;
        margin-left: -27px;
        border: 1px solid #D7D7D7;
        border-radius: 0 0 3px 3px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 14px 0 rgba(0,0,0,0.29);
    }
    header .nav-submenu:after, header .nav-submenu:before { content: ''; display: block; position: absolute; width: 18px; height: 18px; border: 1px solid #dadada; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); }
    header .top-navigation .language-select li { display: list-item; padding: 0; }
    header .search { position: relative; top: 0; left: 0; margin-left: 51px; }
    header .search.search-desktop { display: block }
    header .search.search-mobile { display: none }
    header .search form .site-search-input { width: 110px; line-height: 24px; outline: 0; border-radius: 0 0 2px 2px; border: 1px solid #33436f; padding: 2px 10px 2px 7px; background-color: #33436f; }
    header .search form .site-search-input:-moz-placeholder { color: #fff }
    header .search form .site-search-input::-moz-placeholder { color: #fff; opacity: 1; }
    header .search form .site-search-input:-ms-input-placeholder { color: #fff }
    header .search form .site-search-input::-webkit-input-placeholder { color: #fff }
    header .search form .site-search-input.act { background-color: #fff; color: #213368; }
    header .search form .site-search-input:focus { background-color: #fff; color: #213368; }
    header .login .icon-login { padding-right: 0 !important; text-align: right; padding-left: 38px; background-position: 5px 0; height: 35px; }
    header .main-navigation .main-head { padding-bottom: 10px; font-size: 24px; }
    header .main-navigation .main-head .ampercent { font-size: 14px }
    header .main-navigation .main-head i { display: none }
    header .top-navigation { position: absolute; top: -5px; right: 0; display: block; float: right; font-size: 14px; }
    header .top-navigation .list-inline li { display: inline-block; padding-left: 7px; padding-right: 7px; float: left; }
    header .top-navigation .icon-globe { background-position: 5px center; text-indent: 20px; }
    header .hamburger { display: none }
    header .back-icon { margin-top: 40px }
    header .headwrap { height: 115px }
    header .navigation { position: static !important; visibility: visible; height: auto; width: auto; background: 0 0; padding: 50px 0 0; /*padding: 0; */ float: right; }
    header .navigation .main-navigation .list-inline > li { width: auto; padding-left: 30px; position: static !important; }
    header .login { padding-left: 56px !important }
    .navigation .login { display: none }
    /*home carousel*/
    .carouselMAndB .img-container { background-color: #fff; border: 1px solid #000; margin-left: 12px; margin-right: 12px; padding: 48px 24px; }
    .carouselMAndB .slick-next { right: -50px }
    .carouselMAndB .slick-prev { left: -50px }
    .teaser-full-width.darken-mobile:before, .teaser-full-width.gradient:before { display: none }
    .teaser-full-width.gradient .row { position: relative; min-height: 352px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, .2) 95%, rgba(0, 0, 0, 0) 100%); }
    .teaser-full-width.gradient.leftFWT .row { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, 0) 55%) }
    .teaser-full-width.homeFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-right: 12px; padding-left: 100px; }
    .teaser-full-width.homeFWT .teaser-full-width-text.no-icon { padding-left: 0 }
    .teaser-full-width.leftFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .teaser-big-icon.teaser-big-icon__services p { margin: 0 0 24px }
    /*.teaser.teaser-double {        margin-top: 0;    }*/
    .teaser .teaser-inner { padding: 0 10px }
    .teaser .teaser-inner h2 { font-size: 42px }
    .teaser .teaser-inner .teaser-content-wrapper .price { font-size: 24px }
    .teaser .teaser-inner .teaser-content-wrapper .after-the-decimal-point { margin-left: -6px !important }
    .teaser .teaser-inner .teaser-content-wrapper .after-the-decimal-point, .teaser .teaser-inner .teaser-content-wrapper .currency { font-size: 16px }
    .next-flight table.flight-status td.flight-number { float: left; width: 33.33333333%; }
    .next-flight thead th { padding-bottom: 0 !important; padding-top: 10px !important; }
    .next-flight table.flight-status tr td, .next-flight table.flight-status tr th { padding-top: 8px; padding-bottom: 8px; }
    .next-flight table.flight-status td.flight-number { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .news-letter .form-label p { font-size: 14px }
    .news-letter input[type=email] { text-align: left; margin-right: 12px; float: left; margin-top: 16px; }
    .news-letter button[type=submit] { float: left; margin-top: 16px; }
    
    .miles-calculator .arrival-selector, .miles-calculator .departure-selector { margin-top: 0; margin-bottom: 0; width: 31.16666667%; }
    .miles-calculator .switch-selectors { width: 4%; height: 48px; }
    .legal-links { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; margin: 14px; }
    .legal-links li { padding-left: 0; padding-right: 12px; }
    /*.hero-image {        height: 400px;    }*/
    #Arrival table.flight-status tr td.arrival-first, #Arrival table.flight-status tr td.arrival-last, #Departure table.flight-status tr td.departure-first, #Departure table.flight-status tr td.departure-last { background-color: rgba(39, 170, 225, .1) }
    .flight-status-divider { top: 48px; margin-top: 0; margin-bottom: 0; }
    .flight-status-divider:after { display: none }
    table.flight-status thead th { position: relative; top: 1px; }
    table.flight-status thead th.align-top { padding-top: 8px; vertical-align: top; }
    table.flight-status tbody td { vertical-align: middle; height: 72px; position: relative; top: 1px; }
    table.flight-status tbody td.flight, table.flight-status tbody td.status { top: 1px }
    table.flight-status tr td.arrival, table.flight-status tr td.departure, table.flight-status tr td.route { margin-bottom: 0 }
    table.flight-status tr th { position: relative; top: 1px; }
    .btn-filter-wrapper.btn-season-wrapper { width: 12.5% }
    .btn-filter span { text-align: center; padding-left: 0; padding-right: 0; bottom: 10px; }
    .btn-filter.btn-lg[class*=icon-], .btn-filter.btn-lg[class*=icon-].active, .btn-filter.btn-lg[class*=icon-]:active { background-size: auto 80px; background-position: center 30px; height: 163px; }
    .btn-filter.btn-md[class*=icon-], .btn-filter.btn-md[class*=icon-].active, .btn-filter.btn-md[class*=icon-]:active { background-size: auto 50px; background-position: center 10px; height: 104px; width: 100%; }
    .btn-filter-wrapper.btn-season-wrapper span { white-space: normal; overflow: visible; padding-left: 0; }
    .btn-filter-wrapper.btn-season-wrapper strong { display: block }
    .dropdown > a { display: block }
    .dropdown > label { display: none }
    .dropdown > ul.open { display: block }
    .dropdown > select { display: none }
    .carousel.carouselHomepage { display: block }
    .booking-widget.booking-widget-desktop .booking .col-sm-5 + .col-sm-5 { padding-right: 0; padding-left: 24px; }
    .booking-widget.booking-widget-desktop .booking .step2 .col-sm-7 { padding-right: 0; padding-left: 24px; }
    .booking-widget.booking-widget-desktop .booking .close-widget, .booking-widget.booking-widget-desktop .booking.step1-active .step1-checkbox, .booking-widget.booking-widget-desktop .booking.step1-active .step2, .booking-widget.booking-widget-desktop .booking.step2-active .step1-btn { display: none }
    .booking-widget.booking-widget-desktop .booking.step2-active .step1-checkbox { display: inline-block }
    .booking-widget.booking-widget-desktop .booking.step2-active .close-widget { display: block }
    .booking-widget.booking-widget-desktop .booking .bookingfrom, .booking-widget.booking-widget-desktop .booking .bookingto { display: inline-block; font-weight: 400; font-size: 18px; font-family: PFHandbookPro; }
    .booking-widget.booking-widget-desktop .booking .bookingfrom span, .booking-widget.booking-widget-desktop .booking .bookingto span { display: block; margin-bottom: -13px; color: #bfbfbf; font-weight: 400; font-size: 28px; }
    .booking-widget.booking-widget-desktop .booking .icon-airplane, .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { position: absolute; left: -16px; display: inline-block; font-size: 33px; color: #213368; }
    .fares-calendar-wrap .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { position: relative; margin: 0 auto -32px; position: relative; z-index: 999; }
    .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { top: 30px; cursor: pointer; width: 32px; height: 32px; }
    .booking-widget.booking-widget-desktop .booking .in-bound-date, .booking-widget.booking-widget-desktop .booking .out-bound-date { color: #bfbfbf; font-size: 28px; }
    
    .booking-widget.booking-widget-desktop .booking .checkbox-inline { margin-top: 7px }
    .booking-widget.booking-widget-desktop .checkin .checkin-label { width: auto }
    .booking-widget.booking-widget-desktop .checkin #ticket-nr { margin-left: 20px }
    .booking-widget.booking-widget-desktop .checkin .custom-radio label { padding-left: 30px }
    .booking-widget.booking-widget-desktop .checkin .custom-radio label::before { background-size: 19px }
    .booking-widget.booking-widget-desktop .checkin .custom-radio label:first-of-type { margin-left: -5px }
    .booking-widget.booking-widget-desktop .my-booking .option { text-align: center; vertical-align: top; }
    .booking-widget.booking-widget-desktop .my-booking .option i { width: 43px; height: 43px; display: inline-block; }
    .booking-widget.booking-widget-desktop .my-booking .option p { line-height: 1.2em; font-size: 14px; }
    .booking-widget.booking-widget-desktop .my-booking .booking-reference i { width: 18px; height: 18px; display: inline-block; position: absolute; margin-left: 5px; }
    .booking-widget.booking-widget-desktop .booking-tabs .submit-btn { min-width: 50%; position: relative; margin-top: 24px; }
    .booking-widget-container .carousel-hero-text { text-transform: uppercase; margin-top: 70px; }
    .booking-widget-container .carousel-hero-text h1 { margin-bottom: 0 }
    .booking-widget-container .carousel-hero-text p { margin-bottom: 16px }
    .booking-widget-container .carousel-hero-text .price { font-weight: 700; font-size: 50px; line-height: 48px; position: relative; margin-bottom: 8px; top: 4px; }
    .booking-widget-container .carousel-hero-text .price .symbol { font-size: 36px; display: inline; line-height: 0; }
    .booking-widget.booking-widget-desktop button { min-width: 100%;}
    .booking-widget.booking-widget-desktop legend { color: #666; border: 0; margin-bottom: 0; }
    .booking-widget.booking-widget-desktop hr { margin: 5px 10px 10px }
    
    .booking-widget.booking-widget-desktop .sub-label { font-size: 12px; color: #bfbfbf; position: absolute; margin-top: 4px; line-height: 8px; }
    .booking-widget.booking-widget-desktop .no-control-label { padding-top: 25px; float: left; }
    .booking-widget.booking-widget-desktop .close-widget { position: absolute; right: 10px; font-size: 32px; top: -14px; }
    .booking-widget.booking-widget-desktop .last-checkout label { color: #bfbfbf; font-weight: 400; font-size: 12px; }
    .booking-widget.booking-widget-desktop .booking .custom-checkbox [type=checkbox] + label { margin-top: 7px }
    .booking-widget.booking-widget-desktop .booking .col-sm-5 { padding-right: 24px }
    /*.booking-widget.booking-widget-desktop .nav-pills li.active a:hover { background-color: #FFF }*/
    .booking-widget.booking-widget-desktop .nav-pills li + li { margin-left: 0 }
    /*.booking-widget.booking-widget-desktop .tab-content { background-color: #fff; padding-top: 0; }
    .booking-widget.booking-widget-desktop .tab-content .tab-pane { border: 14px solid #FFF; border-top: 7px solid #FFF; }
    .booking-widget.booking-widget-desktop .tab-content .tab-pane.active { box-shadow: 1px 5px 20px #000 }*/
    .booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li { margin-bottom: 0; float: left; }
    /*.booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li a { background-color: #f2f2f2 }*/
    .booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li a[href="#My-Booking"], .booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li a[href="#Check-in"] { display: none }
    .booking-widget.booking-widget-desktop.booking-widget-city-guides .tab-content .tab-pane { border-collapse: separate; }
    .booking-widget.booking-widget-desktop h3 { color: #666; font-weight: 300; font-size: 16px; }
    .booking-widget.booking-widget-mobile { display: none }
    .booking-widget.booking-widget-desktop { display: block; margin-bottom: 30px; }
    .booking-widget.booking-widget-desktop .nav-pills li { width: auto; margin-bottom: 0; float: left;}
    .partnersAccordeonWrapper.accordion.tierSection .booking-widget.booking-widget-desktop .nav-pills li {
        background: none !important;
    }
    .booking-widget.booking-widget-desktop .nav-pills li:last-child a { margin-right: 0 }
   
    .accordion.accordion1 .collapse { display: block }
    .accordion.accordion1 .panel-collapse, .accordion.accordion1 .panel-heading { border: none; height: auto !important; display: block; }
    .accordion.accordion1 .panel-heading .panel-title a { text-decoration: none; cursor: default; }
    .accordion.accordion1 .panel-heading .panel-title a i { display: none }
    .booking-widget-container .booking-widget-wrapper { bottom: 0 !important; left: 0; top: auto !important; position: absolute !Important; right: 0; }
    #My-Booking .row.rowsm .col-md-3 { display: inline-block; width: 24%; box-sizing: border-box; }
    /*.flightIco a { background-image: url(/media/icons/airplane1-black.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; fill: slategrey; }
    .checkInIco a { background-image: url(/media/icons/ticket_arrow-black.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .BookingIco a { background-image: url(/media/icons/ticket_double-black.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .HotelIco a { background-image: url(/media/icons/hotel-black.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .CarIco a { background-image: url(/media/icons/car-black.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .active.flightIco a { background-image: url(/media/icons/airplane1-blue.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; fill: slategrey; }
    .active.checkInIco a { background-image: url(/media/icons/ticket_arrow-blue.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .active.BookingIco a { background-image: url(/media/icons/ticket_double-blue.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .active.HotelIco a { background-image: url(/media/icons/icon-hotel-lightPrimary.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }
    .active.CarIco a { background-image: url(/media/icons/icon-car-lightPrimary.svg); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; }*/
    /*.booking-widget.booking-widget-desktop .nav-pills li { position: relative; padding: 0 20px; width: 60px; height: 46px; float: left; border-radius: 2px; color: #444; margin-right: 4px; text-align: left; cursor: pointer; margin-bottom: 4px; }*/
    /*.booking-widget.booking-widget-desktop .nav-pills li:hover { background-color: #fff }*/
    /*.booking-widget.booking-widget-desktop .nav-pills li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; color: transparent; }*/
    .booking-widget.booking-widget-desktop .nav-pills li.active { height: auto; background-color: transparent; margin: 0 !important; border-bottom-width: 0; }
    .booking-widget.booking-widget-desktop .nav-pills li.active a {display: block; position: relative;}
    .booking-widget.booking-widget-desktop .no-control-label { padding-top: 17px }

    /*weather*/
    .CurrentTop, .CurrentBottom { width: 50%; margin-bottom: 30px; }
    .CurrentBottom { float: right; width: auto; }
    /*booking widget*/
    .booking-widget.booking-widget-desktop .booking-tabs .submit-btn {left: 50%;}
    .teaser-full-width.homeFWT .teaser-full-width-text {float: left;width: 50%;}
    .carousel-hero-container {display: table;}
    .booking-widget-container .carousel-hero-text {margin-top: 110px;}
    
    .footerList ul {width: 50%;}
    .booking-widget-wrapper .col-md-10 { width: 83.33333333% !important; left: 8.33333333% !important; }
    .carouselHomepage .carousel-hero-text { width: 83.33333333% !important; left: 8.33333333% !important; float: left; }
    .flightMaskMain-step1-search { display: none }
    .booking-widget-mobile .flightMaskMain-step1-search { display: block }
    .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { top: 38px; cursor: pointer; width: 32px; height: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
    .responsiveDropdown { display: block }
    .booking-widget.booking-widget-desktop .tab-content .tab-pane { border: 30px solid transparent;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;
                                                                    border-top-right-radius: 2px;float: left;width: 100%;border-top:20px;}
    .tierCard {text-align: center;margin-bottom: 20px;}
    .tierCard img {width: auto;right:0;top:0;left:0;}
    .tierCard.right img {width: auto;right:0;top:0;left:0;}
    .tierCard a {display: inline-block;}
    .tierCard.right a {display: inline-block;}
    .tierOuterWrapper {margin-top:40px;margin-bottom: 40px;}
    .silverWrapper .row {width:100%;display: table;margin-left: 0!important;margin-right: 0!important;float: none;}
    .silverWrapper .tierWrapper.silver {display: table;width: 83.33333%;float:none;padding-left:0;padding-right: 0;margin-top:20px;}
    .silverWrapper .tierCard {display: table-header-group;width: 100%;float: none;}
    .silverWrapper .tierImage img {float: right;}
    .booking-widget.booking-widget-desktop.tierWidget .tab-content .tab-pane {border: 20px solid #f8f7f9;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;padding:0;}
    .booking-widget.booking-widget-desktop.tierWidget .nav-pills li.active a {color:#213368;}
    .booking-widget.booking-widget-desktop.tierWidget .nav-pills li a {color:#35afe3;}
    /*date paddings and margins smaller*/
    .datepicker table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th { padding: 5px }
    .datepicker-orient-bottom .datepicker-days { height: 275px }
    .datepicker-orient-bottom.dropdown-menu { padding: 4px }
    /*open menu on the left side so it does not overflow outside body*/
    header .navigation .main-navigation .list-inline > li > div { position: relative }
    header .navigation .main-navigation .list-inline > li:last-child .nav-submenu { right: 0 }
    .bookingMaskPassengers > .form-group:first-of-type { padding-left: 0 }
    .bookingMaskPassengers .form-group { padding-left: 4px; padding-right: 4px; }
    .bookingMaskPassengers > .form-group:last-of-type { padding-right: 0 }
    /*.booking-widget.booking-widget-desktop .no-control-label button { margin-left: 12px }*/
    .booking-widget.booking-facade-widget.booking-widget-desktop .no-control-label button { margin-left: 0px }
    .booking-widget.booking-widget-desktop .flightMaskMain .step1 > .row .no-control-label { padding-top: 17px }
    /*button*/
    .booking-widget.booking-widget-desktop .step2 .row .col-xs-2.no-control-label { padding-top: 40px }
    /*second home tab*/
    .checkinMaskMain .checkin-panel { margin-bottom: 6px }
    .checkinMaskMain .checkin-panel .no-control-label { padding-top: 17px }
    .checkinMaskMain .checkin-panel label.control-label { margin-bottom: 0 }
    .checkinMaskMain .checkin-panel .tooltip-container { position: absolute; top: 0; }
    .checkinMaskMain .row.row-sm { margin-left: -12px; margin-right: -12px; }
    .booking-tabs.checkin .row { margin-left: -12px; margin-right: -12px; }
    .checkinMaskMain .checkin-panel button.checkinMaskMain-login { width: 100%; margin-left: 0!important; }
    /*third home tab*/
    .my-booking form .row.row-sm { margin-bottom: 6px }
    .my-booking form .row.row-sm .no-control-label { padding-top: 17px }
    .my-booking form .row.row-sm label.control-label { margin-bottom: 0 }
    .my-booking form .row.row-sm .tooltip-container { position: absolute; top: 0; }
    .my-booking .row.row-sm { margin-left: -12px; margin-right: -12px; }
    .booking-tabs.my-booking > .row { margin-left: -12px; margin-right: -12px; }
    .my-booking.myBookingMaskMain form .myBookingMaskMain-login { width: 100%; margin-left: 0!important; }
    /*lfc latest fixed*/
    .table_calendar td .price {font-size:12px;}
    /*facade pages*/
    .origin_and_destination .hidden-sm {display: block!important;}
    .discover_destinations .booking-widget.booking-widget-desktop, .origin_and_destination .booking-widget.booking-widget-desktop, .route-map .booking-widget.booking-widget-desktop {margin-bottom: -10px;box-shadow: 0 5px 10px 0 rgba(69,53,36,.45);padding: 14px;padding-top: 7px;}
    .origin_and_destination .booking-widget.col-xs-12.hidden-md.hidden-lg {display: none!important;}
    .origin_and_destination .booking-widget.booking-widget-desktop {display: block;}
    .origin_and_destination .col-xs-12.hidden-md.hidden-lg {display: none!important;}
    .booking-facade-widget .col-sm-5 + .col-sm-5 { padding-right: 0; padding-left: 24px; }
    .booking-facade-widget .col-sm-5 { padding-right: 24px }
    .booking-facade-widget .my-booking.myBookingMaskMain .col-sm-5 + .col-sm-5 { padding-left: 12px }
    .booking-facade-widget .my-booking.myBookingMaskMain .col-sm-5 { padding-right: 12px }
    .booking-facade-widget .step1-reverse-from-to {position: absolute; left: -16px; display: inline-block; font-size: 33px; color: #213368; top: 30px; cursor: pointer; width: 32px; height: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    .myAccruals .filtersWrapper .col-xs-12.col-sm-12{text-align: center; margin-bottom: 20px;}
    .myAccruals .filtersWrapper a.download{width:50%; float:left;}
    .myAccruals .newsSelectWrapper .form-group{float:none;}
    .isMemberWrapper {padding: 30px 35px 30px 20px;}
    .isMemberWrapper .smallImage {float:left;width:100%;}
    .cardPart {width: 33.3333%;}
    .rewardsPart {margin-left:0;}
    .accountPart .col-xs-5 {margin-left:0;width: 50%;}
    .manageAccount.invitations .tableWrapper .button button {width: 100%;margin-left:0;margin-right: 0;}
    .manageAccount.invitations .tableWrapper .button button:first-child {margin-bottom:3px;margin-top: 3px;}
    .pick-return-date .select2-chosen {padding:12px 5px!important;}
    .pick-return-date .select2-container .select2-choice>.select2-chosen {margin-right: 14px;text-align: center;}
    /*login fix*/
    header .login .icon-login.round-img {top:0;height:25px;width: 25px!important;border-radius: 25px;position: absolute;left:0;}
    header .login.hideL > a {padding-left:20px; }
    header .icon-angle-down {display: block;}
    header .login-text + .icon-angle-down {display: inline-block;height: 10px;width: 10px;}
    header .login .active .icon-angle-down {position: static!important;width: 10px;height: 10px;border: 0; background-image: url(/media/icons/icon-angle-down.svg); -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; bottom: initial!important; top: initial!important; left: initial; margin-left: initial; border-right: initial; border-bottom: initial; z-index: initial;
                                            background-size: contain;background-color: transparent;background-position: center center;background-repeat: no-repeat;margin-left:4px;}
    header .login .nav-submenu {margin-top:5px;}
    /*header .login .nav-submenu li a {color:#213368;}
    header .login .nav-submenu li a:hover {color:#002677;}*/
    /*spend miles step 3 car*/
    .pickUpDate {margin-left:0;}
    .milesWrapper {padding-left:12px;}
    .extraSmallButtons  {padding-right: 0;}
    .extraSmallButtons button {margin-right: 10px;padding-left:5px;padding-right: 5px;}
    .panel-body .TableProTitle {padding-left:15px;}
    /*new tabs styling*/
    .nav-tabs > li {margin-bottom: 0;}
    /*.nav-tabs > li > a {font-family: PFHandbookPro; font-size: 20px; font-weight: 400; line-height: 22px; margin-right: 4px; margin-bottom: 4px; padding: 10px 10px; text-align: left; color: #444; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, .5); color: #35afe3;width: 100%;display: inline-block;}
    .nav-tabs > li.active > a {border:0;margin-bottom: 0;color: #213368; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: rgba(255,255,255,0.8);border-bottom: 4px solid transparent;}
    .nav-tabs > li.active > a:hover {background-color: rgba(255,255,255,0.8);}
    .nav-tabs > li > a:hover {background-color: rgba(255,255,255,0.5);}*/
    .tab-content .tab-pane {border: 30px solid transparent; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; float: left; width: 100%; border-top-width: 20px;}
    /*works only for col-sm-4 membership info boxes at dashboard*/
    .membershipInfo .col-sm-4 .membershipWrapper {padding-left:0;padding-right:0;}
    .membershipInfo .col-sm-4 .membershipWrapper .milesWrapper {width: 100%;margin-left:0;padding-right: 0;padding-left: 0;}
    .membershipWrapper .milesWrapper .btn-separator {padding-left: 0;padding-right: 0;}
    /*.membershipInfo .col-sm-4 .membershipWrapper .milesWrapper .btn-separator {left:-5px;}*/
    .tableWrapper table th {font-size:21px;}
    .tableWrapper table tr td {font-size:15px;}
    .rewardsPart {padding-left:10px;}
    .moreInformationWrapper .accountPart {background-image:url(/media/accountInformationPart.jpg);padding-top: 24px;padding-bottom: 24px;float: left;width: 100%;}
    .moreInformationWrapper .togetherPart {background-image:url(/media/togetherPart.jpg);padding-top: 24px;padding-bottom: 24px;float: left;width: 100%;margin-left: 0;background-size: cover;}
    .dualSmallTeasers.moreInformationWrapper .row.row-module {margin-top: 0;margin-bottom: 0;float: none;margin-left: -12px;margin-right: -12px;width: auto;}
    .login.hideL .nav-submenu ul li a {color:#213368;}
    .miles-calculator-container .countTab {padding-left:20px;padding-right: 20px;}
    .membershipWrapper .milesInner .miles {font-size:33px;}
    .membershipWrapper .milesInner .milesText, .membershipWrapper .milesInner p {font-size:12px;}

    .manageAccount.partner .tableWrapper table, .manageAccount.partner .tableWrapper thead, .manageAccount.partner .tableWrapper tbody, .manageAccount.partner .tableWrapper th, .manageAccount.partner .tableWrapper td, .manageAccount.partner .tableWrapper tr { display: block;float:left;width: 100%;}
    .manageAccount.partner .tableWrapper thead tr { position: absolute;top: -9999px;left: -9999px;}
    .manageAccount.partner .tableWrapper td { padding-left: 51% !important;position: relative;}
    .manageAccount.partner .tableWrapper td:before {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0; white-space: nowrap;right: auto;width: 50%;text-align: center;}
    .manageAccount.partner .tableWrapper td:not(:first-child):before {right: auto;width: 50%;height:100%;color: #54585a;display: block;line-height: 48px;}
    .manageAccount.partner .tableWrapper td:nth-of-type(1):before { content:attr(data-before);top:50%;margin-top: -22px;font-size: 26px;color: #213368;font-family: 'PFHandbookPro';font-weight: 500;white-space: normal;padding-top:10px;padding-bottom: 10px;line-height: 17px;display: inline-block;}
    .manageAccount.partner .tableWrapper td:before { content:attr(data-before);}
    .manageAccount.partner .tableWrapper table tr td:first-child {text-align: center;background-color: #f3f2f5!important;}
    .manageAccount.partner .tableWrapper table tbody tr:nth-child(even) td {background-color: #e8e9ef;}
    .manageAccount .tableWrapper .button {background-color: #e8e9ef;}
    .manageAccount .tableWrapper table tr td {font-size:18px;}
    .manageAccount.partner .tableWrapper table {margin-bottom: 0;}
    .manageAccount.partner .tableWrapper table tr:first-child {margin-top: 0;}
    .manageAccount.partner .tableWrapper table tr {margin-top: 15px;}
    .manageAccount.partner .tableWrapper table tr td:first-child {background:#e8e9ef!important;}
    .manageAccount.partner .tableWrapper table thead {border-bottom: 0;}
    .manageAccount.partner .tableWrapper td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                      margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b; }
    .manageAccount .tableWrapper .button {padding-right: 0.5%;}
    .claimMiles .tableWrapper {margin-left:-30px;margin-right: -30px;}
    /*partners finder*/
    #map-partners, #map-partners-loading { height: 630px !important; }
    
    .opan-jaw-airport-select-container .col-sm-5:nth-child(2) {
        padding-right: 0;
        padding-left: 34px;
    }

    .opan-jaw-airport-select-container .step1-reverse-from-to {
        position: absolute;
        left: -5px;
        display: inline-block;
        font-size: 33px;
        color: #213368;
        top: 36px;
        cursor: pointer;
        width: 32px;
        height: 32px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .stepLabels label.completed, .stepLabels .stepLabel.completed {
        background-position: right 5px center;
        padding-right: 20px;
        background-size: 16px;
    }
}

@media only screen and (max-width: 767px), (max-device-width: 767px) {
	.tab-content .hiddenHeading a {
		padding-right: 50px;
	}
}

@media only screen and (max-width: 767px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /*for ipad fix*/
    .panel-body .TabSTable table tbody tr:first-child {display: none;}

    .stockExchange table, .stockExchange thead, .stockExchange tbody, .stockExchange th, .stockExchange td, .stockExchange tr { display: block;float:left;width: 100%;}
    .stockExchange thead tr { position: absolute;top: -9999px;left: -9999px;}
    .stockExchange tr { border-bottom: 1px solid #d1d1d1 !important; padding: 15px 0px !important; }
    .stockExchange td { border: none;border-bottom: 1px solid #eee; position: relative !important;padding-left: 50% !important;}
    .sharePrice td { padding-left: 67% !important;}
    .stockExchange td:before { position: absolute;top:6px; left:6px;width: 45%; padding-right: 10px; white-space: nowrap;}
    .stockExchange table tr td{font-size:16px; text-align: left !important;}
    .stockExchange .col-sm-4{padding-left:0 !important;}
    .stockExchange .btn-progress {margin-top:0; margin-bottom: 3%;}
    /* Label the data Stock Exchange */
    .stockExchange td:before{font-weight: bold; color:#55555F;}
    .stockExchange td:nth-of-type(1):before { content: "Date";}
    .stockExchange td:nth-of-type(2):before { content: "Closing Price"; }
    .stockExchange td:nth-of-type(3):before { content: "Change %"; }
    .stockExchange td:nth-of-type(4):before { content: "High"; }
    .stockExchange td:nth-of-type(5):before { content: "Low"; }
    .stockExchange td:nth-of-type(6):before { content: "Open Price"; }
    .stockExchange td:nth-of-type(7):before { content: "Traded Volume"; }
    .stockExchange td:nth-of-type(8):before { content: "Dream Vacation City"; }
    .stockExchange td:nth-of-type(9):before { content: "GPA"; }
    .stockExchange td:nth-of-type(10):before { content: "Arbitrary Data"; }
    /* Label the data Share price */
    .sharePrice td:before{font-weight: bold; color:#55555F; font-size:16px; color:#213368; margin-top:5px;}
    .sharePrice td:nth-of-type(1):before { content: "";}
    .sharePrice td:nth-of-type(2):before { content: "AEGEAN AIRLINES (CR)"; }
    .sharePrice td:nth-of-type(3):before { content: "ASE GENERAL INDEX"; }
    /* Label the data Share price */
    .generalAssembly td:before{font-weight: bold; color:#55555F; font-size:16px; color:#213368; margin-top:3px;}
    .generalAssembly td:nth-of-type(1):before { content: "Date";}
    .generalAssembly td:nth-of-type(2):before { content: "General Assembly"; }
    .generalAssembly td:nth-of-type(3):before { content: "Invitations"; }
    .generalAssembly td:nth-of-type(4):before { content: "Decisions/Draft Decisions"; }
    .generalAssembly td:nth-of-type(5):before { content: "Decisions/Draft Dividend"; }
    
    /*generic table inside partner page*/
    .tableWrapper:not(.noResp) table, .tableWrapper:not(.noResp) thead, .tableWrapper:not(.noResp) tbody, .tableWrapper:not(.noResp) th, .tableWrapper:not(.noResp) td, .tableWrapper:not(.noResp) tr { display: block;float:left;width: 100%;}
    .tableWrapper:not(.noResp) thead tr { position: absolute;top: -9999px;left: -9999px;}
    .tableWrapper:not(.noResp) td { padding-left: 51% !important;position: relative;}
    .tableWrapper:not(.noResp) td:before {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0; white-space: nowrap;right: auto;width: 50%;text-align: center;}
        .tableWrapper:not(.noResp) td:not(:first-child):before {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 50%;
            padding: 5px 6px;
            text-align: left;
            background: #F4F6FB;
            height: auto;
            color: #002677;
            font-size: 16px;
            font-family: "urw_geometric_extsemi_bold", sans-serif;
            box-sizing: border-box;
            border-right: solid 2px #fff;
            white-space: normal;
            line-height: 1;
        }
        .tableWrapper:not(.noResp) td:nth-child(odd):before {
            background: #fff;
        }
        .tableWrapper:not(.noResp) td:nth-of-type(1):before {
            content: none;
            top: 50%;
            margin-top: -25px;
            font-size: 24px;
            color: #213368;
            font-family: "urw_geometric_extsemi_bold", sans-serif;
            font-weight: 500;
            white-space: normal;
            padding-top: 6px;
            padding-bottom: 6px;
            line-height: 17px;
            display: inline-block;
            line-height: 1;
            min-height: 54px;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-align-items: center;
            align-items: center;
            justify-content: center;
        }
   .tableWrapper:not(.noResp) td:before { content:attr(data-before);}
    .tableWrapper:not(.noResp) table tr td:first-child {
        min-height: 66px;
        text-align: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        background-color: #fff !important;
        padding-left: 8px !important;
        color: #002677;
        font-size: 18px;
    }
    /*new css for tables*/
    .TabSTable table, .TabSTable thead, .TabSTable tbody, .TabSTable th, .TabSTable td, .TabSTable tr { display: block;float:left;width: 100%;}
    .TabSTable thead tr { position: absolute;top: -9999px;left: -9999px;}
    .TabSTable td { padding-left: 50% !important;position: relative;}
    .TabSTable td:before {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0; white-space: nowrap;right: auto;width: 50%;text-align: center;}
    .TabSTable td:not(:first-child):before {right: auto;width: 50%;height:100%;color: #54585a;display: block;line-height: 48px;background-color: #e8e9ef;}
    .TabSTable td:nth-of-type(1):before { content:attr(data-before);top:50%;margin-top: -22px;font-size: 26px;color: #213368;font-family: 'PFHandbookPro';font-weight: 500;white-space: normal;padding-top:10px;padding-bottom: 10px;line-height: 17px;display: inline-block;}
    .TabSTable td:before { content:attr(data-before);}
    .TabSTable table tr td:first-child {text-align: center;background-color: #f3f2f5!important;}
    .TabSTable table tbody tr:nth-child(even) td {background-color: #e8e9ef;}
    /*no responsive table used for partners page*/
    .TabSTable.noResp table, .TabSTable.noResp thead, .TabSTable.noResp tbody, .TabSTable.noResp th, .TabSTable.noResp td, .TabSTable.noResp tr {padding-left: initial!important;
                                                        position: initial;float: none;width: auto;}
    .TabSTable.noResp thead tr {position: static;}
    .TabSTable.noResp td {display: table-cell;}
    .TabSTable.noResp tr {display: table-row;width: 100%;}
    .TabSTable.noResp th {display: table-header-group;}
    .TabSTable.noResp thead {display: table;width: 100%;}
    .TabSTable.noResp tbody {display: table;width: 100%;}
    .TabSTable.noResp td:before {content:none;}
    .TabSTable.noResp td:not(:first-child):before {content: none;}
    .TabSTable.noResp td:nth-of-type(1):before {content: none;}
    .TabSTable.noResp td:before { content:none;}
    .TabSTable.noResp table tr td:first-child {text-align: initial;background-color:initial!important;padding-left:8px!important;}
    .TabSTable.noResp table tbody tr:nth-child(even) td {background-color: initial;}
    .TabSTable.noResp table tbody tr:nth-child(odd) td {background-color: #e8e9ef!important;}
    .TabSTable.noResp {padding: 14px 3px;}

    /*partner table*/
    .partner .tableWrapper table {margin-bottom: 0;}
    .partner .tableWrapper table tr:first-child {margin-top: 0;}
    .partner .tableWrapper table tr {margin-top: 15px;}
    .partner .tableWrapper table tr td:first-child {background:#e8e9ef!important;}
    .partner .tableWrapper table thead {border-bottom: 0;}
    .partner .tableWrapper td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                      margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b;text-overflow: ellipsis;white-space: nowrap;max-width: 50%;overflow: hidden; }
    .partner .tableWrapper table tr td a { color: #002677; }
    .partner.TabSTable table {margin-bottom: 0;}
    .partner.TabSTable table tr:first-child {margin-top: 0;}
    .partner.TabSTable table tr {margin-top: 15px;}
    .partner.TabSTable table tr td:first-child {background:#e8e9ef!important;}
    .partner.TabSTable table thead {border-bottom: 0;}
    .partner.TabSTable td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                      margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b; }

    /*earn tables tweaking*/
    .airLineWidget .tableWrapper table tr td:first-child {text-align: right;}
    .airLineWidget .tableWrapper table thead {border-bottom: 0;}
    .airLineWidget .tableWrapper td:not(:first-child):before {background-color: #ffffff;}
    .airLineWidget .tableWrapper table tr td:first-child {background-color: #e8e9ef!important;}
    .airLineWidget .tableWrapper td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                            margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b; }
    .airLineWidget .tableWrapper table tbody tr:nth-child(even) td {background-color:#e8e9ef;}
    .airLineWidget .tableWrapper table tbody tr {margin-top: 15px;}
    /*new css for tables*/
    .airLineWidget .TabSTable .heading {display: none;}
    .airLineWidget .TabSTable table tr td:first-child {text-align: right;}
    .airLineWidget .TabSTable table thead {border-bottom: 0;}
    .airLineWidget .TabSTable td:not(:first-child):before {background-color: #ffffff;}
    .airLineWidget .TabSTable table tr td:first-child {background-color: #e8e9ef!important;}
    .airLineWidget .TabSTable td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                            margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b; }
    .airLineWidget .TabSTable table tbody tr:nth-child(even) td {background-color:#e8e9ef;}
    .airLineWidget .TabSTable table tbody tr {margin-bottom: 15px;}
    .airLineWidget .TabSTable table {margin-bottom: 0;}
    .airLineWidget .TabSTable table tbody tr:nth-child(odd) td {background-color: #e8e9ef;}
    .airLineWidget .TabSTable [data-before=""] {display: none;}
    .airLineWidget #aegean-olympic-widget-accordion .panel-default:nth-child(1) .TabSTable [data-before=""] {display: block;}
    .airLineWidget .TabSTable table tbody > tr:first-of-type:not(.heading) {margin-top:0;}

    .miles-calculator-container .tableWrapper table tr td:first-child {text-align: right;}
    .miles-calculator-container .tableWrapper table thead {border-bottom: 0;}
    .miles-calculator-container .tableWrapper td:not(:first-child):before {background-color: #ffffff;}
    .miles-calculator-container .tableWrapper table tr td:first-child {background-color: #e8e9ef!important;}
    .miles-calculator-container .tableWrapper td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                            margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b;padding-top:12px;line-height: 100%;box-sizing:border-box;}
    .miles-calculator-container .tableWrapper table tbody tr:nth-child(even) td {background-color:#e8e9ef;}
    .miles-calculator-container .tableWrapper table tbody tr {margin-top: 15px;}
    .miles-calculator-container .tableWrapper table tr td {font-size: 24px;font-weight: 300;color: #828486;}
    .myAccruals:not(.myCoupons) .airLineWidget .tableWrapper table tbody tr {margin-top: 15px; background: #e8e9ef;}
    .myAccruals:not(.myCoupons) .newsSelectWrapper .select2-container{float:left; margin-top:-3px;}

    .milesBonusRegLogin .interstitialWrapper .imagePart { height: auto; }
    .mytransactionswhiteBg .tableWrapper .horizontalScroll table tr td {font-size: 15px;}


    /* mb partners table fix : start */
    .TabSTable tr.heading {
        display: none;
    }
    /* mb partners table fix : end */

}

@media only screen and (min-width:992px) {
    .carouselMAndB .img-container { background-color: #fff; border: 1px solid #000; margin-left: 12px; margin-right: 12px; padding: 48px 24px; }
    .carouselMAndB .slick-next { right: -50px }
    .carouselMAndB .slick-prev { left: -50px }
    .teaser-full-width.darken-mobile:before, .teaser-full-width.gradient:before { display: none }
    .teaser-full-width.gradient .row { position: relative; min-height: 352px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, .2) 95%, rgba(0, 0, 0, 0) 100%); }
    .teaser-full-width.gradient.leftFWT .row { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, 0) 55%) }
    .teaser-full-width.homeFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-right: 12px; padding-left: 100px; }
    .teaser-full-width.homeFWT .teaser-full-width-text.no-icon { padding-left: 0 }
    .teaser-full-width.leftFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .teaser-big-icon.teaser-big-icon__services p { margin: 0 0 24px }
    .teaser.teaser-double { margin-top: 0 }
    .teaser .teaser-inner { padding: 0 10px }
    .teaser .teaser-inner h2 { font-size: 42px }
    .teaser .teaser-inner .teaser-content-wrapper .price { font-size: 22px }
    .teaser .teaser-inner .teaser-content-wrapper .after-the-decimal-point { margin-left: -6px !important }
    .teaser .teaser-inner .teaser-content-wrapper .after-the-decimal-point, .teaser .teaser-inner .teaser-content-wrapper .currency { font-size: 16px }
    .next-flight table.flight-status td.flight-number { float: left; width: 33.33333333%; }
    .next-flight thead th { padding-bottom: 0 !important; padding-top: 10px !important; }
    .next-flight table.flight-status tr td, .next-flight table.flight-status tr th { padding-top: 8px; padding-bottom: 8px; }
    .next-flight table.flight-status td.flight-number { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .news-letter .form-label { text-align: left }
    .news-letter .form-label p { font-size: 14px; text-align: left; }
    .news-letter input[type=email] { width: 65%; text-align: left; margin-right: 12px; float: left; margin-top: 16px; }
    .news-letter input[type=text] { width: 65%; text-align: left; margin-right: 12px; float: left; margin-top: 16px; }
    .news-letter button[type=submit] { width: 30%; float: left; margin-top: 11px; }
    .news-letter .social { padding-top: 16px }
    .news-letter .social ul { float: right }
    .news-letter .social ul li.label { display: inline-block }
    
    .miles-calculator .arrival-selector, .miles-calculator .departure-selector { margin-top: 0; margin-bottom: 0; width: 31.16666667%; }
    .miles-calculator .switch-selectors { width: 4%; height: 48px; }
    .legal-links { float: left; width: 41.66666667%; }
    .legal-links { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; margin: 14px; margin-right: 0;margin-top: 0; }
    .legal-links ul { border: none; padding-bottom: 0; }
    .legal-links li { padding-left: 0; padding-right: 12px; width: auto; }
    .legal-links li:nth-child(odd) { text-align: left }
    .hero-image { height: 400px }
    #Arrival table.flight-status tr td.arrival-first, #Arrival table.flight-status tr td.arrival-last, #Departure table.flight-status tr td.departure-first, #Departure table.flight-status tr td.departure-last { background-color: rgba(39, 170, 225, .1) }
    .flight-status-divider { top: 48px; margin-top: 0; margin-bottom: 0; }
    .flight-status-divider:after { display: none }
    table.flight-status thead th { position: relative; top: 1px; }
    table.flight-status thead th.align-top { padding-top: 8px; vertical-align: top; }
    table.flight-status tbody td { vertical-align: middle; height: 72px; position: relative; top: 1px; }
    table.flight-status tbody td.flight, table.flight-status tbody td.status { top: 1px }
    table.flight-status tr td.arrival, table.flight-status tr td.departure, table.flight-status tr td.route { margin-bottom: 0 }
    table.flight-status tr th { position: relative; top: 1px; }
    .btn-filter-wrapper.btn-season-wrapper { width: 12.5% }
    .btn-filter span { text-align: center; padding-left: 0; padding-right: 0; bottom: 10px; }
    .btn-filter.btn-lg[class*=icon-], .btn-filter.btn-lg[class*=icon-].active, .btn-filter.btn-lg[class*=icon-]:active { background-size: auto 80px; background-position: center 30px; height: 163px; }
    .btn-filter.btn-md[class*=icon-], .btn-filter.btn-md[class*=icon-].active, .btn-filter.btn-md[class*=icon-]:active { background-size: auto 50px; background-position: center 10px; height: 104px; width: 100%; }
    .btn-filter-wrapper.btn-season-wrapper span { white-space: normal; overflow: visible; padding-left: 0; }
    .btn-filter-wrapper.btn-season-wrapper strong { display: block }
    .dropdown > a { display: block }
    .dropdown > label { display: none }
    .dropdown > ul.open { display: block }
    .dropdown > select { display: none }
    .carousel.carouselHomepage { display: block }
    .booking-widget.booking-widget-desktop .booking .col-sm-5 + .col-sm-5 { padding-right: 0; padding-left: 24px; }
    .booking-widget.booking-widget-desktop .booking .step2 .col-sm-7 { padding-right: 0; padding-left: 24px; }
    .booking-widget.booking-widget-desktop.booking-facade-widget .step2 .col-sm-7 { padding-right: 0; padding-left: 24px; }
    .booking-facade-widget .col-sm-5 + .col-sm-5 { padding-right: 0; padding-left: 24px; }
    .booking-facade-widget .col-sm-5 { padding-right: 24px }
    .booking-facade-widget .my-booking.myBookingMaskMain .col-sm-5 + .col-sm-5 { padding-left: 12px }
    .booking-facade-widget .my-booking.myBookingMaskMain .col-sm-5 { padding-right: 12px }
    .booking-widget.booking-widget-desktop .booking .close-widget, .booking-widget.booking-widget-desktop .booking.step1-active .step1-checkbox, .booking-widget.booking-widget-desktop .booking.step1-active .step2, .booking-widget.booking-widget-desktop .booking.step2-active .step1-btn { display: none }
    .booking-widget.booking-widget-desktop .booking.step2-active .step1-checkbox { display: inline-block }
    .booking-widget.booking-widget-desktop .booking.step2-active .close-widget { display: block }
    .booking-widget.booking-widget-desktop .booking .bookingfrom, .booking-widget.booking-widget-desktop .booking .bookingto { display: inline-block; font-weight: 400; font-size: 18px; font-family: PFHandbookPro; }
    .booking-widget.booking-widget-desktop .booking .bookingfrom span, .booking-widget.booking-widget-desktop .booking .bookingto span { display: block; margin-bottom: -13px; color: #bfbfbf; font-weight: 400; font-size: 28px; }
    .booking-widget.booking-widget-desktop .booking .icon-airplane, .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { position: absolute; left: -16px; display: inline-block; font-size: 33px; color: #213368; }
    .fares-calendar-wrap .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { position: relative; float: left; left: 0; top: 37px; display: block; }
    .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { top: 30px; cursor: pointer; width: 32px; height: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    .booking-widget.booking-widget-desktop .booking .in-bound-date, .booking-widget.booking-widget-desktop .booking .out-bound-date { color: #bfbfbf; font-size: 28px; }
    
    .booking-widget.booking-widget-desktop .booking .checkbox-inline { margin-top: 7px }
    .booking-widget.booking-widget-desktop .checkin .checkin-label { width: auto }
    .booking-widget.booking-widget-desktop .checkin #ticket-nr { margin-left: 20px }
    .booking-widget.booking-widget-desktop .checkin .custom-radio label { padding-left: 30px }
    .booking-widget.booking-widget-desktop .checkin .custom-radio label::before { background-size: 19px }
    .booking-widget.booking-widget-desktop .checkin .custom-radio label:first-of-type { margin-left: -5px }
    .booking-widget.booking-widget-desktop .my-booking .option { text-align: center }
    .booking-widget.booking-widget-desktop .my-booking .option i { width: 43px; height: 43px; display: inline-block; }
    .booking-widget.booking-widget-desktop .my-booking .option p { line-height: 1.2em }
    .booking-widget.booking-widget-desktop .my-booking .booking-reference i { width: 18px; height: 18px; display: inline-block; }
    .booking-widget.booking-widget-desktop .booking-tabs .submit-btn { min-width: 50%; position: relative; margin-top: 24px; }
    .booking-widget-container .carousel-hero-text { text-transform: uppercase; margin-top: 70px; }
    .booking-widget-container .carousel-hero-text h1 { margin-bottom: 0 }
    .booking-widget-container .carousel-hero-text p { margin-bottom: 16px }
    .booking-widget-container .carousel-hero-text .price { font-weight: 700; font-size: 50px; line-height: 48px; position: relative; margin-bottom: 8px; top: 4px; }
    .booking-widget-container .carousel-hero-text .price .symbol { font-size: 36px; display: inline; line-height: 0; }
    .booking-widget.booking-widget-desktop button { min-width: 100%; margin-left: 0px; }
    .booking-widget.booking-widget-desktop legend { color: #666; border: 0; margin-bottom: 0; }
    .booking-widget.booking-widget-desktop hr { margin: 5px 10px 10px }
    
    .booking-widget.booking-widget-desktop .sub-label { font-size: 12px; color: #bfbfbf; position: absolute; margin-top: 4px; line-height: 8px; }
    .booking-widget.booking-widget-desktop .no-control-label { padding-top: 19px;}
    .booking-widget.booking-widget-desktop .close-widget { position: absolute; right: 10px; font-size: 32px; top: -14px; }
    .booking-widget.booking-widget-desktop .last-checkout label { color: #bfbfbf; font-weight: 400; font-size: 12px; }
    .booking-widget.booking-widget-desktop .booking .custom-checkbox [type=checkbox] + label {font-size: 14px;padding-top: 8px;padding-bottom: 4px; }
    .booking-widget.booking-widget-desktop .booking .col-sm-5 { padding-right: 24px }
    /*.booking-widget.booking-widget-desktop .nav-pills li.active a:hover { background-color: #FFF }*/
    .booking-widget.booking-widget-desktop .nav-pills li + li { margin-left: 0 }
    .booking-widget.booking-widget-desktop .tab-content { background-color: rgba(255, 255, 255, .8); padding-top: 0; float: left;width: 100%;}
    .booking-widget.booking-widget-desktop .tab-content .tab-pane { border: 30px solid transparent;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;
                                                                    border-top-right-radius: 2px;float: left;width: 100%;border-top:20px;}
    .booking-widget.booking-widget-desktop.airLineWidget .tab-content .tab-pane {border:0;padding:30px 30px 30px 30px;}
    .accordeonBigWrapper .booking-widget.booking-widget-desktop.airLineWidget .tab-content .tab-pane {padding: 0;}
    .booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li { margin-bottom: 0; float: left; }
    /*.booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li a { background-color: #f2f2f2 }*/
    .booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li a[href="#My-Booking"], .booking-widget.booking-widget-desktop.booking-widget-city-guides .nav-pills li a[href="#Check-in"] { display: none }
    .booking-widget.booking-widget-desktop.booking-widget-city-guides .tab-content .tab-pane { border-collapse: separate; }
    .booking-widget.booking-widget-desktop h3 { color: #666; font-weight: 300; font-size: 16px; }
    .booking-widget.booking-widget-mobile { display: none }
    .booking-widget.booking-widget-desktop { display: block; margin-bottom: 30px; }
    .partnersAccordeonWrapper.accordion.tierSection .booking-widget.booking-widget-desktop .nav-pills li {
        background: none !important;
    }
    .booking-widget.booking-widget-desktop .nav-pills li { width: auto; margin-bottom: 0; float: left; }
    .airLineWidget.booking-widget.booking-widget-desktop .nav-pills li {width: auto;}

    .accordion.accordion1 .collapse { display: block }
    .accordion.accordion1 .panel-collapse, .accordion.accordion1 .panel-heading { border: none; height: auto !important; display: block; }
    .accordion.accordion1 .panel-heading .panel-title a { text-decoration: none; cursor: default; }
    .accordion.accordion1 .panel-heading .panel-title a i { display: none }
    header .nav-submenu:before { z-index: -1 }
    header .nav-submenu:after, header .nav-submenu:before { bottom: 100%; left: 33px; margin-bottom: -9px; border-bottom: 0; border-right: 0; }
    header .nav-submenu:before { box-shadow: 0 5px 5px 0 rgba(69, 53, 36, .45) }
    header .nav-submenu ul { z-index: 1; position: relative; height: 100%; background: #fff; padding: 30px;}
    header .nav-submenu ul li { padding: 0 }
    
    header .nav-submenu { display: none; position: absolute; z-index: 999; min-width: 215px; max-width: 290px; margin-left: -30px; border-radius: 2px; border-style: solid; border-width: 1px; border-color: #f0f0f0; box-shadow: 0 6px 8px 0 rgba(69, 53, 36, .45); border-top: none; }
    header .search form .site-search-button .icon-search { background-image: url(/media/icons/icon-search.svg); background-repeat: no-repeat; background-position: center 1px; padding: 0; height: 12px; width: 12px; }
    header .search form .site-search-button.actBtn .icon-search { background-image: url(/media/icons/search-black.svg); background-repeat: no-repeat; height: 102px; height: 20px; width: 12px; }
    header .nav-submenu:before { z-index: -1 }
    header .nav-submenu:after, header .nav-submenu:before { bottom: 100%; left: 33px; margin-bottom: -9px; border-bottom: 0; border-right: 0; }
    header .nav-submenu:before { box-shadow: 0 5px 5px 0 rgba(69, 53, 36, .45) }
    
    /*header .nav-submenu { display: none; position: absolute; z-index: 999; min-width: 215px; max-width: 275px; margin-left: -30px; border-radius: 2px; border-style: solid; border-width: 1px; border-color: #f0f0f0; box-shadow: 0 6px 8px 0 rgba(69, 53, 36, .45); border-top: none; }*/
    header .search form .site-search-button .icon-search { background-image: url(/media/icons/icon-search.svg); background-repeat: no-repeat; background-position: center 1px; padding: 0; height: 12px; width: 12px; }
    header .search form .site-search-button.actBtn .icon-search { background-image: url(/media/icons/search-black.svg); background-repeat: no-repeat; height: 102px; height: 20px; width: 12px; }
    header .nav-submenu:after, header .nav-submenu:before { content: ''; display: block; position: absolute; width: 18px; height: 18px; border: 1px solid #dadada; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); }
    header .top-navigation .language-select li { display: list-item; padding: 0; }
    header .search { position: relative; top: 0; left: 0; margin-left: 51px; }
    header .search.search-desktop { display: block }
    header .search.search-mobile { display: none }
    header .search form .site-search-input { width: 104px; line-height: 24px; outline: 0; border-radius: 0 0 2px 2px; border: 1px solid #33436f; padding: 2px 25px 2px 7px; background-color: #33436f; color: #ffffff; }
    header .search form .site-search-input:-moz-placeholder { color: #fff }
    header .search form .site-search-input::-moz-placeholder { color: #fff; opacity: 1; }
    header .search form .site-search-input:-ms-input-placeholder { color: #fff }
    header .search form .site-search-input::-webkit-input-placeholder { color: #fff }
    header .search form .site-search-input.act { background-color: #fff; color: #213368; }
    header .search form .site-search-input:focus { background-color: #fff; color: #213368; }
    header .login .icon-login { padding-right: 0 !important; text-align: right; padding-left: 38px; background-position: 5px 0; height: 35px; }
    header .main-navigation .main-head { padding-bottom: 10px; font-size: 24px; }
    header .main-navigation .main-head .ampercent { font-size: 14px }
    header .main-navigation .main-head i { display: none }
    header .top-navigation { position: absolute; top: -5px; right: 0; display: block; float: right; height: 0; font-size: 14px; }
    header .top-navigation .list-inline li { display: inline-block; padding-left: 7px; padding-right: 7px; float: left; }
    header .top-navigation .icon-globe { background-position: 5px center; text-indent: 20px; }
    header .hamburger { display: none }
    header .back-icon { margin-top: 40px }
    .helpWrapper {margin-top:47px;float:right;width: auto;}
    header .logo .logo-container figure { width: 220px }
    header .headwrap { height: 110px }
    header .navigation { position: static !important; visibility: visible; height: auto; width: auto; background: 0 0; margin: 47px 0 0; padding: 0; float: right; }
    header .navigation .main-navigation .list-inline > li { width: auto; padding-left: 30px; position: static !important; float: left; display: block; }
    header .login { padding-left: 56px !important }
    footer .middle-row .member { margin-top: 8px }
    footer .star-alliance-member { padding-bottom: 0; float: right; }
    /*footer .star-alliance-member img { margin-right: 12px; width: auto; height: 24px; margin-top: 8px; }*/
    footer .star-alliance-member:hover { opacity: .7 }
    footer .copyright { float: left; line-height: 48px; margin-left: 12px; }
    footer .copyright h6, footer .copyright p { font-size: 14px; color: rgba(255, 255, 255, .3); }
    
    .teaser.teaser-double { float: left; width: 50%; }
    .teaser.teaser-single { float: left; width: 33.33333333%; }
    .city-guide .tab-pane { float: left; width: 100%; }
    .city-guide > .row > .list-inline li { float: left; width: 25%; }
    .route-map .icon-info { display: none }
    .discover_destinations .booking-widget.booking-widget-desktop, .origin_and_destination .booking-widget.booking-widget-desktop, .route-map .booking-widget.booking-widget-desktop { margin-bottom: -10px; box-shadow: 0 5px 10px 0 rgba(69, 53, 36, .45); padding: 14px; padding-top: 7px; }
    .discover_destinations .panel-title, .origin_and_destination .panel-title, .route-map .panel-title { font-weight: 200 }
    .route-map .sub-section-item { margin-bottom: 12px }
    .mb-lp .teaser-full-width.leftFWT .teaser-full-width-text { padding-top: 50px; padding-bottom: 50px; padding-left: 10px; }
    .mybooking .btn { width: auto }
    .mybooking .panel-title a div:last-of-type { text-align: right }
    .debug:after { width: 948px; background-image: url(/media/vgrid_md.png); }
    .top-navigation .login.hideL { display: none }
    .step1-reverse-from-to { position: absolute; left: -16px; display: inline-block; font-size: 33px; color: #213368; top: 30px; cursor: pointer; width: 32px; height: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    .bookingMaskPassengers > .form-group:first-of-type { padding-left: 0 }
    .bookingMaskPassengers .form-group { padding-left: 4px; padding-right: 4px; }
    .bookingMaskPassengers > .form-group:last-of-type { padding-right: 0 }
    /*labels booking*/
    .booking-widget.booking-widget-desktop .flightMaskMain .step1 > .row .no-control-label { padding-top: 17px }
    /*second home tab*/
    .checkinMaskMain .checkin-panel { margin-bottom: 6px }
    .checkinMaskMain .checkin-panel .no-control-label { padding-top: 17px }
    .checkinMaskMain .checkin-panel label.control-label { margin-bottom: 0 }
    .checkinMaskMain .checkin-panel .tooltip-container { position: absolute; top: 0; }
    .checkinMaskMain .row.row-sm { margin-left: -12px; margin-right: -12px; }
    .booking-tabs.checkin .row { margin-left: -12px; margin-right: -12px; }
    /*third home tab*/
    .my-booking form .row.row-sm { margin-bottom: 6px }
    .my-booking form .row.row-sm .no-control-label { padding-top: 17px }
    .my-booking form .row.row-sm label.control-label { margin-bottom: 0 }
    .my-booking form .row.row-sm .tooltip-container { position: absolute; top: 0; }
    .my-booking .row.row-sm { margin-left: -12px; margin-right: -12px; }
    .booking-tabs.my-booking > .row { margin-left: -12px; margin-right: -12px;}
    /*fourth tab - booking tab*/
    #book-a-hotel-tab .booking-tabs .row {margin-left:-12px;margin-right:-12px;}
    .booking-widget-container .booking-widget-wrapper > .row  {margin-left:-12px;margin-right: -12px;}
    /*.articles {min-height: 88.1%;margin-bottom: -224px;}
    .articles:after {content: '';display: block;}*/
    footer{min-height: 139px;}
    /*.articles:after{height: 224px;}*/
    .booking-widget.booking-widget-desktop.tierWidget .tab-content .tab-pane {border: 20px solid #f8f7f9;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;border-top-right-radius: 2px;}
    .booking-widget.booking-widget-desktop.tierWidget .nav-pills li.active a {color:#213368;}
    .booking-widget.booking-widget-desktop.tierWidget .nav-pills li a {color:#35afe3;}
    .booking-widget.booking-widget-desktop.spendMiles .nav-pills li {width: auto;}
    /*new tabs styling*/
    .nav-tabs > li {margin-bottom: 0;}
    /*.nav-tabs > li > a {font-family: PFHandbookPro; font-size: 20px; font-weight: 400; line-height: 22px; margin-right: 4px; margin-bottom: 4px; padding: 10px 30px; text-align: left; color: #444; border: none; border-radius: 2px; background-color: rgba(255, 255, 255, .5); color: #35afe3;width: 100%;display: inline-block;}
    .nav-tabs > li.active > a {border:0;margin-bottom: 0;color: #213368; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: rgba(255,255,255,0.8);border-bottom: 4px solid transparent;}
    .nav-tabs > li.active > a:hover {background-color: rgba(255,255,255,0.8);}
    .nav-tabs > li > a:hover {background-color: rgba(255,255,255,0.5);}*/
    .tab-content .tab-pane {border: 30px solid transparent; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; float: left; width: 100%; border-top-width: 20px;}

    .opan-jaw-airport-select-container .col-sm-5 {
        padding-right: 24px;
    }

     .opan-jaw-airport-select-container .col-sm-5 + .col-sm-5 {
        padding-right: 0;
        padding-left: 24px;
    } 

    /*.opan-jaw-airport-select-container .step1-reverse-from-to {
      top: 30px;
    }*/

    .opan-jaw-airport-select-container {
        padding-right: 12px;
    }
}



@media only screen and (min-width:992px) and (max-width:1199px) {
    .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md { display: none !important }
    .hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md { display: none !important }
    .hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md { display: none !important }
    .visible-md { display: block !important }
    table.visible-md { display: table }
    tr.visible-md { display: table-row !important }
    td.visible-md, th.visible-md { display: table-cell !important }
    .visible-xs.visible-md { display: block !important }
    table.visible-xs.visible-md { display: table }
    tr.visible-xs.visible-md { display: table-row !important }
    td.visible-xs.visible-md, th.visible-xs.visible-md { display: table-cell !important }
    .site-map.site-map-list { display: block !important }
    table.site-map.site-map-list { display: table }
    tr.site-map.site-map-list { display: table-row !important }
    td.site-map.site-map-list, th.site-map.site-map-list { display: table-cell !important }
    .site-map.site-map-accordion.visible-md { display: block !important }
    table.site-map.site-map-accordion.visible-md { display: table }
    tr.site-map.site-map-accordion.visible-md { display: table-row !important }
    td.site-map.site-map-accordion.visible-md, th.site-map.site-map-accordion.visible-md { display: table-cell !important }
    .visible-sm.visible-md { display: block !important }
    table.visible-sm.visible-md { display: table }
    tr.visible-sm.visible-md { display: table-row !important }
    td.visible-sm.visible-md, th.visible-sm.visible-md { display: table-cell !important }
    .visible-lg.visible-md { display: block !important }
    table.visible-lg.visible-md { display: table }
    tr.visible-lg.visible-md { display: table-row !important }
    td.visible-lg.visible-md, th.visible-lg.visible-md { display: table-cell !important }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1 label.control-label { display: none }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .booking .step1-reverse-from-to { top: 13px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1 .no-control-label { padding-top: 1px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .tab-content .tab-pane { border-top: 10px solid #fff }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain.step2-active .step1 label.control-label { display: block }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1-reverse-from-to { top: 14px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain.step2-active .step1-reverse-from-to { top: 30px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1 > .row .no-control-label { padding-top: 1px }
    /*lfc latest fixed*/
    .table_calendar td {padding:7px;height:100px;font-size:12px;}
    .table_calendar th {padding:4px;font-size:12px;}
    .date-selector ul li .price {font-size:14px;}
    .table_calendar td .price {font-size:14px;margin-top:28px;}
    .date-selector ul li {padding:6px;}
    header .login .icon-login.round-img {top:5px;}
    .pick-return-date .select2-chosen {padding:12px 10px!important;margin-right: 19px;}
    .pick-return-date .select2-container .select2-choice>.select2-chosen {margin-right: 14px;text-align: center;}
    /*works only for col-sm-4 membership info boxes at dashboard*/
    .membershipInfo .col-sm-4 .membershipWrapper {padding-left:0;padding-right:0;}
    .membershipInfo .col-sm-4 .membershipWrapper .milesWrapper {width: 100%;margin-left:0;padding-right: 12px;padding-left:12px;}
    /*.membershipInfo .col-sm-4 .membershipWrapper .milesWrapper .btn-separator {left:-5px;}*/
    .accountCard .mbs-card {-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95);}
    .extraSmallButtons button {padding-left:10px;padding-right: 10px;margin-right: 10px;}
    .dualSmallTeasers.moreInformationWrapper .togetherPart .teaser-big-icon__wrapper .container-div {padding-left:61px;}
    .dualSmallTeasers.moreInformationWrapper .togetherPart .more {padding-left:61px;}
    .moreInformationWrapper .togetherPart .btn {margin-left: 78px;}
    .manageAccount .tableWrapper {padding: 16px 0;}
    .tableWrapper table tr td button {padding-left:5px;padding-right: 5px;}
    .manageAccount .tableWrapper .button {padding-left: 5px;padding-right: 5px;}
    .manageAccount.invitations .tableWrapper .button {min-width: 0;}
    .manageAccount .tableWrapper .button .col-xs-6 {width: 100%;margin-top:3px;}
   

    .spendawardticket-container .custom-checkbox [type=checkbox]:checked~label,
    .spendawardticket-container .custom-checkbox [type=checkbox]:not(:checked)~label {
        line-height: 1.1;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1366px) {
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1 label.control-label { display: none }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .booking .step1-reverse-from-to { top: 13px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1 .no-control-label { padding-top: 1px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .tab-content .tab-pane { border-top: 10px solid #fff }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain.step2-active .step1 label.control-label { display: block }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1-reverse-from-to { top: 14px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain.step2-active .step1-reverse-from-to { top: 30px }
    .booking-widget-wrapper .booking-widget.booking-widget-desktop .flightMaskMain .step1 > .row .no-control-label { padding-top: 1px }
    .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg { display: none !important }
    .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg { display: none !important }
    .visible-xs.visible-lg { display: block !important }
    table.visible-xs.visible-lg { display: table }
    tr.visible-xs.visible-lg { display: table-row !important }
    td.visible-xs.visible-lg, th.visible-xs.visible-lg { display: table-cell !important }
    .teaser-full-width.homeFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-right: 12px; padding-left: 100px; }
    header .main-navigation .main-head { font-size: 28px }
    header .main-navigation .main-head .ampercent { font-size: 18px }
    .modal-dialog.large { width: 1164px }
    .teaser.teaser-double { float: left; width: 50%; }
    .teaser.teaser-single { float: left; width: 33.33333333%; }
    .site-map.site-map-accordion.visible-lg { display: block !important }
    table.site-map.site-map-accordion.visible-lg { display: table }
    tr.site-map.site-map-accordion.visible-lg { display: table-row !important }
    td.site-map.site-map-accordion.visible-lg, th.site-map.site-map-accordion.visible-lg { display: table-cell !important }
    .site-map.site-map-list { display: block !important }
    table.site-map.site-map-list { display: table }
    tr.site-map.site-map-list { display: table-row !important }
    td.site-map.site-map-list, th.site-map.site-map-list { display: table-cell !important }
    .debug:after { width: 1140px; background-image: url(/media/vgrid_lg.png); }
    .city-guide > .row > .list-inline li { float: left; width: 20%; }
    .site-map.site-map-list.visible-lg { display: block !important }
    table.site-map.site-map-list.visible-lg { display: table }
    tr.site-map.site-map-list.visible-lg { display: table-row !important }
    td.site-map.site-map-list.visible-lg, th.site-map.site-map-list.visible-lg { display: table-cell !important }
    .visible-sm.visible-lg { display: block !important }
    table.visible-sm.visible-lg { display: table }
    tr.visible-sm.visible-lg { display: table-row !important }
    td.visible-sm.visible-lg, th.visible-sm.visible-lg { display: table-cell !important }
    .visible-md.visible-lg { display: block !important }
    table.visible-md.visible-lg { display: table }
    tr.visible-md.visible-lg { display: table-row !important }
    td.visible-md.visible-lg, th.visible-md.visible-lg { display: table-cell !important }
    .visible-lg { display: block !important }
    table.visible-lg { display: table }
    tr.visible-lg { display: table-row !important }
    td.visible-lg, th.visible-lg { display: table-cell !important }
    .bookingMaskPassengers { padding-left: 12px; padding-right: 12px; }
    /*lfc latest fixed*/
    .table_calendar td {padding:7px;height:100px;font-size:12px;}
    .table_calendar th {padding:4px;font-size:12px;}
    .table_calendar td .price {font-size:14px;margin-top:28px;}
    .date-selector ul li {padding:6px;}
    .date-selector ul li .price {font-size:14px;}

    .bookingMaskPassengers.bookingMaskPassengers--noSpace {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width:1367px) {
    .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg { display: none !important }
    .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg { display: none !important }
    .visible-xs.visible-lg { display: block !important }
    table.visible-xs.visible-lg { display: table }
    tr.visible-xs.visible-lg { display: table-row !important }
    td.visible-xs.visible-lg, th.visible-xs.visible-lg { display: table-cell !important }
    .teaser-full-width.homeFWT .teaser-full-width-text { position: relative; min-height: 1px; padding-right: 12px; padding-left: 100px; }
    header .main-navigation .main-head { font-size: 28px }
    header .main-navigation .main-head .ampercent { font-size: 18px }
    .modal-dialog.large { width: 1164px }
    .teaser.teaser-double { float: left; width: 50%; }
    .teaser.teaser-single { float: left; width: 33.33333333%; }
    .site-map.site-map-accordion.visible-lg { display: block !important }
    table.site-map.site-map-accordion.visible-lg { display: table }
    tr.site-map.site-map-accordion.visible-lg { display: table-row !important }
    td.site-map.site-map-accordion.visible-lg, th.site-map.site-map-accordion.visible-lg { display: table-cell !important }
    .site-map.site-map-list { display: block !important }
    table.site-map.site-map-list { display: table }
    tr.site-map.site-map-list { display: table-row !important }
    td.site-map.site-map-list, th.site-map.site-map-list { display: table-cell !important }
    .debug:after { width: 1140px; background-image: url(/media/vgrid_lg.png); }
    .city-guide > .row > .list-inline li { float: left; width: 20%; }
    .site-map.site-map-list.visible-lg { display: block !important }
    table.site-map.site-map-list.visible-lg { display: table }
    tr.site-map.site-map-list.visible-lg { display: table-row !important }
    td.site-map.site-map-list.visible-lg, th.site-map.site-map-list.visible-lg { display: table-cell !important }
    .visible-sm.visible-lg { display: block !important }
    table.visible-sm.visible-lg { display: table }
    tr.visible-sm.visible-lg { display: table-row !important }
    td.visible-sm.visible-lg, th.visible-sm.visible-lg { display: table-cell !important }
    .visible-md.visible-lg { display: block !important }
    table.visible-md.visible-lg { display: table }
    tr.visible-md.visible-lg { display: table-row !important }
    td.visible-md.visible-lg, th.visible-md.visible-lg { display: table-cell !important }
    .visible-lg { display: block !important }
    table.visible-lg { display: table }
    tr.visible-lg { display: table-row !important }
    td.visible-lg, th.visible-lg { display: table-cell !important }
    .hero-image.hero-image-parallax img { /*top: 50%; bottom: auto; margin-top: -300px; */ }
    .bookingMaskPassengers { padding-left: 12px; padding-right: 12px; }
    .carousel .carousel-hero-container { min-height: 380px; }

    .bookingMaskPassengers.bookingMaskPassengers--noSpace {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .transactions_search_box .btn.btn-lg.btn-progress {
        margin-top: -20px;
    }
}

@media only screen and (max-width: 1279px) {
    .card.primary.card--youth {
        margin: 14px;
        max-width: calc(100% - 28px) !important;
    }
}

@media only screen and (max-width:1200px) {
    .breadcrumb {padding-left:12px;padding-right: 12px;}
    .carouselMAndB .slick-prev { left: -25px }
    .carouselMAndB .slick-next { right: -25px }
    .row { margin: 0 }
    .row.row-md-m {
        margin-left: -12px;
        margin-right: -12px;
    }
    .remember { padding: 0 }
    .fares-calendar { width: 49.3%;}
    .fares-calendar.left {margin-left:0;}
    .fares-calendar.right {margin-right:0;}
    /*lfc footer*/
    .table-arrival.fares-confirmation-box .arrival.returnLegText .more-details { float: left; width: 100%; }
    .table-arrival.fares-confirmation-box .departure.departureLegText .more-details { float: left; width: 100%; }
    .booking-widget-desktop .step1 > .row { margin-left: -12px; margin-right: -12px; }
    .booking-widget-desktop .step2 > .row { margin-left: -12px; margin-right: -12px; }
    .tierWrapper .row {margin-left:-12px;margin-right: -12px;}
    .formWrapper .row {margin-left:-12px;margin-right: -12px;}
    .extraCross.myAccount {left: 0;}
    .TogetherAccount .no-control-label {padding:0;}
    .TogetherAccount .row > .col-xs-12 {padding:0;}
    .stepLabels {margin-top:25px;margin-left:-12px;margin-right: -12px;}
    .pick-return-date > .row {margin-left:-12px;margin-right: -12px;}
    .pick-return-date > .row > .col-sm-3 {padding-left:0;}
    .pick-return-date .timeSpacer {margin-left:-8px;}
    [data-category="hotel"].step3 > .row {margin-left:-12px;margin-right: -12px}
    [data-category="hotel"].step3 .bookingMaskPassengers {padding-left: 12px;padding-right: 12px;}
    .inputRepeater .row {margin-left:-12px;margin-right:-12px;}
    .ClassType, .classTabs_wrapper {float: left;width: 100%;}
    .TierClass, .levelTabs_wrapper {float: left;width: 100%;}
    /*.genericWrapper .container > .row {margin-left:-12px;margin-right: -12px;}*/
    .spendawardtickets-wrapper {margin-left: -12px;margin-right: -12px;}
    /*partners finder*/
    .partnersFinderWrapper .row {margin-left: -12px;margin-right: -12px;}
    .findPartnersBox .row {margin-left: -12px;margin-right: -12px;}

    /* how to earn : start */
    .listWrapper .categoryListWrapper.eqh-boxes .categoryTitle {
        font-size: 26px;
    }

    .listWrapper .categoryListWrapper.eqh-boxes {
        padding: 7px 12px;
    }
    /* how to earn : end */

    .airLineWidget .swipeTableWithUnderline tr td {white-space: normal;}

    /* MILES AND BONUS TRANSACTION : start */
    .transactions_search_box .custom-radio {
        white-space: nowrap;
    }

    .transactions_search_box .custom-radio .group_label {
        display: block;
    }
    /* MILES AND BONUS TRANSACTION : end */
}

@media only screen and (max-width:991px) {
    .milesBonusRegLogin .login-section {
        padding: 25px 31px 24px;
    }
    .dualSmallTeasers .teaser-small-mobile {
        width: calc(100% - 14px);
    }
    .offset-left_20 {
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
    .col-xs-6.no-control-label, .login-section .local-login, .login-section .local-login .row-md .col-sm-10 { padding: 0 }
    .miles-calculator .switch-selectors { float: none }
    .booking-widget-container { height: auto }
    .language-select .dropdown > label { display: none }
    header .icon-globe, header .top-navigation .list-inline li.icon-globe { /* background: none; */ background-position: left center; padding-left: 0; }
    header .nav-submenu { margin: 0 }
    .dropdown-menu { padding: 5px 0px 5px 0px; margin: 5px 0 10px; }
    .dropdown-menu li {padding-left:20px;padding-right: 10px;top:0px;}
    .image_wrapper { max-height: 340px }
    .fares-calendar-wrap .custom-checkbox [type=checkbox] + label { margin-top: 10px; margin-bottom: 15px; }
    .fares-calendar-wrap .booking-widget.booking-widget-desktop .booking .step1-reverse-from-to { display: inline-block; font-size: 33px; color: #213368; cursor: pointer; width: 32px; height: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top: -13px; background-image: url(/media/icons/icon-switch-lightPrimaryIE9.png); border-top: 3px solid white; border-bottom: 3px solid white; }
    .fares-calendar-wrap { text-align: center }
    .fares-calendar-wrap .form-group { width: 100%; padding: 0; text-align: left; }
    .fares-calendar-wrap .custom-checkbox [type=checkbox]:checked + label, .custom-checkbox [type=checkbox]:not(:checked) + label { padding-left: 45px }
    .findPartnersBox .custom-checkbox [type=checkbox]:not(:checked) + label { padding-left: 60px }
    .fares-calendar-wrap .booking-widget.booking-widget-desktop { margin-bottom: 20px }
    .fares-calendar { width: 49.5%; margin-top: 40px; }
    .table_calendar td, .table_calendar th { font-size: 12px; padding: 3px 3px; }
    .date-selector ul li .price { font-size: 13px }
    .table_calendar td .price { margin-top: 10px; font-size: 11px; }
    .date-selector ul li .month { font-size: 15px }
    .remember { margin-bottom: 20px }
    .hideL { display: block }
    header .search { margin-left: 0 }
    footer .star-alliance-member img { padding-top: 6px }
    footer .star-alliance-member {text-align: center;}
    .table_calendar td { width: 85px; height: 65px; }
    .findLowestFares { margin-top: 48px }
    .contactForm { border-right: 0; padding-right: 12px;width: 100%;}
    .captchaWrapper .fieldInfo { margin-top: 0 }
    .contactBigWrapper .col-md-4 { margin-top: 20px; float: left; }
    .booking-widget.booking-widget-desktop.airLineWidget .tab-content .tab-pane {border:0;padding:30px 30px 30px 30px;}
    .booking-widget.booking-widget-desktop.airLineWidget .nav-pills li {width: auto; margin-bottom: 0; float: left;}
    .accordeonBigWrapper .booking-widget.booking-widget-desktop.airLineWidget .tab-content .tab-pane {padding: 0;}
    .partnersAccordeonWrapper.accordion.tierSection .airLineWidget.booking-widget.booking-widget-desktop .nav-pills li {background-color: transparent!important;}
    .booking-widget.booking-widget-desktop.airLineWidget.booking-widget.booking-widget-desktop .nav-pills li {min-width: 0;width: auto;}
    .booking-widget.booking-widget-desktop.airLineWidget.single .nav-pills li {width:100%;}
    .booking-widget.booking-widget-desktop .tab-content { background-color: rgba(255, 255, 255, .8); padding-top: 0; float: left;width: 100%;}


    /*generic table inside partner page*/
    .myCoupons .tableWrapper table,
    .myCoupons .tableWrapper thead,
    .myCoupons .tableWrapper tbody,
    .myCoupons .tableWrapper th,
    .myCoupons .tableWrapper td,
    .myCoupons .tableWrapper tr { display: block;float:left;width: 100%;}
    .myCoupons .tableWrapper thead tr { position: absolute;top: -9999px;left: -9999px;}
    .myCoupons .tableWrapper td { padding-left: 50% !important;position: relative;}
    .myCoupons .tableWrapper td:before {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0; white-space: nowrap;right: auto;width: 50%;text-align: center;}
    .myCoupons .tableWrapper td:not(:first-child):before {right: auto;width: 50%;height:100%;color: #54585a;display: block;line-height: 48px;background-color: #e8e9ef;}
    .myCoupons .tableWrapper td:nth-of-type(1):before { content:attr(data-before);top:50%;margin-top: -10px;font-size: 26px;color: #213368;font-family: 'PFHandbookPro';font-weight: 500;white-space: normal;padding-top:10px;padding-bottom: 10px;line-height: 17px;display: table;}
    .myCoupons .tableWrapper td:before { content:attr(data-before);}
    .myCoupons .tableWrapper table tr td:first-child {text-align: center;background-color: #f3f2f5!important;}
    .myCoupons .tableWrapper table tbody tr:nth-child(even) td {background-color: #e8e9ef;}

    /* my Coupons table*/
    .myCoupons .airLineWidget .tableWrapper table tr td:first-child {text-align: right;}
    .myCoupons .airLineWidget .tableWrapper table thead {border-bottom: 0;}
    .myCoupons .airLineWidget .tableWrapper td:not(:first-child):before {background-color: #ffffff;}
    .myCoupons .airLineWidget .tableWrapper table tr td:first-child {background-color: #e8e9ef!important;}
    .myCoupons .airLineWidget .tableWrapper td:before {background-color:#ffffff;right: auto; width: 50%; height: 100%; color: #213368; display: block; line-height: 48px;padding:0;top:0;
                                                       margin:0;font-weight: 500;font-family: 'PFHandbookPro';font-size:22px;border-right:3px solid #3c517b; }
    .myCoupons .airLineWidget .tableWrapper table tbody tr:nth-child(even) td {background-color:#e8e9ef;}
    .myCoupons .airLineWidget .tableWrapper table tbody tr {margin-top: 15px;}

    .myCoupons .airLineWidget .tableWrapper td:not(:first-child):before,
    .myCoupons .tableWrapper td:nth-of-type(1):before,
    .myCoupons .tableWrapper table th:not(:first-child),
    .myCoupons .tableWrapper table tr td:not(:first-child),
    .myCoupons .tableWrapper table th:not(:first-child),
    .myCoupons .tableWrapper table tr td:not(:first-child){text-align: left !important;}

    .myCoupons .airLineWidget .tableWrapper td{width:100%;padding-left:53% !important;text-align:left !important;}
    .extraCross.myAccount {display: none;}

    .genericFormWrapper {padding: 10px 5px 15px 5px;}

    .airLineWidget .TabSTable.huge .heading td {width:auto;}
    .poBoxHelper {float: left;width: 100%;margin-top: 16px;}
    /*partners finder*/
    .partnersFinderWrapper {padding:20px;}

    .TabSTable { width: 100%; float: left; }
    .TabSTable td:nth-of-type(1):before { line-height: .9; margin-top: -33px; }
    
    .milesBonusRegLogin .right-section { width: 50%; padding: 50px 20px 0; }
    .milesBonusRegLogin .milesBig .teaser-full-width-text { width: 50%; }


    /* update 19-06-2017 : Airline Widget Responsive Table : start */
    .airLineWidget .TabSTable td:nth-of-type(1):before {
        margin-top: 0;
    }
    /* update 19-06-2017 : Airline Widget Responsive Table : end */

    .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3 { width: calc(33.333% - 18px); }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(4n) { margin-right: 24px; }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(3n) { margin-right: 0; }

    /* redemption changes : 29-09-2020 : start */
    .palleteBoxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .palleteBox {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    /* redemption changes : 29-09-2020 : end */

    .transactions_search_box .btn.btn-lg.btn-progress {
        margin-top: 15px;
    }
} /* end of > 991px */

@media only screen and (max-width:767px){
    .mnb-topWrapper {
        padding-bottom: 22px;
    }
    .mnb-topWrapper:before {
        clip-path: polygon(0 0,100% 0,100% 100%,0 97%);
    }
    .accountCard .mbs-card-flipbuttons span {
        width: 78px;
        height: 49px;
        background-size: 78px 49px;
        margin: 0 10px;
    }
    .TabSTable ~ .NoteWrapper {
        padding: 0px 6px;
        width: 100%;
        float: left;
    }
    .flight-status .row.row-md > .no-control-label {padding-left:0;padding-right: 0;}
    .flight-status .AirportFrom {margin-bottom: 20px;}
    .newsletter-form-container {width: 100%;border-right: 0;padding-right: 0;}
    .booking-widget-container .booking-widget-wrapper { bottom: auto; top: 0; position: relative; }
    header .navigation .main-navigation .main-head .expandable-open i, header .navigation .main-navigation .main-head.active i, header .navigation .main-navigation .activeMob i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
    .hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs { display: none !important }
    .hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs { display: none !important }
    .visible-sm.visible-xs { display: block !important }
    table.visible-sm.visible-xs { display: table }
    tr.visible-sm.visible-xs { display: table-row !important }
    td.visible-sm.visible-xs, th.visible-sm.visible-xs { display: table-cell !important }
    .visible-xs { display: block !important }
    table.visible-xs { display: table }
    tr.visible-xs { display: table-row !important }
    td.visible-xs, th.visible-xs { display: table-cell !important }
    .teaserIcon { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 12px; padding-right: 12px; }
    .teaserIcon .service .container-div { margin-right: 0 }
    .teaserIcon .service img { position: relative; float: left; width: 33.33333333%; min-height: 1px; padding-left: 7%; padding-right: 7%; }
    .teaserIcon .service .content-div { position: relative; float: left; width: 66.66666667%; min-height: 1px; padding-right: 12px; padding-left: 7%; }
    .teaserIcon .service .content-div h3 { word-wrap: break-word; margin-top: 0; }
    .teaserIcon .service .content-div a { font-size: 1.2em; padding: 5px 0; }
    .teaser-small-mobile .teaser-big-icon-icon, .teaser-small-mobile img { width: 180px; float: left; margin-right: 24px; }
    .teaser-small-mobile .container-div { text-align: left }
    table.flight-status { border: 0; border-bottom-width: .0625em; border-bottom-style: solid; padding-bottom: 0; display: block; width: 100%; }
    table.flight-status caption { display: block }
    table.flight-status thead { display: none; visibility: hidden; }
    table.flight-status tbody, table.flight-status td, table.flight-status th, table.flight-status tr { border: 0; display: block; padding: 0; text-align: left; white-space: normal; }
    table.flight-status tr { margin-bottom: 1.5em; padding-top: 8px; padding-bottom: 24px; margin-right: 0; border-bottom: 1px solid #e6e6e6; }
    table.flight-status tr:nth-child(2n) { background-color: transparent }
    table.flight-status tr:first-child { border-top: none }
    table.flight-status td[data-title]:before, table.flight-status th[data-title]:before { content: attr(data-title) ":\00A0"; color: #666; }
    table.flight-status td.no-label-xs[data-title], table.flight-status th.no-label-xs[data-title] { padding-left: 12px; min-height: 24px; vertical-align: middle; }
    table.flight-status td.no-label-xs[data-title]:before, table.flight-status th.no-label-xs[data-title]:before { content: '' }
    table.flight-status td.status { font-weight: 700 }
    table.flight-status .arrival-title, table.flight-status .departure-title { padding-left: 12px; padding-top: 24px; }
    table.flight-status th:not([data-title]) { font-weight: 700 }
    table.flight-status td:empty { display: none }
    table.flight-status td:before { width: 50%; padding-left: 12px; padding-right: 12px; display: inline-block; }
    .news .news-item.slick-slide { margin: 0; padding: 0; }
    table.flight-status td.no-label-xs:before { display: none }
    table.flight-status tr td, table.flight-status tr th { padding-top: 0; padding-bottom: 0; }
    table.flight-status tr td.arrival-first, table.flight-status tr td.departure-first, table.flight-status tr th.arrival-first, table.flight-status tr th.departure-first { padding-top: 8px }
    table.flight-status tr td.arrival-last, table.flight-status tr td.departure-last, table.flight-status tr th.arrival-last, table.flight-status tr th.departure-last { padding-bottom: 8px }
    #Arrival table.flight-status tr td.arrival-first em, #Arrival table.flight-status tr td.arrival-last em, #Departure table.flight-status tr td.departure-first em, #Departure table.flight-status tr td.departure-last em { background-color: rgba(39, 170, 225, .1); }
    .site-map.site-map-accordion { display: block !important }
    table.site-map.site-map-accordion { display: table }
    tr.site-map.site-map-accordion { display: table-row !important }
    td.site-map.site-map-accordion, th.site-map.site-map-accordion { display: table-cell !important }
    .site-map.site-map-list.visible-xs { display: block !important }
    table.site-map.site-map-list.visible-xs { display: table }
    tr.site-map.site-map-list.visible-xs { display: table-row !important }
    td.site-map.site-map-list.visible-xs, th.site-map.site-map-list.visible-xs { display: table-cell !important }
    .h1, h1 {  font-size: 30px; }
    .h2, h2 { top: 4px; font-size: 30px; margin-top: 24px; margin-bottom: 20px; }
    .h3, h3 { top: 6px; font-size: 24px; }
    .h4, h4 { top: 7px; font-size: 19px; }
    .h5, h5 { top: 4px; font-size: 18px; }
    .h6, h6 { top: 5px; font-size: 16px; }
    .visible-md.visible-xs { display: block !important }
    table.visible-md.visible-xs { display: table }
    tr.visible-md.visible-xs { display: table-row !important }
    td.visible-md.visible-xs, th.visible-md.visible-xs { display: table-cell !important }
    .visible-lg.visible-xs { display: block !important }
    table.visible-lg.visible-xs { display: table }
    tr.visible-lg.visible-xs { display: table-row !important }
    td.visible-lg.visible-xs, th.visible-lg.visible-xs { display: table-cell !important }
    /*weather*/
    .CurrentTop, .CurrentBottom { width: 100%; margin-bottom: 20px; }
    .ForeCastWrapper ul li, .ForecastRepeater { float: left; width: 100%; border: none; position: relative; }
    .ForecastRepeater h4, .ForecastRepeater > p, .ForecastRepeater > span, .ForecastRepeater > div { display: inline-block; float: left; width: 25%; }
    .ForeCastWrapper ul li:nth-child(odd) { background-color: #f4f4f4 }
    .ForecastRepeater h4 { margin-top: 14px; font-size: 20px; text-align: left; }
    .ForecastRepeater .windCurrent { margin-top: 25px !important; float: left !important; }
    .ForecastRepeater > p { top: 16px; font-size: 22px; width: 29%; }
    .ForeCastWrapper ul li:nth-child(odd):before { content: ""; background-color: #f4f4f4; position: absolute; top: 0; left: -24px; width: 24px; height: 100%; }
    .ForeCastWrapper ul li:nth-child(odd):after { content: ""; background-color: #f4f4f4; position: absolute; top: 0; right: -24px; width: 24px; height: 100%; }
    .hideL { display: none !important }
    .login-section.row .col-xs-12 { padding-right: 0 }
    .login-section.row .local-login { padding-left: 0 }
    /*.teaser { margin-top: 24px; float: left; width: 100%; }*/
    footer .star-alliance-member { height: 45px }
    .ForeCastWrapper .IcoForecast { height: 30px; width: 16%; }
    .teaser-full-width-text [class^="icon-"] { width: 48px }
    .teaser-full-width .teaser-full-width-text h2 { margin-bottom: 0; background-size: 80px; /* margin-left: -25%; padding-left: 25%; */ background-position: top left; padding-top: 0; }
    .destination-teaser.rightFWT .teaser-full-width-text > i { margin-left: 0; margin-bottom: 50px; }
    /*.hero-image { height: auto;  }*/
    .hero-image.hero-image-parallax img { position: relative; transform: translate3d(0px, 0px, 0px) !important; }
    .hero-image .container.dest-detail { position: absolute; top: 0; }
    header .top-navigation .list-inline li.icon-globe { display: none !important }
    header .search form .site-search-input:focus { width: 100% }
    .leftFWT.destination-teaser .teaser-full-width-text > i { margin-left: 0; margin-bottom: 100px; }
    .flightMaskMain-step1-search { display: none }
    .booking-widget-mobile .flightMaskMain-step1-search { display: block; margin-bottom: 20px; }
    .booking-widget-mobile .step2 button.btn { margin-bottom: 18px }
    .responsiveDropdown { display: block }
    /*table.flight-status .vcard {display: block!important;}*/
    .teaser-hubpage-mobile .col-xs-4 { min-height: 0 }
    .fares-calendar-results.mobile .table-arrival { width: 100%;padding-right: 25px;}
    .table-arrival.fares-confirmation-box .table-total { padding-right: 0!important }
    .fares-calendar-results.mobile .table-arrival .divider { margin-right: 0!important }
    .mb-lp h2.text-center.no-more { margin-bottom: 30px }
    .main-content { margin-top: 20px }
    .row.row-module { margin-top: 30px; margin-bottom: 20px; }
    header .search form .site-search-input.act { width: 100%; color: #213368; }
    .additionalServicesCarousel .slick-list { margin-bottom: 20px }
    header .navigation .top-navigation li { padding-right: 26px }
    .miles-calculator .switch-selectors { margin-bottom: 0px }
    .quote .content blockquote { font-size: 30px; line-height: 38px; margin: 30px 0; }
    .offset-left_20 { margin-left: 0; float: left; width: 100%; text-align: center; }
    .fares-calendar-wrap .form-group { width: 100%; padding: 0px 0; }
    .fares-calendar-wrap .custom-checkbox [type=checkbox] + label { margin-top: 0px }
    .mb-lp .teaser-big-icon__services { margin: 30px 0 40px 0 }
    .search-result button { float: left; margin-top: 15px; width: 100%; }
    .row.row-lg { margin-top: 20px; margin-bottom: 20px; }
    .invader { margin: 10px 0 }
    .teaser-hubpage { width: 100% }
    .image_wrapper { max-height: 400px }
    header .icon-globe, header .top-navigation .list-inline li.icon-globe { background-image: none }
    .booking-widget-mobile .flightMaskMain .select.input-lg { height: auto!important; line-height: 48px!important; padding-top: 10px!important; padding-bottom: 10px!important; }
    .checkin-panel .tooltip-container { top: 5px }
    .myBookingMaskMain .tooltip-container { top: 5px }
    .table-arrival.fares-confirmation-box .departure.departureLegText .more-details { float: none; width: auto; }
    .table-arrival.fares-confirmation-box .arrival.returnLegText .more-details { float: none; width: auto; }
    .fares-calendar-results.mobile .btn-sm { margin-right: 0px; max-width: 100%; }
    .headwrap > .icon-globe.language-select { background: none!important; background-image: none!important;display: block; }
    .fares-calendar-results .btn-sm, .booking-widget.booking-widget-desktop button.search_button { margin-top: 20px }
    .language-select .dropdown > a, .language-select .dropdown > ul.open {display: block;}
    /*lfc was at 830*/
    .fares-calendar.desktop { display: none }
    .fares-calendar.mobile { display: block; width: 100%; }
    .fares-calendar.mobile .nav-tabs > li { width: 50%; border: solid 1px #ddd; background: white;}
    .fares-calendar-results { display: none }
    .fares-calendar-results.mobile { display: block }
    .fares-calendar-results.mobile .btn-sm { margin-right: 25px }
    .table-arrival.fares-confirmation-box .departure.departureLegText .more-details { float: none }
    .table-arrival.fares-confirmation-box .arrival.returnLegText .more-details { float: none }
    .table-arrival.fares-confirmation-box .table-total { padding-right: 10% }
    .fares-calendar-results.mobile .table-arrival .divider { margin-right: 10% }
    .milesBig h2 {line-height: 48px;}
    .teaser-full-width.milesBig .teaser-full-width-text .btn {float:left;clear:left;}
    .mbCards .cardsWrapper > div {text-align: center;}
    /*earn and spend dual small teasers*/
    .dualSmallTeasers .teaser-small-mobile .container-div {float: left;width: 100%;}
    /*.dualSmallTeasers .teaser-small-mobile .more {float:left;width: 100%;}*/
    .dualSmallTeasers .teaser-big-icon .teaser-big-icon-icon {display: inline-block;float:none;margin-right: 0;}
    .dualSmallTeasers .teaser-big-icon .container-div h3 {text-align: center;}
    .dualSmallTeasers .teaser-small-mobile {margin-right: 0;padding-bottom: 20px;}
    .calculator {height: auto;padding-top:14px;background-size: cover;}
    .calculator h2 {margin-top: 10px;margin-bottom: 25px;}
    .calculator .no-control-label .btn {width: 100%;}
    .accordion .panel-collapse .panel-body {padding:0;}
    .spendMilesMobile .accordion .panel-collapse .panel-body {padding: 12px;}
    /*dual small teasers*/
    .dualSmallTeasers {background: none;}
    .dualSmallTeasers .row {margin-left:-12px;margin-right: -12px;float:none;width: auto;}
    .dualSmallTeasers .gainMilesBG {float:left;width: 100%;background: url(/media/spendmilesBG.jpg);padding-top:24px;padding-bottom:24px;}
    .dualSmallTeasers .spendMilesBG {float:left;width: 100%;background: url(/media/gainmilesBG.jpg);padding-top:24px;padding-bottom:24px;}
    .dualSmallTeasers .row.row-module {margin-top:0;margin-bottom:0;}
    .dualSmallTeasers .happyMilesBG {float:left;width: 100%;background: url(/media/spendmilesBG.jpg);padding-top:24px;padding-bottom:24px;}
    .dualSmallTeasers .togetherMilesBG {float:left;width: 100%;background: url(/media/togetherBG.jpg);padding-top:24px;padding-bottom:24px;}
    .tierCard {text-align: center;margin-bottom: 20px;}
    .tierCard img {width: 100%;right:0;top:0;left:0;}
    .tierCard.right img {width: 100%;right:0;top:0;left:0;}
    .tierCard a {display: inline-block;}
    .tierCard.right a {display: inline-block;}
    .tierOuterWrapper {margin-top:40px;margin-bottom: 40px;}
    .silverWrapper .row {width:100%;display: table;margin-left: 0!important;margin-right: 0!important;}
    .silverWrapper .tierWrapper.silver {display: table-footer-group;width: 100%;float:none;padding-left:0;padding-right: 0;margin-top:20px;}
    .silverWrapper .tierCard {display: table-header-group;width: 100%;float: none;}
    .silverWrapper .tierImage img {float: right;}
    .partnersAccordeonWrapper.accordion ul li .links {position: static!important;float:left!important;width: 100%!important;}
    .newsSelectWrapper {text-align: center;margin-top:37px;}
    .newsSelectWrapper .form-group {float: none;}
    /*how to earn*/
    .listWrapper ul li {float:left;width: 50%;}
    .categoryListWrapper {padding: 10px;width: 100%;}
    .mCustomScrollbar {max-height: 100%!important;}
    .categoryImg {width: 50%;}
    .col-sm-6 .listWrapper .categoryListWrapper {padding: 10px;width: 100%;}
    .col-sm-6 .listWrapper .categoryListWrapper {width: 100%;}
    .col-sm-6 .listWrapper .categoryImg {width: 50%;}
    .partnersAccordeonWrapper.accordion ul li .links {width: 100%;}
    .partnersAccordeonWrapper.accordion ul li .links a {width: 100%;}
    .partnersAccordeonWrapper.accordion .panel-body > ul li .links, .stripedList ul li .links {display: none;}
    .partnersAccordeonWrapper.accordion .panel-body > ul li:hover .links, .partnersAccordeonWrapper.accordion .panel-body > ul li:focus .links, .stripedList ul li:hover .links, .stripedList ul li:focus .links {display: block;}
    .extraCross {display: none;}
    .airLineWidget .nav-pills>li+li {margin-left:0;}
    
    .partnersAccordeonWrapper.accordion.tierSection .booking-widget.booking-widget-desktop .nav-pills li {
        background: none !important;
    }
    .booking-widget.booking-widget-desktop.airLineWidget .tab-content .tab-pane {border:0;padding:0px 15px 0px 15px;}
    .airLineWidget .nav-pills li a {padding-left: 15px!important;}
    .airLineWidget .tab-pane p, .airLineWidget .panel-body p {padding-left:30px;padding-right: 30px;margin-bottom:30px;}
    .airLineWidget .tableWrapper table {margin-bottom: 0;}
    .airLineWidget .tableWrapper.marginT25 {margin-top:0;}
    .airlineWrapper .accordeonBigWrapper {padding: 20px 13px 20px 13px;}
    .partnersAccordeonWrapper.accordion .panel-collapse .panel-body {padding: 10px;}
    /*responsive menu in other airlines*/
    .accordeonBigWrapper .airLineWidget > ul {display: none;}
    .accordeonBigWrapper .airLineWidget > ul {display: none;}
    .accordeonBigWrapper .resp-dropdown-menu {visibility: visible;height: auto;margin-top:20px;}
    .booking-widget.booking-widget-mobile .sub-label {font-size: 12px;color: #bfbfbf;position: absolute;margin-top: 4px;line-height: 8px;}
    .booking-widget.booking-widget-mobile button { min-width: 100%; margin-left: 0px; }
    .booking-widget.booking-widget-mobile .step1-submit {margin-top:20px;}
    /*form m&b register*/
    .bookingMaskPassengers > .form-group:first-of-type { padding-left: 0 }
    .bookingMaskPassengers .form-group { padding-left: 4px; padding-right: 4px; }
    .bookingMaskPassengers > .form-group:last-of-type { padding-right: 0 }
    .formWrapper .row-sm .col-sm-6 {margin-bottom:16px;}
    .formWrapper .row-sm .col-sm-6:last-child {margin-bottom:0;}
    .formWrapper .notification {margin-top:0;}
    .whyUpgrade {margin-top:20px;}
    .whyUpgrade .teaser-big-icon .teaser-big-icon-icon {text-align: center;float: none;}
    .whyUpgrade .teaser-big-icon .container-div h3 {float:left;width: 100%;text-align: center;}
    .errorWrapper .alert-dismissal {margin-bottom: 0px;}
    .errorWrapper .login-button {margin-top:20px;margin-bottom: 20px;}
    .errorWrapper .goback-email-button {width: 100%;padding-left:12px;padding-right: 12px;}
    .errorWrapper .goback-email-button button {width: 100%;}
    .myAccruals .col-xs-6.newsSelectWrapper{margin-top:0; padding:0;}
    .myAccruals .airLineWidget .tableWrapper td::before{width:45%;padding-left:5%;text-align:left;}
    .myAccruals .airLineWidget .tableWrapper table tr td:first-child{padding-left:5%; width:95%; text-align: left;}
    .myAccruals .tableWrapper table th:not(:first-child),
    .myAccruals .tableWrapper table tr td:not(:first-child),
    .myAccruals .tableWrapper table th:not(:first-child),
    .myAccruals .tableWrapper table tr td:not(:first-child){width:95%; padding-left:5%; text-align: left !important;}
    
    .myAccruals .newsSelectWrapper label{margin-top:-10px;}
    .rewardsPart .rewardItem p {display: none;}
    .rewardsPart .rewardItem .milesBreakpoint {font-size: 15px;font-weight:400;}
    .rewardsPart .rewardItem i {background-size: 40px;}
    .rewardItem .icon-car-lightPrimary-white {background-position:center 49px;}
    .rewardItem .icon-hotel-white {background-position:center 47px;}
    .cardPart {width: 50%;}
    .rewardsPart {width: 100%;display: none;}
    .membershipInfo h2 {padding-bottom: 0;}
    .moreInformationWrapper .accountPart {background-image:url(/media/accountInformationPart.jpg);padding-top: 24px;padding-bottom: 24px;float: left;width: 100%;background-size: cover;}
    .moreInformationWrapper .togetherPart {background-image:url(/media/togetherPart.jpg);padding-top: 24px;padding-bottom: 24px;float: left;width: 100%;background-size: cover;}
    .different-phone-panel .custom-radio {top:5px;}
    .genericWrapperWhiteOpaque.reissueMyCard {padding:28px 20px 45px 20px;}
    .genericWrapperWhiteOpaque.reissueMyCard button {width: 100%;}
    .manageAccount .tableWrapper .button {padding-top:10px;background-color: #e8e9ef!important;}
    .genericFormWrapper .row > div > div:first-child {margin-bottom: 16px;}
    .thankYouButtons button {width: 100%;margin-top:20px;}
    header .login .icon-login.round-img {height: 20px;border-radius: 20px;background-size: 20px;}
    .stepLabels.three label, .stepLabels.three .stepLabel {width: 100%;}
    .stepLabels.four label, .stepLabels.four .stepLabel {width: 100%;}
    .stepsWrapper .row-sm .col-sm-6, .stepsWrapper .row .col-sm-6 {margin-bottom: 16px;}
    .stepsWrapper .row-sm .col-sm-6:last-child, .stepsWrapper .row .col-sm-6:last-child {margin-bottom: 0;}
    .stepLabels {margin-top:25px;margin-left:0;margin-right:0;}
    .category .categoryTextWrapper {padding-top:15px;padding-bottom: 15px;}
    .stepsWrapper .form-control.noLabel {top:0;}
    .stepsWrapper .pick-return-date .noLabel {top:29px;}
    /*.pick-return-date:first-child .row > .col-sm-6 {margin-bottom: 0;}*/
    .pickUpDate {margin-left:0;}
    .milesWrapper {padding-left:12px;}
    .awardedMilesWrapper {display: table-cell;float: none;}
    .milesValueWrapper {font-size: 34px;}
    .milesWrapper {display: table;border-collapse:separate;border-spacing:5px;}
    .genericButton {margin-top:16px;}
    [data-category="hotel"].step3 > .row {margin-left:0;margin-right:0;}
    [data-category="hotel"].step3 .noLabel {padding-top:0;}
    [data-category="hotel"].step3 .bookingMaskPassengers .col-xs-3 {width: 33.333%;}
    [data-category="other"].step2 .milesWrapper.fullWidth {padding-left:12px;padding-right: 12px;border-spacing: 0;margin-top:16px;}
    .milesWrapper.otherCompany {display: initial;border-collapse:collapse;}
    .milesWrapper.otherCompany .awardedMilesWrapper {width: 50%;}
    .milesWrapper.otherCompany .awardedMilesWrapper:nth-child(2) {margin-right: 0;}
    .milesWrapper.otherCompany .awardedMilesWrapper.newBalance {display: block;float: left;width: 100%;margin-top:5px;}
    .thirdPartyWrapper + .step2-submit-wrapper {position: relative;}
    .rightFWT .starBG {left:auto;right:0;}
    .countTab {padding:20px;}
    .tabs-menu li, .countTabs li {width: auto;}
    .miles-calculator-container .calculatorDropdown {width: 100%;}
    .miles-calculator-container .calculatorDropdown + .col-xs-2 {width: 100%;}
    .flex-form > div { width: 100%;}
    .calculatorDropdown {margin-bottom: 16px;}
    .viewMilesButton {margin-top:0;}
    .panel-body .TabSTable table tbody tr:first-child {display: none;}
    /*new style accordion*/
    .accordion .panel-heading .panel-title a {padding: 15px 20px;background-color: rgba(255,255,255,0.8); color: #333; font-weight: 500; transition: all 0.5s;}
    .partnersAccordeonWrapper.accordion .panel-heading .panel-title a {background-color: transparent;}
    .accordion .panel .panel-heading .panel-title a.collapsed {color: #333;background-color: rgba(255,255,255,0.5);font-weight: 300;}
    .partnersAccordeonWrapper.accordion .panel .panel-heading .panel-title a.collapsed {background-color:transparent;}
    .accordion .panel .panel-heading .panel-title i {width: 24px; margin-right: 20px;}
    .panel-group.accordion .panel.panel-default {margin-bottom: 12px; float: left; width: 100%;}
    .partnersAccordeonWrapper.panel-group.accordion .panel.panel-default {margin-bottom: 0;}
    .membershipWrapper .milesWrapper {width: 100%; min-height:35px;}
    .membershipInfo .col-xs-12 {margin-top:20px;}
    .newsList .form-group.centered {width: 100%;}
    .moreInformationWrapper .smallLogo {margin-left:12px;}
    .booking-widget.booking-widget-desktop.spendMiles {display: block;}
    /*latest addition for spend miles*/
    .spendMiles > .nav {display: none;}
    .spendMiles .tab-pane .step1, .spendMiles .tab-pane .step2 {padding-left:12px;padding-right: 12px;}
    .spendMiles .tab-pane .infoText {padding-left:12px;padding-right: 12px;}
    .tab-content .hiddenHeading {display: block;margin-top:12px;}
    .tab-content > .active {display: none;}
    .starFields + .step2-submit-wrapper {position: relative;}
    .tab-content {background-color: transparent;}
    .step1-submit.desktop {margin-bottom: 7px;}
    .tab-content > .tab-pane {background-color: rgba(255,255,255,0.8);padding:0 12px;}
    .spendawardticket-container .input-daterange .col-sm-6 {margin-bottom: 0;}
    .spendawardticket-container .no-control-label {padding-top:10px;margin-right: 0;}
    .spendawardticket-container .no-control-label.step2-submit {padding-top:24px;}
    .spendawardticket-container .btn { margin-bottom: 10px;width:100%; }
    /*upgrade ticket award*/
    .extraSmallButtons {padding-top: 0;float: left;width: 100%;}
    .extraSmallButtons button {margin-top:21px;width: calc(50% - 11px)}
    header .search form .site-search-button {top:50%;margin-top:-11px;}
    header .search form .site-search-input {color:#000000;}
    .login .personal span {display: block;padding:10px;}
    .membershipWrapper .milesInner {display: inline-block;float: left;}
    .membershipWrapper .milesWrapper .btn-separator {display: block;float: left;top:65px;width: 4%;padding:0;}
    /*latest additions for table*/
    .claimMiles .tableWrapper {margin-left:-12px;margin-right: -12px;}
    /*news list*/
    .newsList .newsBox .col-xs-10 {padding:0;}
    .airlineWrapper .partnersAccordeonWrapper.accordion .panel-collapse .panel-body {padding:0;}
    .airlineWrapper .partnersAccordeonWrapper.accordion .panel-collapse .panel-body .airlineWrapper .tab-pane.active {display: block;}
    .NoteWrapper {padding: 0 12px 0 12px;margin-bottom: 20px;}
    .destinations .teaser {margin-bottom: 24px;}
    .carousel.carouselHomepage .slick-prev {left: 10px;}
    .carousel.carouselHomepage .slick-next {right: 10px;}
    .purchaseMiles-container>.row>.col-xs-12 {padding:0;}
    #winbankiframe, #amadeuscardcollectioniframe {width: 100%;padding-left: 12px;padding-right: 12px;}
    .purchaseMiles-container .price-section {margin-top:10px;}
    .purchaseMiles-container .spinner {top:20px!important;margin-left:20px;}
    .membershipContent {top:0;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);float: left;width: 100%;}
    .membershipContent h4 {padding-top: 25px;padding-bottom: 25px;}
    .expiringWrapper {position: relative;bottom: auto;left: auto;right: auto;width: 100%;}
    /*webviews no login*/
    .noLoginWrapper {overflow: hidden;position:fixed;width:100%;height:100%;}
    .noLoginWrapper .milesBig .teaser-full-width-text .btn {width: 100%;margin-right: 0;}
    .noLoginWrapper .milesBig .teaser-full-width-text .btn:first-of-type {margin-top:20px;margin-bottom: 7px;}
    .noLoginWrapper .milesBig .teaser-full-width-text h2 {margin-top:14px;font-size:30px;line-height:100%;}
    .noLoginWrapper.teaser-full-width.leftFWT {background-position: bottom left;}
    .noLoginWrapper .starBG.fullWidth {right: -100px;}
    .noLoginWrapper.teaser-full-width.leftFWT .milesBig .teaser-full-width-text {padding-left: 0;padding-right: 0;padding-top: 30px;padding-bottom: 115px;}
    .noLoginWrapper .noLoginWrapperButtons {position: fixed;bottom: 0;width: 100%;right: 12px;padding-left: 12px;border-left: 12px solid transparent;bottom: 20px;}
    /*webviews login*/
    .loginWrapper {
        float: left;
        width: 100%;
        background-image: url(/media/m_bBG.png);
        min-height: 100%;
        left: 0;
        right: 0;
        background-size: cover;
        position: relative;
        right: 0;
        overflow: hidden;
        /* Additions */
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .loginWrapper .milesInfoWrapper {float: left;width: auto;position: relative;z-index: 2;position: absolute;top:0;left:0;background-color: transparent;box-shadow: none;padding:19px 16px;}
    .loginWrapper .btn.btn-outline {float: right;width: auto;color:white;border-color: white;}
    .loginWrapper .btn {position: relative;z-index: 2;}
    .loginWrapper .milesInfoWrapper .miles {font-size: 40px;line-height: 100%;margin-top: 0;position: relative;z-index: 2;}
    .loginWrapper .cardPart {display: block;float: left;position: relative;z-index: 2;position: static;}
    .loginWrapper .cardInfoWrapper {background-color: #f6f5f6;position: static;}
    .loginWrapper .btn.btn-progress {width: 100%;margin-top: 55px;float: left;}
    .loginWrapper .starBG {right: -60px;}
    .membershipContent + .expiringWrapper {    position: relative; float: left; width: 100%; bottom: 0;}
    .loginWrapper .linksSection {display: none;}
    /*.loginWrapper .starBG {display: none!important;}*/
    .loginWrapper h1 {display: none;}
    .loginWrapper .milesInfoWrapper .title {display: none;}
    .loginWrapper .milesInfoWrapper .milesType {font-size: 13px;margin-top: 0;}
    .loginWrapper .accountCard {width: 100%;display: inline-block;}
    .loginWrapper .contentSection {background-image: none!important;}
    .loginWrapper .accountCard:after {content: '';position: absolute;height: 175px;width: 100%;left:0;bottom: 0;top:37%;background-color: rgba(255, 255, 255, 0.7);z-index: -1;}
    .noLoginWrapper + .loginWrapper {display:none;}
    .poBoxHelper {width: 100%;margin-top: 0!important;}
    footer .member {padding-left: 0!important;padding-right: 0!important;}
   
    footer .member {float: left;width: 100%;padding-left: 26px;padding-right: 26px;}
    footer .member .list-inline {border-top: 1px solid rgba(255,255,255,.1);padding-top: 14px;}
    footer .member {padding-left: 0!important;padding-right: 0!important;}
    footer .middle-row .link-row {margin-left: -12px;margin-right: -12px;}
    
    /* Media Library Slider */
    .owl-theme .owl-controls .owl-buttons div { display: none }
    .owl-pagination { display: block }
    .ytbVideo .owl-carousel { padding-left: 0; padding-right: 0; }
    .ytbVideo .owl-carousel {margin-bottom: 10px;}
    /*partners finder*/
    .backButton {left:58px;}
    .toggleMobile {display: block;}
    .findPartnersBox {width: 100%;left: 0;top: 0;z-index: 20;-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none;}
    .findPartnersBox .backToMapButton {display: inline-block;}
    .findPartnersBox .titleMobile {display: block;}
    #map-partners, #map-partners-loading { height: 642px !important; }
    .findPartnersBox.toggled {margin-left: calc(-100% + 48px);}
    .findPartnersBox .title {opacity: 0;visibility: hidden;display: none;}
    .findPartnersBox .togglable {padding-right: 0;}
    .findPartnersBox.toggled .togglable {padding-right: 40px;}
    .findPartnersBox.toggled .title {opacity: 1;visibility: visible;display: block;}
    /*.infoBox {width: 100%!important;position: fixed!important;z-index: 50;}*/

    /* Happy Miles teasers */
    .teaser .teaser-inner .teaser-content-wrapper.happyMiles h2 {width: 100%;}
    .teaser .teaser-inner .teaser-content-wrapper.happyMiles .arrival {display: inline;}

    /* partners finder */
    .mapContainer .no-results { margin: 140px 18px 0 65px; }

    /* nonair */
    .nonair-booking-summary { padding-left: 4px; padding-right: 4px; }
    .nonair-booking-summary strong { font-size: 14px; }
    .nonair-booking-summary .row .col-sm-6 { margin-bottom: 0 !important; }
    .nonair-booking-summary .row .col-sm-6:nth-child(even) { margin-bottom: 6px !important; }

    .TabSTable { padding-left: 6px; padding-right: 6px; }
    .TabSTable td:nth-of-type(1):before { font-size: 22px; }

    /* claim missing miles tooltips */
    .claimMilesForm .tooltip-target.hidden-mobile { display: none; }
    .claimMilesForm .tooltip-inner { width: 188px; }
    .claimMilesForm .tooltip-inner .desktopImage { display: none; }
    .claimMilesForm .tooltip-inner .mobileImage { display: block; height: 360px; width: auto; }
    .claimMilesForm .tab-content .tab-pane { border-width: 0; }

    .milesBonusRegLogin .milesBig .teaser-full-width-text { width: 100%; padding-left: 65px; padding-right: 65px; }
    .milesBonusRegLogin .right-section { padding: 0!important;width: 100%; }
    .milesBonusRegLogin .starBG.fullWidth { display: none; }
    .milesBonusRegLogin .teaser-full-width.destination-teaser { background-size: 100% 54%; background-position: bottom center; }
    .milesBonusRegLogin .login-section { display: block; }    
    .milesBonusRegLogin .genericWrapper { padding-top: 30px; }

    /*  Airline Widget Responsive Table fix : 19-06-2017 : start */
    .airLineWidget .TabSTable td:before,
    .airLineWidget .TabSTable td:not(:first-child):before {
	    top: 0;
	    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
         -webkit-box-align: center;
             -ms-flex-align: center;
         align-items: center;
	    padding: 10px;
	    word-break: break-word;
	    width: calc(50% - 20px);
	    text-align: left;
	    line-height: 1;
	    height: auto;
         max-width: 160px;
         white-space: normal;
    }

    .airLineWidget .TabSTable td:nth-of-type(1):before {
	    margin-top: 0;
    }

     .airLineWidget .TabSTable td {
        padding-left: 180px !important;
    }

     .resp-dropdown-titleOnly {
	    display: block;
	    color: #213368;
	    background-color: rgba(255,255,255,1);
	    font-size: 22px;
	    font-weight: 400;
	    line-height: 1;
	    padding: 10px 30px;
	    text-align: left;
    }

    .partnersAccordeonWrapper .resp-dropdown-titleOnly {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
    }
    /*  Airline Widget Responsive Table fix : 19-06-2017 : end */
    /* how to spend Airlines tables mnb*/
    .airLineWidget .btn_row.txt_right {
    padding-bottom: 20px;
    padding-right: 10px;
    }


    /* update 18-04-2017 : start */
    .spendawardtickets-wrapper .tab-content>.active {
        display: block;
    }

    .spendawardtickets-wrapper .btn-progress {
        margin-top: 15px;
    }

     .opan-jaw-airport-select-container .col-sm-5 + .col-sm-5 {
       padding-right: 0;
        padding-left: 0;
        margin-top: 30px;
        width: 100%;
        float: left;
    }

     .opan-jaw-airport-select-container .col-sm-5:last-child {
        margin-top: 0;
    }

    .opan-jaw-airport-select-container .step1-reverse-from-to {
      top: -30px;
    }

     .spendawardticket-container .noPadding .col-md-4,
    .opan-jaw-airport-select-container .col-md-4,
    .open-jaw-flight .col-sm-4,
    .spendawardticket-container .col-sm-5 {
        padding-left: 0;
        padding-right: 0;
    }


    .spendawardticket-container .custom-checkbox {
        margin-top: 12px;
    }
    /* update 18-04-2017 : end */

    html:lang(fr) .create-account-button .btn-lg {
        font-size: 14px;
        padding-left: 3px;
        padding-right: 3px;
    }

    /* update 4-4-18 : fix partners map : start */
    .findPartnersBox .backToMapButton {
        margin-bottom: 10px;
    }

    .findPartnersBox .custom-checkbox {
        padding-bottom: 0;
    }

    .findPartnersBox .row.row-sm {
        margin-top: 0;
        margin-bottom: 0;
    }
    .zoomControlsWrapper {
        display: none;
    }
    /* update 4-4-18 : fix partners map : end */

    .spendawardtickets-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .btn-mob-full,
    .btn-mob-full:link,
    .btn-mob-full:visited {
        width: 100%;
    }
   
    .openJawMaskMain hr {
        margin-left: 0;
        margin-right: 0;
    }

    .openJawMaskMain .xs-pad-lr0 {
        padding-left: 0;
        padding-right: 0;
    }

    .openJawMaskMain .btn-xs-full {
        width: 100%;
    }

    .openJawMaskMain .step1-submit {
        padding-left: 0;
        float: left;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }


    .palleteBox {
        padding: 20px 10px;
        min-height: 120px;
    }
    /* redemption changes : 29-09-2020 : end */
    .language-select .dropdown-menu li {
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }
    .tab-content > .hiddenHeading ~ .tab-pane.active {
        display: none;
    }

    .purchaseSection.purchaseSection--modified .price-section-wrapper {
        margin-top: 0;
    }

    /* fix invader for ios : start */
    .slick-slide .invader {
        transition: opacity .3s ease-out;
    }

    .slick-slide:not(.slick-active) .invader {
        opacity: 0;
    }
    /* fix invader for ios : end */

    .stripedList ul li {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .spendawardtickets-wrapper .tab-container .nav-tabs {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .spendawardtickets-wrapper .tab-container .nav-tabs > li > a {
        background-color: transparent;
    }

    .accordeonBigWrapper .booking-widget.booking-widget-desktop.airLineWidget {
        margin-bottom: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .accordeonBigWrapper .booking-widget.booking-widget-desktop.airLineWidget .nav-pills {
        width: auto;
        display: flex;
    }

    .spendawardtickets .step1 .custom-checkbox label {
        padding-top: 11px;
    }

    .booking-widget.booking-widget-desktop.booking-widget-city-guides .tab-heading.active + .tab-pane {
        display: block !important;
    }

    .socialLoginContainer .teaser-small-mobile .teaser-big-icon-icon {
        float: none;
        margin-inline: auto;
    }

    .socialLoginContainer .teaser-small-mobile .container-div {
        text-align: center;
    }
}



@media only screen and (max-width: 640px) {
    ul.lowestFares li { text-align: left }
    .calendar_carousel { display: none !important }
    .calendar_carousel_mobile { display: block }
    .lfs-route-carousel .btn.prev.hasSprite { position: absolute; left: 0; top: 50%; margin-top: -14px; }
    .lfs-route-carousel .btn.next.hasSprite { position: absolute; right: 0; top: 50%; margin-top: -14px; }
    .lfs-route-carousel label { padding-left: 25px; padding-right: 25px; }
    .calendar_carousel_mobile.lowestFares.lfs-months-results-mobile .hideForMobile {display: none;}
    .isMemberWrapper {padding:30px 35px 30px 20px}
    .isMemberWrapper .smallImage {float: left;}
    .questionWrapper {float: left;width: 100%;}
    .rewardsWrapper {padding-left: 0;padding-right: 0;}
    .rewardsPart, .cardPart {padding: 0;}
    .moreInfo .value, .moreInfo .text {width: 50%;display: inline-block;margin-right: 0;}
    .memberWrapper {padding-left: 0;padding-right: 0;}
    .memberInfo {padding-left:0;}
    .miles-calculator-container .tableWrapper td:before {font-size:20px;}
    .miles-calculator-container .resultTable table tr td, .miles-calculator-container .tableWrapper table tr td:first-child {font-size:20px;}
    .miles-calculator-container .resultTable table tr td:last-child {font-weight: 300;color: #828486;}
    .miles-calculator-container .levelTabs_wrapper ul li {padding: 10px;}
    .miles-calculator-container .levelTabs_wrapper ul li span {padding-left:15px;padding-right:15px;}
    .manageAccount .tableWrapper .button .col-xs-6 {width: 100%;}
    .moreInfo .value.bigger {font-size:18px;}
    .pick-return-date>.row>.col-sm-3 {padding-left:12px;}

    .milesBonusRegLogin .milesBig .teaser-full-width-text h2 { line-height: normal; font-size: 36px; }
    .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3 { width: calc(50% - 12px); }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(4n) { margin-right: 0; }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(3n) { margin-right: 24px; }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(2n) { margin-right: 0; }

     /* MILES AND BONUS TRANSACTION : start */
    .transactions_search_box .custom-radio .inline_radio {
        display: block;
    }

    .search_box {
        padding: 5px;
    }

    .transactions_search_box .btn.btn-lg.btn-progress {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /* MILES AND BONUS TRANSACTION : end */
    .accordion.partnersAccordeonWrapper .panel-heading {
        padding-left: 0px;
    }
    .airLineWidget {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .nav-tabs > li { /*width: 100%; text-align: center; border: solid 1px #ddd; margin: 0; border-radius: 0; */ }
    .nav-tabs > li > a { }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { /*border: none; background: #002677; color: #FFF; margin: 0; border-radius: 0; */ }
    .table_calendar td { display: inline-block; width: 100%; }
    .table_calendar thead { display: none }
    .table_calendar tbody tr td:before { display: inline-block; margin-right: 20px; width: 10%; border-right: solid 1px #fff; }
    .table_calendar tbody tr td div { display: inline-block }
    .table_calendar td .price { margin-top: 0px }
    .city-guide .tab-pane, .rich-article, .articles .article-body { padding: 0 }
    .flightStatusWidget .nav-tabs > li { width: auto }
    .pickUpDate .icoWrapper {display: block;width: 100%;}
    .imageColumn {display: none;}
    .theCoupon .contentColumn {padding-left:12px;}
    .couponRow .information {width: 50%;}
    .couponRow .images {width: 50%;}
    .footerRow {padding-left:12px;}
    
}

@media only screen and (max-width:500px) {
    ul.calendar_carousel_mobile.lowestFares li .destination { font-size: 18px; font-weight: 600; }
    ul.calendar_carousel_mobile.lowestFares li .month, ul.calendar_carousel_mobile.lowestFares li .from { font-size: 14px }
    ul.calendar_carousel_mobile.lowestFares li .price { font-size: 18px }
    .lightbox .content { padding: 20px }
    .lightbox .contentWrapper { padding: 40px 20px }
    .booking-widget.booking-widget-desktop button.search_button { width: 100%; min-width: 100%; margin-left: 0; margin-top: 20px; }
    .fares-calendar-results.mobile .btn-sm { padding: 15px 10px }
    .member li { padding-left: 0 }
    
    .logo-container { width: 190px; height: 30px; background-size: 80%; }
    header .headwrap { height: 64px }
    .mb-lp .teaser-big-icon__services { margin: 0 }
    .teaser-big-icon.teaser-big-icon__services p { margin: 0 0 24px; font-size: 15px; }
    .accordion .panel-collapse, .accordion .panel-heading { padding-left: 0 }
    .panel-body { font-size: 14px }
    .teaser-big-icon, .findLowestFares { padding: 0 }
    .addDifferentReturnLocation {padding-left: 45px;}
    .findPartnersBox .togglable .inputs #PartnerLocation {padding: 0 43px 0 10px;}
}

@media only screen and (max-width:480px) {
    .slick-next, .slick-prev {
        height: 30px;
        width: 20px;
        margin-top: -15px;
    }

    .slick-prev {
        left: 5px;
    }

    .slick-next {
        right: 5px;
    }
    .dest-detail .hero-image.hero-image-parallax img { top: 0 }
    .hero-image.hero-image-parallax img { position: relative; transform: translate3d(0px, 0px, 0px) !important; }
    .hero-image .container.dest-detail { position: absolute; top: 0; }
    .rightFWT.teaser-full-width .teaser-full-width-text h2 { float: left; width: 100%; }
    .rightFWT.teaser-full-width .teaser-full-width-text p { float: left }
    .leftFWT.teaser-full-width .teaser-full-width-text h2 { float: left; width: 100%; }
    .leftFWT.teaser-full-width.noLoginWrapper .teaser-full-width-text h2 { font-size:30px;line-height:100%;}
    .leftFWT.teaser-full-width .teaser-full-width-text p { float: left }
    .destination-teaser.rightFWT .teaser-full-width-text > i { margin-bottom: 15px !important }
    .leftFWT.destination-teaser .teaser-full-width-text > i { margin-bottom: 15px !important }
    .ForeCastWrapper .IcoForecast { background-position: right }
    .ForeCastWrapper .IcoForecast { height: 23px !important }
    .ForecastRepeater h4 { font-size: 19px }
    .date-selector ul.date_buttons li .btn { min-width: 0; padding: 8px 4px; }
    .date-selector ul li { padding: 10px 5px }
    .breadcrumb > li:last-child { display: inline-block }
    .breadcrumb > li.active-item {display: none;}
    .breadcrumb > li:nth-last-child(2) {display: inline-block;}
    /*.breadcrumb > li + li:before { padding: 0 4px 0 7px; content: "<"; }*/
    .breadcrumb > li.breadcrumb-ascestor-item:before { content: none }
    .captchaWrapper .fieldInfo { margin-top: 0 }
    .modal-content.passengers { padding-top: 0 }
    .teaser-full-width .teaser-full-width-text .price { float: left; width: 100%; }
    
    .helpWrapper {margin-top:7px;position: absolute;right:0;}
    .tiercontent {width: 100%;padding:10px;}
    .tierImage {padding-left:10px;padding-top:10px;display: block;height: 269px;width: 100%;border:10px solid white;background-position: center top;}
    .silverWrapper .tiercontent {display: table-footer-group;float: none;padding:0;margin-top: 10px;}
    .silverWrapper .tiercontent h3 {margin-top:20px;}
    .silverWrapper .tierImage {margin-left:-10px;margin-top:-10px;border:0;float:none;}
    .silverWrapper .tierImage .extraCross {display: block;visibility: hidden;position: relative;height: 269px;}
    .silverWrapper .tierImage img {float:left!important;width: 40%;}
    .silverWrapper .tierWrapper .row {padding:10px;}
    .silverWrapper .tierCard img {margin-bottom: 16px;}
    /*how to earn*/
    .listWrapper ul li {float:left;width: 100%;}
    .categoryImg {width: 60%;}
    .categoryListWrapper {width: 100%;}
    .col-sm-6 .listWrapper .categoryImg {width: 40%;}
    .col-sm-6 .listWrapper .categoryListWrapper {width: 60%;}
    .teaser {width: 100%;}
    .col-sm-6 .listWrapper .categoryListWrapper {padding: 10px;width: 100%;}
    .col-sm-6 .listWrapper .categoryImg {width: 64%;}
    .col-sm-6 .listWrapper .categoryListWrapper {width: 100%;}
    .airLineWidget .tableWrapper td:before, .partner .tableWrapper td:before {font-size:16px!important;font-weight: normal;}
    .airLineWidget .tableWrapper table tr td:first-child, .partner .tableWrapper table tr td:first-child {font-size:20px;}
    .airLineWidget .tableWrapper table tr td, .partner .tableWrapper table tr td {font-size:16px;}
    .formWrapper .create-account-button {width: 100%}
    .formWrapper .bookingMaskPassengers {width: 100%;}
    .formWrapper.miles .cancel-button {width: 100%;}
    /*.formWrapper.miles .create-account-button {display:table-header-group;float: none;}*/
    .myAccruals .col-xs-6.newsSelectWrapper {width: 100%;}
    .myAccruals a.download {width: 100%;}
    .myCoupons .panel .panel-title a { padding-left: 0px !important; font-size: 20px !important;}
    .myCoupons .panel .panel-title a strong { font-size: 18px !important;}
    .cardPart {width: 100%;}
    .membershipWrapper ul {width: 100%;}
    .membershipWrapper ul li {width: 100%;}
    .col-sm-6>.membershipWrapper ul {width: 100%;margin-top: 0;margin-bottom: 0;}
    .col-sm-6>.membershipWrapper > ul:nth-of-type(1) {margin-top:35px;}
    .col-sm-6>.membershipWrapper > ul:nth-of-type(2) {margin-bottom:35px;}
    .membershipWrapper .milesInner {width: 100%;margin-top: 25px;}
    .membershipWrapper .milesWrapper .btn-separator {width: 100%;text-align: center;top:5px;}
    .accountPart > div {width: 100%;margin-left:0;}
    /*aegean register 2nd step*/
    .formWrapper .bottom-buttons-register .create-account-button {display:table-header-group;float: none;margin-top:38px;margin-bottom: 38px;}
    .formWrapper .bottom-buttons-register .returnToHomepageLink {display: table-footer-group;float: left;text-align: center;width: 100%;}
    .formWrapper .bottom-buttons-register {display: table;width: calc(100% + 24px);float: left;}
    .addressWrapper span {font-size:20px;}
    .manageAccount .tableWrapper {padding:0;}
    .manageAccount.invitations .tableWrapper .button button {width: auto;margin-left:0;margin-right: 0;display: inline-block;margin-bottom: 3px;}
    .sendNewInvitation {width: 100%;}
    .TogetherAccount button {width: 100%;margin-bottom: 20px;}
    /*spend miles accordion*/
    .stepLabels.two label, .stepLabels.two .stepLabel {width: 100%;margin-right: 0;}
    .pickUpDate {padding-left:12px;}
    .pickUpDate .arrowWrapper {display: block;float: left;width: 100%;}
    .pickUpDate .arrowWrapper i {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);transition:0.5s all;}
    .pickUpDate .textDateWrapper {float: left;display: block;clear:left;}
    /*spend miles other*/
    .milesWrapper.otherCompany .awardedMilesWrapper {width: 100%;margin-bottom: 1%;}
    .milesWrapper.otherCompany .awardedMilesWrapper:last-child {display: block;width: 100%;}
    .classTabs_wrapper ul, .levelTabs_wrapper ul {float: left;width: 100%;margin-left: 0;}
    .classTabs_wrapper ul li {margin-right: 5px;}
    .miles-calculator-container .levelTabs_wrapper ul li span {padding-left:0;padding-right:0;}
    .levelTabs_wrapper h4 {margin-top:0;}
    .TabSTable.noResp table tr td {font-size:15px;}
    .TabSTable.noResp table .heading td {font-size: 18px;padding-right: 5px;word-break: break-word;}
    /*partner table*/
    .TabSTable.partner {padding:5px 5px;}
    .partner.TabSTable td:before {padding-top:17px;line-height: 16px;font-size:19px;}
    .TabSTable table tr td {font-size:16px;}
    /*coupons*/
    .couponRow .images {width: 100%;margin-top:10px; min-height: initial;}
    .couponRow .information {width: 100%;}
    .couponRow .images img {float: left;}
    .footerRow {padding:0;position: relative;margin-top:0;}
    .theCoupon { min-height: auto; }
    .membershipWrapper .milesWrapper {padding-bottom: 10px;}
    .selectorPanel.spendTabs_wrapper ul li {width: calc(50% - 5px);text-align: center;padding:5px;font-size:17px;}
    .selectorPanel.spendTabs_wrapper ul li:last-child {margin-right: 0;}
    .airlineWrapper .accordeonBigWrapper {padding: 20px 0 20px 0;}
    .partnersAccordeonWrapper .container.airlineWrapper {padding: 0}
    .airLineWidget .TabSTable td:before {font-size:16px;}
    .airLineWidget .TabSTable table tr td {font-size:16px;}
    .airLineWidget .TabSTable table tr td:first-child {font-size:20px;}
    .memberWrapper .memberIco {width: 60px; height: 60px; background-size: 60px;}
    .tableWrapper .activitylist-container {border:10px solid transparent;float:left;width:100%;}
    /*partners finder*/
    .partnersFinderWrapper .buttons > div:first-child {float: left;width: 98%;margin-bottom: 27px;}
    .partnersFinderWrapper .buttons > div a {width: 100%;}
    .partnersFinderWrapper .buttons > div:nth-child(2) {float: right;width: 98%;}
    .mapContainer .disclaimer {font-size: 9px;line-height: 120%;}
    .mapContainer .no-results { font-size: 110%; }
    /*Non-air awards*/
    .category { width: 100%;}

    .TabSTable td:not(:first-child):before { word-wrap: break-word; word-break: break-all; max-width: 160px; white-space: pre-line; line-height: 1.2; top: 50%; }
    .TabSTable tr { overflow: hidden; }

    .milesBonusRegLogin .milesBig .teaser-full-width-text { padding: 30px !important; }
    .milesBonusRegLogin .login-section { padding: 20px 20px 24px; }
    .milesBonusRegLogin .login-section .btn-lg {width: 100%;}

    .purchaseMiles-container .custom-radio label {float: left;clear: both;}
    .purchaseMiles-container .custom-radio .tooltip-container {float: left;margin-top:3px;}
    .purchaseMiles-container .custom-radio label:last-of-type{margin-left:0;}

    .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3 { width: 100%; margin-right: 0; }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(4n) { margin-right: 0; }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(3n) { margin-right: 0; }
        .stepsWrapper.spendnonair-container .categoryWrapper .category.col-sm-3:nth-child(2n) { margin-right: 0; }
    .findPartnersBox .titleMobile h4 {
        font-size: 26px;
    }

    .findPartnersBox {
        padding: 10px;
    }
    .moreInfo .value, .moreInfo .text {
        width: 100%;
    }
    .tab-container .nav-tabs,
    .tab-container .nav-tabs > li {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }
    .tab-container .nav-tabs > li > a {
        padding: 11px 14px;
        width: 100%;
        color: #35afe3;
    }
    .tab-container .nav-tabs > li.active > a {
        color: #213368;
    }
    /*24-5-2018 start*/
    .legal-links a {
        font-size: 10px;
        margin-right: 10px;
    }

    .legal-links li {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*24-5-2018 end*/

    /* MILES AND BONUS TRANSACTION : start */
    .mb_transaction_section .nap-pill-txt {
        display: inline-block;
        max-width: 100px;
        line-height: 1;
    }

    .mb_transaction_section .nav-pills .tooltip-container {
        display: inline-block;
    }

    .mb_transaction_section .nav-pills.white_style>li {
        float: none;
        display: inline-block;
        max-width: 49%;
    }

    .mb_transaction_section .nav.white_style>li>a {
        font-size: 18px;
            padding-left: 8px;
            padding-right: 8px;
            height: 94%;
    }
    /* MILES AND BONUS TRANSACTION : end */
}

@media only screen and (max-width: 479px) {
    .goBackWrp {
        margin-bottom: 50px;
    }

    .formGray {
        padding: 30px 20px;
        margin: 40px 0;
    }

    .sectWrp .sect {
        padding: 50px 0;
    }

    .alert-container.grayTxt p, .alert-container.grayTxt.success p {
        padding-left: 50px;
    }

    .alert-container.grayTxt .alert .alert-icon {
        left: 0;
    }
}

@media only screen and (max-width:390px) {
    ul.calendar_carousel_mobile.lowestFares li a { padding: 13px }
    ul.calendar_carousel_mobile.lowestFares li .destination { font-size: 14px; font-weight: 600; }
    ul.calendar_carousel_mobile.lowestFares li .month, ul.calendar_carousel_mobile.lowestFares li .from { font-size: 12px }
    ul.calendar_carousel_mobile.lowestFares li .price { font-size: 14px }
    .fares-calendar.mobile .accordion .panel-heading .panel-title .price b, .fares-calendar.mobile .panel-body ul li .price b, .fares-calendar.mobile .accordion .panel-heading .panel-title .price, .fares-calendar.mobile .panel-body ul li .price { font-size: 17px }
    .fares-calendar.mobile .accordion .panel-heading .panel-title a, .fares-calendar.mobile .panel-body ul li a { font-size: 19px }
    .teaser-big-icon.mb-teaser .image-silver-card, .teaser-big-icon.mb-teaser .image-gold-card, .teaser-big-icon.mb-teaser .image-blue-card { width: 100%; background-position: center; }
    .teaser-small-mobile .container-div { text-align: center }
    .h3, h3 { font-size: 17px }
    .social-share li { padding: 0 }
    .dest-detail .weather-info { padding: 0; margin-top: 10px; }
    .dest-detail .weather-info span { margin-left: 15px }
    .dest-detail .map img { width: 100% }
    .table-legend .low, .table-legend .chosen { font-size: 13px }
    .categoryImg {width: 100%;}
    .categoryListWrapper {width: 100%;}
    .col-sm-6 .listWrapper .categoryImg {width: 100%;}
    .col-sm-6 .listWrapper .categoryListWrapper {width: 100%;}
    /*only for partner table so the tables are aligned*/
    /*.partner .tableWrapper td:nth-of-type(1):before {margin-top:-15px;}*/
    .memberInfo .name {font-size:22px;}
    .moreInfo .value, .moreInfo .text {font-size:12px;}
    .pick-return-date .select2-chosen {margin-right: 0!important;padding:12px 8px!important;}
    .carCompanyWrapper .carCompanyImage {width: 100%;}
    .carCompanyWrapper .carCompanyInfo {width: 100%;padding-left: 0;}
    .awardedMilesWrapper {padding:10px;}
    .milesValueWrapper { font-size: 30px; }
    .milesWrapper {border-spacing: 0;}
    .miles-calculator-container .tableWrapper td:before {font-size:16px;}
    .tierImage {width: 100%;display:none;}
    .silverWrapper .tierImage {margin-left:0;margin-top:0;}
    .accountCard .mbs-card {-ms-transform:scale(0.92);-webkit-transform:scale(0.92);transform:scale(0.92);}
    .moreInfo .value.bigger {font-size:14px;}
}
@media (max-width: 639px) {
    .toggle_header_bottompart li {
        display: block;
        width: 100%;
        margin-bottom: 13px;
    }
}
@media only screen and (max-width:992px) {
    .formWrapper.miles .create-account-button button {
        margin-left: 12px;
        margin-right: 12px;
        width: calc(100% - 24px);
    }
} 
/* responsiveTable */

.responsiveTable { background-color: #ffffff; padding: 14px 28px; float: left; width: 100%; margin-bottom: 25px; position: relative; border-bottom: 0;border: 10px solid #fff; }
.responsiveTable.withUnderLine .heading { border-bottom: 3px solid #3c517b; }
    .responsiveTable .heading td, .responsiveTable tr:first-child td {
        font-size: 20px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        line-height: 20px;
        font-weight: normal;
    }
    .responsiveTable tr td {
        vertical-align: middle;
        text-align: center;
        border: 0;
        font-size: 18px;
        color: #55555F;
        font-family: 'urw_geometric_extlight', sans-serif; 
        font-weight: normal;
        min-height: 48px;
        padding-top: 13px;
        padding-bottom: 13px;
        line-height: 20px;
    }
.responsiveTable tr td:first-child { text-align: left; padding-left: 20px !important; color:#002677;  }
.responsiveTable tr:nth-child(even) td { background-color: #f4f4f6; }

.responsiveTableWithUnderline { background-color: #ffffff; padding: 14px 28px; float: left; width: 100%; margin-bottom: 25px; position: relative; border-bottom: 0;border: 10px solid #fff;  }
.responsiveTableWithUnderline tr:first-child { border-bottom: 3px solid #3c517b; }
    .responsiveTableWithUnderline tr:first-child td {
        font-size: 20px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        line-height: 20px;
        font-weight: normal;
    }
    .responsiveTableWithUnderline tr td {
        vertical-align: middle;
        text-align: center;
        border: 0;
        font-size: 18px;
        color: #55555F;
        font-family: 'urw_geometric_extlight', sans-serif;
        font-weight: normal;
        min-height: 48px;
        padding-top: 13px;
        padding-bottom: 13px;
        line-height: 20px;
    }
.responsiveTableWithUnderline tr td:first-child { text-align: left; padding-left: 20px !important;color:#002677;  }
.responsiveTableWithUnderline tr:nth-child(even) td { background-color: #f4f4f6; }

@media only screen and (max-width: 1024px) {
    .responsiveTable table, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; float: left; width: 100%; }
    .responsiveTable tr:first-child { display: none; }
    .responsiveTable tr td:not(:first-child) { width: 100%; }
    .responsiveTable tr td:first-child { text-align: center; font-weight: bold; padding-left: 51% !important; }
    .responsiveTable thead tr { position: absolute; top: -9999px; left: -9999px; }
    .responsiveTable td { padding-left: 51% !important; position: relative; }
    .responsiveTable td:before { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; white-space: nowrap; right: auto; width: 50%; text-align: center; text-overflow: ellipsis; white-space: nowrap; max-width: 50%; overflow: hidden; background-color: #ffffff; }
    .responsiveTable tbody td:not(:first-child) { background-color: #e8e9ef; }
    .responsiveTable td:not(:first-child):before { right: auto; width: 50%; height: 100%; color: #002677; display: block; line-height: 48px; background-color: #ffffff; border-right: 3px solid #3c517b; }
    .responsiveTable td:nth-of-type(1):before {
        content: attr(data-before);
        top: 50%;
        margin-top: -22px;
        font-size: 26px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        font-weight: normal;
        white-space: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 17px;
        display: inline-block;
        background-color: #f4f4f6;
    }
    .responsiveTable td:before { content: attr(data-before); }
    .responsiveTable tbody tr:nth-child(odd) td { background-color: #f4f4f6; }
    .responsiveTable tbody tr:nth-child(odd) td:not(:first-child) { background-color: #e8e9ef; }

    .responsiveTableWithUnderline table, .responsiveTableWithUnderline thead, .responsiveTableWithUnderline tbody, .responsiveTableWithUnderline th, .responsiveTableWithUnderline td, .responsiveTableWithUnderline tr { display: block; float: left; width: 100%; }
    .responsiveTableWithUnderline tr:first-child { display: none; }
    .responsiveTableWithUnderline tr td:not(:first-child) { width: 100%; }
        .responsiveTableWithUnderline tr td:first-child {
            text-align: center;
            font-weight: 500;
            padding-left: 0 !important; /*padding-left: 51% !important;*/
        }
    .responsiveTableWithUnderline thead tr { position: absolute; top: -9999px; left: -9999px; }
    /*.responsiveTableWithUnderline td { padding-left: 51% !important; position: relative; }*/
    .responsiveTableWithUnderline td:before { 
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        right: auto;
        width: 50%;
        text-align: center;
        text-overflow: ellipsis;
        max-width: 50%;
        overflow: hidden;
        background-color: transparent;
    }

    /* responsive tables update : 31-05-2018 : start */
    .responsiveTable .tbl_lbl,
    .responsiveTableWithUnderline .tbl_lbl {
        color: #002677;
        line-height: 1.2em;
        background-color: #fff;
        width: 50%;
        padding: 13px 10px;
        word-break: break-word;
    }

    .responsiveTable tr:nth-child(even) td .tbl_lbl,
    .responsiveTableWithUnderline tr:nth-child(even) td .tbl_lbl,
    .responsiveTable tr:nth-child(odd) td .tbl_lbl,
    .responsiveTableWithUnderline tr:nth-child(odd) td .tbl_lbl {
        background-color: transparent;
        font-weight: 500;
    }

    .responsiveTable .tbl_val,
    .responsiveTableWithUnderline .tbl_val {
        width: 50%;
        padding: 13px 10px;
        position: relative;
        z-index: 2;
        word-break: break-word;
    }
    /* responsive tables update : 31-05-2018 : end */

    .responsiveTableWithUnderline tbody td:not(:first-child) {
        background-color: #ffffff;
    }
    .responsiveTableWithUnderline td:not(:first-child):before { right: auto;
        width: 50%;
        height: calc(100% - 14px);
        color: #002677;
        display: block;
        line-height: 1.2em;
        padding-top: 14px;
        background-color: #fff;
        border-right: 3px solid #3c517b; 
    }
    /*.responsiveTableWithUnderline td:nth-of-type(1):before { content: attr(data-before); top: 50%; margin-top: -22px; font-size: 26px; color: #002677; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; white-space: normal; padding-top: 10px; padding-bottom: 10px; line-height: 17px; display: inline-block; }*/
    /*.responsiveTableWithUnderline td:before { content: attr(data-before); }*/
    .responsiveTableWithUnderline tbody tr:nth-child(odd) td { background-color: #f4f4f6; }
    /*.responsiveTableWithUnderline tbody tr:nth-child(odd) td:not(:first-child) { background-color: #e8e9ef; }*/
    .responsiveTableWithUnderline tbody tr:nth-child(odd) td:not(:first-child) {
        background-color: #ffffff;
    }

    /*.responsiveTable td:nth-of-type(1) .tbl_lbl,
    .responsiveTableWithUnderline td:nth-of-type(1) .tbl_lbl {
        display: none;
    }*/

    /*.responsiveTable td:nth-of-type(1) .tbl_val,
    .responsiveTableWithUnderline td:nth-of-type(1) .tbl_val {
        width: 100%;
    }*/

    .responsiveTable td,
    .responsiveTableWithUnderline td {
        position: relative;
    }

    .responsiveTable td:after,
    .responsiveTableWithUnderline td:after {
        content: '';
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #e8e9ef;
        border-left: 3px solid #3c517b;
    }

    .responsiveTable tr:nth-child(even) td:after,
    .responsiveTableWithUnderline tr:nth-child(even) td:after,
    .responsiveTable tr:nth-child(odd) td:after,
    .responsiveTableWithUnderline tr:nth-child(odd) td:after {
        background-color: transparent;
        font-weight: 500;
    }

    /*.responsiveTable tr td:first-child:after,
    .responsiveTableWithUnderline tr td:first-child:after {
        display: none;
    }*/
    
}

/* noResponsive */

.noResponsive { background-color: #ffffff; margin-top: 2%; border: 10px solid #fff;  }
.noResponsive.withUnderLine .heading { border-bottom: 3px solid #3c517b; }
.noResponsive tr td { text-align: center; }
    .noResponsive .heading td, .noResponsive tr:first-child td {
        font-size: 20px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        line-height: 20px;
        font-weight: normal;
    }
    .noResponsive tr td:first-child {
        background: none repeat scroll 0 0;
        font-size: 18px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        text-align: center;
        vertical-align: middle;
    }
.noResponsive tr td:nth-child(2n) { text-align: center; }
    .noResponsive tr td {
        border: 0;
        font-family: 'urw_geometric_extlight', sans-serif;
        font-weight: normal;
    }
.noResponsive tr:nth-child(even) td { background: #e8e9ef; }
.noResponsive tr td:first-child { text-align: left; padding-left: 20px !important; }

.noResponsiveWithUnderline { background-color: #ffffff; margin-top: 2%; border: 10px solid #fff;  }
.noResponsiveWithUnderline tr:first-child { border-bottom: 3px solid #3c517b; }
.noResponsiveWithUnderline tr td { text-align: center; }
    .noResponsiveWithUnderline tr:first-child td {
        font-size: 20px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        line-height: 20px;
        font-weight: normal;
    }
.noResponsiveWithUnderline tr td:first-child { background: none repeat scroll 0 0; font-size: 18px; }
    .noResponsiveWithUnderline tr td:first-child {
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        text-align: center;
        vertical-align: middle;
    }
.noResponsiveWithUnderline tr td:nth-child(2n) { text-align: center; }
    .noResponsiveWithUnderline tr td {
        border: 0;
        font-family: 'urw_geometric_extlight', sans-serif;
        font-weight: normal;
    }
.noResponsiveWithUnderline tr:nth-child(even) td { background: #e8e9ef; }
.noResponsiveWithUnderline tr td:first-child { text-align: left; padding-left: 20px !important; }

/* responsive tables update : 31-05-2018 : start */

@media only screen and (min-width: 1025px) {
    .responsiveTable .tbl_lbl,
    .responsiveTableWithUnderline .tbl_lbl {
        display: none;
    }
}
/* responsive tables update : 31-05-2018 : end */

@media only screen and (max-width: 1024px) {
    .noResponsive tr td:first-child { padding-left: initial !important; font-size: 14px; }
    .noResponsive tr td, .noResponsive .heading td { font-size: 14px; line-height: normal; }

    .noResponsiveWithUnderline tr td:first-child { padding-left: initial !important; font-size: 14px; }
    .noResponsiveWithUnderline tr td, .noResponsiveWithUnderline tr:first-child td, .noResponsive .heading td, .noResponsive tr:first-child td { font-size: 14px; line-height: normal; }

    .responsiveTableWithUnderline.SpecialBagg td:nth-of-type(1):before {
        top: inherit;
        margin-top: 0;
        font-size: 18px;
        white-space: normal;
        padding-top: 13px;
        padding-bottom: 0;
        line-height: 20px;
        display: inline-block;
        min-height: 73px;
    }   
    
    .responsiveTableWithUnderline.SpecialBagg td:before{
        width: 48%;
    }
    .responsiveTableWithUnderline.SpecialBagg td {
        padding-left: 52% !important;
    }
    
    .responsiveTableWithUnderline.SpecialBagg tr td{
        min-height: 86px;
    }
    
    .responsiveTableWithUnderline.SpecialBagg tr td:not(:first-child){
        left: 0;
    }
    .responsiveTableWithUnderline.SpecialBagg {
        padding: 0;
        display: block;
    }

    /* responsive tables update : 31-05-2018 : start */
    .responsiveTableWithUnderline tr,
    .responsiveTable tr {
    }

    .responsiveTableWithUnderline tr td,
    .responsiveTable tr td {
        min-height: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .responsiveTable tr td,
    .responsiveTableWithUnderline tr td {
        padding: 0 !important;
    }
    /* responsive tables update : 31-05-2018 : end */

}

/* swipeTable */

.horizontalScroll { position: relative; }
.horizontalScroll.scrolled:after { content: ''; position: absolute; top: 20px; left: 50%; margin-left: -51.5px; width: 103px; height: 111px; opacity: 0; visibility: hidden; background: url(/media/hand.png) no-repeat; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.swipeTable, .swipeTable td, .swipeTable th { border-collapse: collapse; width: auto; }
    .swipeTable tr:first-child td {
        font-weight: normal;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
    }
.swipeTable { background-color: #ffffff; margin-top: 2%; table-layout: fixed; min-width: 100%; border: 10px solid #fff;  }
.swipeTable.withUnderLine .heading { border-bottom: 3px solid #3c517b; }
    .swipeTable .heading td {
        font-size: 20px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        line-height: 20px;
    }
.swipeTable tr td { text-align: center; }
.swipeTable tr td:first-child { background: none repeat scroll 0 0; font-size: 18px; }
    .swipeTable tr td:first-child {
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        text-align: center;
        vertical-align: middle;
    }
.swipeTable tr td:nth-child(2n) { text-align: center; }
    .swipeTable tr td {
        border: 0;
        font-family: 'urw_geometric_extlight', sans-serif;
        font-weight: normal;
    }
.swipeTable tr:nth-child(even) td { background: #e8e9ef; }
.swipeTable tr td:first-child { text-align: left; padding-left: 20px !important; }

.swipeTableWithUnderline, .swipeTableWithUnderline td, .swipeTableWithUnderline th { border-collapse: collapse; width: auto; }
    .swipeTableWithUnderline tr:first-child td {
        font-weight: normal;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
    }
.swipeTableWithUnderline { background-color: #ffffff; margin-top: 2%; table-layout: fixed; min-width: 100%;border: 10px solid #fff;  }
.swipeTableWithUnderline tr:first-child { border-bottom: 3px solid #3c517b; }
    .swipeTableWithUnderline tr:first-child td {
        font-size: 20px;
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        line-height: 20px;
    }
.swipeTableWithUnderline tr td { text-align: center; }
.swipeTableWithUnderline tr td:first-child { background: none repeat scroll 0 0; font-size: 18px; }
    .swipeTableWithUnderline tr td:first-child {
        color: #002677;
        font-family: 'urw_geometric_extsemi_bold', sans-serif;
        text-align: center;
        vertical-align: middle;
    }
.swipeTableWithUnderline tr td:nth-child(2n) { text-align: center; }
    .swipeTableWithUnderline tr td {
        border: 0;
        font-family: 'urw_geometric_extlight', sans-serif;
        font-weight: normal;
    }
.swipeTableWithUnderline tr:nth-child(even) td { background: #e8e9ef; }
.swipeTableWithUnderline tr td:first-child { text-align: left; padding-left: 20px !important; }

@media only screen and (max-width: 1200px) {
    .horizontalScroll { overflow: hidden; min-height: 130px; }
    .horizontalScroll.scrolled:after { opacity: 1; visibility: visible; }
    .horizontalScroll.scrolled.shown:after { opacity: 0; visibility: hidden; }

    .swipeTable tr td { white-space: nowrap; }

    .swipeTableWithUnderline tr td { white-space: nowrap; }
}

@media only screen and (max-width: 767px) {
    .responsiveTableWithUnderline tr td {
        font-size: 16px;
        min-height: inherit;
    }
}
/****************************************** MY AEGEAN HEADER : START ***********************************************/
header .login .nav-submenu ul li.menu_avatar {
    padding: 20px 15px;
}

header .login .login-text {
    display: inline-block;
    position: relative;
    padding-left: 38px;
}

header .login .login-text:before {
    content: '';
    background: url(/media/icons/login-light-blue.svg) no-repeat scroll center center;
    background-size: contain;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 0;
}

header .login .login-text span {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.login.hideL .nav-submenu li a,
.login.mob_login .nav-submenu li a {
    font-weight: 300;
    font-family: 'PFHandbookPro';
    font-size:18px;
}

.login.hideL .nav-submenu li.greyed.upgrade a,
.login.mob_login .nav-submenu li.greyed.upgrade a {
    font-weight: bold;
}


/***********************************************************************************************************/
/*------------------------------------         RESPONSIVE                    ------------------------------*/
/***********************************************************************************************************/
@media only screen and (min-width:768px) {    
    .headwrap .login.mob_login {
        display: none;
    }    
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    header .login .login-text:before {
        top: 7px
    }

    header .login .login-text span {
        max-width: 128px;
    }
}

@media only screen and (max-width:991px) {
    header .login .nav-submenu ul li.menu_avatar {
        padding-left: 15px;
        padding-right: 15px;
    }


    .login.hideL .icon-angle-down {
        display: none !important;
    }

    header .login.hideL .login-text {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    header .login .login-text:before {
        top: -2px;
    }
    
    .login.hideL .nav-submenu ul:before,
    .login.mob_login .nav-submenu ul:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 8px solid #ffffff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        bottom: 100%;
        right: 59px;
    }

    .login.hideL .nav-submenu ul:before {
        right: auto;
        left: 29px;   
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .login.hideL .nav-submenu ul:before {
        left: 80px;
    }

    .login.hideL .nav-submenu {
        min-width: 289px;
    }
}

@media only screen and (max-width:767px) {    
   .menu_avatar .menu_avatar_img {
        max-width: 100px;
    }

    .headwrap .login.mob_login .icon-login {
        display: none;
    }

    .headwrap .login.mob_login .js-main-navigation {
        display: inline-block;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 55px;
        top: 18px;
        float: right;
        background: url(/media/icons/login.colors-white-lightPrimary.svg) no-repeat scroll center center;
        background-size: contain;
        height: 26px;
        width: 26px;
    }

    .headwrap .login.mob_login .js-main-navigation:not(.loginpopup) {
        background-image: url(/media/icons/login-light-blue.svg);
    }

    header .login.mob_login .icon-login.round-img {
        width: 27px !important;
        height: 27px;
        background-size: cover;
    }

    .login.mob_login .login-text {
        display: none;
    }

    .headwrap > .icon-globe.language-select {
        right: 75px;
    }

    .login.mob_login .nav-submenu {
        position: absolute;
        top: calc(100% - 2px);
        right: 0;
        min-width: 296px;
        border-radius: 2px;
        box-shadow: 0 8px 8px 0 rgba(29,27,27,.3);
        display: none;
        max-width: 289px;
    }

    .main-navigation .login {
        display: none;
    }

    header .login .nav-submenu ul li.menu_avatar {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 390px) {
    .login.mob_login .nav-submenu {
        min-width: 260px;
    }
}

/* Initials */
.menu_avatar {
    --initialsBG: #099395;
}

.menu_avatar--youth {
    --initialsBG: #099395;
}

.menu_avatar--blue {
    --initialsBG: #8CA6BF;
}

.menu_avatar--silver {
    --initialsBG: #6A778A;
}

.menu_avatar--gold {
    --initialsBG: #7C6F42;
}

.menu_avatar_img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--initialsBG);
    border: 4px solid var(--initialsBG);
}
