.mobileOnly,
.listFiltersWrapper .product-sorting.mobileOnly {
    display: none;
}

.mobileSearchIcon {
    display: none;
}

.menu-title {
    background: url('../images/menu-icon.png') center center no-repeat;
}

.menu-title,
.plus-button,
.footer-menu-responsive,
.mega-menu-responsive {
    display: none;
}


/*#region  special region for search icon (large desktops, 1600px and up) */
@media (max-width: 1740px) {

    #backtotop-button {
        right: 0;
        border-radius: 50% 0 0 50%;
    }

        #backtotop-button:hover {
            background-color: #004686;
            padding: 2rem 3rem 2rem 2rem;
            transition: all 0.3s ease;
        }

    .livechat_button {
        right: 0;
        border-radius: 50% 0 0 50%;
        transition: all 0.3s ease;
    }
        .livechat_button:hover {
            box-shadow: 1px 1px 14px 0px #777;
            transition: all 0.3s ease;
            width: 130px;
            transition: all 0.3s ease;
        }
    /* SEARCH SUGGESTIONS*/
    #search-box {
        width: 900px
    }
}


/*#region MEDIA QUERIES */
/*#region  Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1400px) {

    .footerSignUpWrapper {
        width: 35vw;
    }

    .master-wrapper-page {
        max-width: 100vw;
    }
    /* SEARCH SUGGESTIONS*/
    #search-box {
        width: 900px
    }
}


/*#endregion*/







/*#region Large devices (tablets, desktops less than 1200px)*/
@media (max-width: 1199px) {

    h1 { /* Homepage Top Carousel (Featured Promo) */
        font-size: 4rem;
        line-height: 1.2;
    }

    h2 { /* Homepage Top Carousel (Company Quote) */
        font-style: italic;
        font-size: 4rem;
        line-height: 1.25;
    }

    h3 { /* Page Titles */
        font-size: 4.0rem;
        line-height: 1.3;
    }

    h4 { /* Promo Quotes, Promo Headlines */
        font-size: 3rem;
        letter-spacing: -.08rem;
        line-height: 1.3;
    }

    h5 { /* Section Headers, Product Detail Page Titles, Search Results Title */
        font-size: 3rem;
        letter-spacing: -.05rem;
        line-height: 1.3;
    }

    input[type='button'], input[type='submit'], a.button, button {
        margin: 0;
    }

    .divCheckOutWrapper .addresses .customInputWrapper .radioButton {
        margin-right: 2rem;
    }

    .CokesburyPaymentWrapper .addNewPaymentMethod .multiInputLine {
        display: block;
    }

    .CokesburyPaymentWrapper .addNewPaymentMethod .ExpirationYears > div {
        justify-content: space-between;
    }

    .CokesburyPaymentWrapper .addNewPaymentMethod .ExpirationYears select {
        width: 48%;
        margin: 0;
    }

    .inputs.SaveForFutureCardWrapper {
        display: flex;
    }

        .inputs.SaveForFutureCardWrapper label.customInputWrapper {
            width: auto;
            margin: .5rem 1rem 0 0;
        }

    .CokesburyPaymentWrapper .securityCode input {
        width: auto;
        display: block;
    }

    .CokesburyPaymentWrapper .securityCode label {
        width: auto;
    }

    label.large, .largeFormWrapper label {
        margin-bottom: .5rem;
    }


    .orderFormWrapper,
    .shopping-cart-page .page-body {
        padding: 3%;
    }

    .myAccountNav.list {
        margin: 0 0 12rem;
    }

    .searchBoxWrapper {
        margin-left: 0;
    }


    .headerLinks a {
        padding: 0 1rem;
    }

    .hiddenProductDetails > ul {
        padding: 0;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    input[type='button'].add-to-wishlist-button {
        margin: 2rem 0 0;
    }


    /* cart */
    .master-column-wrapper .shopping-cart-page > .page-title,
    .master-column-wrapper .checkout-page .page-title,
    .temporaryBannerPlaceholder {
        height: 12rem;
    }

        .master-column-wrapper .shopping-cart-page > .page-title h3,
        .master-column-wrapper .checkout-page .page-title h3,
        .temporaryBannerPlaceholder > h1 {
            line-height: 12rem;
        }

    .totalsWrapper p1 {
        font-weight: bold;
    }

    .totalsWrapper .totals,
    .coupon-box,
    .giftcard-box,
    .QuickAddToCartWidget {
        padding: 1rem;
        width: 30rem;
    }

    .ropc .CartStickyRight .panel.coupon-box-panel,
    .ropc .CartStickyRight .panel.giftcard-box-panel {
        margin-top: 1rem;
    }

    .coupon-box,
    .giftcard-box,
    .QuickAddToCartWidget {
        margin-top: 1rem;
    }

    .CartStickyRight .totalsWrapper .coupon-box input,
    .CartStickyRight .totalsWrapper .giftcard-box input,
    .CartStickyRight .totalsWrapper .coupon-box button,
    .CartStickyRight .totalsWrapper .giftcard-box button {
        height: 50px;
    }

    .totalsWrapper .totals button {
        padding: 1rem;
        width: 100%;
        margin: 0 0 1rem;
    }

    .order-total td {
        padding-top: 2rem;
    }

    .CartStickyRight {
        width: auto;
    }

    .divCheckOutWrapper,
    .divShoppingCartWrapper .table-wrapper {
        width: calc(94% - 300px);
    }

    .cart th {
        padding: 0 1rem;
    }

    .master-column-wrapper .divCheckOutPageWrapper {
        padding: 3%;
    }

    .master-column-wrapper .update-automatic-shipment .divCheckOutPageWrapper {
        padding: 3% 0;
    }

    .automatic-shipment-button {
        margin-top: 2rem;
    }

    .myAccountWrapper .smallerMargin {
        padding: 0 3%;
    }
    /* my account forms */
    .address-list .address-item-empty,
    .address-list .address-item {
        width: 48%;
    }

    .myAccountNav.list {
        padding: 3%;
    }

        .myAccountNav.list > li {
            max-width: 18%;
        }

    .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper {
        top: 10px;
        left: 10px;
        max-width: 50%;
    }

        .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper .s4 {
            font-size: 2.0REM;
        }

    .DynamicContentHeaderWithVideo .VideoWrapper {
        right: 10px;
        z-index: 100;
        max-width: 40%;
        top: 0px;
    }

        .DynamicContentHeaderWithVideo .VideoWrapper iframe {
            max-width: 100% !important;
        }


        .SecondaryPromoImageWrapper .SecondaryPromoProductWrapper { display: block; position: absolute; z-index: 100; margin: 20px auto; width: 100%; text-align: center; }
        .SecondaryPromoImageWrapper .SecondaryPromoProductWrapper img { position: relative; border: 4px solid white; margin: 10px auto; max-height: 260px; width: auto; height: auto; }

    .twoColumnFlex .divStatementsAccountSummaryWrapper input,
    .twoColumnFlex .divStatementsAccountSummaryWrapper .button {
        margin: 1rem 0;
    }


    element.style {
        display: none;
    }

    /* SEARCH SUGGESTIONS*/
    .searchBoxWrapper {
        position: static
    }

    #search-box {
        position: absolute;
        width: 75%;
    }     
}
/*#endregion*/




/*#region Medium devices (tablets in portrait, less than 991px) */
@media (max-width: 991px) {

    .filtersPanelsWrapper > div {
        flex-basis: 32.25%;
    }

    .shopping-cart-page > .page-title > h1
    .checkout-page > .page-title > h1 {
        font-size: 4rem;
        margin: 0;
    }
    .adminWrapper .totalsWrapper.fixed {
        top: 170px;
    }

    .totalsWrapper.fixed.bottom {
        top: auto;
    }

    .master-wrapper-content {
        margin: 120px auto;
    }

    .adminWrapper .master-wrapper-content {
        margin: 156px auto 0;
    }

    .fixedHeaderWrapper .headerLinks > ul > li {
        margin: 1rem 0 0;
    }

    .header {
        height: 70px;
    }

    .searchBoxWrapper {
        margin-top: 1rem;
    }

    .headerLinksWrapper {
        margin: 1.5rem 1.5rem 0 auto;
    }

    #topcartlink {
        padding-top: .5rem;
    }

    .flyout-cart.active {
        visibility: hidden;
        opacity: 0;
        display: none;
    }

    .headerLinksCart {
        width: 56px;
        height: 48px;
        background-size: 70%;
    }

    .headerLinksCartQty {
        height: 20px;
        width: 20px;
        left: 6px;
        font-size: 1.2rem;
    }

    .headerLinks a {
        padding: 0;
        font-size: 1.2rem;
        margin: 0 0 .3rem;
    }
    /* login */
    .login-page {
        padding: 3rem 3% 0;
    }

    .customer-blocks {
        display: block;
        margin-top: 2rem;
    }

        .customer-blocks > div.new-wrapper,
        .customer-blocks > div.returning-wrapper {
            width: 100%;
        }

        .customer-blocks > div.returning-wrapper {
            margin-top: 3rem;
            border-top: 1px solid #ccc;
            border-left: none;
            padding: 3rem 0 0;
        }



    .SildeAuthorBio {
        margin-bottom: 2rem;
        font-size: 1.8rem;
        line-height: 1.6;
    }


    #categoryBanners .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper {
        top: 10px;
        left: 10px;
        max-width: 50%;
    }

        #categoryBanners .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper .s4 {
            font-size: 1.5REM;
        }

    #categoryBanners .DynamicContentHeaderWithVideo .VideoWrapper {
        right: 10px;
        z-index: 100;
        max-width: 40%;
        top: 0px;
    }

        #categoryBanners .DynamicContentHeaderWithVideo .VideoWrapper iframe {
            max-width: 100% !important;
        }


