.mobileOnly,
.listFiltersWrapper .product-sorting.mobileOnly,
.menu-title,
.plus-button,
.mega-menu-responsive,
.mobileSearchIcon {
    display: none;
}

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

.footerNewsletterSignUp {height: 125px;}

/*#region  special region for search icon (large desktops, 1600px and up) */
@media (max-width: 1700px) {
    #backtotop-button {
        right: 0;
        border-radius: 50% 0 0 50%;
    }

        #backtotop-button:hover {
            background-color: var(--main-color-darken);
            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
    }
    .footerNewsletterSignUp {
        height: 125px;
    }
}


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


    .master-wrapper-page {
        max-width: 100vw;
    }
    /* SEARCH SUGGESTIONS*/
    #search-box {
        width: 900px
    }
    .tt-c-media-modal.tt-c-media-modal button.tt-c-media-modal__pagination-back {
        left: 2rem;
    }

    .tt-c-media-modal.tt-c-media-modal button.tt-c-media-modal__pagination-next {
        right: 2rem;
    }
    .footerNewsletterSignUp {
        height: 125px;
    }

        .HeaderLinksContainer > .HeaderNavMenu > li > a > span {margin: 0px 0px 0px 10px}
}

/*#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;
    }
    .footerNewsletterSignUp {
        height: 125px;
    }
    .HeaderLinksContainer {
    }
        .HeaderLinksContainer > .HeaderNavMenu > li > a > span {
            margin: 0px 0px 0px 10px
        }
 
}
/*#endregion*/


/*#region Medium devices (tablets in portrait, less than 991px) */
@media (max-width: 991px) {
   
    .adminWrapper .totalsWrapper.fixed {
        top: 170px;
    }

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

    body {
        margin: 0px auto;
    }

    .adminWrapper body {
        margin: 0px 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;
    }*/
    /* 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; }


    /* SEARCH SUGGESTIONS*/
    #search-box {position: absolute;left: 20px;width: calc(100% - 40px)}  
    
        #mQtyWrapper {
    float: right;
    }
    .footerNewsletterSignUp {
        height: 125px;
    }
}

