/*** HOLIDAY BANNER ***/
    .topBFBannerSectionWrapper {
        display: flex;
        flex-direction: column;
        font-family: Inter;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
    }

    .topBFBannerSection {
        background-color: #010A0B;
        color: white;
        min-height: 55px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

        .topBFBannerSection span {
            font-family: Inter;
            font-weight: 700;
            line-height: 32px;
            color: #ACF4A1;
        }

    .topBFBannerSection3Pair60OffSpan {
        margin-left: 8px;
        margin-right: 8px;
    }

    .bottomBFBannerSection {
        background-color: #ACF4A1;
        color: #010A0B;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-content: center;
        font-weight: 400;
        min-height: 68px;
    }

        .bottomBFBannerSection span {
            font-weight: 700;
        }

    .bottomBFBannerSectionCouponSpan {
        background-color: #010A0B;
        color: white;
        border-radius: 8px;
        border: 1px solid #010A0B;
        margin-left: 5px;
        margin-right: 5px;
        padding: 10px;
        max-height: 30px;
        line-height: 10px;
    }

    .topBfBannerTimerDiv {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-left: 5px;
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

    .bottomBFBannerSectionLimitedTimeSpan {
        margin-left: 5px;
        margin-right: 5px;
    }

    .topBfBannerTimerDiv div {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .topBfBannerTimerSpan {
        width: 32px;
        height: 29px;
        border-radius: 8px;
        border: 1px solid #010A0B;
        background-color: #010A0B;
        color: white;
        line-height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .topBfBannerTimerDivWrapper:not(:last-child) {
        margin-right: 8px;
    }

    .topBfBannerTimerDhmsDiv {
        font-family: Inter;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
    }

    .santaImage {
        height: 18px;
        width: 18px;
        position: relative;
        top: -2px;
        margin-right: 1px;
    }

    .fireworkImage {
        height: 18px;
        width: 18px;
        position: relative;
        top: -2px;
        margin-right: 1px;
    }

    .shoppingBagImage {
        height: 18px;
        width: 18px;
        position: relative;
        top: -2px;
    }


    @media only screen and (min-width: 296px) and (max-width: 394px), only screen and (min-width: 420px) and (max-width: 580px) {
        .bottomBFBannerSectionCouponSpan {
            position: relative;
            top: 0px;
        }

        .bottomBFBannerSectionCouponSpan {
            line-height: 7px !important;
        }
    }

    @media only screen and (min-width: 400px) and (max-width: 450px) {
        .bottomBFBannerSectionCouponSpan {
            margin-top: 0;
        }
    }

    /*END OF MOBILE CSS*/


    @media only screen and (min-width: 350px) and (max-width: 520px) {
        .topBFBannerSectionWrapper {
            font-size: 16px !important;
        }
    }

    @media only screen and (max-width: 520px) {
        .topBFBannerSection {
            line-height: 16px;
        }

        .promoAppliedDiv {
            line-height: 16px !important;
        }
    }

    @media only screen and (max-width: 351px) {
        .topBFBannerSection {
            padding-top: 10px;
        }
    }

    @media only screen and (max-width: 340px) {
        .topBFBannerSection {
            line-height: 16px;
        }

            .topBFBannerSection span {
                line-height: 20px !important;
            }
    }

    @media only screen and (max-width: 890px) {
        .bottomBFBannerSection {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }

    @media only screen and (min-width: 360px) and (max-width: 580px) {
        .topBFBannerSection {
            padding-bottom: 8px;
        }
    }

    @media only screen and (min-width: 580px) {
        #topBFBannerSectionWithCodeColonSpan {
            display: none !important;
        }
    }

    @media only screen and (max-width: 580px) {
        .bottomBFBannerSectionLimitedTimeSpan {
            /* display: none !important; */
        }

        #topBFBannerSectionWithCodeColonSpan {
            display: inline-block !important;
        }

        .bottomBFBannerSection {
            padding: 10px;
        }

        .topBFBannerSection3Pair60OffSpan {
            line-height: 10px !important;
        }

        .topBFBannerSection {
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
        }
    }

    @media only screen and (max-width: 350px) {
        .topBFBannerSectionWrapper {
            font-size: 14px !important;
        }

        .topBFBannerSectionWrapper {
            line-height: 25px !important;
        }
    }

    @media only screen and (min-width: 340px) and (max-width: 350px) {
        .topBFBannerSection {
            padding-bottom: 5px;
        }
    }

    @media only screen and (max-width: 340px) {
        .topBFBannerSection {
            padding-bottom: 0px;
        }
    }

    .bottomBFBannerSectionBFSaleSpan, .bottomBFBannerSectionBF70OffWithCodeWrapperSpan {
        white-space: nowrap;
        margin-right: 5px;
    }

    .topBFBannerSectionWithCodeSpan {
        font-weight: 400 !important;
    }

    /* Green stripe */
    #green-stripe {
        display: flex !important;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: nowrap;
        align-items: center;
        padding: 0px;
    }

        #green-stripe h4 {
            padding-left: 10px;
            padding-right: 10px;
            text-align: left;
            width: 100%;
        }

    .ten-countdown {
        color: #E44613 !important;
    }

    .stayOnThisPage, .main-middle-sec .left .green-stripe h4 span {
        color: black;
    }

    .promoAppliedDiv {
        background-color: black;
        color: white;
        width: 167px;
        display: flex;
        padding: 15px;
        padding-top: 12px;
        white-space: nowrap;
        padding-bottom: 12px;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        column-gap: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        text-align: left;
    }


    .secure24SVGSpan {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        color: #ACF4A1 !important;
        margin-left: -1px;
    }

    .stayOnThisPage {
        white-space: nowrap;
    }

    @media only screen and (max-width: 990px) {
        .secure24Span {
            width: 120px;
            height: 30px;
            display: inline-block;
        }
    }

    .endsAt12Promo {
        font-weight: 800;
        line-height: 32px;
        color: #010A0B !important;
    }

    .get50OffSpan {
        font-size: 18px;
        font-weight: 800;
        line-height: 32px;
        color: #010A0B !important;
        margin-right: 3px;
    }

    .secure24Span {
        width: 131px;
        height: 32px;
        border-radius: 8px;
        background-color: #010A0B;
        font-weight: 700;
        line-height: 32px;
        text-align: center;
        color: white !important;
        margin-left: 10px;
        margin-right: 7px;
    }

    .secure24SVGSpan svg {
        position: relative;
        top: -1px;
        left: -1px;
    }

    @media only screen and (min-width: 451px) and (max-width: 990px) {
        #green-stripe h4 {
            text-align: center !important;
        }
    }

    @media only screen and (max-width: 400px) {
        .green-stripe h4 {
            line-height: 1rem !important;
        }
    }

    @media only screen and (max-width: 450px) {
        .promoAppliedDiv {
            padding-left: 10px !important;
            padding-right: 10px !important;
            width: 152px;
        }
    }

    @media only screen and (max-width: 450px) {
        .promoAppliedDiv {
            padding-left: 10px !important;
            padding-right: 10px !important;
            width: 152px;
        }
    }