/* TERTIARY BANNERS */
.TertiaryPromoWrapper { width: 100%; height: auto; display: flex; position: relative; justify-content: space-around; margin-top: 40px; pointer-events: all; }
.TertiaryBanner { width: 100%; max-width: 100%; position: relative; }
    .TertiaryBanner .TertiaryBannerContentWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; pointer-events: none; }
    .TertiaryBanner .TertiaryPhotoWrapper { z-index: 100; width: 40%; }
        .TertiaryBanner .TertiaryPhotoWrapper img { display: block; max-height: 180px; margin: 20px auto; }
    .TertiaryBanner .TertiaryPromoTextWrapper { z-index: 100; font-size: 1.65REM}
        .TertiaryBanner .TertiaryPromoTextWrapper span { display: block; text-align: center; }
        .TertiaryBanner .TertiaryPromoTextWrapper .TertiaryPromoIcon { display: block; text-align: center; margin: auto; width: 30px; }
    .TertiaryBanner .BackgroundImage { position: relative; max-width: 100%; max-height: 100%; width: 100%; height: 100%; border: none; top: 0; bottom: 0; left: 0; right: 0 }

        .SecondaryPromoImageWrapper .SecondaryPromoProductWrapper { display: block; position: absolute; z-index: 100; margin: 20px auto; width: 100%; text-align: center; }
        .SecondaryPromoImageWrapper .SecondaryPromoProductWrapper img { position: relative; border: 4px solid white; margin: 20px auto; max-height: 180px; width: auto; height: auto; }




    .twoColumnFlex {
        flex-direction: column;
    }

        .twoColumnFlex .divStatementsAccountSummaryWrapper {
            margin: 4rem 0;
            width: auto;
        }

    /* SEARCH SUGGESTIONS*/
    .searchBoxWrapper { position:static}
    #search-box {position: absolute;left: 20px;width: calc(100% - 40px)}     
}



/*#endregion*/




