/* FIX MAIN CONTAINER TO FULL WIDTH */

.module-row.module-row--campaign_widget .container {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.Campaign.lg\:max-w-6xl.self-center,.module-row.module-row--campaign_widget .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0
}

.px-3,.py-4 {
    padding: 0
}

div.tab-pane {padding-bottom: 0;}
div.tab-pane .py-2:not(.w-full) {padding: 0;}
ul.nav.nav-tabs {width: 100%; margin-bottom: 0; }
div.tab-content {width: 100%; margin: 0 auto; }
@media only screen and (max-width: 1024px) {
    .__pfs.row.__bss {margin: 0;}
}


/* END FIX MAIN CONTAINER TO FULL WIDTH */


/* FIX HEADER IMAGES TO FULL WIDTH */

.hub-img img {
    width: 100%;
    max-width: 100%;
    margin: 0;
}


/* END FIX HEADER IMAGES TO FULL WIDTH */


/* TABS */

.tabs {
    display: flex;
    justify-content: space-around;
    margin: 20px 2px 40px 2px;
    margin-bottom: 0;
}

.tabs>* {
    width: 100%;
    color: dimgray;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding: 35px;
}

.tabs>*:hover:not(.active) {
    background-color: rgb(220, 220, 220);
}

.tabs>.active {
    color: #005078;
    background-color: white;
    font-weight: 600;
    border-bottom: 3px solid #005078;
    box-shadow: 0px 5px 15px -10px #000000;
}

.panel {
    display: none;
}

.panel.active {
    display: block;
}

.tabs {
    margin-top: 50px;
    box-shadow: none;
}


/* END TABS */


/* ICONS */

.bf-icon {
    font-style: normal;
    position: relative;
    text-align: center;
}

.tabs .tab .bf-icon:before {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
}

.bf-plane:before,
.bf-bed:before,
.bf-shopping:before,
.bf-seat-recline:before,
.bf-umbrella:before,
.bf-gift:before,
.bf-save-points:before,
.bf-car-rental:before,
.bf-seat-estore:before,
.bf-esavings:before,
.bf-store:before,
.bf-tag:before,
.bf-king-bed:before,
.bf-gift-box:before,
.bf-car:before,
.bf-plane-blue:before,
.bf-umbrella-blue:before,
.bf-seat-estore-blue:before,
.bf-car-blue:before,
.bf-tag-blue:before,
.bf-store-blue:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.bf-plane:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/bf-plane.svg);
}
.bf-plane-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/plane-blue.svg);
}

.bf-bed:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/bf-hotel-bed.svg);
}

.bf-shopping:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/bf-shopping-bag.svg);
}

.bf-seat-recline:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/flight-airline-seat.svg);
}

.bf-umbrella:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/flight-beach-access.svg);
}
.bf-umbrella-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/beach-blue.svg);
}

.bf-gift:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/flight-gift-card.svg);
}

.bf-save-points:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/stays-king-bed-black.svg);
}

.bf-car-rental:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/stays-car-black.svg);
}

.bf-seat-estore:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/retail-shopping-bag.svg);
}
.bf-seat-estore-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/retail-shopping-bag-blue.svg);
}

.bf-esavings:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/retail-local-offer.svg);
}

.bf-store:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/icons/retail-store-black.svg);
}
.bf-store-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/retail-store-blue.svg);
}
/* .bf-tag:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/tag.svg);
} */
.bf-tag:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/gift_card.svg);
}
/* .bf-tag-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/tag-blue.svg);
} */
.bf-tag-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/tab-icon-everyday-selected.svg);
}

.bf-king-bed:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/king_bed_black_24dp.svg);
}

.bf-car-rental:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/car_rental_black_24dp.svg);
}

.bf-gift-box:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/gift.svg);
}

.bf-car:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/car.svg);
}
.bf-car-blue:before {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/car-blue.svg);
}


/* END ICONS */


/* CONTENT CSS */

.module-row.module-row--campaign_widget .container {
    padding-left: 0;
    padding-right: 0;
}

.hub-panelNav {
    text-align: center;
    padding: 0px 0px 30px;
    margin-bottom: 80px;
}

.hub-content {
    background-color: white;
}

