@import url("https://cdn.peoplevalue.co.uk/css/boostworkshub/boostworks_about.css");
/* Using a url */
@font-face {
    font-family: 'Druk Web';
    src: url('https://cdn.peoplevalue.co.uk/fonts/boostworkshub/Druk-Medium-Web.woff2') format('woff2'), url('https://cdn.peoplevalue.co.uk/fonts/boostworkshub/Druk-Medium-Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
/* Client Colours */
:root {
    --primary-color: #e5442c;
    --secondary-color: #1f0e77;
    --ivory: #ECE3DC;
    --black: #2b2b2b;
    --discounts: #A664DD;
    --reward: #118D6B;
    --wellbeing: #85AFFF;
    --communication: #e5442c;
    --benefits: #EABC00;
}
* {
    /* box-shadow: none !important; */
    text-shadow: none !important;
}
/* Generic */
body#gatewayShell {
    background-color: var(--primary-color) !important;
}
body.pagehasmenuDiscounts,
body.pagehasmenuRecognition,
body.pagehasmenuWellbeing,
body.pagehasmenuCompetitions,
body.pagehasmenuExtraBenefits,
body.pagehasmenuMore,
body.pagehasmenuHolidayTrading {
    margin-top: 148px;
}
body .card.card-shadow.rounded,
body .rounded .card,
body .rounded,
.rounded,
.rounded-2,
.rounded-3,
body .rounded-3,
.rounded-4,
.rounded-5,
#gatewayShell .rounded-5,
body.hasBannerQuickLinks .singlebanner .card.rounded {
    border-radius: 0px !important;
}
#gatewayShell .gatewayTitle {
    display: none;
}
#gatewayShell .welcomtext {
    margin-top: 10px;
}
#gatewayShell .welcomtext h2 {
    font-size: 3rem;
}
#gatewayShell .card-body h3 {
    font-family: 'Druk Web', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.0358px;
    font-size: 2rem;
}
#bannertype2 .card {
    box-shadow: none;
}
/* Titles */
h1,
h2,
h3,
h4 {
    font-family: 'Druk Web', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
}
/* h1 {
    color: var(--secondary-color);
}
h2,
h3 {
    color: var(--black);
} */
h1.fw-bold,
h2.fw-bold,
h3.fw-bold,
h4.fw-bold,
h5.fw-bold,
h1 .fw-bold,
h2 .fw-bold,
h3 .fw-bold,
h4 .fw-bold,
h5 .fw-bold {
    font-weight: normal !important;
    line-height: 1;
}
strong {
    font-weight: normal !important;
}
#search-global-results strong {
    font-weight: bold!important
}
h2.fs-4 {
    font-size: 2em !important;
    line-height: 1;
}
h2.text-center.mb-4.fw-bold.fs-5.ucase,
h2.text-center.mb-5.fw-bold.fs-5.ucase {
    font-size: 2em !important;
}
h3.fs-5 {
    font-size: 1.5rem !important;
}
h4 span.fw-bold {
    font-weight: normal !important;
}
.retailer-details h4 {
    font-family: inherit !important;
    font-weight: bold !important;
    text-transform: none;
}
.heavytitle {
    font-size: 2rem;
    font-weight: normal;
}
h5.modal-title {
    font-size: 1.5rem;
}
body[id^="Custompage"] .dtlink {
    display: inline-block !important;
}
a#account-dd-active {
    text-transform: uppercase;
    color: #2b2b2b;
}
a#account-dd-active p {
    text-transform: none;
}
/* Banners */
#bannertype2 .card-title {
    font-size: 2.3em !important;
    font-weight: normal;
    line-height: 1 !important;
    color: #ECE3DC;
}
#bannertype2 .card-text {
    color: #ECE3DC;
    font-weight: bold;
}
#bannertype2 .card .caption .captioninner .btn-primary {
    border: 1px solid #ffffff;
}
#bannertype2 .card .caption .captioninner .btn-primary:hover {
    border: 1px solid var(--primary-color);
}
#bannertype2 .col-12.order-2.order-md-1.col-md-6.bg-white.px-0.px-md-auto {
    background-color: var(--primary-color) !important;
}
#toppicks-ql a:nth-child(2) .card.card-shadow.rounded {
    height: 100% !important;
}
#DiscountsIndex.hasBannerQuickLinks #bannertype2 .card .bannerimg {
    height: 366px;
}
.singlebanner .swiper-slide .retailer-logo-banner img {
    max-width: calc(100% - 20px);
}