/*#region Small devices (landscape phones, less than 768px)  */
@media (max-width: 767px) {

    .mobileOnly {
        display: block;
    }



    label.large, .largeFormWrapper label {
        font-size: 1.6rem;
    }

    .mobileHide,
    .mobileHide.product-sorting,
    .mobileHideBanners,
    .footer-menu,
    .mega-menu.mainMenu {
        display: none;
    }

    .menu-title,
    .plus-button,
    .mega-menu-responsive,
    .footer-menu-responsive {
        display: block;
    }

    .livechat_button {
        bottom: 1rem;
        right: 1rem;
    }

    h1,
    h3,
    h5 {
        font-size: 3rem;
    }
    .product-details-page h1, 
    .category-page h1, 
    .search-page .page-body h1,
    .shopping-cart-page > .page-title > h1,
    .checkout-page > .page-title > h1 {
        font-size: 3rem;
        margin: 0;
    }

    .s5 {
        font-size: 2rem;
    }

    .largeFormWrapper .inputs {
        margin: 1.5rem 0;
    }

    label.large, .largeFormWrapper label {
        margin-bottom: .5rem;
    }

    .label {
        margin-right: 1rem;
    }

    textarea, select,
    button,
    a.button,
    a.button.small,
    input[type='submit'],
    input[type='text'],
    input[type='button'],
    input[type='button'].add-to-wishlist-button,
    input[type='button'].button-2,
    input[type='button'].reversed,
    input[type='number'],
    input[type='email'],
    input[type='date'],
    input[type='tel'],
    input[type='password'] {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .master-wrapper-content {
        margin-top: 60px;
    }

    .adminWrapper .master-wrapper-content {
        margin-top: 96px;
    }

    .standardMargin {
        padding: 0 4%;
    }


    .product-grid .item-grid {
        overflow: hidden;
    }

    .footerNewsletterSignUp {
        margin: 2rem 0;
    }

    .footerSignUpWrapper {
        width: 100%;
    }


    .header {
        height: 60px;
    }
    .searchBoxWrapper {
        margin:0;
        width:auto;
    }



    .logoWrapper {
        float: none;
        height: 60px;
        margin: 0 0 0 70px;
        padding: 5px 0 0;
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        min-width: unset;
    }

        .logoWrapper img {
            max-height: 40px;
        }

    .fixedHeaderWrapper .headerLinksWrapper {
        position: absolute;
        top: 0;
        width: 60px;
        height: 60px;
        right: 60px;
        margin: 0;
    }

    .fixedHeaderWrapper .headerLinksCart {
        background-size: 35px 30px;
        width: 66px;
        height: 60px;
        background-position: center;
        padding: 0;
        margin: 0;
    }

    .fixedHeaderWrapper .headerLinksCartQty {
        font-size: 1.2rem;
        line-height: 1.5;
        width: 18px;
        height: 18px;
        left: 21px;
        top: 13px;
    }

    .fixedHeaderWrapper .headerLinks > ul > li {
        display: none;
    }

        .fixedHeaderWrapper .headerLinks > ul > li#topcartlink {
            display: block;
            padding: 0;
        }



   
    /*#endregion*/
    /*#region MEGA MENU */
    .mobileOverlay {
        background: #000;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        z-index: -111;
        -moz-transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
        -webkit-transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
        -o-transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
        transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
    }

        .mobileOverlay.active {
            opacity: .5;
            visibility: visible;
            width: 100%;
            height: 100%;
            -moz-transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
            -webkit-transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
            -o-transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
            transition: visibility .5s, height 0s, width 0s, opacity 0.5s linear;
            z-index: 9999;
        }


    .cart tbody .product,
    .cart tbody .unit-price,
    .cart tbody .subtotal {
        height: auto;
    }

    .adminWrapper .fixedHeaderWrapper .menu-title {
        top: 36px;
    }

    .fixedHeaderWrapper .menu-title {
        color: #fff;
        cursor: pointer;
        position: fixed;
        top: 0;
        left: 0;
        width: 66px;
        height: 60px;
        padding: 0;
        z-index: 12;
    }

    .menu-title span {
        display: none;
    }

    /* responsive menu */

    .mainMenu ~ .master-column-wrapper {
        margin-top: 40px !important;
    }

    .mega-menu-responsive {
        margin: 0;
        position: fixed;
        top: 0;
        left: -85%;
        bottom: 0;
        width: 85%;
        margin: 0;
        padding: 0;
        background: #fff;
        z-index: 100001;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
    }

        .mega-menu-responsive.menuDisplayed {
            left: 0;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }


        .mega-menu-responsive li {
            margin: 0;
            background-color: #fff;
            border-bottom: 1px solid #ccc;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }

            .mega-menu-responsive li.mobileNavStandard,
            .mega-menu-responsive li.mobileNavSecondary,
            .mega-menu-responsive li.mobileNavSignIn {
                min-height: 48px;
            }

        .mega-menu-responsive > li.mobileNavSecondary {
            background-color: #f6f6f6;
        }

        .mega-menu-responsive > li.mobileNavFooter > a,
        .mega-menu-responsive > li.mobileNavSocialIcons > a,
        .mega-menu-responsive > li.mobileNavFooter > .plus-button,
        .mega-menu-responsive > li.mobileNavSocialIcons > .plus-button {
            display: none;
        }

        .mega-menu-responsive > li.mobileNavFooter > .sublist-wrap,
        .mega-menu-responsive > li.mobileNavSocialIcons > .sublist-wrap {
            display: block;
        }

            .mega-menu-responsive > li.mobileNavFooter > .sublist-wrap .sublist,
            .mega-menu-responsive > li.mobileNavSocialIcons > .sublist-wrap .sublist {
                display: flex;
                flex-direction: row;
            }



        .mega-menu-responsive > li.mobileNavSignIn,
        .mega-menu-responsive li.back-button {
            background-color: #005596;
        }

        .mega-menu-responsive li.mobileNavSignIn a span {
            color: #fff;
            font-weight: 600;
        }

        .mega-menu-responsive li.back-button span {
            color: #fff;
            font-weight: 600;
            text-align: center;
            position: relative;
        }

            .mega-menu-responsive li.back-button span:before {
                content: '';
                height: 14px;
                width: 8px;
                background: url('../images/nav_dropdown_small_arrow_right_white.svg') no-repeat;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
                display: block;
                position: absolute;
                left: 20px;
                top: calc(50% - 7px);
            }


        .mega-menu-responsive li a,
        .mega-menu-responsive li span {
            display: block;
            padding: 0;
            text-indent: 20px;
            /*font-size: 16px;*/
            color: #666;
        }


        .mega-menu-responsive li.mobileNavStandard.has-sublist > a,
        .mega-menu-responsive li.mobileNavStandard.has-sublist .has-sublist > a {
            background: url('../images/nav_dropdown_small_arrow_right.svg') right 20px center no-repeat;
        }

        .mega-menu-responsive li.mobileNavSignIn > a {
            background: url('../images/nav_dropdown_small_arrow_right_white.svg') right 20px center no-repeat;
        }


        .mega-menu-responsive .plus-button {
            position: absolute;
            height: 100%;
            width: 100%;
        }

        .mega-menu-responsive li.mobileNavSocialIcons {
            text-align: center;
            border: none;
            margin: 20px auto 0;
        }

            .mega-menu-responsive li.mobileNavSocialIcons .back-button,
            .mega-menu-responsive li.mobileNavFooter .back-button {
                display: none;
            }

        .mega-menu-responsive li.mobileNavFooter {
            padding: 0;
            text-align: center;
            border: none;
            margin: 0 auto;
            max-height: 30px;
            justify-content: baseline;
        }

            .mega-menu-responsive li.mobileNavFooter .sublist li {
                padding: 0 5px;
                margin: 0;
                border-bottom: 0;
            }

                .mega-menu-responsive li.mobileNavFooter .sublist li.firstFooterChild {
                    border-right: 1px solid #ccc;
                }

                .mega-menu-responsive li.mobileNavFooter .sublist li a,
                .mega-menu-responsive li.mobileNavFooter .sublist li span {
                    font-size: 10px;
                    padding: 0;
                    color: #666;
                    text-indent: 0;
                    opacity: .9;
                }

        .mega-menu-responsive .mobileNavSocialIcons .sublist li {
            margin: 0 5px;
            border: 0;
        }

            .mega-menu-responsive .mobileNavSocialIcons .sublist li a {
                margin: 0;
                padding: 0;
            }

            .mega-menu-responsive .mobileNavSocialIcons .sublist li.facebookSocialIcon a {
                background: url('../images/social_icon_facebook-mobile.svg') center no-repeat;
                width: 36px;
                height: 36px;
            }

            .mega-menu-responsive .mobileNavSocialIcons .sublist li.twitterSocialIcon a {
                background: url('../images/social_icon_twitter-mobile.svg') center no-repeat;
                width: 36px;
                height: 36px;
            }

            .mega-menu-responsive .mobileNavSocialIcons .sublist li.youtubeSocialIcon a {
                background: url('../images/social_icon_facebook-mobile.svg') center no-repeat;
                width: 36px;
                height: 36px;
            }

            .mega-menu-responsive .mobileNavSocialIcons .sublist li.instagramSocialIcon a {
                background: url('../images/social_icon_instagram-mobile.svg') center no-repeat;
                width: 36px;
                height: 36px;
            }

            .mega-menu-responsive .mobileNavSocialIcons .sublist li a span {
                display: none;
            }

        .mega-menu-responsive .mobileNavStandard .sublist-wrap {
            margin: 0;
            position: absolute;
            top: 0;
            left: 100%;
            bottom: 0;
            width: 100%;
            background-color: #fff;
            margin: 0;
            padding: 0;
            z-index: 100002;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }

            .mega-menu-responsive .mobileNavStandard .sublist-wrap.active {
                left: 0%;
                -moz-transition: .5s;
                -webkit-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
            }

        .mega-menu-responsive .sublist-wrap ul {
            margin: 0;
            padding: 0;
            white-space: nowrap;
            overflow: hidden;
        }

        .mega-menu-responsive .mobileNavStandard .sublist-wrap ul {
            display: flex !important;
            flex-direction: column;
            height: 100%;
        }

    /*#endregion*/




    /* banners */


    /*#region MOBILE BANNERS */
    /* SECONDARY BANNERS */
    .BannerSectionHeaderSmall {
        height: 75px;
    }

    BannerSectionHeaderSmallText {
        font-size: 2.4rem;
    }

    .BannerSecondaryPromoWrapper {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        margin-top: 0;
    }

    .SecondaryPromoImageWrapper {
        width: 100%;
        position: relative;
        line-height: 0px;
        max-width: 200%;
        object-fit: none;
        object-position: 50% 50%;
    }

        .SecondaryPromoImageWrapper img {
            position: relative;
            max-width: 767px;
            max-height: 547px;
            width: 100%;
            height: 100%;
            border: none;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .SecondaryPromoTextWrapper {
        width: 100%;
        background-color: #005596;
        display: block;
        align-items: center;
        max-width: 100%;
    }

    .SecondaryPromoTextAlign {
        padding: 2rem;
        width: 100%;
    }

    .SecondaryPromoTextCategory, .SecondaryPromoTextContent, .SecondaryPromoButton {
        text-align: center;
        width: auto;
        height: auto;
    }

    



    /* HEADER ADJUSTABLE BANNERS */

    .HeaderAdjustable {
        overflow: hidden;
    }

        .HeaderAdjustable img {
            width: auto;
            height: auto;
            max-width: 200%;
            object-fit: none;
            object-position: 50% 50%;
        }

        .HeaderAdjustable .HeaderAdjustableTextWrapper {
            padding: 0 2rem;
        }

            .HeaderAdjustable .HeaderAdjustableTextWrapper h4 {
                font-size: 3rem;
                line-height: 1.2;
            }

            .HeaderAdjustable .HeaderAdjustableTextWrapper .s4 {
                font-size: 1.5rem;
                line-height: 1;
                text-transform: uppercase;
            }

            .HeaderAdjustable .HeaderAdjustableTextWrapper .SlideFeatureLink input[type='button'],
            .HeaderAdjustable .HeaderAdjustableTextWrapper .SlideFeatureLink input[type='submit'],
            .HeaderAdjustable .HeaderAdjustableTextWrapper .SlideFeatureLink a.button,
            .HeaderAdjustable .HeaderAdjustableTextWrapper .SlideFeatureLink button {
                height: auto;
                width: 100%;
                padding: 1rem 2rem;
            }


    /* HEADER ADJUSTABLE BANNERS IN SLIDER */
    .slick-slider .slick-track, .slick-slider .slick-list {
        margin: 0;
    }

        .slick-dots li {
            font-size: 0;
            background: #fff;
            border-radius: 50%;
            padding: .75rem;
            margin: 1.5rem;
            height: auto;
            opacity: .5;
        }
            .slick-dots li.slick-active {
                opacity: 1;
            }


            .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper, #categoryBanners .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper {
                position: absolute;
                top: 0px;
                left: auto;
                z-index: 100;
                bottom: 0px;
                width: 100%;
                max-width: 100%;
                text-align: center;
                padding: 10px 40px;
            }

    .DynamicContentHeaderWithVideo .VideoWrapper, #categoryBanners .DynamicContentHeaderWithVideo .VideoWrapper {
        position: relative;
        top: auto;
        right: auto;
        z-index: 100;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

        .DynamicContentHeaderWithVideo .VideoWrapper iframe, #categoryBanners .DynamicContentHeaderWithVideo .VideoWrapper iframe {
            width: 100% !important;
        }

    .slick-slide > .row {
        position: relative;
        max-height: inherit;
    }








    /* author category banners */
    .AuthorBannerRow .SlideAuthorPhoto,
    .AuthorBannerRow .SlideFeaturePhoto {
        max-width: 65%;
        margin: 0 auto;
    }
    /* trying to keep height of secondary slides down*/
    .SlideFeaturePhoto {
        display: none;
    }

    .AuthorBannerRow .SlideAuthorFeatureWrapper,
    .AuthorBannerRow .SildeAuthorBioText {
        max-width: 100%;
        margin: 2rem 0 0;
    }

    .SlideAuthorBioWrapper {
        position: static;
        transform: initial;
        flex-direction: column;
    }

    .SildeAuthorBio,
    .SlideFeatureAbout {
        margin-bottom: 1rem;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .SildeAuthorBioText h1 {
        margin-bottom: 1rem;
    }

    .AuthorBannerRow .SildeAuthorBioText .favorite-link {
        max-width: 3.5rem;
    }

    /*#endregion*/
    /*  footer  */

    footer {
        padding-bottom: 2rem;
    }

    .footer-upper {
        height: auto;
    }

    .footer-Copyright a {
        display: block;
        text-decoration: underline;
        margin-top: .5rem;
    }

    footer .footer-menu-responsive {
        margin: 0;
        padding: 0;
    }

        footer .footer-menu-responsive li a,
        footer .footer-menu-responsive li span {
            color: #fff;
        }

        footer .footer-menu-responsive li.back-button {
            display: none;
        }

        footer .footer-menu-responsive .FooterColumnHead {
            margin-bottom: 1.5rem;
        }

        footer .footer-menu-responsive .with-subcategories {
            font-size: 1.8rem;
            font-weight: 600;
        }

        footer .footer-menu-responsive .sublist-wrap > .sublist {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }

            footer .footer-menu-responsive .sublist-wrap > .sublist li {
                width: 50%;
            }

    footer .socialMediaIconsWrapper {
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

        footer .socialMediaIconsWrapper .footerSocialIcon {
            width: 15%;
            margin: 0;
        }

            footer .socialMediaIconsWrapper .footerSocialIcon svg {
                width: 100%;
            }

    .footer-powered-by {
        display: none;
    }

    .lowerFooterContainer {
        flex-direction: column;
    }

    .footerNewsletterSignUp,
    .socialMediaIconsWrapper {
        width: 100%;
    }
    /* product detail */
    .breadcrumb {
        padding: .5rem 4% 1rem;
    }

        .breadcrumb > ul li {
            display: none;
        }

            .breadcrumb > ul li:last-child,
            .breadcrumb > ul li .current-item {
                display: block;
                margin: 0;
                font-family: 'Corda-Regular', serif;
                font-size: 2.2rem;
                font-weight: normal;
            }

    .product-essential {
        display: block;
    }

        .product-essential .gallery,
        .product-essential .overview {
            width: 100%;
            margin: 0 0 1rem;
        }

        .product-essential .gallery {
            text-align: center;
        }

    .gallery .ribbon-wrapper {
        display: inline-block;
    }

    .ribbon-position {
        max-width: 50%;
    }

    .product-essential .gallery .picture-thumbs {
        display: none;
    }

    .product-essential .gallery .picture {
        padding: 0;
        border: 0;
        width: auto;
        height: auto;
    }

        .product-essential .gallery .picture img {
            max-height: 40vh;
            position: static;
            max-width: 100%;
        }

    .product-essential .overview .product-name {
        display: none;
    }

    .product-contributors-list > ul {
        padding: 0;
        margin: 0;
    }

        .product-contributors-list > ul li.p1 {
            font-size: 1.6rem;
        }

    .overview .product-variant-options,
    .overview .compare-products {
        margin: 0;
    }

    .product-variant-options label {
        display: none;
    }

    .productDetailSubtitle .h7 {
        font-size: 1.8rem;
        margin: 0;
    }

    .overview .imprintingAvailable,
    .overview .add-to-cart,
    .overview .tier-prices,
    .overview .shippingPredictability,
    .overview .product-variant-options,
    .overview .prices,
    .variant-overview .prices {
        margin: 1rem 0;
    }

        .overview .prices .p4 {
            font-size: 2.4rem;
        }

        .overview .prices .p5 {
            font-size: 1.6rem;
        }


    .add-to-cart-panel .prices {
        margin: 2.2rem 0 0;
    }

    .add-to-cart-panel .labelWrapper {
        margin: 1rem 0;
    }

        .add-to-cart-panel .labelWrapper .qty-input {
            display: inline-block;
            max-width: 6rem;
            max-height: 5rem;
        }


    /* auto ship */
    .autoShipWrapper {
        clear: both;
        margin: 1rem 0;
    }

    .automatic-shipment-radio-container {
        flex-direction: column;
    }

        .automatic-shipment-radio-container > div {
            padding: 2rem;
            border: 1px solid #ccc;
            width: 100%;
        }

            .automatic-shipment-radio-container > div.active {
                background: #eee;
            }

            .automatic-shipment-radio-container > div:first-child {
                border-bottom: 0;
                border-radius: 5px 5px 0 0;
            }

            .automatic-shipment-radio-container > div:last-child {
                border-radius: 0 0 5px 5px;
            }

    .autoShipSelectWrapper select {
        width: 100%;
    }

    /* search product listing */
    .product-viewmode {
        display: none;
    }

    .product-grid,
    .product-list {
        margin: 3%;
    }

        .product-grid .item-grid,
        .product-list .item-grid {
            overflow: visible;
            margin: 0;
            padding: 0;
        }

    .frame .item-box,
    .item-grid .item-box {
        width: 100%;
        margin: 0 0 1rem;
        padding: 1rem 1rem 3rem;
        /*border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2);*/
    }

        .item-grid .item-box .product-item {
            display: flex;
            flex-direction: row;
            justify-content: space-between
        }

    .product-grid .item-box .product-item .picture {
        margin: 0;
        width: 34%;
        height: 100%;
    }

    .product-item .picture .pictureWrapper {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    .product-grid .item-box .product-item .details {
        margin: 0;
        width: 54%;
    }

    .item-box .product-item .picture a {
        padding: 0;
        line-height: 0;
        width: auto;
        height: auto;
    }

    .product-item .picture .pictureWrapper .pictureLink img {
        position: static;
        max-width: 100%;
        max-height: 100%;
    }

    .product-title {
        line-height: 2.2rem;
    }

    ul.productAdditionalDetailsWrapper li .hiddenProductDetails {
        padding: 0 0 2rem;
    }



    .product-variant-options .productOptionsWrapper {
        width: 100%;
    }

    .product-variant-options .toggleControl {
        padding: 1.2rem 4rem 1.2rem 1.2rem;
        min-width: initial;
    }


        .product-variant-options .toggleControl:after {
            transform: rotate(-90deg);
            right: 1.6rem;
            top: 1.2rem;
        }


    .product-variant-options .productSelector li {
        padding: 1.6rem 2rem 1.6rem 1.6rem;
        border-bottom: 1px solid #ccc;
        display: flex;
    }

    .productSelector li .radioButton {
        margin-right: 1rem;
    }

    .productSelector li.selected .radioButton:after {
        content: '';
        color: transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #005596;
    }

    ul.productAdditionalDetailsWrapper .additionalProductDetailsHeader {
        font-size: 1.8rem;
        font-weight: 600;
    }

    .productDetailVideoWrapper,
    .liProductExtrasButton {
        margin: 1rem 0 0;
        display: block;
    }

    .LinkProductExtrasButton,
    input[type='button'].button-2.add-to-wishlist-button,
    input[type='button'].button-2.add-to-compare-list-button {
        border: none;
        color: #005596;
        font-size: 1.8rem;
        height: auto;
        width: auto;
        font-weight: 400;
        border-bottom: 1px solid #005596;
        border-radius: 0;
        padding: 0;
        width: auto;
        max-width: fit-content;
        text-transform: none;
        line-height: initial;
    }

    .file-attachments .video li .attachmentImg,
    .add-to-cart-panel .productDetailVideoWrapper {
        max-width: fit-content;
    }

    .ProductExtrasButton:hover .ProductExtrasButtonText {
        text-decoration: none;
    }

    .takeALookExtrasButton:before,
    .file-attachments .video li .attachmentImg,
    .productDetailVideoWrapper:before,
    .file-attachments li .attachmentImg {
        content: none;
    }

    .ProductExtrasButtonTextWrapper {
        height: auto;
        margin: 0;
    }

    .ProductExtrasButtonText {
        line-height: normal;
        border-bottom: 1px solid #005596;
        text-transform: initial;
        font-weight: 400;
        max-width: fit-content;
    }

    .ui-widget-content.ProductDetailVideoPopup {
        background: none;
        border-radius: 0;
        box-shadow: none;
    }

    .ui-dialog .ui-dialog-content {
        padding: 0;
    }

    .divMainVideo {
        padding: 1rem;
    }

        .divMainVideo iframe {
            width: 100%;
            height: auto;
        }

    .divVideoStrip {
        overflow: auto;
        max-height: initial;
        max-width: initial;
    }

    .ProductDetailVideoPopup .ui-state-default .ui-icon.ui-icon-closethick {
        display: none;
    }

    input[type='button'].button-2.add-to-compare-list-button {
        display: none;
    }

    .shippingIcons {
        margin: 1rem 0;
    }

        .shippingIcons .FreeShippingIconWrapper {
            height: 2.4rem;
        }

        .shippingIcons .SubscriptionShippingIconWrapper {
            height: 3rem;
            margin-left: .3rem;
        }

        .shippingIcons > div span {
            font-size: 1.6rem;
            font-weight: 400;
            text-transform: none;
            font-style: italic;
            color: #666;
            line-height: 2.4rem;
        }

        .shippingIcons > .SubscriptionShippingIconWrapper span {
            line-height: 3rem;
        }









    /*livechat*/
    .livechat_button,
    .livechat_button img {
        width: 80px;
        height: 80px;
    }

    .livechat_button {
        border-radius: 50%;
    }

        .livechat_button:hover {
            width: 80px;
        }




    /* slider */
    .divSliderWrapper {
        padding: 2rem 3%;
    }
    /*.sliderNavWrapper {
        display: none;
    }*/
    .divSliderMainTitle {
        max-width: calc(100% - 8rem);
    }

    .sliderNavWrapper {
        margin: .5rem 0 0;
    }

        .sliderNavWrapper > div {
            width: 3rem;
            height: 3rem;
            transition: all .3s ease-in-out;
        }

        .sliderNavWrapper .prev {
            margin-right: 1rem;
            background: #005596 url('../images/carousel_arrow_left.svg') 8px 6px no-repeat;
            background-size: 11px 16px;
        }

        .sliderNavWrapper .next {
            background: #005597 url(../images/carousel_arrow_right.svg) 11px 6px no-repeat;
            background-size: 11px 16px;
        }

        .sliderNavWrapper > div.disabled {
            opacity: .3;
            transition: all .3s ease-in-out;
        }

    .wrap {
        padding-top: 1rem;
    }

    .frame .slidee li.slyLi {
        padding: 0 2rem 0 .2rem
    }

    .frame .slidee .item-box {
        width: 100%;
        padding: 1rem 1rem 1rem 0;
    }

    .item-box .product-item .picture a {
        width: 100%;
        height: auto;
    }

    .product-item .picture {
        width: auto;
        height: auto;
    }
    /* cart */

    .shopping-cart-page .page-title span.mobileOnly {
        display: inline;
    }

    .master-column-wrapper .shopping-cart-page > .page-title,
    .master-column-wrapper .checkout-page .page-title,
    .temporaryBannerPlaceholder {
        height: 8rem;
    }

        .master-column-wrapper .shopping-cart-page > .page-title h3,
        .master-column-wrapper .checkout-page .page-title h3,
        .temporaryBannerPlaceholder > h1 {
            line-height: 8rem;
        }

    .divShoppingCartWrapper {
        display: block;
    }

        .divShoppingCartWrapper .table-wrapper,
        .CartStickyRight {
            width: 100%;
            margin: 0;
            display: block;
        }

    .cart thead tr {
        display: none;
    }

    .cart tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        padding: 2rem 0 1rem;
        border-bottom: 1px solid #ccc;
        /*border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2);*/
    }

        .cart tr:last-child {
            border-bottom: none;
        }

    .cart td {
        padding: 0;
        border: none;
    }

    .saveForLaterWrapper {
        margin-top: 4rem;
    }

        .saveForLaterWrapper > h3 {
            border-bottom: 1px solid #ccc;
        }

    .estimate-shipping > .s6 {
        font-family: 'Corda-Regular', serif;
        font-weight: normal;
        font-size: 3rem;
        margin: 2rem 0;
        text-transform: capitalize;
        border-bottom: 1px solid #ccc;
    }

    .divSaveForLaterButton {
        margin-top: 0;
    }

    .cart-collaterals .shipping {
        border: 0;
        padding: 2rem 0;
    }

        .cart-collaterals .shipping .s6 {
            margin: 0;
        }


    .cart td.mCartButtons {
        width: 100%;
        text-align: left;
        margin-top: 1rem;
        display: flex;
    }

        .cart td.mCartButtons .mRemoveItem {
            display: block;
            color: #005596;
            font-weight: normal;
        }

            .cart td.mCartButtons .mRemoveItem > input {
                display: none;
            }

    .saveforlater-content .cart tbody td.product-picture,
    .wishlist-content .cart tbody td.product-picture,
    .cart td.product-picture {
        width: 25%;
        padding: 0;
        margin-right: 5%;
        min-height: 1rem;
    }

        .cart td.product-picture > img {
            width: 100%;
        }

    .cart td.product {
        width: 70%;
        padding: 0;
    }

    .cart .product-name, .cart .product-name > a {
        font-size: 1.6rem;
    }

    .cart .product-picture > a > img {
        max-width: 100%;
    }

    .shopping-cart-page .cart td.remove-from-cart {
        display: none;
    }

    .cart tbody .product,
    .cart tbody .unit-price,
    .cart tbody .subtotal,
    .cart tbody .quantity {
        padding: 0;
    }

    .cart-collaterals .shipping,
    .cart-collaterals .jsDivQuickAddToCartWidget {
        width: 100%;
        min-height: 0;
    }

    .totalsWrapper .totals,
    .coupon-box,
    .giftcard-box {
        width: 100%;
        max-width:100%;
    }

    .mPriceQtyWrapper {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
    }

        .mPriceQtyWrapper .product-unit-price {
            font-size: 2rem;
            margin-top: 1rem;
            font-weight: 700;
            display: block;
        }

        .mPriceQtyWrapper .qty-input {
            max-width: 60px;
        }

        .mPriceQtyWrapper label {
            display: inline;
        }

    .divCartFreeShipping {
        margin-top: 1rem;
        text-align: left;
    }

        .divCartFreeShipping img {
            float: none;
            margin: 0 .5rem 0 0;
            height: 1.8rem;
            vertical-align: text-top;
        }

        .divCartAutoShip span, .divCartFreeShipping span {
            text-transform: none;
            font-size: 1.6rem;
        }

    .cartItemBottomRightWrapper {
        display:block;
    }
    .cartItemBottomRightPositioningBlock {
        position: static;
        text-align: left;
        white-space: normal;
    }
    /************************ checkout ************************/
    .master-column-wrapper .divCheckOutPageWrapper {
        display: block;
        width: 100%;
        margin: 0;
    }

    .divCheckOutWrapper {
        width: 100%;
        margin: 0;
    }

    .totalsWrapper.fixed.bottom {
        position: initial;
    }

    .section .title h5 {
        margin: 0;
    }

    .divCheckOutWrapper .mSectionWrapper .section-title .button-2 {
        margin: 0 0 2rem;
    }

    .divCheckOutWrapper .panel:first-child .section .title {
        border: none;
    }

    .divCheckOutWrapper .mSectionWrapper .mSectionWrapperHeader:after {
        content: '';
        background: url('../images/filter_dropdown_arrow.svg') no-repeat;
        transform: rotate(-90deg);
        transition: transform 200ms linear;
        width: 14px;
        height: 8px;
        position: absolute;
        top: 1.5rem;
        right: 1rem;
    }

    .divCheckOutWrapper .mSectionWrapper.active .mSectionWrapperHeader:after {
        transform: rotate(0deg);
        transition: transform 200ms linear;
    }

    .divCheckOutWrapper .mSectionWrapper {
        border-bottom: 1px solid #ccc;
    }

        .divCheckOutWrapper .mSectionWrapper.active {
            border: none;
        }

        .divCheckOutWrapper .mSectionWrapper .section {
            height: 0;
            overflow: hidden;
            transition: all .3s ease-in-out;
            transform-origin: left top;
            transform: scaleY(0);
        }

        .divCheckOutWrapper .mSectionWrapper.active .section {
            height: auto;
            transform: scaleY(1);
            border-top: 1px solid #ccc;
        }

    .divCheckOutWrapper .section-body {
        padding: 0 0 3rem 0;
        display: block;
        border-bottom: 1px solid #ccc;
    }

    .divCheckOutWrapper > .panel {
        margin: 1rem 0 0;
    }

    .mSectionWrapperHeader {
        padding: 0 0 1rem 0;
    }

    .mSectionWrapper h5 {
        font-size: 2.4rem;
        margin-bottom: 0;
    }

    .mSectionWrapper .checkoutSelectedDisplay {
        line-height: 2rem;
        color: #777;
        padding-top: .5rem;
    }


    /*  totals  */
    .center-1 {
        margin: 0;
    }

    .CartStickyRight {
        padding: 0 0 2rem;
        border-bottom: 1px solid #ccc;
    }

    .shopping-cart-page .CartStickyRight {
        border-bottom: none;
    }

    .CartStickyRight .totalsWrapper.fixed {
        background: #fff;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 2;
        transition: all .3s ease-in-out;
        -webkit-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.3);
        box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.3);
    }

        .CartStickyRight .totalsWrapper.fixed .totals {
            display: flex;
            justify-content: space-between;
            transition: all .3s ease-in-out;
        }

    .CartStickyRight .totalsWrapper .panel .cart-total tr:not(.cart-total-row) td,
    .CartStickyRight .totalsWrapper .panel.coupon-box-panel,
    .CartStickyRight .totalsWrapper .panel.giftcard-box-panel {
        height: auto;
        transform: scaleY(1);
        transition: all .3s ease-in-out;
    }

    .CartStickyRight .totalsWrapper.fixed .panel .cart-total tr:not(.cart-total-row),
    .CartStickyRight .totalsWrapper.fixed .panel .cart-total tr:not(.cart-total-row) td,
    .CartStickyRight .totalsWrapper.fixed .deals,
    .CartStickyRight .totalsWrapper.fixed .giftcard-box,
    .CartStickyRight .totalsWrapper.fixed .panel.coupon-box-panel,
    .CartStickyRight .totalsWrapper.fixed .panel.giftcard-box-panel {
        height: 0;
        overflow: hidden;
        transform-origin: left top;
        transform: scaleY(0);
        transition: all .3s ease-in-out;
        display: table-column;
    }

    .CartStickyRight .totalsWrapper.fixed .order-totals-panel .cart-total-row td,
    .CartStickyRight .totalsWrapper.fixed .order-total td {
        padding-top: 0;
        display: block;
        text-align: left;
        transition: all .3s ease-in-out;
    }

    .CartStickyRight .totalsWrapper.fixed .totals .cart-total .cart-total-row td span {
        font-size: 1.8rem;
        line-height: 2rem;
        transition: all .3s ease-in-out;
    }

    .CartStickyRight .totalsWrapper.fixed .totals .complete-button button {
        height: auto;
        font-size: 1.8rem;
        transition: all .3s ease-in-out;
        margin: 0;
    }

    .CartStickyRight .totalsWrapper.fixed .panel-loader-effect .spinner {
        left: 3rem;
        top: calc(50% - 11px);
        font-size: 22px;
    }

    .CartStickyRight .totalsWrapper.fixed .totals {
        padding: 1rem;
    }

    .totalsWrapper .totals .complete-button button,
    .totalsWrapper .totals .checkout-buttons button {
        margin: 1rem 0 0;
    }

    .CartStickyRight .totals {
        padding: 0 0 .5rem;
        border: none;
        background: transparent;
    }
    .CartStickyRight .coupon-code {
        max-width:100%;
    }
    .total-info.panel {
        margin: 0;
    }

    .cart-total td {
        padding: 0;
    }

    .order-totals-panel .cart-total-row td, .order-total td {
        padding-top: 1rem;
    }

    .coupon-box, .giftcard-box {
        border: none;
        padding: 0;
        background: transparent;
    }

    .panel-loader-effect.order-total-content-loader {
        background: rgba(255, 255, 255, 0.8);
    }

    .QuickAddToCartWidget {
        max-width: 100%;
        background: initial;
        border-width: 1px 0 0;
        border-radius: 0;
        padding: 2rem 0;
        margin: 2rem 0 4rem;
        width:100%;
    }
    /* payment method */
    .payment-method-panel .method-list li.ng-scope,
    .payment-method-panel .method-list .method-name,
    .payment-method-panel .method-list .ng-scope .method-name {
        display: block;
        height: auto;
        padding: 1rem 0 0 .5rem;
    }

    .payment-method-panel .NewPayment .method-list .method-name,
    .payment-method-panel .NewPayment2 .method-list .method-name {
        display: flex;
        padding: 0 0 .5rem;
    }

    .payment-method-panel .NewPayment .method-list .ng-scope.ng-scope.ng-scope.ng-scope,
    .payment-method-panel .NewPayment2 .method-list .ng-scope.ng-scope.ng-scope.ng-scope {
        display: inline-block;
        height: auto;
        padding: 1rem 0 0 .5rem;
        border-top: none;
    }

    .payment-method-panel .NewPayment .method-list .method-name > label,
    .payment-method-panel .NewPayment2 .method-list .method-name > label {
        line-height: 4rem;
    }

    .payment-method-panel .method-list .method-name > label {
        vertical-align: middle;
    }

    .payment-method-panel .method-list .method-name .k-dropdown {
        padding: 0 4rem 0 0;
    }

    .CokesburyPaymentWrapper .method-list .payment-logo {
        display: none;
    }

    .CokesburyPaymentWrapper .method-list .payment-details,
    .CokesburyPaymentWrapper .method-list .label.customInputWrapper {
        display: inline-block;
        vertical-align: middle;
    }

    .payment-method-panel .method-list .ng-scope .method-name .paymentMethodSelectWrapper,
    .payment-method-panel .method-list .ng-scope .method-name .ng-binding {
        display: block;
        width: 100%;
    }

    .shipping-method .method-list li,
    .payment-method .method-list li {
        padding: 1rem 0 0;
    }

    .inputs.SaveForFutureCardWrapper {
        margin-top: 1rem;
    }
    /* shipping address*/
    .shipping-method-panel .method-list .ng-scope:first-of-type {
        border-top: none;
    }

    .divCheckOutWrapper .addresses li {
        width: 100%;
        width: 100%;
        margin: 0 0 2rem;
    }

    .divCheckOutWrapper .addresses li {
        border-bottom: 1px solid #ccc;
        padding-bottom: 1rem;
    }

    .currentShippingAddress .addressName {
        display: block;
    }

    .currentShippingAddress .addressCountry,
    .currentShippingAddress .addressPhone {
        display: none;
    }

    .divCheckOutWrapper .addresses .address {
        line-height: 2.4rem;
    }

    .divCheckOutWrapper .addresses {
        padding-top: 1rem;
        border-top: 1px solid #ccc;
    }


    /* shipping method */
    .shipping-method-panel .method-list .ng-scope .method-name,
    .shipping-method-panel .method-list .ng-scope,
    .shipping-method-panel .method-list li {
        height: 6rem;
    }

    .shippingMethodLabel {
        font-size: 1.6rem;
    }


    .shipping-method-panel .method-list .ng-scope .method-name label.customInputWrapper {
        line-height: .5rem;
    }

    .shippingMethodLabel {
        margin-left: 1rem;
    }

    .shipping-method-panel .method-list .ng-scope:last-child,
    .shipping-method-panel .method-list li:last-child {
        border: none;
    }

    .showMoreAddresses {
        padding-bottom: 1rem;
    }
    /* order summary */





    /************************ my account *************************/
    .myAccountNav.list {
        padding: 0;
        flex-wrap: wrap;
        justify-content: left;
        margin: 0 0 10rem;
    }

        .myAccountNav.list > li {
            border-radius: 0;
            max-width: calc(100% / 3);
            border-width: 0 1px 1px 0;
        }

            .myAccountNav.list > li:nth-child(3n) {
                border-width: 0 0 1px 0;
            }

            .myAccountNav.list > li:nth-child(n + 4) {
                border-width: 0 1px 0 0;
            }

            .myAccountNav.list > li > a {
                padding: 2rem 1rem;
            }

        .myAccountNav.list::after {
            -webkit-box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.3);
            box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.3);
        }


    .myAccountNav li.selected .sublist {
        padding: 0 0 2rem;
        margin: 5rem 0 0 0;
        height: auto;
        flex-direction: column;
        background: transparent;
        background: #f6f7f8
    }

    .myAccountNav li .myAccountSectionHeader {
        display: none;
        padding: 0;
        margin: 0;
        height: auto;
        padding: 2rem;
        font-size: 2rem;
        font-weight: 600;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #f6f7f8
    }

    .myAccountNav li.selected .myAccountSectionHeader {
        display: block;
    }

        .mobileCategorySectionHeader:before,
        .myAccountNav li.selected .myAccountSectionHeader:before {
            content: '';
            background: url('../images/filter_dropdown_arrow.svg') no-repeat;
            transform: rotate(-90deg);
            transition: transform 200ms linear;
            width: 14px;
            height: 8px;
            position: absolute;
            top: 3.2rem;
            right: 3.2rem;
        }

        .mobileCategorySectionHeader.turnArrow:before,
        .myAccountNav li.selected .myAccountSectionHeader.turnArrow:before {
            transform: rotate(0deg);
            transition: transform 200ms linear;
        }


    .myAccountNav .sublist > li {
        display: none;
        padding: 0;
        border: none;
        background: #f6f7f8;
        padding: 0 2rem;
    }

        .myAccountNav .sublist > li.selected {
            display: none;
        }

        .myAccountNav .sublist > li a,
        .myAccountNav .sublist > li span {
            font-size: 1.8rem;
            font-weight: 400;
            text-transform: none;
            margin: 1rem 0 0;
        }

    .account-page .filterWrapper {
        display: none;
    }

    .order-list-page {
        padding: 0 0 2rem;
    }

    .infoAddressesWrapper .form-fields {
        flex-direction:column;
    }
    .customer-info-page .form-fields .customerInfoAddressTile {
        width:100%;
        flex-direction:column;
        margin: 2rem 0;
    }
    /* my account icons */
    .accountTopNav .myAccountNav.list > li .accountIcon {
        max-width: 36px;
        max-height: 36px;
        margin-bottom: .5rem;
    }

    .accountTopNav .myAccountNav.list > li > a > span {
        font-size: 1.1rem;
    }


    /* my account forms */
    input[type='button'].linkStyling,
    input[type='submit'].linkStyling,
    button.linkStyling {
        padding: 0 0 0 1rem;
        font-size: 1.8rem;
    }

    .account-page .form-fields .inputs > label:first-of-type,
    .account-page .form-fields .inputs > input,
    .account-page .form-fields .inputs .newPasswordWrapper {
        width: 100%;
        text-transform: none;
        margin: 0;
    }

    .account-page .form-fields .newPasswordWrapper.newPasswordWrapperActive {
        margin-bottom: 4rem;
    }

    .account-page .form-fields .inputs .field-validation-error {
        margin-left: 0;
    }

    .account-page .form-fields {
        padding: 0 1rem;
        border: none;
    }

    .fieldsetHeaderWrapper {
        border-bottom: 1px solid #ccc;
    }

        .fieldsetHeaderWrapper .s5 {
            margin: 0 0 1rem 0;
        }

        .fieldsetHeaderWrapper .buttons {
            margin-top: .5rem;
            text-align: right;
        }

    .account-page .fieldset {
        margin-bottom: 6rem;
    }

    .customerInfoAddressTile {
        margin: 0;
    }

    .customer-info-page .twoColumnFlex .form-fields {
        display: block;
    }

        .customer-info-page .twoColumnFlex .form-fields .customerInfoAddressTile {
            margin: 1rem 0 3rem;
        }

            .customer-info-page .twoColumnFlex .form-fields .customerInfoAddressTile .inputs {
                display: flex;
            }

    /* address */
    .address-edit-page .buttons {
        margin-bottom: 6rem;
    }

    .address-edit-page .edit-address.fieldset {
        margin-bottom: 2rem;
    }
    /* account shipping addresses*/
    .account-page .myAccountFormContainer,
    .account-page .form-fields {
        padding: 1rem 0;
    }

    .address-list .address-item-empty,
    .address-list .address-item {
        width: 100%;
        margin: 0 0 1rem;
    }

    .account-page .buttons input.linkStyling {
        width: auto;
    }

    .addressBottomContainer .buttons input {
        padding: 0 1rem;
    }
    .address-list-page .fieldsetHeaderWrapper {
        display:block;
        border:none;
    }
        .address-list-page .fieldsetHeaderWrapper .buttons {
            padding: 1rem;
        }
            .address-list-page .fieldsetHeaderWrapper .buttons > input {
                display: inline-block;
                border: none;
                padding: .5rem 0;
                margin: 0;
                border: none;
            }


    /* saved payment methods */
    .myAccountTable thead tr {
        display: none;
    }

    .myAccountTable tbody tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 0;
        height: auto;
        background: #fff;
        margin: 0 0 1rem 0;
        box-sizing: border-box;
        overflow: hidden;
        padding: 1.5rem 0;
    }

    .myAccountTable td {
        border: 0;
        height: auto;
    }

    .myAccountTable tbody tr td {
        width: auto;
        background: #fff;
        padding: 0 2rem;
        width: 100%;
        text-align: left;
        color: #333;
    }

        .myAccountTable tbody tr td input {
            color: #333;
        }

        .myAccountTable tbody tr td.tdAccountType {
            padding-top: 1rem;
        }

        .myAccountTable tbody tr td.tdDefault {
            margin: 0;
            width: 100%;
            padding: 1rem;
            text-align: left;
            background: #f2f2f2;
            margin-bottom: 1rem;
        }

        .myAccountTable tbody tr td.tdAccountNumber img {
            display: inline;
        }

        .myAccountTable tbody tr td.tdAccountNumber span {
            vertical-align: top;
            margin-left: 1rem;
        }

    .myAccountTable tbody tr .buttons {
        margin: 0;
    }

        .myAccountTable tbody tr .buttons .button-2 {
            width: auto;
        }

    .myAccountTable tbody tr td.tdDefault .customInputWrapper {
        margin: 0 .5rem 0 0;
    }

    .myAccountTable tbody tr td.tdDefault img {
        display: none;
    }

    .myAccountTable tbody tr td.tdDefault .p2 {
        margin: 0;
        display: inline;
        font-size: 1.8rem;
    }

    .myAccountTable tbody tr td.tdUpdate {
        text-align: right;
        padding: 1rem 2rem;
    }

    .divSavedPaymentMethodsWrapper {
        margin-top: 1rem;
    }

    .date-picker-wrapper {
        width: 100%;
    }

        .date-picker-wrapper > select {
            width: auto;
        }


    /* my account order history */

    .myAccountTable .order-item label {
        display: inline;
    }

    .myAccountTable .order-item,
    .downloadable-products-page .myAccountTable tbody tr {
        padding: 2rem 0;
    }

    .myAccountTable tbody tr.order-item:hover {
        background: #fff;
    }



    .k-grid-pager .k-pager-sizes,
    .k-grid-pager .k-pager-refresh,
    .k-grid-pager .k-pager-info {
        display: none;
    }



    /* authors */
    .favoriteAuthorsWrapper {
        display: block;
    }

        .favoriteAuthorsWrapper .authorPhotoWrapper {
            max-width: 50%;
            margin: 0 auto;
        }

        .favoriteAuthorsWrapper .authorPhoto {
            border-radius: 50%;
            width: 100%;
        }

        .favoriteAuthorsWrapper .authorLatestWorks {
            max-width: 100%;
            vertical-align: top;
        }

        .favoriteAuthorsWrapper .authorNameBio {
            vertical-align: top;
            padding: 0;
            max-width: 100%;
        }

            .favoriteAuthorsWrapper .authorNameBio .title a {
                text-align: center;
            }

    /* order overview */
    .section.shipments, .order-overview {
        padding: 0;
        min-height: initial;
        background: #fff;
    }

        .order-overview .order-overview-content {
            flex-direction: column;
        }

    .order-details-page .order-overview .order-overview-content > li {
        margin: 0 0 2rem;
        max-width: 100%;
    }

    .order-details-area {
        flex-direction: column;
    }

        .order-details-area .info-list {
            padding: 0;
            margin: 0;
        }

            .order-details-area .info-list li {
                margin: 0 0 2rem;
            }

                .order-details-area .info-list li label {
                    display: block;
                }


    .data-table.cart {
        border: solid #ccc;
        border-width: 1px 0;
        margin-bottom: 2rem;
    }

    .order-details-page .data-table.cart tbody td {
        padding-top: 4rem;
        text-align: center;
        display: inline-block;
        width: auto;
        text-align: left;
        padding: 0;
    }

        .order-details-page .data-table.cart tbody td.product {
            display: block;
            width: 100%;
        }

    .data-table.cart label {
        display: block;
        text-align: left;
    }

    .order-details-page .cart tbody .product {
        padding-top: 0;
        margin: 1rem 0;
    }

    .data-table.cart td.sku label {
        display: inline-block;
    }

    /* save for later, wishlist*/
    .wishlist-content {
        margin-top: 4rem;
    }

        .wishlist-content .cart tbody td,
        .saveforlater-content .cart tbody td {
            padding: 0;
            position: relative;
            height: auto;
        }

            .wishlist-content .cart tbody td.quantity,
            .saveforlater-content .cart tbody td.quantity {
                padding: 0;
                position: relative;
                height: auto;
            }

            .wishlist-page .cart tbody td.remove-from-cart,
            .saveforlater-content .cart tbody td.remove-from-save-for-later,
            .saveforlater-content .cart tbody td.add-to-cart {
                margin-right: 2rem;
            }

                .wishlist-page .cart tbody td.remove-from-cart label,
                .wishlist-page .cart tbody td.add-to-cart label {
                    display: block;
                    color: #005596;
                    font-weight: normal;
                }

                .wishlist-page .cart tbody td.remove-from-cart input,
                .wishlist-page .cart tbody td.add-to-cart input {
                    display: none;
                }

        .wishlist-content .buttons input {
            margin: 2rem 0 0;
        }

        .wishlist-content .buttons .wishlist-add-to-cart-button {
            display: none;
        }

    .order-list-page .buttons {
        margin: 0;
        width: 100%;
    }

        .order-list-page .buttons .update-save-for-later-button {
            width: 100%;
            margin-top: 2rem;
        }




    /* automatic shipment edit */
    .account-page.update-automatic-shipment {
        margin-bottom: 4rem;
    }

    .update-automatic-shipment .divCheckOutWrapper {
        margin-bottom: 4rem;
    }

        .update-automatic-shipment .divCheckOutWrapper .CartStickyRight {
            margin-bottom: 4rem;
            border: none;
        }

        .update-automatic-shipment .divCheckOutWrapper .section-title {
            display: block;
        }

        .update-automatic-shipment .divCheckOutWrapper .common-buttons td {
            width: 100%;
        }
    /* category pages */
    .html-category-page .center-2 {
        padding: 3rem 3%;
    }

    .category-description ul.questionWrapper .question {
        font-size: 1.8rem;
        padding: 1.5rem 7rem 1.5rem 1.5rem;
    }

    ul.questionWrapper .answer {
        padding: 2rem;
    }

    .categoryContentWrapper .leftHandNavWrapper .mobileCategorySectionHeader {
        position: relative;
        padding: 0;
        margin: 0;
        height: auto;
        padding: 2rem;
        font-size: 2rem;
        font-weight: 600;
        top: 100%;
        left: 0;
        width: 100%;
        background: #f6f7f8;
    }

    .leftHandNavWrapper .list li.active {
        display: none;
        padding: 0 2rem 2rem;
        margin: 0;
    }

    .categoryContentWrapper {
        display: block;
    }

    .html-category-page .leftHandNavWrapper {
        width: 100%;
        padding: 0;
    }

    .html-category-page .center-2 {
        width: 100%;
    }

    .html-category-page .leftHandNavWrapper .nopAjaxFilters7Spikes {
        display: none;
    }

    .master-wrapper-content,
    .master-column-wrapper {
        position: initial; /* this removes the relative position and allows filters to overflow the container */
    }

    /* filters */

    .mobileFilterLink {
        color: #005596;
        text-align: right;
        padding: 0;
        font-size: 1.8rem;
        white-space: nowrap;
        margin-top: .5rem;
    }

    .mobileFilterHeader {
        background-color: #005596;
        color: #fff;
        height: 6rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        text-indent: 1.5rem;
        text-align: center;
        position: fixed;
        width: 85%;
        top: 0;
    }

        .mobileFilterHeader span:before {
            content: url('../images/nav_dropdown_small_arrow_right_white.svg');
            transform: rotate(180deg);
            transition: transform 200ms linear;
            position: absolute;
            left: 2rem;
        }

    .mobileFilterLink .appliedFiltersQuantity {
        font-size: 1.4rem;
        background-color: #005596;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        margin-left: .5rem;
    }

    .selected-options,
    .selectedFiltersWrapper {
        display: none;
    }

    .ajaxFilterWrapper,
    .product-variant-options .mSlideOutWindow {
        margin: 0;
        position: fixed;
        top: 0;
        right: -85%;
        bottom: 0;
        width: 85%;
        height: 100%;
        margin: 0;
        padding: 6rem 0 0;
        background: #fff;
        z-index: 100001;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        display: block;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
    }

        .ajaxFilterWrapper.active,
        .product-variant-options .mSlideOutWindow.active {
            right: 0;
            top: 0;
            border: none;
            border-radius: 0;
            opacity: 1;
            visibility: visible;
            transition: .5s;
        }

    .productListFilters {
        width: 100%;
        height: 100%;
        box-shadow:none;
        padding:0;
    }

    .filtersPanelsWrapper {
        flex-direction: column;
    }

        .filtersPanelsWrapper > div {
            flex-basis:auto;
            margin:0;
            border-bottom:1px solid #ccc;
        }
    .product-selectors .listFiltersWrapper {
        display:none;
    }
    .filtersPanelsWrapper .filter-block {
        padding: 2rem 0 2rem 2rem;
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: space-around;
        border: none;
        font-weight: 400;
        font-size: 1.6rem;
        height: auto;
    }

            .CategoryFiltersWrapper .CategoryFilters .option,
            .fns-speedfilters .filtersPanelsWrapper > div .option {
                padding: 0 1.5rem;
                font-size: 1.4rem;
                color: #005596;
                margin-top: -.5rem;
            }
    .productListFilters .filter-block .toggleControl {
        font-size: 1.6rem;
        font-weight: normal;
        border: none;
        height: auto;
        padding: 0 6rem 0 0;
        min-height: 2.5rem;
    }
    .filtersPanelsWrapper .title .toggleControl:after {
        transform: rotate(-90deg);
        max-width: 14px;
    }

  
    /*.SearchFiltersWrapper {
        position: fixed;
        top: 0;
        z-index: 1111;
        flex-direction: column;
        height: 100%;
        width: 85%;
        right: -85%;
        justify-content: start;
        padding: 0;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

        .SearchFiltersWrapper.active {
            right: 0;
        }

        .SearchFiltersWrapper select,
        .SearchFiltersWrapper .k-dropdown,
        .fns-speedfilters .k-dropdown {
            width: 100%;
            padding: 0;
            border-radius: 0;
            border-width: 0 0 1px;
            display: block;
            height: auto;
            box-shadow: none;
        }*/


    /*.listFiltersWrapper .product-sorting {
        margin-right: 0;
        width: 100%;
        display: block;
    }

        .listFiltersWrapper .product-sorting > label {
            display: none;
        }*/


        /*.SearchFiltersWrapper .k-dropdown .k-dropdown-wrap,
        .listFiltersWrapper .product-sorting .k-dropdown .k-dropdown-wrap,
        .fns-speedfilters .filtersPanelsWrapper .title .toggleControl {
            border: none;
            font-size: 1.6rem;
            font-weight: normal;
            border: none;
            height: auto;
            padding: 0 6rem 0 0;
            min-height: 2.5rem;
        }*/

            /*.CategoryFilters .k-dropdown:after,
            .fns-speedfilters .filtersPanelsWrapper .title .toggleControl.closed:after,
            .fns-speedfilters .filtersPanelsWrapper .title .toggleControl:after {
                transform: rotate(-90deg);
                top: 0;
            }*/

    .productListFilters .filter-block .toggleControl:hover {
        box-shadow: none;
    }

    .filtersPanelsWrapper .title > span,
    .product-sorting .k-dropdown span.selectedText {
        display:block;
        font-size: 1.4rem;
        color: #999;
        font-style: italic;
    }

    .filtersPanelsWrapper .filter-block .filter-data-block {
        display: block !important;
        right: -100%;
        transition: .5s;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 85%;
        margin: 6rem 0 0;
        padding: 0;
        height: auto;
        border: none;
        box-shadow: none;
        border-radius: 0;
        overflow-y: scroll;
    }

    /*.fns-speedfilters .filtersPanelsWrapper .filter-block.combinedFiltersWrapper .filter-data-block {
        margin-top: 7.5rem;
    }*/


    .filtersPanelsWrapper .filter-block.active .filter-data-block {
        display: block !important;
        right: 0%;
    }




    .filter-data-block ul {
        max-height: 100%;
        overflow: auto;
    }

    ul.facet-list > li {
        padding: 1rem 2rem;
        display: block;
    }

        ul.facet-list > li:not(:last-child) {
            border-bottom: 1px solid #ccc;
        }

    .productListFilters .facet-list.sortByList li .radioButton {
        margin-right: .8rem;
        vertical-align: text-top;
    }

    .productListFilters .facet-list.sortByList li.filter-item-selected .radioButton:after {
        content: '';
        color: transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #005596;
    }

    /*.fns-speedfilters .combinedFiltersWrapper .filter-data-block .filter-dropdown:last-child ul > li {
        border: none;
    }*/
    /*.listFiltersWrapper .filter-block.product-sorting {
        display: block;
        margin: 0;
    }*/
    .k-animation-container,
    .k-list-container,
    .k-list-scroller {
        height: 100% !important;
        top: 0 !important;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    /*.CategoryFilterList.k-list-container,
    .SearchFilterList.k-list-container {
        position: fixed !important;
        width: 85% !important;
        right: 0;
    }*/

    .k-list-scroller .k-list {
        max-height: 100% !important;
        height: 100% !important;
        width: 100%;
        border: none;
        padding: 2rem 0;
        margin: 0;
        display: block;
        border-radius: 0;
    }


    .product-selectors {
        padding: 0;
        margin: 0;
        border: none;
    }

        .product-selectors .mStickyProductFilters {
            margin: 0;
            padding: 1rem 2rem;
            background-color: #f6f7f8;
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            width: 100%;
            border-bottom: 1px solid #ccc;
        }

    .mStickyProductFilters.fixed {
        position: fixed;
        width: 100%;
        z-index: 99;
        top: 90px;
        background-color: #f6f7f8;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .pager {
        padding: 1rem;
    }

    body {
        top: 0;
    }

        body.newFilter {
            transition: all 2s ease 0s;
        }

        body.noScroll {
            overflow: hidden;
            position: fixed;
        }


    .nopAjaxFilters7Spikes .filtersPanel {
        display: none;
    }


    .panel-loader-effect {
        z-index: 99;
        top: 0;
        left: 0;
    }


    /* pay your bill */
    

    .payYourBillSteps a {
        flex-direction: column;
        text-align: center;
    }
    .stepIcon {
        margin:0 auto;
    }
    .stepIconText {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    #js-step-1-choose-your-amount .inputs .customAmountInput {
        margin: 1rem 0;
    }

    .popupImageWrapper {
        right:-155px;
    }
        .popupImageWrapper > img {
            width:300px;
        }

        .segmentedControl {
            width: 100%;
            font-size: 1.8rem;
        }
    .payYourBillWrapper .title {
        display:block;
    }
    h5.title {
        margin-top: 4rem;
    }
    .payYourBillReviewWrapper {
        display:block;
    }
        .payYourBillReviewWrapper li {
            margin:2rem 0 0;
        }

    .multiInputLine {
        display:block;
    }
        .multiInputLine .ExpirationYears > div > select#PayYourBillModel_CcPaymentInfo_ExpirationYear {
            margin:0;
        }
        /* TERTIARY BANNERS */
        .TertiaryPromoWrapper {
            width: 100%;
            height: auto;
            display: block;
            position: relative;
            justify-content: space-around;
            margin-top: 40px;
            pointer-events: all;
        }