#panels .panel {
    position: relative;
    z-index: 0;
    box-shadow: none;
}

#panels>div.flights-travel.panel.active>div:nth-child(2),
#panels>div.hotels-cars.panel.active>div:nth-child(2),
#panels>div.retail-deals.panel.active>div:nth-child(2) {
    /* margin-top: -105px; */
    position: relative;
    z-index: 100;
}

.hub-panelNav .bf-icon {
    font-size: 16px;
    font-weight: 600;
}

.hub-panelNav .bf-icon {
    position: relative;
    display: inline-block;
}

.hub-panelNav .bf-icon:before {
    float: left;
    margin-right: 5px;
}

.hub-panelNav .bf-icon {
    font-size: 16px;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
}

i.bf-icon.bf-seat-recline,
i.bf-icon.bf-tag,
i.bf-icon.bf-gift,
i.bf-icon.bf-king-bed,
i.bf-icon.bf-car-rental,
i.bf-icon.bf-gift-box,
i.bf-icon.bf-car,
i.bf-icon.bf-umbrella,
i.bf-icon.bf-save-points,
i.bf-icon.bf-seat-estore,
i.bf-icon.bf-esavings {
    border-right: 1px solid #bcbcbc;
}

.hub-content .col-lg-6.col-md-6.col-sm-12.col-xs-12 h2 {
    margin-top: 0;
}

#panels>div.flights-travel.panel.active>div:nth-child(2)>div:nth-child(2)>div:nth-child(1) {
    padding-left: 0;
}

#panels>div.flights-travel.panel.active>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
    padding-right: 0;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px 20px;
    border: 1px solid #004060;
    color: #fff;
    width: fit-content;
    background: #004060;
}

span#code {
    margin-right: 30px;
    font-weight: bold;
}

span.copy-icon {
    font-size: 12px;
}

span.copy-icon img {
    margin-right: 5px;
    filter: brightness(100);
    width: 16px;
    height: 16px;
    display: inline-block;
}

#earn-bonus-points>div>div>div:nth-child(1)>div>div:nth-child(1):after {
    content: "";
    display: none !important;
    height: 11%;
    width: 2px;
    background-color: #e9e9e9;
    position: absolute;
    top: 866px;
    right: 0;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code span#code {
    font-weight: 500;
}

.hub-flights-acv {
    margin-top: 40px;
    margin-bottom: 40px;
}

.hub-flights-acv h2:after {
    content: '';
    display: block;
    height: 4px;
    width: 30px;
    background-color: #bba88d;
    margin-top: 10px;
}

.ae-join-banner {
    background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/lg-blackFriday-ae-banner.png);
    height: 200px;
    background-size: cover;
    padding: 30px 60px;
    margin-top: 50px;
    margin-bottom: 40px;
}

.ae-join-banner h3 {
    font-size: 28px;
    max-width: 500px;
    margin-top: 0;
}

.ae-join-banner a {
    background-color: #005078;
    color: white;
    font-weight: 400;
    padding: 13px 40px;
    margin-top: 5px;
    display: inline-block;
}

.partner-hotel-logos {
    text-align: center;
    padding: 40px 0 90px;
}

.partner-hotel-logos h4 {
    font-weight: 600;
}

.partner-hotel-logos .partner_logo {
    display: inline;
    vertical-align: middle;
}

.logo-narrow {
    max-width: 100px;
}

.logo-wide {
    max-width: 200px;
}

.partner-hotel-logos>div>img:nth-child(1) {
    max-width: 90px;
}

.partner-hotel-logos>div>img:nth-child(3) {
    max-width: 110px;
}

.partner-hotel-logos>div>img:nth-child(4) {
    max-width: 250px;
    margin-right: 0;
}

.partner-hotel-logos div {
    display: inline-block;
    margin-top: 50px;
}

.partner-hotel-logos div img {
    margin-right: 60px;
}

.hub-content.bg-blue {
    background-color: #f1f7fa;
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 170px;
    padding-right: 170px;
}

.pill_black {
    background-color: black;
    color: white;
}

.header-pill {
    padding: 5px 20px;
    border-radius: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
}