#NotificationsQLCard {
    margin-bottom: 0 !important;
}
.row.popup-notification-container h5 {
    font-weight: 600;
    color: var(--primary-color);
}
/* Header / Menu */
.navbar-nav .nav-dd-sub-menu {
    top: 46px !important;
}
#account-dd-trigger .initials p.px-0.fw-bold.m-0.fs-4 {
    padding-top: 0px !important;
}
#parentCategories p {
    line-height: 1.1;
    width: calc(100% - 20%);
    padding: 10px 5px 0px;
    background: rgba(255, 255, 255, .9);
    color: var(--secondary-color);
    font-size: 1.3rem;
    font-weight: normal !important;
}
/* #MenuSection a {
    font-family: 'Druk Web', sans-serif;
    letter-spacing: 0.05em;
    font-size: 1.3em;
} */
.navbar-nav .secondary-menu li.nav-item.menu-active :hover,
.navbar-nav .sub-menu li a {
    color: #ECE3DC;
}
/* #MenuSection a.fw-bold {
    font-weight: normal !important;
} */
 #social-row a.text-ivory.ucase.card-title.text-center.mb-4.fw-bold.fs-4,
 #homepagetabs a.text-ivory.ucase.card-title.text-center.mb-4.fw-bold.fs-4 {
    font-family: 'Druk Web';
    font-size: 2rem !important;
    letter-spacing: 0.38px;
    font-weight: normal !important;
}
#MenuSection a.fw-bold.pt-3.pb-2.py-md-2 {
    padding: 0.25em !important;
}
.sub-menu li.px-4.text-sm-center.py-2.nav-item {
    padding-top: 0.4em !important;
    padding-bottom: 0.2em !important;
}
.sub-menu li.px-2.px-md-4.text-sm-center.py-2.nav-item.active {
    padding-top: 0.4em !important;
    padding-bottom: 0.2em !important;
}
/* Font/Btn overides */
.swiper-slide a.btn.btn-outline-primary {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
a.text-primary.card-title.text-center.mb-4.fw-bold.fs-4 {
    font-family: 'Druk Web', sans-serif;
    letter-spacing: 0.05em;
    font-size: 2em !important;
    text-transform: uppercase;
    font-weight: normal !important;
}
#carousel-bestseller .seller-text p.text-dark {
    font-family: 'Druk Web', sans-serif;
    letter-spacing: 0.05em;
    font-weight: normal !important;
    text-transform: uppercase;
    font-weight: normal !important;
    color: var(--primary-color) !important;
}
.category-menu-list p.fw-bold {
    font-family: 'Druk web';
    font-size: 1.4rem;
    font-weight: normal !important;
    letter-spacing: 1px;
}
#toppicks .retailer-details h5.text-center.text-white {
    font-family: inherit;
    text-transform: none;
    font-weight: bold !important;
    font-size: 1.1em;
}
.offer-menu-list p.fw-bold {
    font-family: 'Druk web';
    font-size: 1.4rem;
    font-weight: normal !important;
    letter-spacing: 1px;
}
.initials p.fs-4 {
    font-family: 'Druk Web', sans-serif;
    font-weight: normal !important;
    font-size: 1.7rem !important;
    padding-top: 5px;
    margin: 0 1px !important;
}
/* .btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-discounts,
.btn-outline-recognition,
.btn-outline-wellbeing,
.btn-outline-benefits,
.btn-outline-highlight,
.btn-default,
.btn-danger {
    font-family: 'Druk Web', sans-serif !important;
    letter-spacing: 0.05em !important;
    font-size: 20px !important;
    border-radius: 30px;
    padding: 5px 30px;
    font-weight: normal !important;
} */
#EnterDrawModal .btn-outline-primary {
    padding: 5px 34px !important;
}
/* .modal .btn-default {
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 0.05em !important;
    font-size: 20px !important;
    border-radius: 30px;
    padding: 5px 30px !important;
    font-weight: normal !important;
} */
.pagehasmenuHelp .maincontent h4.text-dark.fw-bold {
    font-family: inherit;
    text-transform: inherit;
    font-weight: bold !important;
}
/* .btn-sm {
    font-weight: normal !important;
    letter-spacing: .038rem !important;
    padding: 5px 20px !important;
} */
.filtercol .btn-primary {
    color: var(--primary-color);
}
/* ul#account-dd a,
ul#account-dd button {
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 0.05em !important;
    font-size: 20px !important;
    font-weight: normal;
} */
/* Misc */
#hotoffers .homeofferpanel .card-body .gridviewoffer {
    margin-top: 20px;
}
#homepagetabs h2.card-title.text-center.fs-4.fw-bold {
    font-size: 1.5em !important;
}
#homepagetabs h3.card-text.text-center.pt-1.pb-2.fw-bold.fs-5 {
    font-size: 2em !important;
}
#homepagetabs .offersummary h4.card-title.text-center.fs-5.fw-bold.pt-1.px-2 {
    font-size: 1.8em !important;
    line-height: 1;
}
#appRow {
    min-height: 150px;
}
#appRow .d-flex.justify-content-between {
    height: 100%;
}
.fuelprices h4.text-center.text-danger {
    font-size: 1.6rem;
}
#carousel-bestseller .seller-text p.text-dark span.fw-bold {
    font-weight: normal !important;
    font-size: 1.5em;
}
.retailer-logo.bg-white.rounded-pill.text-center.pb-3.px-2.w-50.mx-auto.shadow-sm.d-flex.justify-content-center.p-3 {
    transform: translate(-50%, -50px);
}
.col-12.gridviewoffer.p-3 br {
    display: none;
}
/* #DigitalWalletQLCard .quickIcon {
    background: url('https://cdn.peoplevalue.co.uk/img/boostworkshub/wallet_bw.png');  
    width: 68px;
    background-size: contain;
    background-repeat: no-repeat;
} */
#DigitalWalletQLCard .quickIcon img {
    display: none;
}
#NotificationsQLCard h1 {
    display: none;
}
li.menuWellbeing.menu-active a.nav-link {
    color: var(--black)
}
/* #NotificationsQLCard .quickIcon {
    background-image: url('https://cdn.peoplevalue.co.uk/img/boostworkshub/saythankyou_bw.png');
    width: 68px;
    background-size: contain;
    background-repeat: no-repeat;
} */
.singlebanner .swiper {}
/* /* .singlebanner .swiper-slide {
    /* width: 1290px!important;
    margin-left: 50%;
    transform: translate(-50%)!important; 
    opacity: 1!important;
} */
.singlebanner .swiper-slide .card {
    /* margin-top: 1rem!important; */
    margin-bottom: 0 !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--black);
}
#cat-dd a.collapse.show,
#catrew-dd a.collapse.show {
    margin-top: -4px !important;
}
#membershipmodal button.btn-close span {
    display: none;
}
#membershipmodal button.btn-close {
    border: 2px solid white;
    border-radius: 50%;
}
.text-ivory {
    color: var(--ivory) !important;
}
.bg-ivory {
    background-color: var(--ivory) !important;
}
.navbar-nav .secondary-menu li.nav-item.active {
    background: rgba(43, 43, 43, .3);
}
.bg-RecognitionColour,
.bg-recognition,
.bg-DiscountColour,
.bg-discounts,
.bg-CompetitionColour,
.bg-competition,
.pagehasmenuRecognition .navbar-nav .sub-menu li a,
.navbar-nav .sub-menu li a,
.pagehasmenuDiscounts .navbar-nav .sub-menu li a {
    color: var(--ivory) !important;
}
.pagehasmenuRecognition .navbar-nav .secondary-menu li.nav-item.active a {
    color: var(--reward);
}
.pagehasmenuRecognition .navbar-nav .secondary-menu li.nav-item.active a:hover {
    color: var(--ivory);
}
.pagehasmenuWellbeing .navbar-nav .secondary-menu li.nav-item.menu-active :hover,
.pagehasmenuExtraBenefits .navbar-nav .secondary-menu li.nav-item.menu-active :hover,
.pagehasmenuWellbeing .navbar-nav .secondary-menu li.nav-item.menu-active :hover ul li a,
.pagehasmenuExtraBenefits .navbar-nav .secondary-menu li.nav-item.menu-active :hover ul li a {
    color: var(--ivory);
}
i .bi.bi-cloud-arrow-up {
    color: var(--reward) !important;
}
#SavingsCalcIndex .btn.btn-outline-primary {
    padding: 0 10px !important;
}
#FavouritesDiscounts .filtercol .btn-primary.active {
    color: #ffffff !important;
    background: var(--primary-color) !important;
}
#FavouritesDiscounts .filtercol .btn-primary {
    color: #ffffff !important;
    background: #2b2b2b !important;
}
.countofrecipients .profile-pic p.rounded-pill.fs-5 {
    font-size: 1em !important;
    padding: 6px 5px !important;
}