.TertiaryBanner { width: 100%; position: relative; }
    .TertiaryBanner .TertiaryBannerContentWrapper { z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; pointer-events: none; }
    .TertiaryBanner .TertiaryPhotoWrapper { display: none;}
        .TertiaryBanner .TertiaryPhotoWrapper img { display: none;}
    .TertiaryBanner .TertiaryPromoTextWrapper { z-index: 100; font-size: 2.4REM;}
        .TertiaryBanner .TertiaryPromoTextWrapper span { display: block; text-align: center; }
        .TertiaryBanner .TertiaryPromoTextWrapper .TertiaryPromoIcon { display: block; text-align: center; margin: auto; }
    .TertiaryBanner .BackgroundImage { position: relative; max-width: 100%; max-height: 100%; width: 100%; height: 100%; border: none; top: 0; bottom: 0; left: 0; right: 0 }

     .SecondaryPromoImageWrapper .SecondaryPromoProductWrapper { display: block; position: absolute; z-index: 100; margin: 20px auto; width: 100%; text-align: center; }
        .SecondaryPromoImageWrapper .SecondaryPromoProductWrapper img { position: relative; border: 4px solid white; margin: 20px auto; max-height: 200px; width: auto; height: auto; }





    .mobileSearchIcon {
        background: url('../images/search_icon_white.svg') center no-repeat;
        display: block;
        position: absolute;
        top: 0;
        width: 66px;
        height: 60px;
        right: 0;
        margin: 0;
        cursor: pointer;
    }

   #search-box-wrapper {
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f2f2f2;
        margin: 0;
        z-index: 9999;
        float: none;
    }


    #search-box-wrapper .search-box-text {
        border-radius: 0;
        border: none;
        height: 60px;
        padding: 0 60px;
    }

    .searchBoxWrapper .mobileCloseSearchIcon {
        background: url('../images/search_dropdown_close_x.svg') center no-repeat;
        width: 60px;
        height: 60px;
        position: fixed;
        top: 0;
        right: 0;
    }

    #search-box-wrapper .searchBoxIcon {
        margin-top: 5px;
    }

    #search-box-wrapper label {
        position: fixed;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
    }

    .ui-autocomplete {
        background: transparent;
        padding: 20px 54px;
        border: none;
        box-shadow: none;
    }

        .ui-autocomplete li.ui-menu-item {
            padding: 3px 0;
        }

    #search-box-details a {
        display: inline-block;
        flex: 1 1 50%;
        text-align: center;
        height: 180px;
        overflow: Hidden;
        margin: 10px 0px;
        position: relative;
    }

    /* SEARCH SUGGESTIONS*/

    #search-input-wrapper {max-width: 100%}
    #search-box ul {width: 100%;padding: 20px;text-align: left;}

    #search-box-details {display: none;}
    #search-box {top: 90px;}
}

/*#endregion*/
/*#region Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
}
/*#endregion*/