.hotels-cars.panel.active>div.hub-content.bg-blue>div:nth-child(2) {
    text-align: center;
    margin-bottom: 40px;
}

.hotels-cars.panel.active>div.hub-content.bg-blue>div:nth-child(2) .title-footer-note {
    margin-top: 0;
}

.title-footer-note:after {
    content: '';
    display: block;
    background-color: #bba88d;
    height: 3px;
    width: 25px;
    margin: 0 auto;
    margin-top: 10px;
}

.hotels-cars.panel.active>div.hub-content.bg-blue>div:nth-child(3) {
    margin-bottom: 30px;
    text-align: center;
}

#mobile_hotels>div.hub-content.bg-blue>div:nth-child(4)>div:nth-child(1):after {
    content: '';
    height: 75px;
    width: 1px;
    background-color: #c1c5c8;
    position: absolute;
    right: -4px;
    top: 45px;
}

.hotels-cars.panel.active>div.hub-content.bg-blue>div:nth-child(3)>div:nth-child(3) {
    margin-top: 40px;
}

.hotels-cars.panel.active>div.hub-content.bg-blue>div:nth-child(3) img {
    max-width: 200px;
    min-height: 44px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.car-booking_widget iframe {
    width: 100%;
    height: 580px;
    border-radius: 14px;
}

.retail-shops .col-lg-3.col-md-4.col-sm-4.col-xs-6 {
    text-align: center;
}

.retail-shops_name {
    color: #005078;
    font-size: 20px;
    font-weight: 600;
}

.retail-shops_points {
    font-size: 14px;
    font-weight: 700;
}

.retail-shops_date,
.retail-shops_points {
    margin-bottom: 3px;
}

.retail-shops .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    text-align: center;
}

.retail-shops .btn-bordered {
    background-color: white;
    border: 1px solid #005078;
    padding: 15px 75px;
    color: #005078;
    text-decoration: none;
    margin-top: 40px;
    margin-bottom: 40px;
    display: inline-block;
}

.retail-deals.panel.active>div.hub-content.bg-blue>h2,
.retail-deals.panel.active>div.hub-content.bg-blue>p {
    text-align: center;
}

.retail_partner-offers {
    margin-top: 40px;
    padding-left: 170px;
    padding-right: 170px;
    margin-bottom: 70px;
}

.partner-offers_body h3 {
    margin-top: 0;
}

.partner-offers_body {
    background-color: white;
    min-height: 280px;
    padding: 30px;
    text-align: left;
}

.partner-offers_body h3:after {
    content: '';
    background-color: #b8a890;
    display: block;
    height: 3px;
    width: 20px;
    margin-top: 15px;
}

.retail_partner-offers .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    -webkit-box-shadow: 0px 0px 15px -7px #000000;
    box-shadow: 0px 0px 15px -7px #000000;
    padding: 0;
    width: calc(50% - 20px);
}

.retail_partner-offers>div:nth-child(1) {
    margin-right: 40px;
}

.retail-ae-cc-stacked {
    padding-left: 200px;
    margin-bottom: 25px;
    text-align: left;
}

.retail-ae-cc-stacked h3 {
    margin-top: 5px;
}

#mobile_flights>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>h2:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    background-color: #bba88d;
    margin-top: 10px;
}

.tc-panel-content ul,
.tc-panel-content ol {
    margin-left: 40px;
}

.tc-panel-content ul {
    list-style: inherit;
}

.tc-panel-content ol {
    list-style: decimal;
}

div#bf-retail-partner-offers {
    text-align: center;
}

div#bf-car-rental-offers {
    text-align: left;
}

#mobile_hotels>div.hub-content.bg-blue>div:nth-child(4)>div img,
#mobile_hotels>div.hub-content.bg-blue>div:nth-child(5)>div img {
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#mobile_hotels>div.hub-content.bg-blue>div:nth-child(4)>div,
#mobile_hotels>div.hub-content.bg-blue>div:nth-child(5)>div {
    text-align: center;
    margin-bottom: 20px;
}

#mobile_hotels>div.hub-content.bg-blue>div:nth-child(1) {
    text-align: center;
}

span.header-callout {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

#mobile_hotels>div.hub-content.bg-blue>div:nth-child(3)>div>h2 {
    margin-top: 10px;
}