/*filter tabs*/
/*
.filtercol .btn-primary:hover {
    cursor: pointer!important;
}
#search-global-results .filtercol .btn-primary:hover:after
 {
    content: '';
    width: 100%;
    height: 4px;
    background-color: var(--primary-color) !important;
    bottom: -5px;
    z-index: 999;
    left: 0;
    position: absolute;
}

.pagehasmenuExtraBenefits .filtercol .btn-primary:hover:after
 {
    content: '';
    width: 100%;
    height: 5px;
    background-color: var(--benefit-color) !important;
    bottom: -4px;
    z-index: 999;
    left: 0;
    position: absolute;
}

.pagehasmenuWellbeing .filtercol .btn-primary:hover:after
 {
    content: '';
    width: 100%;
    height: 5px;
    background-color: var(--wellbeing-color) !important;
    bottom: -4px;
    z-index: 999;
    left: 0;
    position: absolute;
}

#search-global-results .filtercol .btn-primary.active:hover
 {
    background-color: var(--primary-color) !important;
    color: #ffffff!important;    
}
.pagehasmenuExtraBenefits .filtercol .btn-primary.active:hover
{
    background-color: var(--benefit-color) !important;   
    color: #ffffff!important;    
}
.pagehasmenuWellbeing .filtercol .btn-primary.active:hover
{
    background-color: var(--wellbeing-color) !important;   
    color: #ffffff!important;    
}
.pagehasmenuExtraBenefits a.btn.btn-primary.py-2.mx-2.px-5.rounded.filterlink.active:hover:after
 {
    content: '';
    width: 100%;
    height: 5px;
    background-color:var(--benefit-color) !important;
    border-top: 1px solid white !important;
    bottom: -4px;
    z-index: 9999;
    left: 0;
    position: absolute;
}
.pagehasmenuWellbeing a.btn.btn-primary.py-2.mx-2.px-5.rounded.filterlink.active:hover:after
 {
    content: '';
    width: 100%;
    height: 5px;
    background-color:var(--wellbeing-color) !important;
    border-top: 1px solid white !important;
    bottom: -4px;
    z-index: 9999;
    left: 0;
    position: absolute;
}
*/
/*filter tabs end*/

