@media only screen and (max-width:991px) {

    .duoFirstPicture {
        width: 100% !important;
        float: unset !important;
    }

    .duoLeftBigPicturesContainer {
        height: auto !important;
        min-height: unset !important;
    }

    .productValueContainer {
        height: 100%;
        width: 50%;
        float: left;
        cursor: pointer;
        border-right: solid 1px #ddd;
        border: none;
    }

    .GoogleReviewButton {
        width: 50% !important;
        margin-left: 25% !important;
    }

    .GoogleReviewTitle {
        width: 90%;
        margin-left: 5%;
        line-height: 15px !important;
        font-size: 14px !important;
        padding-top: 10px !important;
    }

    .sliderWithLefBannerContainer {
    }
    .introCategoriesSemiContainer {
        width: 100%!important;
    }

    .IntroSliderProductsContainer {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .suggestedProductGallerySettings {
        margin-right: 1% !important;
        width: 49% !important;
    }

    .duoSecondPicture {
        width: 100% !important;
        float: unset !important;
        margin-top: 2%;
    }

    .errorPageTitle {
        font-size: 20px;
    }

    .breadcrumblistItem {
        font-size: 10px;
    }

    .suggestedProductsContainerTitle {
        font-size: 11px;
        height: auto;
        width: 96%;
        margin-left: 2%;
        margin-top: 15px;
        min-height: 22px;
        line-height: 18px;
        font-weight: normal;
        color: #00aeef;
        font-family: averta;
        font-weight: bold;
        border-bottom: solid;
    }

    .suggestedProductsContainer {
        width: 100%;
        margin-left: 0%;
        min-height:50px!important;
    }

    .slick-prev:before {
        content: "\f104";
        font-family: 'FontAwesome';
        color: #00aeef;
        font-size: 25px!important;
    }

    [dir='rtl'] .slick-prev:before {
        content: "\f105";
        font-family: 'FontAwesome';
        color: #00aeef;
        font-size: 25px!important;
    }

    .slick-next:before {
        content: "\f105";
        font-family: 'FontAwesome';
        color: #00aeef;
        font-size: 25px!important;
    }

    [dir='rtl'] .slick-next:before {
        content: "\f104";
        font-family: 'FontAwesome';
        color: #00aeef;
        font-size: 25px!important;
    }

    .slick-prev {
        left: 0px !important;
        width: 25px !important;
        height: 40px !important;
    }

    .slick-next {
        right: 0px !important;
        width: 25px !important;
        height: 40px !important;
    }

    .suggestedProduct {
        height: 250px;
        width: 48%;
        float: left;
        border: solid 1px #ddd;
        cursor: pointer;
        margin-right: 5px;
    }

    .collectPointsMasterContainer {
        width: 100% !important;
    }

    .productBrand {
        text-align: left;
        color: #333;
        padding-left: 10%;
        text-transform: capitalize;
        font-weight: normal;
        font-family: ProxyRegular;
    }

    .collectPointSubContainer {
        width: 100% !important;
    }

    .errorPageDesc {
        font-size: 14px;
    }

    .storeSmallRightPointsImage {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 80%;
    }

    .seeAllGiftsButton {
        margin-left: 5%;
        width: 90%;
    }

    .reviewUserContainer {
        width: 100%;
        padding-bottom: 0px;
        min-height: 120px;
    }

    .wrongOrderError {
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 0px !important;
        margin-bottom: 10px;
        font-size: 12px;
        text-align: center !important;
    }

    .reviewInfoStarsContainer {
        height: 25px;
        width: 90%;
        line-height: 25px;
        position: relative;
        margin-left: 10px;
    }

    .reviewInfoContainer {
        width: 100%;
        padding-top: 0px;
        min-height: 0px;
    }

    .storePriceAndSizeContainerPoints {
        height: 35px;
        line-height: 35px;
        width: 100%;
        margin-bottom: 10px;
    }

        .storePriceAndSizeContainerPoints p {
            width: auto;
            float: left;
            padding-left: 1%;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: bold;
            height: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .termsSubTitle {
        width: 90%;
        margin: auto;
        text-align: left;
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 18px;
    }

    .errorPageSUBTitle {
        font-size: 16px;
    }

    .errorReturnHomeButton {
        width: 100%;
        text-align: center;
    }

    .errorOtherLinks {
        font-size: 18px;
    }

    .errorPopularLink {
    }

    .wlevel1Color {
        background: #4565a1;
        color: #fff;
        font-size: 11px;
    }

    .wlevel2Color {
        background: #4565a1;
        color: #fff;
        font-size: 11px;
    }

    .wlevel3Color {
        background: #4565a1;
        color: #fff;
        font-size: 11px;
    }

    .AerrorPopularLink {
    }

    .ErrorPageWallpaper {
        position: relative;
        height: 200px;
        display: block;
        margin: auto;
        margin-top: 5px;
    }


    .navbar-fixed-top {
        height: 100px;
        position: relative;
        z-index: 4;
    }

    #CompariScriptID {
        display: none !important;
    }

    .htepTopHeadder {
    }

    .countDownTopContainerTimer {
        font-size: 12.5px;
    }

    .paymentInfoImage {
        top: 28% !important;
    }

    .paymentOption {
        height: 35px !important;
    }

    .specialOffersFilterMasterContainer {
        width: 100%;
        min-height: 50px !important;
        padding-top: 10px;
        margin-bottom: 5px !important;
        border-bottom: solid 1px #ddd;
    }

    .top5CounterPlace {
        right: 15px !important;
        font-size: 18px !important;
    }

    .paymentOptionInfoContainer {
        height: 30px !important;
        line-height: 31px !important;
        width: 100%;
        float: left;
        padding-left: 3%;
        font-size: 12px;
    }

    .paymentCheck {
        top: 2px !important;
        font-size: 25px !important;
        -webkit-text-stroke: 3px #fff !important;
    }

    .emptyCartTitle {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
    }

    .shippinCompanyCheck {
        left: 55% !important;
        top: 5px !important;
        font-size: 40px !important;
        -webkit-text-stroke: 6.5px #fff !important;
    }

    .rewardsTitle {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        color: #254a91;
    }

    .rewardsTitleSubTitleDesc {
        width: 50%;
        text-align: center;
        font-size: 13px;
        color: #fff;
        margin-left: 25%;
        height: 30px;
        line-height: 30px;
        background: #254a91;
        cursor: pointer;
        border-radius: 3px;
        margin-bottom: 10px;
    }

    .articleGalleryTitle {
        font-size: 13px;
    }

    .MobilePointsLeft {
        color: #254a91;
        font-weight: bold;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .articleLeftContainer {
        display: none !important;
    }

    .articleSearchContainer {
        height: 50px !important;
    }

    .articleTitleTop {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 0px !important;
    }

    .articleMiddleContainer {
        width: 99% !important;
        margin-bottom: 10px;
    }

    .articleShortDesc {
        width: 50% !important;
        padding-left: 5px;
    }

    .articleSearchContainerTextBox {
        width: 95% !important;
        height: 40px;
        border: solid 1px #eee;
        background: #f6f6f6;
        padding-left: 10px;
        margin-left: 2.5% !important;
    }

    .articleTitle {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .articleSearchIcon {
        right: 5% !important;
    }

    .articleSearchCloseIcon {
        right: 15% !important;
        font-size: 42px !important;
    }

    .articleSearchResultsContainer {
        width: 95% !important;
        margin-left: 2.5% !important;
    }

    .articleSortingSubContainer {
        width: 100% !important;
        height: 100%;
        margin-left: 0% !important;
    }

    .articleSortingButton {
        width: 33.3% !important;
    }

    .contactMAsterContainer {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .incompleteErrorPopup {
        width: 60% !important;
        line-height: 18px !important;
        font-size: 11px;
    }

    .contactHalfContainer {
        width: 100% !important;
        min-height: 50px !important;
    }

    .mobileContactChoiceButton {
    }

    .contactSendButton {
        margin-bottom: 10px;
    }

    #favoritesIconContainerInfoID {
        display: none !important;
    }

    .shippingOptionDetails {
        top: 25px !important;
    }

    .individualOrderMasterContainerTrackOrder {
        margin-top: 0px !important;
    }

    .specialOffersFilterButton {
        width: 24% !important;
        height: 30px !important;
        line-height: 26px !important;
        font-size: 11px !important;
    }

    .firstPageHowToWinPointsImage {
        height: auto;
        width: auto;
        max-height: 200px;
        float: left;
        max-width: 100%;
        margin-top: 1%;
    }

    .overallContainer {
        font-family: ProxyRegular;
    }

    .storeRatingsLeftSubContainer h2 {
        font-size: 16px;
        font-family: ProxyRegular;
        color: #337bed;
    }

    .ordersSearchButton {
        width: 95% !important;
        margin-left: 0 !important;
        margin-bottom: 15px;
    }

    .firstPageHowToWinPointsImage img {
        height: auto;
        width: auto;
        max-height: 100%;
        max-width: 98%;
        margin: auto;
        display: block;
    }

    .PointsTableBody {
        height: 227px !important;
        overflow-y: scroll;
        width: 100%;
        position: relative;
    }

    .promoBanner {
        height: 20px !important;
        line-height: 16px !important;
        font-size: 10px !important;
        width: 125px !important;
    }

    .promoBannerBrandOfTheWeek {
        height: 20px !important;
        line-height: 16px !important;
        font-size: 8px !important;
        width: 145px !important;
    }

    .PointsTableBodyRowColumn p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .orderthankyousummarytitle {
        font-size: 13px !important;
        text-align: left !important;
        padding-right: 10% !important;
    }

    .ThankyouTotalRightP {
        text-align: left;
        padding-right: 0% !important;
        font-size: 11.5px !important;
        padding-left: 40% !important;
    }

    .thankYouBlueContainerP {
        height: auto !important;
        line-height: 20px !important;
        text-overflow: unset !important;
        white-space: unset !important;
    }

    .thankyouTotalContainer {
        height: 60px !important;
    }

    .thankyouBackToStoreButton {
        margin-left: 25% !important;
        width: 50% !important;
        border: solid 1px !important;
        font-size: 13px;
        line-height: 36px !important;
        margin-bottom: 5%;
    }

    .thankYouButtonShopMoreTile {
        font-size: 14px !important;
    }

    .thankYouInfoContainerSubContainerRightBlueContainer {
    }

    .selectedZipContainer {
        margin-left: 0% !important;
    }

        .selectedZipContainer p {
            padding-left: 8px !important;
        }

    .thankYouInfoTitle {
        height: auto !important;
        line-height: 20px !important;
        text-overflow: unset !important;
        white-space: unset !important;
    }

    .SeeFurtherOrderDetailsButton {
        width: 175px !important;
        margin-left: 0%;
        font-size: 10px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .SeeFurtherOrderDetailsButtonCash {
        width: 175px !important;
        margin-left: 0%;
        font-size: 10px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .htepMiddleSubContainerTitle {
        font-size: 14px;
    }

    .htepMiddleSubContainerImageContainer img {
        width: 80%;
        height: auto;
        margin-left: 10%;
    }

    .htepMiddleSignContainerImageContainer {
        width: 40px !important;
        position: relative;
        height: 40px !important;
    }

    .htepMiddleSignContainer p {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }

    .htepMiddleSignContainerImageContainer i {
        height: auto;
        width: auto;
        position: absolute;
        top: -5px;
        left: 11px;
        font-size: 20px;
    }

    .htepMiddleSignContainer {
        height: 40px !important;
    }

    .thankYouInfoContainerSubContainerRight {
        width: 75% !important;
        min-height: 150px;
        float: left;
        margin-left: 25% !important;
        height: auto;
        padding-left: 10px;
    }

    .thankYouInfoContainerImageContainer {
        width: 25% !important;
    }

    .PointsTableTopHeader {
        width: 100%;
        height: 35px;
        position: relative;
        overflow-y: hidden;
        border-bottom: solid 1px #ddd;
    }

    .PointsTopHeadderButton {
        width: 50%;
        height: 35px;
        line-height: 35px;
    }

    .thankyouSubContainer {
        width: 98% !important;
        margin-left: 1% !important;
    }

    .thankyouTopCheckContainer {
        font-size: 40px !important;
    }

    .orderedProductContainer {
        height: 130px !important;
    }

    .thankyouTopCheckContainer i {
        -webkit-text-stroke: 4px #32aa3a !important;
    }

    .thankYouTitle {
        font-size: 13px !important;
        height: 35px;
        line-height: 35px;
    }

    .orderedProductInfoContainer {
        width: 40% !important;
        font-size: 10.5px !important;
        height: 130px !important;
        padding-left: 2% !important;
    }

    .orderedProductImageContainer {
        width: 20% !important;
    }

    .thankYouProductContainer {
        width: 98% !important;
        margin-left: 2% !important;
        position: relative;
    }

    .orderedProductImage {
        max-height: 80px !important;
    }

    .MyPointsTopBanner p {
        display: none;
    }

    .MyPointsTopBanner img {
        width: 60%;
    }

    .GiftsCatalogueContainer {
        width: 80%;
        margin-top: 40px;
        margin-left: 10%;
        height: auto;
        overflow-y: hidden;
        position: relative;
        min-height: 250px;
    }

        .GiftsCatalogueContainer p {
            font-size: 15px;
        }

    .PointsTable {
        width: 100%;
        height: auto;
        max-height: 280px;
        min-height: 280px;
        margin-left: 0%;
        margin-top: 2%;
        position: relative;
        border: solid 1px #ddd;
        margin-bottom: 10px;
    }

    .seeCatalogueButton {
        height: 40px;
        position: absolute;
        bottom: 10%;
        width: 100%;
        background: #fff;
        color: #fff;
        text-align: center;
        line-height: 39px;
        color: #254a91;
        border: solid 2px;
        font-weight: bold;
        cursor: pointer;
        text-transform: uppercase;
        margin-left: 0%;
        min-width: unset;
    }

    .MyPointsSecondTopBanner {
        height: 40px;
        width: 80%;
        text-align: center;
        margin-left: 10%;
        padding-left: 0;
        background: #254a91;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        margin-top: 20px;
        line-height: 40px;
        cursor: pointer;
    }


    .thankYouInfoContainer {
        font-size: 11px;
    }

    .orderedProductInfoContainer {
        font-size: 12px;
    }

    .artDetailsBody {
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 0% !important;
    }

    .top5Container {
        width: 99% !important;
        height: auto !important;
        margin-top: 1.5% !important;
        margin-left: 0% !important;
    }

    .topCategoriesButtonContainer {
        color: #254a91;
        cursor: pointer;
        height: 100%;
        width: 33.3%;
        display: inline-block;
    }

    .rewardContainer {
        width: 48% !important;
        height: 270px;
        margin-left: 1.25%;
        float: left;
        background: #fff;
        margin-top: 1.25% !important;
        position: relative;
    }

    .rewardViewButton {
        width: 60% !important;
        margin-left: 20% !important;
    }

    .topCategoriesButtonContainerText {
        font-size: 10px !important;
    }

    .topPageChoiceButton {
        margin-bottom: 2% !important;
        width: 100% !important;
    }

    .top5SubContainerTitle {
        height: 20% !important;
        line-height: 35px !important;
        text-align: center;
        font-size: 12px !important;
        background: #fff;
        color: #254a91;
        font-weight: bold;
        text-transform: capitalize;
    }

    .topCategoriesButtonContainerIconContainer {
        width: 33%;
        height: 55%;
        margin-left: 35%;
        text-align: center;
        line-height: 36px;
        font-size: 25px;
        border: solid 1.5px;
        /* border-radius: 50%; */
        margin-top: 5%;
    }

    .top5ImageContainer {
        width: 100%;
        height: 80%;
        position: relative;
        padding-top: 5%;
    }

    .topCategoriesContainerFirstPage {
        background: #fff;
        width: 97.4% !important;
        height: 65px;
        margin-left: 1.25%;
        float: unset;
        margin-top: 2% !important;
        min-height: 65px;
        margin-bottom: 0%;
    }

    .topCategoriesContainerFirstSubContainer {
        float: left;
        width: 98%;
        margin-left: 1%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-bottom: 0px;
        -webkit-overflow-scrolling: touch !important;
        height: 65px;
    }

    .top5SubContainer {
        width: 48.8% !important;
        height: 150px !important;
        float: left;
        background: #fff !important;
        margin-left: 1% !important;
        position: relative;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .articleRightBody {
        float: left;
        width: 100% !important;
        margin-left: 0% !important;
        height: 400px;
        min-height: 400px;
        background: #fff;
        border: solid 1px #ddd;
        margin-top: 0% !important;
    }

    .artDetailDescription {
        padding-left: 3% !important;
        font-size: 13px !important;
    }

    .FavoritesPageTitle {
        width: 100%;
    }

    .FavoritesProductContainer {
        width: 100%;
    }

    .FavoritesProductStatusMeaning {
        position: absolute;
        bottom: 84px;
        text-align: center;
        width: 20%;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        left: 2.5%;
        color: #fff;
        background: #62bd19;
        border-radius: 2px;
    }

    .FavoritesPageTitle {
        font-size: 12px;
    }

    .top5DescriptionP {
        width: 100% !important;
        padding-left: 2%;
        margin-top: 0px;
        background: #fff;
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 2%;
    }

    .rewardsBody {
        width: 100%;
    }

    .htepMiddleSubContainer {
        width: 100%;
        margin-top: 10px;
    }

    .htepMiddleContainer {
        min-height: 390px;
    }

    .htepMiddleContainerTitle {
        font-size: 20px;
    }

    .htepSemiContainer img {
        max-height: 130px;
    }

    .htepSemiContainer {
        width: 48%;
        height: 180px;
        float: left;
        margin-top: 10px;
        margin-left: 1%;
    }

    .CreateAnAccountBigButton {
        width: 50%;
        margin-left: 25%;
        text-align: center;
        height: 30px;
        line-height: 28px;
        background: #254a91;
        float: left;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        cursor: pointer;
        border-radius: 3px;
        margin-bottom: 20px;
        border: solid 2px #254a91;
        margin-top: 10px;
        border-radius: 3px;
    }

    .htepSemiContainer p {
        font-size: 11px;
        line-height: 15px;
    }

    .termsParagraph {
        width: 90%;
        margin: auto;
        text-align: left;
        font-size: 13px;
    }

    .banner {
        width: 125px;
        font-size: 8px;
    }

    .termsTitle {
        width: 90%;
        margin: auto;
        text-align: left;
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .zipCodesContainer {
        margin-left: 0% !important;
        width: 95% !important;
    }

    .FooterInfoBottomMotivationContainer p {
        width: 230px;
        font-size: 13px;
    }

    .footerSubscribeButtonRetail {
        width: 75%;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin-left: 10%;
    }

    .FreeShippingLowerBannerContainer {
        margin-top: 0px;
    }

    .footerRowRetail {
        margin-top: 0%;
    }

    .lowerFooterImagesSUBContainer {
        width: 14.2%;
        height: 60px;
        float: left;
        position: relative;
        line-height: 60px;
        text-align: center;
    }

    .madeinUSAimgBig {
        height: 16px;
        margin-top: -2px;
    }

    .stockStatus {
        display: none;
    }

    .rating {
        font-size: 12px;
        margin-top: 0px;
    }

    .lowrFooterContainer {
        height: auto;
        padding-top: 15px;
    }

    .lowerFooterImagesContainer {
        height: 200px;
        padding: 4%;
    }

    .footerRetailUpperContainerTitle {
        width: 100%;
        padding-left: 13%;
        height: 15%;
        line-height: 60px;
        display: none;
    }

    .footerColumnTitleRetail {
        font-size: 14px;
        text-align: left;
        padding-left: 10%;
        color: #333;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .lowrFooterContainerTitle {
        padding-left: 5% !important;
    }

    .footerRowRetail {
        font-size: 12px;
        text-align: left;
        padding-left: 5%;
        color: #838383;
        margin-bottom: 5px;
    }

    .FooterInfoImageContainer {
        max-width: 55px;
        position: absolute;
        bottom: 0;
        left: 30%;
        display: none;
    }

    .containerUpperFooterRetail {
        padding-left: 0%;
        padding-top: 0px;
        background: #fff;
        height: auto;
        overflow: hidden;
    }

    .FooterInfoBottomMotivationContainer {
        font-size: 12px;
        top: 10px;
        padding-left: 13%;
        width: 100%;
        height: 45px;
        display: none;
    }

    .footerRetailUpperValueSubTitle {
        font-size: 10px;
    }

    .footerRetailUpperContainerTitle p {
        font-size: 13px;
    }

    .footerRetailUpperContainerTitle img {
        margin-top: 10px;
    }

    .footerRetailUpperValueContainer i {
        font-size: 35px;
    }

    .footerRetailUpperValueTitle {
        color: #254a91;
        width: 100%;
        text-align: center;
        height: 20px;
        line-height: 15px;
        font-size: 12px;
        font-weight: bold;
    }

    .footerRetailUpperValueContainer {
        width: 50%;
        height: 42.5%;
        margin-top: 5px !important;
    }

    .footerRetailUpperContainer {
        height: 210px;
        font-family: ProxyRegular;
    }

    .hamburger {
        display: block;
        position: absolute;
        left: 10px;
        top: 20px;
    }

    .storeBrandTitle {
        font-size: 13px;
        position: relative;
        top: 5px;
        padding-left: 0;
        width: 100%;
        text-align: left;
        font-weight: bold;
        left: 0px;
        margin-bottom: 5px;
    }

    .mobileBreadCrumbList {
        min-height: 20px;
        float: none;
        width: 100%;
        margin-left: 0%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-bottom: 0px;
        -webkit-overflow-scrolling: touch !important;
        height: auto;
        margin-bottom: 10px;
        padding-left: 2.2%;
        padding-right: 2.2%;
        background: #f6f6f6;
        line-height: 20px;
        border-bottom: solid 1px #ddd;
    }

        .mobileBreadCrumbList::-webkit-scrollbar {
            display: none;
        }

    .mobilebreadcrumblistItem {
        height: 100%;
        width: 33.3%;
        display: inline-block;
    }

        .mobilebreadcrumblistItem i {
            position: absolute;
            top: 3px;
            font-size: 20px;
            right: 10px;
        }

    .hamburger .ingrediant:first-child {
        position: relative;
        left: 0;
    }

    .hamburger .ingrediant {
        transition-property: all;
        transition-duration: .5s;
        display: block;
        height: 3px;
        margin: 0 auto 6px;
        background: #fff;
        width: 60px;
        max-width: 35px;
    }

    .frontPageSubscribeHalfContainer {
        width: 100% !important;
        float: unset !important;
    }

    .cartItemContainer {
        width: 100% !important;
        height: 80px !important;
    }

    .cartLeftContainer {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100% !important;
        min-height: 300px;
        padding-left: 5%;
        padding-right: 2.5%;
        position: relative;
        float: unset !important;
        margin-bottom: 2% !important;
    }

    .halfConainerTitle {
        font-size: 15px;
    }

    .frontPageSubscribeButton {
        margin-right: 1%;
        width: 23% !important;
    }

    .frontPageSubscribeTextBox {
        width: 70% !important;
        margin-left: 3% !important;
    }

    .CartRemoveAllButton {
        width: 40% !important;
    }

    .orderSuccessIconCheck {
        margin-left: 25% !important;
    }

    .spinnerOrderLoading {
        left: 25% !important;
    }

    .submitOrderContainer {
        width: 100% !important;
        background: #fff !important;
        position: relative !important;
        right: 0% !important;
        top: 0% !important;
        height: 100%;
        padding-top: 15%;
    }

    .cartRightContainer {
        width: 100% !important;
        background: #fff !important;
        position: relative !important;
        right: 0% !important;
        min-height: 150px;
        padding-top: 10px !important;
        height: auto !important;
        border: none !important;
        max-width: unset !important;
        padding-bottom: 5px;
        box-shadow: none !important;
    }

    .paymentChoiceButtton {
        width: 100% !important;
    }

    .paymentChoiceButtonContainer i {
        top: 34% !important;
        right: 70% !important;
    }

    .continueToPaymentButton {
        width: 94% !important;
    }

    .checkOutInfoContainer {
        width: 97% !important;
        padding-left: 0% !important;
    }

    .wrap {
        width: 100%;
        position: absolute;
        top: 50.5px;
        left: 0%;
        transform: none;
        z-index: 10;
        height: 50px;
        padding-top: 7.5px;
    }

    .individualOrderProductsPreTitle {
        font-size: 12px !important;
    }

    .userOrderProductInfoParagraph {
        font-size: 11px;
    }

    .userOrderProductInfoTitle {
        font-size: 11px;
    }

    .smallerBody {
        min-height: 150px !important;
    }

    .mobileTopBanner {
        width: auto;
        position: relative;
        overflow: hidden;
        z-index: 4;
    }

        .mobileTopBanner img {
            width: auto;
            height: auto;
            min-height: unset;
            max-width: 100%;
        }

    .searchTerm {
        padding-left: 3.5%;
        height: 35px;
        font-size: 16px;
        width: 95%;
        margin-left: 2.5%;
        margin-top: 0px;
        border-radius: 2px;
        border: none;
        border-top-left-radius: 2px !important;
        border-bottom-left-radius: 2px !important;
    }

        .searchTerm:focus {
        }

    .searchLeftSign {
        left: 6%;
        margin-top: 13px;
        font-size: 25px !important;
        margin-top: 5px;
        display: none !important;
    }

    .searchButton {
        width: 50px;
        height: 35px;
        right: 10px;
        margin-top: 0px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .container-pc-search-left p i {
        -webkit-text-stroke: 0px #f6f6f6 !important;
        font-size: 16px !important;
        margin-top: 14px;
    }

    .topCartBanner {
        top: -2px !important;
    }

    .container-pc-search {
        background: #fff;
        z-index: 10;
        margin-top: 57px;
        width: 100%;
        margin-left: 0%;
        position: absolute;
        top: 44px;
        border-radius: 3px;
        box-shadow: 0 4px 12px rgba(0,0,0,.1);
    }

    .borderLess {
        border: none !important;
    }

    .visitShopButton {
        width: 90%;
        margin-left: 5%;
    }

    .container-pc-search-left {
        width: 100%;
        background: #fff;
        height: auto;
        border-right: solid 1px #ddd;
        max-height: 400px;
        padding-top: 2px;
        margin: 0;
        float: left;
        border-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        left: unset;
        top: 0px;
    }

    .deleteSearchTextButtonContainer {
        position: absolute;
        right: 59.5px;
        top: -2px;
        font-size: 33px !important;
        cursor: pointer;
        width: 44px;
        text-align: center;
        height: 40px;
        text-align: center;
        line-height: 43px;
        background: #fff;
        display: none;
    }

    .deleteSearchTextButton {
        -webkit-text-stroke: 4.5px #fff;
        position: absolute;
        top: 4.5px;
        right: 10px;
    }

    .afterScrollNavbarLogo {
        height: 35px;
        position: absolute;
        top: 10px;
        right: 32%;
        left: initial;
        cursor: pointer;
    }

    .mobileMenuIcon {
        font-size: 42px !important;
        color: #fff;
        position: absolute;
        top: 7%;
        left: 4%;
        -webkit-text-stroke: 3.5px #254a91;
    }

    .containerUpperFooter {
        padding-left: 0%;
        height: 100%;
    }

    .mobileNavContainer {
        height: 100%;
        width: 400px;
        z-index: 3;
        background: #fff;
        position: absolute;
        color: #254a91;
        top: 0%;
        max-width: 275px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch !important;
    }

    .mobileNavContainerCloseContainer {
        width: 20%;
        height: 50px;
        position: absolute;
        right: 0%;
        padding-left: 7px;
    }

    .mobileNavContainerCloseIcon {
        font-size: 50px !important;
        -webkit-text-stroke: 9px #254a91;
        color: #fff;
    }

    .mobileNavTitle {
        height: 60px;
        line-height: 60px;
        font-size: 30px;
        text-align: left;
        padding-left: 20px;
        text-transform: capitalize;
        width: 100%;
        background: #254a91;
    }

    .mobileNavButton {
        height: 45px;
        position: relative;
        border-bottom: 1px solid #ddd;
        color: #254a91;
        font-weight: bold;
    }

    .mobileUserIconContainer {
        position: absolute;
        right: 75px;
        color: #fff;
        font-size: 25px;
        top: 11.5px;
        cursor: pointer;
    }

    .mobileMenuTopBanner {
        height: 45px;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 3px;
        background: #254a91;
    }

        .mobileMenuTopBanner img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 40px;
            margin: auto;
            display: block;
        }

    .mobileUserIconContainer i {
    }

    .mobileMenuTopBannerCloseContainer {
        position: absolute;
        height: 30px;
        top: 0;
        right: 0;
        width: 30px;
        text-align: center;
        line-height: 30px;
    }

        .mobileMenuTopBannerCloseContainer i {
            color: #fff;
            font-size: 20px;
            -webkit-text-stroke: 2px #254a91;
        }

    .mobileNavButton p {
        width: 100%;
        font-size: 13px;
        text-transform: capitalize;
        line-height: 45px;
        padding-left: 60px;
        height: 100%;
    }

    .mobileNavButton i {
        position: absolute;
        top: 12px;
        left: 20px;
        font-size: 20px !important;
        -webkit-text-stroke: 0.25px #fff;
    }

    .footerColumn {
        width: 50%;
        float: left;
        padding-top: 15px;
        color: #fff;
        text-align: center;
        height: 120px;
    }

    .SalesAndSpecialsContainer {
        width: 100%;
        text-align: center;
        margin-right: 0.5%;
        height: 200px;
        position: relative;
    }

    .CompanyDifferenceTitleContainer {
        font-size: 26px;
        text-align: center;
        text-transform: uppercase;
        color: #254a91;
        width: 100%;
        height: 30%;
        padding-top: 20px;
        padding-left: 0px;
    }

    .tagContainer {
        width: 25%;
        float: left;
        height: 150px;
        padding-top: 25px;
        color: #254a91;
        border-right: solid 1px #ddd;
    }

        .tagContainer p {
            font-size: 12px;
            text-transform: uppercase;
            width: 90%;
            margin-left: 5%;
            margin-top: 10px;
        }


    .firstPageUnderTitle {
        height: 100%;
        float: right;
        width: 100%;
        text-align: left;
        margin-right: 0.5%;
        margin-top: 2%;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        color: #254a91;
        text-align: center;
    }

    .MobileBrandsContainer {
        height: auto;
        width: 98%;
        margin-left: 1%;
        margin-top: 1%;
        float: left;
    }

    .verifiedBuyerIMG {
        left: 75px;
    }

    .mobileTitleBar {
        height: 40px;
        float: left;
        width: 98%;
        margin-left: 1%;
        background: #fff;
        border-radius: 3px;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        margin-top: 0.5%;
    }

    .mobileSeeAllProductsContainer {
        width: 97.5%;
        height: 40px;
        float: left;
        margin-top: 1%;
        text-align: center;
        color: #fff;
        background: #254a91;
        line-height: 40px;
        margin-left: 1%;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 2%;
    }

    .brandImageContainer {
        width: 33.33%;
        height: 80px;
        float: left;
        border-right: none;
        border-bottom: solid 1px #f6f6f6 !important;
        border-right: solid 1px #f6f6f6 !important;
        position: relative;
        cursor: pointer;
    }

        .brandImageContainer img {
            max-height: 60%;
            max-width: 60%;
        }

    .slide {
        background: #fff;
        width: 98%;
        height: 200px;
        margin-left: 1%;
        float: left;
        margin-top: 1%;
    }

    #header-carousel .carousel-inner .item {
        height: 200px;
    }

    .carousel-control i {
        margin-top: 115px;
    }

    .mobileSocialImages {
        width: 50%;
        height: 120px;
    }

    .navBarMobileTabletMasterContainer {
        max-width: 500px;
        position: relative;
        margin: auto;
    }

    .icon-cart {
        margin-right: 7px;
        color: #fff;
        margin-top: 3px;
    }

    .container-pc-categories {
        display: none;
    }

    .gallery-container-upperbanner {
        display: none;
    }

    .gallery-container-pc-big {
        width: 100%;
        margin-left: 0%;
        min-height: 1000px;
    }

    .body-content {
        max-width: 500px;
        margin: auto;
        padding-bottom: 15px;
    }

    .favoritesIconContainer i {
        font-size: 18px !important;
    }

    .Centerer {
        height: 0%;
    }

    .productItem {
        width: 48.2% !important;
        height: 280px;
        border: solid 1px #fff;
        margin-top: 5px;
        margin-left: 1.2%;
        border-radius: 0px;
        border: solid 1px #ccc;
        box-shadow: 0 1px 5px -1px rgba(0,0,0,.13);
    }

    .productName {
        text-overflow: unset;
        white-space: unset;
        font-size: 15px;
        margin-top: 5px;
        text-transform: capitalize;
        color: #00aeef;
        font-family: ProxyRegular;
        height: 40px;
    }

    .productPrice {
        font-size: 16px;
        font-family: ProxyRegular;
    }

    .ViewProductButton {
        position: absolute;
        bottom: 4%;
        left: 10%;
        color: #fff;
        background: #254a91;
        height: 26px;
        width: 65%;
        text-transform: capitalize;
        line-height: 26px;
        font-size: 11px;
        border-radius: 2px;
        display: none !important;
    }

    .star {
        color: #254a91 !important;
        font-size: 14px;
    }

    .productImage {
        max-width: 90%;
        margin-left: 1%;
        height: 120px;
        margin-top: 10%;
    }

    .storeTopLeftContainer {
        float: none;
        width: 100%;
        padding-top: 0px;
    }

    .storeTopLeftSubContainerRight {
        width: 56%;
        float: left;
        padding: 0px;
        padding-bottom: 0px;
        height: auto;
        max-height: 300px;
        min-height: 200px;
    }

    .storeTopLeftSubContainerLeft {
        width: 44% !important;
        float: left !important;
        text-align: right;
        padding-right: 0px;
        position: relative;
    }

    .videoProductCommericalContainer {
        height: 220px;
        width: 96%;
        float: left;
        margin-left: 2%;
        margin-top: 2%;
        border: none;
        max-width: 96%;
    }

    .storeTopRightContainer {
        width: 100%;
        padding-top: 2.5%;
        float: left;
        padding-left: 2.5%;
    }

    .storeRatingsContainer {
        width: 100%;
        min-height: 100px;
        float: left;
        margin-top: 2% !important;
    }

    .storeRatingsLeftSubContainer {
        width: 100%;
        float: none;
        margin-left: 0%;
        text-align: center;
        margin-top: 6%;
    }

    .reviewFactsContainer {
        min-height: 100px;
        width: 100%;
    }

    .overallRatingTitle {
        font-size: 14px;
    }

    .overallRatingNumber {
        font-size: 14px;
    }

    .writeAReviewButton {
        width: 95%;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background: #254a91;
        text-transform: uppercase;
        border-radius: 2px;
        cursor: pointer;
        margin-left: 2.5%;
        float: left;
        margin-bottom: 10px;
        padding-top: 0px;
        margin-top: 10px;
    }

    .orderNowButton {
        width: 100%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #254a91;
        text-transform: uppercase;
        border-radius: 2px;
        cursor: pointer;
        margin-left: 0%;
        margin-top: 10%;
    }

    #myBtn {
        display: none !important;
    }

    .footerSubscribeTextBox {
        width: 75%;
        margin-right: 5%;
        height: 25px;
        font-size: 16px;
    }

    .footerSubscribeButton {
        width: 70%;
        margin-left: 15%;
    }

    .lowerFooterInfo {
        color: #aaa;
        text-align: center;
        width: 90%;
        margin-left: 5%;
        margin-top: -10%;
        margin-bottom: 5%;
    }

    .ratingSmallContainer {
        width: 90%;
        margin-left: 5%;
        float: left;
    }

    .ratingMark {
        padding-left: 0%;
    }

    .ratingName {
        width: 100%;
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
    }

    .ratingSmallContainer i {
        width: 5%;
        font-size: 14px !important;
    }

    .storeDescription {
        font-size: 12px;
    }

    .storePagePriceTitle {
        font-size: 15px;
    }

    .relatedProductOutOfStockParagraph {
        font-size: 10px;
    }

    .storeSubStarsContainer {
        margin-top: 10px;
        position: absolute;
        left: 30px;
        margin-bottom: 30px;
        bottom: 20px;
        width: 140px;
        display: none;
    }

    .chooseFlavourPopup {
        width: 98%;
        left: 1%;
    }

    .addedToCartOk {
        width: 98%;
        margin-left: 1%;
    }

    .QuickViewPopUpBig {
        left: 1%;
        top: 2%;
        height: 96%;
        width: 98%;
        z-index: 5;
    }

    .storePageTitle {
        font-size: 15px;
    }

    .storeProductImage {
        height: auto;
        max-width: 95%;
        max-height: 210px;
        cursor: pointer;
        width: auto;
        margin: auto;
        display: block;
    }

    .ratingNew2 {
        width: 95% !important;
    }

    .bannerProductContainer {
        width: 96%;
        margin-left: 2%;
        min-height: 300px;
        margin-bottom: 3%;
        height: auto;
        padding-bottom: 10px;
    }

    .bannerProductRightContainer {
        float: left;
        width: 95%;
        height: auto;
    }

    .productBannerCommercialContainer {
        height: 100%;
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 5%;
        border: none;
        margin-bottom: 1%;
    }

    .QVTopTitleContainer p {
        color: #fff !important;
        text-transform: uppercase !important;
        width: 100% !important;
        text-align: left !important;
        padding-left: 25px !important;
        font-size: 15px !important;
        height: 100% !important;
        line-height: 60px !important;
        padding-top: 0px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .QVRightInfoContainer {
        width: 100% !important;
        float: unset !important;
        padding-left: 30px;
    }

    .QVImageContainer {
        width: 100% !important;
        float: unset !important;
    }

    .QVStockStatus {
        display: none !important;
    }

    .QVFlavourOrSizeName {
        width: 32%;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .QVRatingsContainer {
        float: right;
        width: 99% !important;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .orderButtonContainerTitle {
        width: 100% !important;
        margin-left: 0% !important;
        height: 35px;
        border-bottom: solid 1px #ddd;
        text-align: left;
        margin-top: 5%;
    }

    .leftSpan {
        padding-left: 10% !important;
        font-weight: bold;
    }

    .chooseQuantityQVPopupSubContainer {
        right: 80px !important;
    }

    .flavourRatingContainer {
        float: right;
        margin-right: 54% !important;
    }

    .BannerText {
        width: 95% !important;
        margin-left: 2.5%;
        font-size: 12px;
    }

    .BannerImage {
        width: 95% !important;
        margin-left: 2.5%;
    }

    .detailImageContainer {
        z-index: 6;
        position: fixed;
        height: 100% !important;
        width: 100% !important;
        background: #fff;
        left: 0 !important;
        top: 0 !important;
        border-radius: 5px;
        margin: 0 !important;
    }

    .detailContainerProductImage {
    }

    .storeRightSmallProductImage {
        width: 150px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .mobileLevelPriceRIght {
        margin-left: 15% !important;
    }

    .orderButtonContainer {
        width: 100% !important;
        font-size: 11.5px;
        font-weight: bold;
    }

    .mobileLeftSpan {
        padding-left: 1% !important;
    }

    .mobileRightSpan {
        margin-right: 190px;
        font-weight: bold;
    }

    .storeDescriptionContainer {
        margin-top: 5%;
        margin-bottom: 5%;
        width: 95% !important;
        font-size: 13px;
        margin-left: 2.5% !important;
    }

    .retailMobileLabelContainer {
        margin-top: 5%;
        margin-bottom: 5%;
        width: 95% !important;
        font-size: 13px;
        margin-left: 2.5% !important;
        height: auto;
        float: left;
    }

    .userLoginTopBannerContainerImage {
        height: auto;
        position: absolute;
        margin: auto;
        width: auto !important;
        margin-left: 33% !important;
        top: 10px !important;
        max-height: 70px;
    }

    .userLoginTopBannerInformationContainer {
        width: 100% !important;
        position: absolute;
        right: 0%;
        color: #fff;
        text-align: center;
        height: 100px;
        padding-top: 10px;
        display: none;
    }

        .userLoginTopBannerInformationContainer p {
            height: 20px;
            line-height: 20px;
            margin: 0;
            text-align: right !important;
            font-size: 11px !important;
            width: 51%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            float: right;
            padding-right: 3%;
        }

    .userLoginContainer {
        background-color: rgba(255, 255, 255, 0.95) !important;
        height: 100% !important;
        width: 100% !important;
        margin: auto;
        border: solid 1px #ddd;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        margin-top: 90px;
        max-width: 550px;
    }

    .backgroundContainer img {
        height: auto !important;
        width: auto !important;
        transform: translate(-33%, -4%);
        display: none !important;
    }

    .registerContainer {
        background: #fff;
        height: 93% !important;
        width: 100% !important;
        position: fixed;
        left: 0% !important;
        top: 90px !important;
        border: solid 1px #ddd;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        display: inline;
    }

    .propertyContainer {
        width: 80% !important;
        margin: auto;
        position: relative;
    }

    .registerContainerTitle {
        text-align: left !important;
        height: 70px;
        line-height: 70px;
        font-size: 16px !important;
        font-weight: bold !important;
        padding-left: 10% !important;
    }

    .userLoginButton {
        width: 90% !important;
        margin-left: 5% !important;
    }

    .userLoginContainerTextBox {
        font-size: 16px !important;
        width: 80%;
        padding-left: 10%;
        border: none;
    }

    .tokenDigitTextBox {
        width: 10.5% !important;
        border: none !important;
    }

    .registerContainerTextBox {
        font-size: 16px !important;
        border: none !important;
    }

    .wholesaleregisterpropertiesContainer {
    }

    .userLoginTopBannerContainer {
        height: 90px !important;
        min-height: 0 !important;
    }

    .searchButton i {
        position: absolute;
        top: 3px;
        right: 12px;
        font-size: 25px;
    }

    .QVBodyContainer {
        -webkit-overflow-scrolling: touch;
    }

    .afterScrollNavbar {
        padding-top: 28px !important;
    }

    .container-pc-search-right {
    }

    #pcSearchResultsIDAfterScroll {
        display: none;
    }

    #afterSCrollSearchSpinnerMobile {
        left: 65% !important;
    }

    .cartItemsMasterContainer {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch !important;
    }

    .cartItemsMasterContainerRetail {
        width: 100%;
    }

    .clearBasketButton {
        right: 10px !important;
        top: 50px !important;
    }

    .mobileCartItemProduct {
        overflow-y: hidden;
        overflow-x: scroll;
        width: 900px !important;
        -webkit-overflow-scrolling: touch;
    }

    .mobileCartItemProductRetail {
        width: 100%;
        overflow: hidden;
        min-height: 150px;
        border-bottom: solid 1px #ccc;
        margin-bottom: 5%;
    }

    .mobileClearBasketContainer {
        display: none;
    }

    .retailCompanyPersonChoiceButton {
        width: 90% !important;
        margin-bottom: 5%;
    }

    .retailShippingInfoContainer {
        width: 100% !important;
        min-height: 70px !important;
    }

    .paymentInstructionsContainer {
        width: 97% !important;
        padding-left: 3%;
    }

    .orderCommentContainer {
        margin-left: 0px !important;
        margin-top: 0px;
        min-height: 150px;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        background: #eee;
        border: none;
        padding-left: 10px;
        padding-top: 10px;
        max-height: 250px;
        font-weight: bold;
        min-height: 65px !important;
        max-height: 65px !important;
        overflow-y: scroll;
        font-size: 16px;
    }

    .userDashboardCompanyTitle {
        font-size: 20px !important;
    }

    .userDashboardTopMenuContainer {
        padding-left: 1% !important;
    }

    .userDashboardTopMenuItem {
        width: 18.5% !important;
    }

        .userDashboardTopMenuItem i {
            font-size: 24px;
        }

    .userDashboardTopMenuContainer {
        height: 38px !important;
        color: #ddd;
    }



    .userInvoiceDetailsButton i {
        display: none;
    }

    .userInvoiceDetailsButton {
        width: 70% !important;
        border-radius: 3px;
        margin-top: 0%;
        margin-bottom: 2.5%;
        margin-left: 15%;
    }

    .MyDetailsMainContainer {
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 3%;
    }

    .dashboardMySettingsHalfContainer {
        min-height: 400px;
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 2%;
        float: left;
    }

    .dashboardMySettingsHalfContainerRight {
        float: left;
        width: 100% !important;
        min-height: 400px;
        margin-top: 0%;
    }

    .AccountHomeLeftInfoContainer {
        width: 95% !important;
        margin-left: 2.5% !important;
    }

    .hideColumnMobile {
        display: none;
    }

    .AccountHomeLeftInfoContainerAddresses {
        width: 95% !important;
        margin-left: 2.5% !important;
    }

    .AccountHomeLeftInfoContainerEditButton {
        width: 25% !important;
    }

    .orderTitleContainer {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .userOrdersMasterContainer {
    }

    .ordersSubContainerDash {
        width: 100% !important;
    }

    .userOrderContainer {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .userOrderProductTotalContainer {
        padding-top: 8px !important;
        width: 25% !important;
        font-size: 11px;
    }

    .cartItemImageDashboard {
        margin-top: 10px;
    }

    .userOrderDetailsButton {
        width: 60% !important;
        margin-left: 20% !important;
        height: 100%;
        background: #254a91;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        font-size: 11px;
    }

    .orderProductSummaryBottomContainer p {
        font-size: 12px;
    }

    .totalPOrderSummary {
        font-size: 14px !important;
    }

    .individualOrderContainerLeft {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .userOrderProductInfo {
        float: left;
        width: 55%;
        height: 100%;
        padding-top: 10px !important;
    }

    .userDashOrderStatusBanner {
        font-size: 10px !important;
        letter-spacing: 2px;
        height: 18px !important;
        line-height: 18px !important;
        background: #254a91;
        color: #fff;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }

    .backToAllOrdersButton {
        width: 90% !important;
        text-align: center;
        margin-left: 5% !important;
        height: 35px;
        line-height: 35px;
        background: #254a91;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        margin-top: 1%;
        border-radius: 3px;
    }

    .individualOrderContainerRight {
        width: 98% !important;
        margin-left: 1% !important;
    }

    .storeTopRightSubContainer {
        width: 100%;
        position: relative;
        padding-left: 2% !important;
        padding-right: 2% !important;
        float: left;
    }

    .FrontPageBannerMasterContainer {
        width: 97% !important;
        margin-left: 1% !important;
    }

    .FrontPageBannerContainer {
        width: 100% !important;
        margin-bottom: 5%;
    }

    .FrontPageBannerTopContainer {
        height: 125px;
    }

    .storeRightSmallProductImageContainer {
        min-height: unset;
    }

    .container-pc-big {
        width: 95%;
        margin: auto;
    }

    .container-pc-big-search {
        width: 100%;
        margin: auto;
    }

    .saerchResultsPageTitle {
        margin-top: 0% !important;
        width: 90%;
        margin-left: 5%;
    }

    .searchResultsProductContainer {
        width: 100% !important;
        font-size: 12px;
        height: 180px;
    }

    .userOrderProductInfoTitle {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .searchResultProductImage {
        margin-top: 0px;
    }

    .searchResultProductImageContainer {
        width: 35% !important;
    }

    .SearchPageRatingContainer {
        bottom: 10px !important;
        top: unset !important;
    }

    .searchResultProductButton {
        text-align: center;
        height: 30px;
        background: #254a91;
        line-height: 30px;
        color: #fff;
        margin-top: 70px;
        text-transform: uppercase;
        cursor: pointer;
        border-radius: 2px;
        border: solid 1px #254a91;
    }

    .searchResultProductButtonContainer {
        float: left;
        width: 32%;
        height: unset !important;
        position: absolute !important;
        bottom: 10px;
        margin-left: 1%;
    }

    .searchResultsPageSubTitle {
        padding-left: 5%;
    }

    .loading-spinner {
    }

    .chooseQuantityQVPopupSubContainer {
        width: 105px !important;
        top: 5px !important;
    }

    .quantityButton {
        height: 28px !important;
        width: 26px !important;
    }

        .quantityButton i {
            top: -3px !important;
            left: 4px !important;
        }

    .quantityInfoTextBox {
        height: 28px !important;
    }

    .storeOrderButton {
        width: 80px !important;
        top: 14% !important;
        height: 28px !important;
        line-height: 28px;
    }

    .addedToCartCheckIcon {
        left: 27px !important;
        top: -1px !important;
    }

    .mobileStorePageSpinner {
        left: 47% !important;
        top: 40% !important;
    }

    .frontPageLittleTitle {
        text-align: center;
        margin-top: 0% !important;
        font-size: 25px !important;
        color: #254a91;
        margin-bottom: 0% !important;
        text-transform: capitalize;
        font-weight: normal;
        padding-top: 5%;
        padding-bottom: 5%;
        background: #fff;
        font-family: ProxyRegular;
    }

    .mobileFilterOpenContainer {
        height: 50px;
        width: 98%;
        margin-left: 1%;
        background: #254a91;
        color: #fff;
        line-height: 50px;
    }

    .mobileFilterOpenContainerTitle {
        width: 68%;
        font-size: 12px;
        padding-left: 3%;
        text-transform: capitalize;
        float: left;
    }

    .mobileFilterOpenButton {
        float: left;
        width: 30%;
        text-align: center;
        margin-left: 0%;
        height: 35px;
        margin-top: 7.5px;
        background: #337bed;
        line-height: 35px;
        text-transform: capitalize;
    }

    .container-pc-pagination {
        border: none;
        margin-bottom: 2%;
    }

    .nextPageButton {
        width: 25% !important;
        height: 100%;
        float: left;
        line-height: 65px;
        font-size: 16px;
        font-weight: bold;
        text-transform: capitalize;
        cursor: pointer;
        color: #254a91;
        position: relative;
        margin-right: 10%;
    }

    .currenctPageMasterContainer {
        width: 30% !important;
        float: left;
        height: 100%;
    }

    .previousPageButton {
        width: 25% !important;
        height: 100%;
        float: left;
        line-height: 65px;
        font-size: 16px;
        font-weight: bold;
        text-transform: capitalize;
        cursor: pointer;
        color: #254a91;
        position: relative;
        margin-left: 10% !important;
    }

    .galleryPageMobileQuantitySign i {
        left: 0px !important;
    }

    .blockScroll {
        overflow: hidden;
        height: 100%;
        position: fixed;
    }

    .container-pc-search-left p {
        font-size: 13px !important;
        height: 45px !important;
        line-height: 45px !important;
        padding-top: 0px !important;
        border-top: solid 1px #ddd;
        padding-left: 10px;
    }

    .searchRightParagraphIcon {
        font-size: 25px !important;
        margin-right: 20px;
        margin-top: 8px;
        float: right;
    }

    .searchParagraphIcon {
    }

    .orderClientSearchContainer {
        width: 95% !important;
        height: auto !important;
        margin-left: 5% !important;
        min-height: 55px !important;
        margin-bottom: 0px !important;
    }

    .orderClientSearch {
        width: 95% !important;
        font-size: 16px;
        height: 40px !important;
        padding-left: 12% !important;
        margin-left: 0% !important;
        border: none !important;
        box-shadow: none !important;
    }

    .orderClientSearchIcon {
        top: 7px !important;
        left: 7px !important;
    }

    #dashOrderSearchSpinner {
        left: 7px !important;
    }

    .orderClientSearchCloseContainer {
        width: 40px !important;
        height: 40px !important;
        position: absolute;
        top: 0px;
        left: 83% !important;
        text-align: center;
        cursor: pointer;
        padding-top: 3px !important;
    }

    .orderTitleContainerColumn {
        font-size: 10px;
        width: 25%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .orderBackPageButton {
        width: 20% !important;
        margin-left: 20% !important;
    }

    .orderNextPageButton {
        width: 20% !important;
        margin-left: 10% !important;
    }

    .seeMoreResultsButton {
        width: 100% !important;
    }

    .mobileFiltersContainer {
        width: 98%;
        margin-left: 1%;
        height: 100%;
        position: relative;
        padding-bottom: 2%;
    }

    .mobileFiltersContainerTopBanner {
        height: 75px;
        width: 100%;
        position: relative;
        margin-top: 2%;
        background: #fff;
    }

    .mobileSortingButton {
        width: 29%;
        float: left;
        text-align: center;
        height: 37px;
        line-height: 37px;
        margin-top: 10px;
        text-transform: capitalize;
        color: #254a91;
        margin-left: 4%;
    }

    .mobileSelectedSort {
        color: #fff;
        background: #254a91;
    }

    .mobileFilterSubContainer {
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background: #254a91;
        margin-top: 2%;
        position: relative;
    }

    .mobileFilterSubContainerTitle {
        width: 100%;
        padding-left: 5%;
    }

    .mobileFilterSubContainerTitleIcon {
        position: absolute;
        top: 5%;
        right: 5%;
        font-size: 25px !important;
    }

    .mobileFilterResultsContainer {
        width: 100%;
        height: 100%;
        background: #fff;
        margin-top: 1%;
        max-height: 200px;
    }

    .subcontainer-filters {
        background: #fff;
        padding-top: 1% !important;
        padding-left: 0% !important;
        margin-right: 2% !important;
        overflow-y: scroll;
        height: 100% !important;
        width: 100%;
        max-height: 200px;
        -webkit-overflow-scrolling: touch !important;
    }

    .mobileApplyContainer {
        width: 100%;
        height: 30px;
        margin-top: 2%;
    }

    .mobileResetButton {
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #254a91;
        width: 29%;
        float: left;
        color: #fff;
        text-transform: lowercase;
        font-size: 11px;
        border-radius: 3px;
    }

    .mobileApplyButton {
        height: 30px;
        float: left;
        width: 70%;
        text-align: center;
        line-height: 30px;
        text-transform: uppercase;
        background: #337bed;
        margin-left: 1%;
        color: #fff;
        border-radius: 3px;
    }

    .countryInfoButton {
        top: 20px;
        left: 65px;
    }

        .countryInfoButton img {
            height: 100%;
            width: 100%;
            border-radius: 2px;
            max-height: 20px;
        }

    .ChooseCountryContainer {
        width: 90%;
        left: 5%;
        height: 70%;
        top: 10%;
    }

    .SelectCountryButton {
        bottom: 10%;
    }

    .countriesContainerSearch {
        bottom: 10%;
        font-size: 16px;
    }

    .CountryListContainer {
        -webkit-overflow-scrolling: touch !important;
    }

    .mobileSortTitle {
        width: 100%;
        padding-left: 3%;
        text-transform: uppercase;
        border-bottom: solid 1px #ddd;
    }

    .chatButtonMobile {
        height: 30px;
        width: 50px;
        position: absolute;
        top: 15px;
        left: 65px;
        color: #fff;
        background: #337bed;
        text-align: center;
        text-transform: capitalize;
        line-height: 30px;
        border-radius: 3px;
    }

    .MobileAngleRight {
        right: 20px;
        left: unset !important;
    }

    .currencyClickContainer {
    }

    .goldcardSoonBanner {
        position: absolute;
        top: 13px;
        left: 14px;
        width: 40px;
        text-align: center;
        height: 25px;
        line-height: 24px;
        background: #337bed;
        color: #fff;
        border-radius: 5px;
    }

    .mobileNavButton img {
        height: auto;
        width: auto;
        max-width: 45px;
        position: absolute;
        top: 4px;
        left: 6px;
        max-height: 45px;
    }

    .brandPhotoMobile {
    }

    .cartItemImageContainer {
        width: 10% !important;
    }

    .cartItemImageContainerRetail {
        width: 25% !important;
    }

    .cartItemImageContainerDashboardUser {
        height: 100% !important;
        width: 20% !important;
    }

    .cartItemInfoContainer {
        font-size: 12px !important;
    }

    .cartItemInfoContainerRetail {
        width: 65% !important;
        float: left;
        text-transform: capitalize;
        height: 105px;
        padding-left: 8px;
    }

    .orderCommentTitle {
        margin-top: 0% !important;
    }

    .retailShippingTextBox {
        font-size: 16px;
        margin-left: 0% !important;
        width: 95% !important;
        height: 40px !important;
        line-height: 40px !important;
        border: none !important;
        background: #eee !important;
        border-radius: 0px;
        box-shadow: none !important;
        display: block;
    }

    .mobileRetailCartQuantityButton {
        float: left;
        width: 20%;
        height: 100%;
        text-align: center;
        line-height: 30px;
        background: #eee;
        border: solid 1px #ddd;
    }

        .mobileRetailCartQuantityButton i {
            -webkit-text-stroke: 1.5px #EEE;
        }

    .mobileRetailCartQuantityContainer {
        float: left;
        width: 35%;
        height: 30px;
    }

    .mobileGiftHeadder {
        display: none;
    }

        .mobileGiftHeadder p {
        }

    .mobileRetailCartQuantityTextBox {
        float: left;
        width: 30%;
        height: 100%;
        border: solid 1px #ccc;
        text-align: center;
        font-size: 16px;
        border-radius: 0px !important;
    }

        .mobileRetailCartQuantityTextBox:focus {
            border: solid 1px #ccc !important;
        }

    .mobileRetailTotalContainer {
        position: absolute;
        bottom: 20px;
        left: 27%;
        text-transform: capitalize;
        font-weight: normal;
        font-size: 12px;
        color: #254a91;
    }

    .mobileRetailItemDeleteContainer {
        position: absolute;
        top: 0%;
        right: 5px;
        font-size: 30px;
    }

    .mobileRetailItemDeleteContainerIcon {
        color: #333;
        -webkit-text-stroke: 3px #fff;
    }

    .cartLeftContainerSubContainerMiddleMobile {
        float: left;
        width: 45%;
        height: 40px;
        position: relative;
    }

    .chooseGiftButtonRetail {
        text-align: center;
        margin-top: 35px;
        background: #00aeef;
        color: #fff;
        border-radius: 2px;
        height: 100%;
        line-height: 40px;
        text-transform: uppercase;
        cursor: pointer;
        width: 100%;
    }

    .GiftSettingsPopUp {
        height: 350px;
        width: 90% !important;
        position: fixed;
        top: 20%;
        left: 5% !important;
        background: #fff;
        z-index: 3;
        -webkit-animation-delay: 0s;
        -webkit-animation-duration: 0.25s;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
    }

    .reviewScrollContainer {
        overflow-y: scroll;
        height: 450px;
    }

    .verifiedBuyerReviewRowImageContainer {
        width: 10%;
    }

    .verifiedBuyerReviewRow p {
        width: 90%;
    }

    .reviewInfoComment {
        text-align: left;
        font-size: 11px;
        padding-left: 10px;
    }

    .verifiedBuyerReviewRow {
        padding-left: 5px;
    }

    .ratingDate {
        font-size: 13px;
        color: #bbb;
        position: absolute;
        top: 45px;
        left: 5px;
    }

    .ratingComment {
        font-size: 13px;
        text-align: left;
        line-height: 22px;
        letter-spacing: 0.5px;
        margin-top: 5%;
    }

    .verifiedBuyerReviewRow p {
        font-size: 12px;
    }

    .flavourRatingReviewRow {
        position: absolute;
        top: 45px;
        right: 5px;
        font-weight: bold;
        color: #254a91;
        font-size: 11px;
    }

    .loadMoreReviewsButton {
        width: 95%;
        margin-left: 2.5%;
        margin-top: 5%;
    }

    .quickViewRateTitle {
        font-size: 16px;
    }

    .setCountryButton {
        top: 35px !important;
        width: 40% !important;
        height: 30px !important;
        line-height: 30px !important;
        left: 2% !important;
    }

    .reviewCertificationText {
        padding-left: 5px;
    }

    .bannerProductContainerImage {
        height: auto;
        width: auto;
        max-width: 40%;
        max-height: 160px;
        cursor: pointer;
        margin-left: 30%;
        margin-top: 25px;
        float: left;
    }

    .reviewDetailsAccount {
        width: 90%;
        text-align: left;
        margin-left: 10%;
        font-weight: bold;
        color: #254a91;
        font-size: 12px;
    }

    .corner-text {
        background: #32aa3a;
    }

    .bannerProductRightContainer h5 {
        color: #32aa3a;
        font-size: 14px;
    }

    .corner-text-wrapper {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        clip: rect(0px, 141.421px, 70.7107px, 0px);
        height: 141.421px;
        position: absolute;
        left: -20.7107px;
        right: unset !important;
        top: -20.7107px;
        width: 141.421px;
        z-index: 1;
    }

    .storeAddPackageRightButton {
        margin-bottom: 5%;
        width: 97%;
    }

    .storeAddPackageRightButtonRetail {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background: #00aeef;
        width: 97%;
        margin-left: 1.5%;
        border-radius: 3px;
        margin-top: 0%;
        float: left;
    }

    .mobilePhoneOrderTitle {
        text-align: left;
        font-size: 15px;
        font-weight: bold;
        margin-top: 0px;
        padding-left: 0px;
    }

    .mobilePackageSelectItemContainer {
        height: 80px;
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 97%;
    }

    .mobilePackageSelectItemInfoContainer p {
    }

    .mobilePackageSelectItemImageContainer {
        float: left;
        height: 80px;
        width: 25%;
        padding: 10px;
    }

        .mobilePackageSelectItemImageContainer img {
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
            display: block;
            margin: auto;
        }

    .mobilePackageSelectItemInfoContainer {
        width: 75%;
        height: 80px;
        float: left;
        padding-top: 10px;
    }

    .mobilePhoneOrderSubTitle {
        font-size: 15px;
        padding-left: 10px;
    }

    .phoneMobileMasterContainer {
        border: solid 1px #ddd;
        width: 98%;
        margin-left: 1%;
    }

    .phoneMobileTextBox {
        height: 50px;
        width: 98%;
        margin-left: 1%;
        background: #eee;
        border: solid 1.5px #eee;
        padding-left: 10px;
        margin-top: 10px;
    }

        .phoneMobileTextBox:focus {
            border: solid 1.5px #337bed !important;
            border-radius: 3px;
            transition: 0.5s;
        }

    .phoneMobileOrderButton {
        width: 98%;
        margin-left: 1%;
        height: 50px;
        margin-top: 10px;
        margin-bottom: 5px;
        background: #254a91;
        text-align: center;
        line-height: 50px;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    .searchResultsProductStatusMeaning {
        width: 32% !important;
        left: 52% !important;
        bottom: 47px !important;
        display: none;
    }

    .retailLogo {
        right: 35%;
    }

    #YourDetailsId {
        display: none;
    }

    .noMinimumWholeOrderMet {
        bottom: 10%;
        width: 90% !important;
        text-align: center;
        height: 20px;
        line-height: 20px;
        background: #ff0000;
        color: #fff;
        margin-left: 5% !important;
        font-size: 12px;
        margin-top: 5px;
    }

    .secureCheckOutButton {
        margin-top: 5%;
        margin-bottom: 5%;
        position: relative !important;
        width: 90% !important;
        margin-left: 5% !important;
    }

    .secureCheckOutButtonTitle {
        width: 84% !important;
        text-align: left;
        padding-left: 50px;
    }

    .secureCheckOutButtonIconContainer {
        padding-left: 17px !important;
        width: 16% !important;
    }

    .promoCodeContainer {
    }

    .shippingOption {
        width: 90% !important;
        margin-bottom: 5%;
        height: auto;
        margin-left: 3%;
        float: left;
        cursor: pointer;
        border: solid 2px #eee;
        padding: 2px;
        position: relative;
        white-space: nowrap;
        max-height: 140px;
        overflow: hidden;
        min-height: unset !important;
    }

    .shippingAddressContainerTitleSubContainer p {
        padding-left: 0% !important;
    }

    .shippingAddressContainer {
        padding-bottom: 20px !important;
    }

    .successCoupon {
        -webkit-text-stroke: 3px #00aeef!important;
    }


    .retailShippingTextBoxHeader {
        padding-left: 1% !important;
    }

    .editButtonFromPopup {
        left: 0% !important;
        width: 95% !important;
    }

    .orderSubTotal {
        padding-left: 5% !important;
    }

    .promoCode {
        background: #fff;
        border: solid 1px #ddd;
        width: 65% !important;
        margin-left: 5% !important;
        padding-left: 5%;
        margin-top: 40px;
        float: left;
        height: 35px!important;
    }

    .promoCodeButton {
        height: 35px !important;
        background: #00aeef !important;
        font-weight: bold;
        line-height: 35px !important;
    }

    .containsNOVATTEXT {
        left: 0px;
        width: 100%;
        text-align: left;
        height: 30px;
        line-height: 30px;
        padding-left: 5% !important;
        color: #254a91;
        margin-top: 5px;
        text-decoration: underline;
        font-weight: bold;
    }

    .saturdayDeliveryCOntainer {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .promoInfo {
        width: 100%;
        text-align: left;
        padding-left: 5% !important;
        font-size: 11px;
        padding-right: 5%;
        position: absolute;
        bottom: 10%;
        line-height: 15px;
    }

    .favoritesStoreButtonContainer {
        width: 95% !important;
    }

    .favoritesStoreButtonContainerInfoText {
        font-size: 13px;
    }

    .favoritesIconContainer {
        top: 0px !important;
        right: 0 !important;
    }

    .favoritesIconContainerInfo {
        width: 130px;
        left: -135px;
    }

        .favoritesIconContainerInfo p {
            font-size: 11.5px !important;
        }

    .cartItemContainerSubTitleProduct {
        line-height: 80px !important;
        width: auto !important;
    }

    .giftcartItemContainer {
        height: 50px;
        float: left;
        width: 100%;
    }

    .giftcartItemContainerSubTitleProduct {
        height: 100%;
        line-height: 30px;
        font-weight: bold;
    }
}

@media only screen and (min-width:992px) and (max-width:1224px) {
    .afterScrollNavbarLogo {
        height: 35px !important;
        position: absolute;
        top: -17px !important;
        left: 4% !important;
        cursor: pointer;
    }

    .ul-reset li {
        font-size: 11px;
        line-height: 35px;
    }

    nav > ul > li > a {
        padding: 8px 0;
    }

    .suggestedProduct {
        max-height: 250px;
    }

    .Centerer {
        height: 15% !important;
    }

    .productItem {
        width: 32.1%;
    }

    .topCategoriesButtonContainerIconContainer {
        width: 30%;
        height: 55%;
        margin-left: 35%;
        text-align: center;
        line-height: 50px;
        font-size: 30px;
        border: solid 1px;
        border-radius: 50%;
        margin-top: 5%;
    }

    .searchLeftAngle {
        left: -108%;
    }

    .countryInfoButton {
        width: 28px;
        right: 20.1% !important;
    }

    .globeContainer {
        
    }

        .globeContainer i {
           
        }

    .notificationCountContainer {
        color: #fff;
        position: absolute;
        top: -12%;
        right: -8%;
        font-size: 9px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #ff0000;
        line-height: 12px;
    }

    .ChooseCountryContainer {
        width: 40%;
        height: 400px;
        position: fixed;
        background: #fff;
        z-index: 2500;
        left: 30%;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        top: 10%;
    }

    .UserIconContainer {
        color: #fff;
        font-size: 22px !important;
        position: absolute;
        right: 11.5%;
        top: -20px;
        cursor: pointer;
        -webkit-text-stroke: 0.25px #254a91;
        height: 30px;
        width: 30px;
        text-align: center;
        z-index: 3;
    }

    .cartTopIcon {
        color: #fff !important;
        float: right !important;
        right: 2.5%;
        width: 80px;
        top: -32px;
        font-size: 25px !important;
        cursor: pointer;
        position: absolute !important;
        height: 50px;
        border: solid 1px transparent;
        border-radius: 3px;
    }

    .heartTopIconSign {
        height: 100%;
        width: 100%;
        color: #fff;
        font-size: 25px;
        line-height: 55px;
    }

    .heartTopIconCounter {
        position: absolute;
        top: 7px;
        height: 17px;
        line-height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        right: 2px;
        background: #f01919;
        border-radius: 50%;
        font-size: 10px;
        -webkit-animation-delay: 0s;
        -webkit-animation-duration: 0.2s;
    }



    .currencyChooseContainer {
        height: 40px;
        width: 40px;
        position: absolute;
        right: 0.5%;
        top: -30%;
        font-size: 25px;
        color: #fff;
        text-align: center;
        z-index: 3;
        border: solid 1px transparent;
        border-radius: 3px;
    }

    .cartRightContainer {
        width: 28% !important;
        background: #f6f6f6;
        position: fixed;
        right: 2% !important;
        top: 0%;
        height: 100%;
        padding-top: 10%;
        border: solid 1px #ddd;
    }

    .navbar-fixed-top {
        top: 0;
        z-index: 2;
        position: relative;
        height: 100px;
        background: #254a91 !important;
        border-color: #254a91 !important;
        box-shadow: 0 2px 3px rgba(0,0,0,.3);
        padding-top: 5px;
    }

    .searchTerm {
        padding-left: 2%;
    }

    .cartLeftContainer {
        width: 70% !important;
        float: left;
        min-height: 300px;
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    .removeCartItemButton {
        right: 10px !important;
    }

    .orderSubTotal {
        margin-top: 2% !important;
    }

    .secureCheckOutButton {
        margin-top: 15px !important;
    }

    .ViewProductButtonImageCOntainer {
        width: 25%;
        float: left;
        height: 100%;
        background: #f01919;
        border-top-right-radius: 0 0 !important;
        border-bottom-right-radius: 37% 100% !important;
        text-align: left;
        line-height: 32px;
        padding-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        font-size: 17px;
    }

    .ViewProductButton {
        font-size: 10px !important;
    }

    .container-pc-categories {
        width: 19% !important;
        margin-left: 1% !important;
    }

    .quickViewIcon {
        left: 20% !important;
    }

    .favoritesIconContainer {
        top: 0px !important;
    }

    .orderNowButton {
        width: 55% !important;
    }

    .favoritesStoreButtonContainer {
        width: 55%;
        height: 40px;
        margin-top: 2%;
        border: solid 1.5px;
        border-radius: 3px;
        color: #254a91;
        font-size: 13px;
    }

    .QVBodyContainer {
        width: 100%;
        height: 395px !important;
        position: relative;
        margin-top: 60px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding-top: 20px;
        overflow-y: scroll;
    }

    .storePriceAndSizeContainer p {
        font-size: 11px !important;
    }

    .detailImageContainer {
        height: 400px;
    }

    .orderButtonContainer {
        width: 95%;
        font-size: 11px;
    }

    .QuickViewPopUpBig {
        height: 460px;
        width: 50%;
        left: 25%;
    }

    .storeDescriptionContainer {
        width: 95% !important;
    }

    .storeTopLeftContainerPCRETAIL {
        width: 60% !important;
        margin-left: 1%;
        background: #fff;
        border: solid 1px #ddd;
        margin-top: 1% !important;
        padding-right: 0%;
        padding-bottom: 2%;
    }

    .phoneOrderButton {
        min-width: 68% !important;
        font-size: 11px;
    }

    .storeTopRightContainerPCRETAIL {
        width: 37% !important;
    }

    .bannerProductRightContainer h5 {
        font-size: 18px;
    }

    .storeRatingsContainerPCRETAIL {
        margin-left: 1%;
    }

    .phoneOrderContainer {
        width: 40% !important;
    }

    .reviewScrollContainer {
        height: 355px;
    }

    .FavoritesProductContainer {
        width: 100%;
    }

    .FavoritesPageTitle {
        width: 100%;
    }

    .mega-menu a {
        font-size: 12px;
    }

    .storeRightSmallProductImage {
        margin-top: 10px;
    }

    .ul-reset li {
        font-size: 10px;
        line-height: 35px;
    }

    .telefoneSupportContainer {
        font-size: 11.5px;
    }

    .pcChatButton {
        right: 150px;
        width: 100px;
    }

    .telefoneSupportContainer i {
        font-size: 12px;
    }

    .userDashboardTopMenuItem {
        font-size: 13px;
    }

    .saturdayDeliveryCheckboxText {
        max-width: 85%;
    }

    .searchResultsProductContainer {
        width: 100%;
    }

    .flavourRatingContainer {
        margin-right: 65% !important;
    }

    .madeinUSAimgBig {
        top: 20px;
        width: auto;
        height: 20px;
        right: 25px;
    }

    .retailLogo {
        left: 45px;
        top: -28px;
    }

    .topPageChoiceButton {
        height: 100%;
        float: left;
        margin-right: 5%;
        width: 28% !important;
        text-align: center;
        line-height: 35px;
        color: #254a91;
        background: #fff;
        cursor: pointer;
        text-transform: uppercase;
        border: solid 1px;
        position: relative;
        font-size: 10px;
    }

    .deleteSearchTextButtonContainer {
        right: 21px;
        top: 1px;
    }

    .containerUpperFooterRetail {
        padding-left: 2%;
    }

    .FooterInfoImageContainer {
        max-width: 200px;
    }

    .FooterInfoBottomMotivationContainer {
        width: 80%;
    }

    .footerRetailUpperContainerTitle {
        padding-left: 2%;
    }

        .footerRetailUpperContainerTitle p {
            font-size: 22px;
        }

    .footerRetailUpperValueTitle {
        font-size: 12px;
    }

    .footerRetailUpperValueSubTitle {
        font-size: 10px;
    }

    .footerRetailUpperValueContainer i {
        font-size: 40px;
    }

    .footerColumnTitleRetail {
        font-size: 14px;
    }

    .footerRowRetail {
        font-size: 12px;
    }

    .footerSubscribeTextBox {
        height: 30px;
    }

    .footerSubscribeButtonRetail {
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }

    .telefoneSupportContainer {
        font-size: 9.5px !important;
    }

    .newNavBarRetailMenuButton p {
        font-size: 0.9vw;
    }

    .CartIconContainerTitle {
        font-size: 0.8vw;
    }

    .CartIconContainer{
        width:20%;
    }
}

@media only screen and (max-height:590px) {

    .cartRightContainer {
        overflow-y: scroll;
        padding-bottom: 5%;
        padding-top: 15% !important;
    }
}

@media only screen and (min-width:1224px) and (max-width:1397px) {

    .newNavBarRetailMenuButton p {
        font-size: 0.9vw;
    }

    .CartIconContainer {
        width: 20%;
    }

    .CartIconContainerTitle {
        font-size: 0.8vw;
    }

    .footerSubscribeButtonRetail {
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }

    .suggestedProduct {
        max-height: 250px;
    }

    .Centerer {
        height: 15% !important;
    }

    .searchLeftAngle {
        left: -107.5%
    }

    .topCategoriesButtonContainerIconContainer {
        width: 26%;
        height: 55%;
        margin-left: 37%;
        text-align: center;
        line-height: 50px;
        font-size: 30px;
        border: solid 1px;
        border-radius: 50%;
        margin-top: 5%;
    }

    .footerRowRetail {
        font-size: 12px;
    }

    .footerColumnTitleRetail {
        font-size: 14px;
    }

    .footerRetailUpperValueContainer i {
        font-size: 40px;
    }

    .footerRetailUpperValueSubTitle {
        font-size: 11px;
    }

    .footerRetailUpperValueTitle {
        font-size: 14px;
    }

    .footerRetailUpperContainerTitle p {
        font-size: 22px;
    }

    .footerRetailUpperContainerTitle {
        padding-left: 2%;
    }

    .FooterInfoBottomMotivationContainer {
        width: 80%;
    }

    .FooterInfoImageContainer {
        max-width: 200px;
    }

    .userDashboardTopMenuItem {
        font-size: 13px;
    }

    .containerUpperFooterRetail {
        padding-left: 2%;
    }

    .deleteSearchTextButtonContainer {
        right: 15px;
        top: 0px;
    }

    .topPageChoiceButton {
        height: 100%;
        float: left;
        margin-right: 5%;
        width: 28% !important;
        text-align: center;
        line-height: 35px;
        color: #254a91;
        background: #fff;
        cursor: pointer;
        text-transform: uppercase;
        border: solid 1px;
        position: relative;
        font-size: 10px;
    }

    .retailLogo {
        left: 70px;
        top: -30px;
    }

    .madeinUSAimgBig {
        top: 20px;
        width: auto;
        height: 20px;
        right: 25px;
    }

    .flavourRatingContainer {
        margin-right: 65% !important;
    }


    .searchResultsProductContainer {
        width: 80%;
    }

    .saturdayDeliveryCheckboxText {
        max-width: 85%;
    }

    .ul-reset li {
        font-size: 11px;
        line-height: 35px;
    }

    nav > ul > li > a {
        padding: 8px 0;
    }

    .telefoneSupportContainer {
        font-size: 11.5px;
    }

    .pcChatButton {
        right: 150px;
        width: 100px;
    }

    .telefoneSupportContainer i {
        font-size: 12px;
    }

    .afterScrollNavbarLogo {
        height: 35px !important;
        position: absolute;
        top: -17px !important;
        left: 4% !important;
        cursor: pointer;
    }

    .storeRightSmallProductImage {
        margin-top: 10px;
    }

    .countryInfoButton {
        width: 28px;
        right: 20.1% !important;
    }

    .globeContainer {
      
    }

        .globeContainer i {
           
        }

    .notificationCountContainer {
        color: #fff;
        position: absolute;
        top: -12%;
        right: -8%;
        font-size: 9px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #ff0000;
        line-height: 12px;
    }

    .ChooseCountryContainer {
        width: 40%;
        height: 400px;
        position: fixed;
        background: #fff;
        z-index: 2500;
        left: 30%;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        top: 10%;
    }

    .UserIconContainer {
        color: #fff;
        font-size: 22px !important;
        position: absolute;
        right: 12.5%;
        top: -20px;
        cursor: pointer;
        -webkit-text-stroke: 0.25px #254a91;
        height: 30px;
        width: 30px;
        text-align: center;
        z-index: 3;
    }

    .cartTopIcon {
        color: #fff !important;
        float: right !important;
        right: 5.5%;
        width: 80px;
        font-size: 25px !important;
        cursor: pointer;
        position: absolute !important;
        height: 50px;
        border: solid 1px transparent;
        border-radius: 3px;
    }

    .heartTopIconSign {
        height: 100%;
        width: 100%;
        color: #fff;
        font-size: 25px;
        line-height: 55px;
    }

    .heartTopIconCounter {
        position: absolute;
        top: 7px;
        height: 17px;
        line-height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        right: 2px;
        background: #f01919;
        border-radius: 50%;
        font-size: 10px;
        -webkit-animation-delay: 0s;
        -webkit-animation-duration: 0.2s;
    }



    .currencyChooseContainer {
        height: 40px;
        width: 40px;
        position: absolute;
        right: 0.5%;
        top: -30%;
        font-size: 25px;
        color: #fff;
        text-align: center;
        z-index: 3;
        border: solid 1px transparent;
        border-radius: 3px;
    }

    .cartRightContainer {
        width: 25% !important;
        background: #f6f6f6;
        position: fixed;
        right: 2% !important;
        top: 0%;
        height: 100%;
        padding-top: 10%;
        border: solid 1px #ddd;
    }

    .navbar-fixed-top {
        top: 0;
        z-index: 2;
        position: relative;
        height: 100px;
        background: #254a91 !important;
        border-color: #254a91 !important;
        box-shadow: 0 2px 3px rgba(0,0,0,.3);
        padding-top: 5px;
    }

    .searchTerm {
        padding-left: 1.5%;
    }

    .cartLeftContainer {
        width: 70% !important;
        float: left;
        min-height: 300px;
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    .removeCartItemButton {
        right: 10px !important;
    }

    .orderSubTotal {
        margin-top: 2% !important;
    }

    .secureCheckOutButton {
        margin-top: 15px !important;
    }

    .ViewProductButtonImageCOntainer {
        width: 25%;
        float: left;
        height: 100%;
        background: #f01919;
        border-top-right-radius: 0 0 !important;
        border-bottom-right-radius: 37% 100% !important;
        text-align: left;
        line-height: 34px;
        padding-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        font-size: 17px;
    }

    .ViewProductButton {
        font-size: 10px !important;
    }

    .container-pc-categories {
        width: 19% !important;
        margin-left: 1% !important;
    }

    .quickViewIcon {
        left: 20% !important;
    }

    .favoritesIconContainer {
        top: 0px !important;
    }

    .orderNowButton {
        width: 55% !important;
    }

    .favoritesStoreButtonContainer {
        width: 55%;
        height: 40px;
        margin-top: 2%;
        border: solid 1.5px;
        border-radius: 3px;
        color: #254a91;
        font-size: 13px;
    }

    .QVBodyContainer {
        width: 100%;
        height: 395px !important;
        position: relative;
        margin-top: 60px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding-top: 20px;
        overflow-y: scroll;
    }

    .storePriceAndSizeContainer p {
        font-size: 11px !important;
    }

    .detailImageContainer {
        height: 400px;
    }



    .orderButtonContainer {
        width: 95%;
        font-size: 11px;
    }

    .QuickViewPopUpBig {
        height: 460px;
        width: 50%;
        left: 25%;
    }

    .storeDescriptionContainer {
        width: 95% !important;
    }

    .MobilePointsLeft {
    }

    .storeTopLeftContainerPCRETAIL {
        width: 60% !important;
        margin-left: 1%;
        background: #fff;
        border: solid 1px #ddd;
        margin-top: 1% !important;
        padding-right: 0%;
        padding-bottom: 2%;
    }

    .phoneOrderButton {
        min-width: 58% !important;
        font-size: 11px;
    }

    .storeTopRightContainerPCRETAIL {
        width: 37% !important;
    }

    .bannerProductRightContainer h5 {
        font-size: 18px;
    }

    .storeRatingsContainerPCRETAIL {
        margin-left: 1%;
    }

    .phoneOrderContainer {
        width: 40% !important;
    }

    .reviewScrollContainer {
        height: 355px;
    }

    .FavoritesProductContainer {
        width: 100%;
    }

    .FavoritesPageTitle {
        width: 100%;
    }

    .mega-menu a {
        font-size: 12px;
    }
}