.retail-shops img {
    width: 100%;
    height: 150px;
    border: 1px solid #efefef;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 20px;
}

html[lang^='fr'] .partner-offers_body {
    min-height: 315px;
}

.bf-seat-recline:before,
.bf-seat-recline:before,
.bf-gift:before,
.bf-save-points:before,
.bf-car-rental:before,
.bf-seat-estore:before,
.bf-esavings:before,
.bf-store:before {
    margin-top: 2px;
}

/* div#bf-seat-sale p {
    margin-bottom: 20px;
} */

/* div#bf-seat-sale {
    display: inline-block;
    margin-bottom: 40px;
} */

/* div#bf-seat-sale .img-responsive {margin: 0 0 0 auto;}
div#bf-seat-sale p.booking-mask-popup.btn-book-now.blue {
    text-align: left;
} */
/* @media only screen and (max-width: 767px){
    div#bf-seat-sale {display: flex; flex-direction: column-reverse;}
    div#bf-seat-sale .img-responsive {margin: 0 auto;} 
} */


/* END CONTENT CSS */


/* MOBILE NAV */

.dropbtn {
    background-color: transparent;
    color: #3c3c3c;
    padding: 5px 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: block;
    clear: both;
    width: 100%;
    text-align: left;
    font-weight: 500;
    display: flex;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #b9b9b9;
    padding: 15px;
    background-color: white;
    margin-bottom: 15px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fbfbfb;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 100%;
    left: 0;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: 400;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.dropdown span {
    display: inline-block;
    float: left;
    font-weight: 700;
    color: black;
    font-size: 18px;
    margin-bottom: 20px;
}

button.dropbtn:after {
    content: "";
    background: url(https://www.aircanada.com/content/dam/aircanada/loyalty-content/images/icon/chevron-down.svg) no-repeat center center;
    background-size: 10px 10px;
    display: block;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: auto;
}


/* END MOBILE NAV */


/* RESPONSIVE - MOBILE */

@media (min-width: 320px) and (max-width: 556px) {
    .bf-mobileNav {
        padding: 20px;
    }
    .hub-content {
        max-width: 95%;
        margin: 0 auto;
        position: relative;
    }
    /* #panels>div.flights-travel.panel>div:nth-child(2),
    #panels>div.hotels-cars.panel>div:nth-child(2),
    #panels>div.retail-deals.panel>div:nth-child(2) {
        margin-top: -80px;
    } */
    i.bf-icon.bf-seat-recline,
    i.bf-icon.bf-umbrella,
    i.bf-icon.bf-save-points,
    i.bf-icon.bf-seat-estore,
    i.bf-icon.bf-esavings {
        border: none;
    }
    i.bf-icon.bf-seat-recline:after,
    i.bf-icon.bf-umbrella:after,
    i.bf-icon.bf-save-points:after,
    i.bf-icon.bf-seat-estore:after,
    i.bf-icon.bf-esavings:after {
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        background-color: grey;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .hub-panelNav {
        padding: 30px 0px 0px;
        margin-bottom: 50px;
    }
    .col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code {
        width: 80%;
    }
    .col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code span#code {
        float: left;
    }
    span.copy-icon {
        float: right;
        width: 55%;
    }
    div.ntp-container img {
        max-width: 16px;
    }
    #panels>div.flights-travel.panel.active>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
        padding-left: 0;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .hub-flights-acv .col-lg-6.col-md-6.col-sm-12.col-xs-12 h2 {
        margin-top: 20px;
    }
    .ae-join-banner {
        background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/sm-blackFriday-ae-banner.png);
        height: 430px;
        padding: 50px 40px;
        margin-bottom: 50px;
        text-align: center;
    }
    .ae-join-banner h3 {
        font-size: 20px;
    }
    .logo-wide {
        max-width: 140px;
    }
    .partner-hotel-logos>div>img:nth-child(3) {
        max-width: 115px;
        margin-right: 40px;
        margin-top: 40px;
    }
    .partner-hotel-logos div {
        padding-left: 25px;
        padding-right: 25px;
    }
    .partner-hotel-logos>div>img:nth-child(4) {
        max-width: 160px;
        margin-top: 40px;
    }
    .partner-hotel-logos div .logo-wide {
        margin-right: 0;
    }
    .hub-content.bg-blue {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .hub-content.bg-blue .hub-flights-acv .col-lg-6.col-md-6.col-sm-12.col-xs-12 h2 {
        margin-top: 0;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(2),
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) p,
    #mobile_retail>div.hub-content.bg-blue h2,
    #mobile_retail>div.hub-content.bg-blue p {
        text-align: center;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(2) .title-footer-note {
        margin-top: 5px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) img {
        margin: 30px auto;
        max-width: 200px;
    }
    .retail_partner-offers {
        padding-left: 10px;
        padding-right: 10px;
    }
    .retail_partner-offers .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
        width: calc(100% - 0px);
    }
    #mobile_retail div.hub-content.bg-blue .partner-offers_body p {
        text-align: left;
    }
    .retail_partner-offers>div:nth-child(1) {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .retail-ae-cc-stacked {
        padding-left: 0px;
        margin-bottom: 15px;
    }
    #mobile_retail>div.hub-content.bg-blue .retail-ae-cc-stacked .col-lg-6.col-md-6.col-sm-4.col-xs-12 p {
        text-align: left;
    }
    #mobile_retail>div.hub-content.bg-blue .retail-ae-cc-stacked .col-lg-6.col-md-6.col-sm-8.col-xs-12 {
        margin-top: 25px;
    }
    .car-booking_widget iframe {
        height: 880px;
    }
    .header-pill.pill_black {
        margin-top: 20px;
    }
    .hub-content.bg-blue .hub-flights-acv .col-lg-6.col-md-6.col-sm-12.col-xs-12 h2:after {
        margin: 0 auto;
        margin-top: 18px;
        margin-bottom: 18px;
    }
    span.header-callout {
        text-align: center;
    }
    #mobile_retail div.hub-content.bg-blue .retail-ae-cc-stacked p {
        text-align: left;
    }
}