/*#endregion*/


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

    .mobileOnly {
        display:block;
    }

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

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

    .menu-title,
    .plus-button,
    .mega-menu-responsive,
    .mainMenu.menuDisplayed  {
        display: block;
		overflow-y: scroll;
    }

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


    .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;
    }

    

    body {
        margin-top: 0px;
    }

    .adminWrapper body {
        margin-top: 0px;
    }

    /*.standardMargin {
        padding: 0 4%;
    }*/


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





    .header {
        height: 60px;
    }

    .searchBoxWrapper {
        margin: 0;
        width: auto;
    }



    .logoWrapper {
        float: none;
        height: 60px;
        margin: 0 0 0 0px;
        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;
    }
    /*.mPriceQtyWrapper {
        display: flex;
        justify-content: space-between;
        margin: 1rem 0;
    }*/

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

    .fixedHeaderWrapper .menu-title {
        color: #fff;
        cursor: pointer;
        position: relative;
        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,
    .mainMenu.menuDisplayed {
        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;
		overflow-y: scroll;
    }

        .mainMenu.menuDisplayed {
            left: 0;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }


        .mega-menu-responsive li,
        .mainMenu.menuDisplayed li {
            margin: 0;
            background-color: #fff;
            border-bottom: 1px solid #ccc;
            display: grid;
	        text-align: left;
	        width: 100%;
	        grid-template-columns: 1fr;
	        text-shadow: 0 0 black;
	        grid-template-rows: 1fr;
            align-items: center;
            height: 100%;
	}
        

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

        .mega-menu-responsive > li.mobileNavSecondary,
            .mainMenu.menuDisplayed > li {
            position: relative;
            background-color: #f6f6f6;
            
        }

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

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

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



        .mega-menu-responsive li.back-button,
        .mainMenu.menuDisplayed li.back-button {
            background-color: var(--btn-background);
        }

        .mega-menu-responsive > li.mobileNavSignIn,
        .mainMenu.menuDisplayed > li.mobileNavSignIn 
        {
            background-color: rgb(246,246,246);
            background-image: url(/Themes/Cokesbury/Content/images/my_account_icon_default.svg);
            background-position: right center 15px;
            background-repeat: no-repeat;
            background-size: 28px;
            background-position: right 14px center;
        }

    

        


        .mega-menu-responsive li.mobileNavSignIn a span,
        .mainMenu.menuDisplayed li.mobileNavSignIn a span{
            font-weight: 600;
        }

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


            .mainMenu.menuDisplayed li.back-button span:before {
                content: '';
                height: 14px;
                width: 8px;
                background: url('/Themes/Cokesbury/Content/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,
        .mainMenu.menuDisplayed li a,
        .mainMenu.menuDisplayed li span {
            display: block;
            padding: 0;
            text-indent: 20px;
            /*font-size: 16px;*/
            color: #666;
            grid-column: 1;
    grid-row: 1;
        }


        .mega-menu-responsive li.mobileNavStandard.has-sublist > a,
        .mega-menu-responsive li.mobileNavStandard.has-sublist .has-sublist > a,
        .mainMenu.menuDisplayed li.has-sublist > a,
        .mainMenu.menuDisplayed li.has-sublist .has-sublist > a {
            background: url('/Themes/Cokesbury/Content/images/nav_dropdown_small_arrow_right.svg') right 20px center no-repeat;
    pointer-events: none;
        }

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


        .mega-menu-responsive .plus-button,
        .mainMenu.menuDisplayed .plus-button {
            grid-column: 1;
grid-row: 1;
height: 100%;
        }

        .mega-menu-responsive .mobileNavStandard .sublist-wrap,
        .mainMenu.menuDisplayed > li .sublist-wrap{
            margin: 0;
            position: fixed;
            top: 0;
            left: 100%;
            bottom: 0;
            width: 85%;
            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,
            .mainMenu.menuDisplayed > li .sublist-wrap.active {
                left: 0%;
                -moz-transition: .5s;
                -webkit-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
            }

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

        .mega-menu-responsive .mobileNavStandard .sublist-wrap ul,
        .mainMenu.menuDisplayed li .sublist-wrap ul {
            display: block;
        }
        .has-sublist .sublist-wrap
        {
            overflow-y: scroll;
        }

    /*#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: var(--main-color);
        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 {
            flex-shrink: 0;
            width: unset;
            min-width: 100%;
            min-height: 100%;
            position: absolute;
        }

        .HeaderAdjustable .HeaderAdjustableTextWrapper {
            padding: 2rem;
            position: relative;
            top: unset;
            transform: unset;
        }

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

            .HeaderAdjustable .HeaderAdjustableTextWrapper .s4 {
                font-size: 1.5rem;
                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;
        display: flex;
    }

    .slick-slide > .row {
        position: relative;
        max-height: inherit;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .categoryBanner.slick-slide {
        flex: 1;
    }

    .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 .DynamicContentHeaderWithVideoBackgroundImage {
        width: auto;
        position: absolute;
        height: 100%;
    }

    .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper, #categoryBanners .DynamicContentHeaderWithVideo .VideoHeaderLargeTextWrapper {
        position: relative;
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 2rem 2rem 0;
        height: auto;
        top: unset;
        left: unset;
    }

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

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


    /* 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*/
    

    

    

    /* 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%;
    }










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

    .livechat_button {
        border-radius: 50%;
    }

        .livechat_button:hover {
            width: 80px;
        }




    



    /* 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%;
        }


    /* filters */

    .mobileFilterLink {
        color: var(--link-color);
        text-align: right;
        padding: 0;
        font-size: 1.8rem;
        white-space: nowrap;
        margin-top: .5rem;
    }

    .mobileFilterHeader {
        background-color: var(--main-color);
        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;
		z-index: 9;
    }

        .mobileFilterHeader span:before {
            content: url('/Themes/Cokesbury/Content/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: var(--main-color);
        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;
			overflow-y: scroll;
        }

    .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 {
        padding: 0 1.5rem;
        font-size: 1.4rem;
        color: var(--main-color);
        margin-top: -.5rem;
    }

    .productListFilters .toggleControl {
        display: block;
    }

    .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;
    }

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

    .filtersPanelsWrapper .title > span,
    .product-sorting .k-dropdown span.selectedText {
        display: block;
        font-size: 1.4rem;
        color: #767676;
        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;
    }


    .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: var(--main-color);
    }


    .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;
    }


        .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;
    }


    
    /* 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('/Themes/Cokesbury/Content/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('/Themes/Cokesbury/Content/images/search_dropdown_close_x.svg') center no-repeat;
        width: 60px;
        height: 60px;
        position: fixed;
        top: 0;
        right: 0;
    }
    #search-input-wrapper .CloseSearchIcon {display: block; top: 20px;}
    #search-box .CloseSearchIcon {display: none !important;}

    #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;
    }


    .checkout-data .new-billing-address,
    .checkout-data .new-shipping-address {
        margin: 2rem 0 0;
    }

        .checkout-data .new-billing-address .edit-address,
        .checkout-data .new-shipping-address .edit-address {
            display: block;
            justify-content: normal;
            margin: -1rem 0;
        }

            .checkout-data .new-billing-address .edit-address .formColumn,
            .checkout-data .new-shipping-address .edit-address .formColumn {
                width: 100%
            }
    .footerNewsletterSignUp {
        height: 200px;
    }
    
}

/*#endregion*/