@media (max-width: 991.98px) {
    #bannertype2 .card-title {
        font-size: 2em !important;
    }
}
@media (max-height: 750px) {
    body#gatewayShell #loginshell h3 {
        display: block;
        width: 70px;
        overflow: hidden;
        white-space: nowrap;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .btn-primary,
    .btn-secondary,
    .btn-outline-primary,
    .btn-outline-secondary,
    .btn-default {
        font-size: 1rem !important;
    }
    .modal .btn-primary,
    .modal .btn-secondary,
    .modal .btn-outline-primary,
    .modal .btn-outline-secondary,
    .modal .btn-default {
        font-size: 1rem !important;
    }
}
@media (max-width: 575.98px) {
    .navbar-nav .nav-dd-sub-menu {
        top: 10px !important;
    }
    .navbar-nav .secondary-menu {
        z-index: 999;
        max-width: 100vw;
        overflow-x: hidden;
    }
    .toppicks-container .homeofferpanel .card h4 {
        font-size: 2.1em;
        font-family: 'Druk Web' !important;
        text-transform: uppercase;
        font-weight: 300 !important;
        margin-bottom: 20px;
    }
    .singlebanner #bannertype2 .card .caption {
        height: 320px !important;
    }

    #FuelCard .singlebanner #bannertype2 .card .caption {
        height: 150px !important;
    }

    #Home #BannerSection > .row,
    #DiscountsIndex #BannerSection > .row {
        padding-top: 0 !important;
    }
    .quicklinks {
        margin: 20px auto;
    }
    #toppicks .catretailerimage.retailer-logo {
        max-width: 200px !important;
        max-height: 200px !important;
        width: 200px;
        height: 150px;
        top: 7.5%;
    }
    body#gatewayShell {
        background-image: none;
        background-size: cover;
        background-color: var(--secondary-color) !important;
    }
    /* body#gatewayShell #login-card {
        background: none;
    } */
    body#gatewayShell h1.gatewayTitle {
        font-size: 5rem;
    }
    /* #gatewayShell .form-signin h3,
    #gatewayShell .card-body h2, 
    #gatewayShell .card-body p {
        color: #ECE3DC;
    }
    body#gatewayShell #login-card p.text-center {
        color: #ECE3DC;
    }
    body#gatewayShell #login-card p a.small.text-muted {
        color: #ECE3DC !important;
    } */
    #appRow {
        min-height: unset;
    }
    /* .singlebanner .swiper-slide {
        width: 100%!important;
        margin-left: auto;
        transform: none!important;
    } */
    #bannertype2 .card-title {
        font-size: 2em !important;
    }
    h2.fs-4,
    #appRow h2 {
        font-size: 1.6em !important;
        line-height: 1;
    }
    #offcanvasMobile a.nav-link {
        font-size: 2em;
        text-align: center;
    }
    #MenuSection a.fw-bold.pt-3.pb-2.py-md-2 {
        padding: 0 !important;
    }
    #offcanvasMobile.offcanvas-top {
        top: 130px;
        padding-top: 20px;
    }
    #offcanvasMobile .nav-dd-menu .sub-menu li a {
        font-size: 1.5em;
    }
}
@media (max-width: 991px) {
    #toppicks .card:hover .catretailerimage.retailer-logo {
        top: -18%;
    }
    #recommendedcarousel .homeofferpanel {
        padding-top: 10px !important;
        margin-top: 10px;
    }
}
/*
#collapseBenefits ul[aria-labelledby="extraben-dd"] a.text-uppercase.text-decoration-none.small.fw-bold,
#collapseWellbeing ul[aria-labelledby="wellbeing-dd"] a.text-uppercase.text-decoration-none.small.fw-bold {
    color: var(--black);
}
li.flex-lg-fill.text-md-center.nav-item.nav-dd.menuExtraBenefits.menu-active:hover a.nav-link,
li.flex-lg-fill.text-md-center.nav-item.nav-dd.menuWellbeing.menu-active:hover a.nav-link,
li.flex-lg-fill.text-md-center.nav-item.nav-dd.menuExtraBenefits.menu-active:hover a.nav-link *,
li.flex-lg-fill.text-md-center.nav-item.nav-dd.menuWellbeing.menu-active:hover a.nav-link * {
    color: var(--black);
}
*/
.navbar-nav .secondary-menu li.nav-item.menu-active .nav-dd-menu li:hover {
    background: rgba(38, 38, 38, .2) !important;
}
.navbar-nav .secondary-menu li.nav-item.menu-active .nav-dd-menu li a:hover {
    background: transparent !important;
}
.navbar-nav .secondary-menu li.nav-item.nav-dd.menuDiscounts.menu-active {
    background: rgba(166, 100, 221, .2);
}
.navbar-nav .secondary-menu li.nav-item.nav-dd.menuRecognition.menu-active {
    background: rgba(17, 141, 107, .2);
}
.navbar-nav .secondary-menu li.nav-item.nav-dd.menuWellbeing.menu-active {
    background: rgba(133, 175, 255, .3);
}
.navbar-nav .secondary-menu li.nav-item.nav-dd.menuExtraBenefits.menu-active {
    background: rgba(234, 188, 107, .3);
}
.navbar-nav .secondary-menu li.nav-item.nav-dd.menuCompetitions.menu-active {
    background: rgba(31, 14, 119, .2);
}
.navbar-nav .secondary-menu li.nav-item.nav-dd.menuMore.menu-active {
    background: rgba(229, 68, 44, .2);
}
#wellben-row .bg-WellbeingColour h3,
#wellben-row .bg-BenefitColour h3,
#wellben-row .bg-WellbeingColour p,
#wellben-row .bg-BenefitColour p {
    color: var(--black) !important;
}
@media (min-width: 768px) and (max-width: 1399.98px) {
    .singlebanner .swiper {
        height: 416px;
    }
}
/* Samsung Galaxy Tab A9 specific */
@media only screen 
and (min-device-width: 799.97px) 
and (max-device-height: 1280px)            
and (orientation : portrait) 
{
    #appRow.hasBoth .appscreen {
        background-size: contain;
    }
    .appRow .member-card {
        display: none!important;
    }
    .membercard-cta .card-title {
        float: right;
        max-width: 48%;
    }
    a#membershipButton {
        position: absolute;
        bottom: 0px;
        right: 20%;
    }
    ul.navbar-nav.navbar-nav-scroll.secondary-menu {
        height: 100%;
    }
    #MenuSection a {
        font-size: 1.8em;
    }
    li#cat-dd, li#catrew-dd {
        display: none !important;
    }
    [id^="Custompage"] .bg-BenefitColour .btn-primary {
        text-wrap: nowrap;
    }    
    body#Custompage9,
    body.pagehasmenuDiscounts, body.pagehasmenuRecognition, body.pagehasmenuWellbeing, body.pagehasmenuCompetitions, body.pagehasmenuExtraBenefits, body.pagehasmenuMore, body.pagehasmenuHolidayTrading {
        margin-top: 124px!important;
    }
    #Home .singlebanner .swiper {
        height: 415px;
    }
    .singlebanner .swiper {
        height: 350px;
    }
    #Home #BannerSection>.row, #DiscountsIndex #BannerSection>.row {
        padding-top: 0;
    }
    #offertype-area .row .col-sm {
        max-width: 25%;
    }
    #offertype-area .row .col-sm h5 {
        padding: 0 !important;
    }
    #search-global-results-shell {
        top: 128px;
    }
    #search-global-results-shell .container {
        margin: 0;
        max-width: 100vw;
        padding: 0;
    }
    ul#search-global-results p {