/* END RESPONSIVE - MOBILE */


/* RESPONSIVE - PHABLET */

/* @media (min-width: 320px) and (max-width: 1024px) {
    .tabs {
        display: none;
    }
} */

@media (min-width: 560px) and (max-width: 768px) {
    .hub-content {
        width: 95%;
        margin: 0 auto;
    }
    .bf-mobileNav {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #panels>div.flights-travel.panel.active>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
        padding-left: 0;
        margin-bottom: 40px;
        margin-top: 30px;
    }
    .hub-flights-acv .col-lg-6.col-md-6.col-sm-12.col-xs-12 h2 {
        margin-top: 20px;
    }
    .ae-join-banner {
        background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/md-blackFriday-ae-banner.png);
        margin-bottom: 50px;
    }
    .bg-grey.row.travel_ready .divider.ver-div {
        height: 0;
    }
    #panels>div.flights-travel.panel>div:nth-child(2),
    #panels>div.hotels-cars.panel>div:nth-child(2),
    #panels>div.retail-deals.panel>div:nth-child(2) {
        /* margin-top: -105px; */
        position: relative;
        z-index: 100;
    }
    .partner-hotel-logos div img {
        margin-right: 30px;
    }
    .logo-wide {
        max-width: 165px;
    }
    .partner-hotel-logos>div>img:nth-child(4) {
        max-width: 200px;
        margin-right: 0;
    }
    .hub-content.bg-blue {
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div.hub-flights-acv.row>div:nth-child(1) {
        padding-bottom: 30px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(2) {
        text-align: center;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(2) .title-footer-note {
        margin-top: 10px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) {
        text-align: center;
        margin-bottom: 40px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) img {
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 200px;
    }
    #mobile_retail>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) img {
        margin-top: 30px;
    }
    .retail_partner-offers {
        padding-left: 20px;
        padding-right: 20px;
    }
    #mobile_retail>div.hub-content.bg-blue>h2,
    #mobile_retail>div.hub-content.bg-blue>p {
        text-align: center;
    }
    .partner-offers_body {
        min-height: 315px;
    }
    .retail-ae-cc-stacked {
        padding-left: 10%;
        padding-right: 10%;
    }
    .retail-ae-cc-stacked img {
        margin-bottom: 20px;
    }
    .col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code {
        width: 35%;
    }
    .col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code span#code {
        float: left;
    }
    div.ntp-container img {
        width: 16px;
    }
    .flights-travel .hub-flights-acv .col-lg-6.col-md-6.col-sm-12.col-xs-12 h2 {
        margin-top: 0;
    }
    .hub-content .bg-grey.row.travel_ready img {
        margin-top: 30px;
    }
    .car-booking_widget iframe {
        height: 840px;
    }
    html[lang^='fr'] .partner-offers_body {
        min-height: 385px;
    }
}