/*        top: 124px;*/
        margin-left: -15px !important;
        max-width: 100vw !important;
    }
    #search-global-results li h3 {
        max-width: calc(100vw - 15px);
    }
    #HeaderShell.fixed-top {
        max-width: 100vw !important;
        margin: 0;
    }
    #MakeANominationModal .modal-dialog {
        max-width: 85% !important;
    }
    #MakeANominationModal .nominatebuttons .col-md-3 {
        width: 20% !important;
    }
    .valuebadges {
        padding: 0px !important;
    }
    p.cat-title.text-recognition {
        min-height: 80px;
    }
    #homecategory- .card-img {
        border-radius: 0;
    }
    #social-row span.badge {
        font-size: 0.7em;
    }
    .feeditem .col-3.d-sm-flex {
        display: block !important;
    }
    #DigitalWalletIndex .container-fluid.container-xl.px-0,
    #NotificationsIndex .container-fluid.container-xl.px-0,
    #AccountProfile .container-fluid.container-xl.px-0,
    #ExtraBenefitsIndex .container-fluid.container-xl.px-0,
    #FuelCard .container-fluid.container-xl.px-0,
    #SavingsCalcIndex .container-fluid.container-xl.px-0,
    #SavingsSpace .container-fluid.container-xl.px-0,
    #OnTheSpotIndex .container-fluid.container-xl.px-0,
    #DigitalRewardsIndex .container-fluid.container-xl.px-0,
    #BespokeNominations .container-fluid.container-xl.px-0,
    #LongServiceAwards .container-fluid.container-xl.px-0,
    #NominationApproval .container-fluid.container-xl.px-0,
    #BasketIndex .container-fluid.container-xl.px-0,
    #PaymentIndex .container-fluid.container-xl.px-0,
    #WellbeingIndex .container-fluid.container-xl.px-0 {
        padding: 0 25px !important;
    }
    #Retailer .card h2, #Retailer .card h3, #DigitalWalletIndex .card h2, #DigitalWalletIndex .card h3 {
        font-size: 1.1em !important;
    }
    #MyStatementIndex .cashbackmod .btn.btn-primary {
        white-space: nowrap !important;
    }
    #ExtraBenefitsIndex .filtercol {
        overflow-x: scroll !important;
    }
    #SavingsCalcIndex .cat-range .col-12.col-sm.pe-5:nth-child(1) {
        min-width: 180px !important;
    }
    #SavingsCalcIndex .cat-range p {
        font-size: 0.9em!important;
    }
    #SavingsCalcIndex .btn.btn-outline-primary {
        font-size: 1em !important;
        margin: 5px auto !important;
        padding: 0 20px !important;
    }
    #NominationApproval h5#rewardModalLabel {
        max-width: 75%;
        font-size: 1em;
        line-height: 1;
    }
    #NominationApproval .modal .modal-footer button {
        font-family: "Source Sans Pro", sans-serif;
        letter-spacing: 0.05em !important;
        font-size: 20px !important;
        border-radius: 30px;
        padding: 5px 30px !important;
        font-weight: normal !important;
        min-width: 48%;
        margin-top: 10px;
    }
    #NominationApproval .modal .modal-footer button i {
        display: none;
    }
    #NominationApproval .form-inline a.btn.btn-primary.ucase[style],
    #NominationApproval .form-inline button.btn.btn-primary.ucase[style] {
        position: relative !important;
        top: unset!important;
        right: unset!important;
    }
    #NominationApproval h2.text-center.my-4.heavytitle {
        text-align: left !important;
        padding-left: 5px;
    }
    #NominationApproval p.text-dark.text-center {
        text-align: left !important;
        padding-left: 5px;
    }
}
/*iPad Air*/
@media (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
    body.pagehasmenuDiscounts, body.pagehasmenuRecognition, body.pagehasmenuWellbeing, body.pagehasmenuCompetitions, body.pagehasmenuExtraBenefits, body.pagehasmenuMore, body.pagehasmenuHelp, body.pagehasmenuCustompage {
        margin-top: 125px;
    }
    .singlebanner .swiper {
        height: 330px;
    }
}
/*iPad Pro*/
@media (min-width: 1023px) and (max-width: 1336.98px) and (orientation: portrait) {
    .singlebanner .swiper {
        height: 330px;
    }
    body.pagehasmenuDiscounts,
    body.pagehasmenuRecognition,
    body.pagehasmenuWellbeing,
    body.pagehasmenuCompetitions,
    body.pagehasmenuExtraBenefits,
    body.pagehasmenuMore {
        margin-top: 148px;
    }
}
/*iPad Mini*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    body.pagehasmenuDiscounts, body.pagehasmenuRecognition, body.pagehasmenuWellbeing, body.pagehasmenuCompetitions, body.pagehasmenuExtraBenefits, body.pagehasmenuMore, body.pagehasmenuHelp, body.pagehasmenuCustompage {
        margin-top: 125px;
    }
    .singlebanner .swiper {
        height: 330px;
    }
}
@media (min-width: 991px) and (max-width: 1198.98px) {
    #MenuSection a {
        font-size: 1em;
    }
    body.pagehasmenuDiscounts,
    body.pagehasmenuRecognition,
    body.pagehasmenuWellbeing,
    body.pagehasmenuCompetitions,
    body.pagehasmenuExtraBenefits,
    body.pagehasmenuMore {
        margin-top: 148px;
    }
}
@media (max-width: 991.98px) {
    #offcanvasMobile.offcanvas-top {
        top: 124px !important;
    }
}
@media only screen 
and (min-device-width: 1279.97px) 
and (max-device-height: 800px) 
and (orientation : landscape) 
{
    #collapseRecognition li.nav-item:nth-child(1) {
        display: none!important;
    }
    #collapseRecognition a.text-uppercase.text-decoration-none.small.fw-bold {
        line-height: 1;
        text-align: center!important;
    }
    #social-row span.badge {
        font-size: 0.7em;
    }
    #social-row .card .card-body p.text-dark {
        font-size: 0.8em;
        padding-left: 10px;
    }
    #social-row .feeditem p.card-text {
        padding-left: 10px;
    }
    .homesocial .postMediaItem {
        padding-left: 10px;
        border-radius: 0 !important;
    }
    .appRow .member-card {
        display: none!important;
    }
    .membercard-cta .card-title {
        float: right;
        max-width: 48%;
    }
    .membercard-cta h3 {
        position: absolute;
        right: 60px;
        bottom: 20px;
    }
    #appRow .appscreen,
    .pagehasmenuDiscounts #appRow .appscreen {
        min-width: 250px;
        min-height: 240px;
    }
    #DiscountsIndex .homeofferpanel {    
        margin-bottom: 0 !important;
        margin-top: 1rem;
    }
    #DiscountsIndex .homeofferpanel .card-body {
        min-height: 115px;
    }
    #recommendedcarousel h4.card-text.fs-5 {
        font-size: 1.25rem !important;
    }
    #PopularRetailersSection .swiper .bestsellerimage img {
        max-height: 70px;
    }
    #socialinfo .profile-image {
        margin-top: 70px;
    }
    #socialinfo .card .card-body p {
        text-align: center;
    }
    #socialinfo .card.card-shadow.rounded.wall-profile.pt-5 .card-body p:nth-child(2) .btn-primary {
        min-width: unset !important;
        width: calc(100% - 20px) !important;
    }
    .valuebadges {
        padding: 0px !important;
    }
    #cardTwo p.text-center.fw-bold.fs-5.pt-1.text-primary.ucase.text-recognition {
        margin-top: 10px!important;
    }
    #socialinfo .profile-image {
        max-width: 80px;
        height: 80px;
        padding: 1rem!important;
    }
    #PrizeDrawIndex #providerbox .card .card-footer, #PrizeDrawIndex #divContainerGrid .card .card-footer {
        min-height: 80px;
    }
    .pagehasmenuCompetitions .btn-primary {
        margin-top: 20px;
    }     
    #SavingsCalcIndex .cat-range p {
        font-size: 0.9em!important;
    }
    #SavingsCalcIndex .btn.btn-outline-primary {
        font-size: 1em !important;
        margin: 5px auto !important;
        padding: 0 20px !important;
    }
}