/* END RESPONSIVE - PHABLET */


/* RESPONSIVE - TABLET */

@media (min-width: 768px) and (max-width: 1024px) {
    .hub-content {
        width: 95%;
        margin: 0 auto;
    }
    .bf-mobileNav {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code {
        width: 35%;
    }
    .col-lg-6.col-md-6.col-sm-12.col-xs-12 .ntp-tooltip button.copy-code span#code {
        float: left;
    }
    div.ntp-container img {
        width: 18px;
        height: 18px;
    }
    #panels>div.flights-travel.panel.active>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
        padding-left: 0;
        margin-bottom: 40px;
        margin-top: 20px;
    }
    #panels>div.flights-travel.panel.active>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) img {
        width: 80%;
    }
    .hub-flights-acv .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
        width: calc(50% - 10px);
    }
    .ae-join-banner {
        background-image: url(https://www.aircanada.com/content/dam/aircanada/airtrfx/images/campaigns/black-friday/md-blackFriday-ae-banner.png);
        margin-bottom: 30px;
    }
    #panels>div.flights-travel.panel>div:nth-child(2),
    #panels>div.hotels-cars.panel>div:nth-child(2),
    #panels>div.retail-deals.panel>div:nth-child(2) {
        /* margin-top: -105px; */
        position: relative;
        z-index: 100;
    }
    .partner-hotel-logos div img {
        margin-right: 20px;
    }
    .hub-content.bg-blue {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div.hub-flights-acv.row>div:nth-child(2) {
        padding-right: 0;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(2) {
        text-align: left;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(2) .title-footer-note {
        margin-top: 10px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) {
        text-align: center;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) img {
        max-width: 200px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 45px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3) .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
        width: calc(50% - 5px);
        margin-bottom: 20px;
    }
    #mobile_retail>div:nth-child(2)>div:nth-child(4)>div:nth-child(2) {
        padding-right: 0;
    }
    #mobile_retail>div.hub-content.bg-blue>h2,
    #mobile_retail>div.hub-content.bg-blue>p {
        text-align: center;
    }
    .retail_partner-offers {
        padding-left: 20px;
        padding-right: 20px;
    }
    .retail-ae-cc-stacked {
        padding-left: 50px;
        padding-right: 50px;
    }
    .retail-ae-cc-stacked img {
        margin-top: 20px;
    }
    .hub-content .bg-grey.row.travel_ready .divider.ver-div {
        height: 125px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(3)>div:nth-child(1):after {
        content: '';
        display: block;
        height: 70px;
        width: 1px;
        background-color: #d8d8d8;
        position: absolute;
        top: 35%;
        right: -7px;
    }
    html[lang^='fr'] .partner-offers_body {
        min-height: 350px;
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(4)>div:nth-child(1),
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(4)>div:nth-child(2) {
        width: calc(50% - 5px);
    }
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(4)>div img,
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(5)>div img {
        min-height: 45px;
    }
}


/* END RESPONSIVE - TABLET */


/* RESPONSIVE - DESKTOP */

@media (min-width: 1200px) {
    .hub-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
    }
    .bf-mobileNav {
        display: none;
    }
}

@media (min-width: 1600px) {
    .retail_partner-offers {
        padding-left: 350px;
        padding-right: 350px;
    }
    /* div#bf-car-rental-offers,
    #mobile_hotels>div.hub-content.bg-blue>div:nth-child(4),
    .row.car-booking_widget {
        padding-left: 175px;
        padding-right: 190px;
    } */
}


/* END RESPONSIVE - DESKTOP */