/* @import "~bootstrap3/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css"; */

:root {
    --linkColor: #a22;
    --fontColor: #54565b;
    --mainFont: 'PTSansRegular';
    --subFont: 'PTSansNormal';
    --titleFont: 'CubanoRegular';
}

@import "../fontello-css/cubano-regular-webfont.css";
@import "../fontello-css/fontello-embedded.css";
@import "../fontello-css/fontello.css";

@font-face {
    font-family: 'CubanoRegular';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/cubano-regular-webfont.eot');
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/cubano-regular-webfont.woff') format('woff'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/cubano-regular-webfont.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/cubano-regular-webfont.svg#CubanoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNormal';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/PTN57F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTC55F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTN77F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTC55F.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/PTS55F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTS56F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTS75F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTS76F.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansNarrow';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/PTN57F.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/PTN77F.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.eot');
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.woff') format('woff'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-SemiBold.eot');
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'opensans';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Light.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Calafia';
    src: url('https://images.liquorapps.com/wst/cmn/assets/fonts/Calafia-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSanRegular';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Gotham-Book';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/GothamBook.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/GothamBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/MyriadPro-Regular.otf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/montserrat-bold-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/montserrat-regular-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinsbold';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-bold-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-light-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-medium-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-regular-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinssemibold';
    src: url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-semibold-webfont.woff2') format('woff2'),
        url('https://images.liquorapps.com/wst/br/assets/fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {font-family: var(--mainFont), var(--subFont); word-break: break-word; color: var(--fontColor); line-height: 1.2;}
img {outline: none;}
.page-margin-div {width: 100%; float: left; margin-top: 20px;}
.cdk-overlay-pane { width: 495px; max-height: 50% !important; }
h1, h2, h3, h4, h5, h6 {font-family: var(--titleFont);}
h2 {font-size: 30px;}
a {text-decoration: none; cursor: pointer;}
textarea {resize: vertical;}
a:focus, a:hover, a.active {text-decoration: none;}
a:focus-visible, .form-control:focus {text-decoration: none; outline: var(--linkColor) solid 1px; box-shadow: 0 0 0 1px var(--linkColor); border-radius: 4px}
a.btn:focus, a.btn:hover {color: #fff;}
input[type=text]::-webkit-input-placeholder {font-size: 14px; color: rgb(117, 117, 117);}
input.search-drink[type=text]::-webkit-input-placeholder {font-size: 16px;}
.nav > li > a:hover, .nav > li > a:focus { background-color: transparent !important; border: none !important; outline: none; }
body.modal-open {padding-right: 0 !important;}
.cursor-pointer { cursor: pointer; }
.error {color: var(--linkColor);}
.leaderboard-row {padding-left: 15px; padding-right: 15px; width: 100%; float: left; display: flex; flex-direction: column; gap: 15px;}
h2.modal-title {width: auto; float: left; max-width: calc(100% - 35px); font-size: 18px;}
h2.modal-title-div {flex: 1; font-size: 18px; text-align: left; padding-right: 10px; margin: 0; font-weight: 600;}
.modal.curbside-order h2.modal-title-div {font-size: 16px;}
.mandatory-div {color: var(--linkColor); font-size: 9px; line-height: 14px; float: left; padding-left: 3px; }
.container-common { width: 1380px; margin: 0 auto; display: table; padding: 0 15px; }
.container-new { width: 95%; margin: 0 auto; display: table; padding: 0 15px; }
.container-newalt { width: 95%; margin: 0 auto; display: block; padding: 0 15px; }
span.error.error-guests {margin-top: 6px;}
.error-msg-common { width: 100%; float: left; color: var(--linkColor); font-size: 12px; margin-top: 6px; text-align: left; }
.width-auto-right { width: auto; float: right; }
.top { border: 0; margin: 0; padding: 0; background: #54565b; font-family: var(--titleFont); font-size: 1.6em; color: #fff; border: none; padding: 5px 15px 7px 15px; }
.modal-open .modal { padding-right: 0 !important; }
.mid-nav li.nav-item { margin: 0 10px 0 0; padding: 0px 10px 11px 0; top: inherit; }
.mid-nav li.nav-item:nth-last-child(1) { margin: 0; padding-right: 0; }
.mid-nav li.nav-item.dropdown_menu { top: 10px; }
nav .mid-nav ul.navbar-nav li a { font-size: 1.4em; }
.common-nomargin-top { margin-top: 0; width: 100%; float: left; }
.common-margin-top { margin-top: 125px; width: 100%; float: left; }
.common-margin-top-beforelogin { margin-top: 0; width: 100%; float: left; }
.common-margin-top-afterlogin { margin-top: 125px; width: 100%; float: left; }
.no-results-div {width: 100%; float: left; display: flex; justify-content: center; margin-top: 30px; font-size: 26px;}
.panel-body { position: relative; }
.btn:active, .btn.active { box-shadow: none; }
.gps-img { width: 16px; top: 9px; left: 12px; cursor: pointer; position: absolute; }
.disclaimer-bottom { margin-bottom: inherit; }
.row.row-alt-margin { margin: 0 -8px; }
.flex-common {display: flex; flex-wrap: wrap;}
.page-navigation li.page-item.disabled a, .page-navigation li.page-item.disabled a:hover, .page-navigation li.page-item.disabled a:focus { background: transparent !important; color: #333; border: 1px solid #d8d2d2 !important; }
.f-page-navigation li.page-item.disabled a, .f-page-navigation li.page-item.disabled a:hover, .f-page-navigation li.page-item.disabled a:focus { background: transparent !important; color: #333; border: 1px solid #d8d2d2 !important; }
.Main_bottlesection_product_border.Main_bottlesection_product { -webkit-box-shadow: 0px 0px 4px 2px rgba(230, 225, 226, 1); -moz-box-shadow: 0px 0px 4px 2px rgba(230, 225, 226, 1); box-shadow: 0px 0px 4px 2px rgba(230, 225, 226, 1); margin-top: 2px; }
.Main_bottlesection_product_border.Main_bottlesection_product { box-shadow: 0 0 4px 2px #e6e1e2; margin-top: 2px; border: 1px solid #d8cbcb; }
span:focus {outline: none;}
a.pimg {color: var(--fontColor);}
.landing-page-sub-div {margin: 30px 0 0; width: 100%; float: left;}
a:focus {color: #3a3a3a;}
h3.login-heading {text-align: left; font-weight: bold; font-size: 14px; padding: 10px 0; margin: 0; }
h3.login-heading span.border { border-bottom: 1px solid var(--linkColor); padding-bottom: 3px; margin-right: 6px; }
.fb-btn-main { width: 100%; float: left; margin-top: 20px; margin-bottom: 10px;}
.fb-btn { width: 200px; display: block; margin: 0 auto; }
.signin-div { width: 100%; float: left; margin-top: 10px; }
.form-group.form-group-login h5.form-group-label-login {font-size: 14px; margin: 0 0 6px 0; letter-spacing: 0.4px; text-align: left; font-weight: 700; }
.form-group.form-group-login-nobottom h5.form-group-label-login {font-size: 14px; margin: 0 0 6px 0; letter-spacing: 0.4px; text-align: left; font-weight: 700; }
.form-group.form-group-login { margin-bottom: 15px; }
.form-group.form-group-login-nobottom { margin-bottom: 0;}
.modal-dialog.modal-recapcha {display: table; margin: 30px auto 30px 20px; width: 100%; max-width: 370px;}
.modal-recapcha .modal-content {width: 100%; float: left;}
.modal-body.modal-body-signup-signin {padding: 20px 30px 35px;}
.signup-signin-email-div {width: 100%; float: left; display: flex; gap: 18px;}
.signin-email-div, .signup-email-div {flex: 1;}
.login-submit-btn { margin-bottom: 20px; }
.feature-products-container { position: relative; width: 100%; float: left; padding: 0 15px; }
.container-total { width: 100%; float: left; }
.buds-paws-img { display: inline-block; vertical-align: top; float: none; margin-left: 4px; }
.pac-container:after { content: none !important; }
.shop-category-text { width: auto; float: left; clear: both; }
.shop-category-text h2 { width: auto; float: left; font-family: var(--subFont); font-size: 18px; margin: 6px 0 0 0; font-weight: 600; }
.buds-menuitem { display: inline-block; vertical-align: top; float: none; }
.modal-dialog.modal-dialog-instockstores {width: 100%; max-width: 400px; margin: 0; border: 0; float: right; height: 100%;}
.modal-dialog.modal-dialog-instockstores .modal-content {border: 0; border-radius: 0; position: absolute; height: 100%; width: 400px;}
.modal-dialog.modal-dialog-instockstores .modal-header {width: 100%; float: left; border: 0;}
.modal-header-sub {width: 100%; float: left; margin-bottom: 12px;}
.modal-dialog.modal-dialog-instockstores .modal-body {width: 100%; float: left; padding: 0 15px 8px 15px; height: calc(100% - 100px); overflow-y: auto;}
.instock-storelist {list-style: none; width: 100%; float: left; padding: 0; margin: 10px 0 0 0; font-family: var(--subFont);}
.instock-storelist li {padding: 10px 0; border-bottom: 1px solid #eee; width: 100%; float: left;}
.instock-location-details {width: calc(100% - 135px); float: left; padding-right: 12px;}
.instock-location-address-sub1 {width: 100%; float: left;}
.instock-location-distance {width: auto; float: right; text-align: right;}
.instock-location-distance-number {font-weight: 600;}
.instock-location-instock {color: #308d72; font-size: 14px; margin-bottom: 2px;}
.instock-shop-btn {background-color: var(--linkColor); border: 0; font-weight: 600; font-size: 14px; font-family: var(--subFont); text-align: center; padding: 6px 20px; color: #fff;}
.instock-index-pointer {position: relative; width: 25px; text-align: center; margin-right: 10px; display: inline-block; vertical-align: top; float: none;}
.instock-index-number {position: absolute; left: 0; font-weight: 600; top: 6px; color: #fff; text-align: center; font-size: 11px; float: left; width: 100%;}
.instock-index-pointer img {width: 23px;}
.instock-location-details-right {width: calc(100% - 45px); display: inline-block; vertical-align: top; float: none;}
.instock-location-address-detail {font-weight: 600; width: 100%; float: left; margin: 0 0 4px; font-size: 14px;}
.instock-location-address-sub {width: 100%; float: left; margin: 0 0 4px;}
.modal-dialog-cartitems .owl-carousel .owl-stage-outer {padding-bottom: 6px;}
.modal-dialog-cartitems .owl-carousel .owl-item .product-image-sub, .modal-dialog-cartitems .product-image-sub {min-height: 90px;}
.modal-dialog-cartitems .owl-carousel .owl-item .product-image-sub a img.second_img, .modal-dialog-cartitems .product-image-sub a img.second_img { max-height: 90px; }
.modal-dialog-cartitems .owl-carousel .owl-item .Main_bottlesection_product { margin-bottom: 0; }
.modal-dialog-cartitems .Main_bottlesection_product { margin-bottom: 0; }
.modal-dialog-cartitems .second_content_product.second_content h5 { font-size: 16px; line-height: 18px; height: 36px; }
.modal-dialog-cartitems .price-cart-div-sub { padding-right: 0;}
.modal-dialog-cartitems .strike_text_new { padding-right: 8px; }
.modal-dialog-cartitems .owl-carousel .owl-item { max-width: inherit; }
.modal-dialog-shippingaddress .modal-content {width: 100%; float: left;}
.modal-dialog-shippingaddress .modal-header {min-height: 24px; padding: 0; border: 0;}
.modal-dialog-shippingaddress .modal-footer {width: 100%; float: left; border: 0;}
.modal-dialog-shippingaddress .btn-close-icon {position: absolute; right: 8px; top: 8px; left: auto; bottom: auto;}
.stores-search-input {width: 100%; float: left; background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/icon-search.png);
    background-size: 13px; background-color: #f1f1f1; background-repeat: no-repeat; background-position: 10px 7px; position: relative;}
.stores-search-input input.form-control.form-control-store {background-color: transparent; border-radius: 0; padding: 4px 12px 4px 35px; height: 28px;}
.owl-carousel {width: 100%; float: left;}
.instock-search-gps-img {position: absolute; top: 2px; right: 10px; width: 14px; padding: 0; border: 0;}
.instock-search-gps-img .gps-img {width: 14px;}
.instock-search-gps-img .gps-img-alt {width: 14px;}
.searchbar-results-main {width: 100%; float: left; padding: 10px 12px; display: flex; gap: 12px;}
.searchbar-results-img { width: 90px; float: left; }
.modal-footer .btn.active {box-shadow: none; -webkit-box-shadow: none;}
.mat-autocomplete-panel .recipe-search-div .searchbar-results-img img { width: 40px !important; height: auto !important; }
.searchbar-results-img img { width: auto; position: relative; display: table; margin: 0 auto; float: none; height: auto; max-height: 60px; max-width: 100%;}
.searchbar-results-sub { width: auto; font-size: 13px; line-height: 15px; flex: 1;}
.searchbar-results-name { width: 100%; float: left; margin-bottom: 3px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.searchbar-results-size { width: 100%; float: left; margin-bottom: 3px; }
.searchbar-results-type { width: 100%; float: left; }
.searchbar-results-upc { width: 100%; float: left; margin-bottom: 3px; }
.recipe-search-div .searchbar-results-img { width: 60px; float: none; vertical-align: middle; display: inline-block; }
.recipe-search-div .searchbar-results-sub { width: 100%; float: none; vertical-align: middle; display: inline-block; }
.other-recipes-main {width: 100%; float: left; background-color: #edeeee;}
.other-recipes-main h2 {text-align: center; margin: 15px 0 0; font-family: var(--titleFont);}
.recipedetails_bottlesection .thumbnail .caption {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0;}
.searchbar-results-sub-details { width: calc(100% - 60px); float: left; }
.searchbar-results-price-right { width: auto; float: right; color: var(--linkColor); position: relative; right: 10px; }
.contact-page-main-div {display: flex; justify-content: center; width: 100%; float: left;}
.common-breadcrumb {width: 100%; float: left; margin: 0 0 12px 0;}
button.btn {font-family: Poppinsbold; font-size: 14px; text-align: left;}
.featured-products-list { width: calc(100% - 80px); display: table; margin: 0 auto; }
.product-single-div {width: 100%; float: left;}
.featureproducts {background: #eff0f0; width: 100%; float: left; padding-top: 25px;}
.featureproducts.featureproducts-landing {background: transparent; padding-top: 0;}
.featuredproductslist {width: 100%; float: left; margin-top: 15px;}
.no-products-available {width: 100%; float: left; margin-bottom: 30px;}
.no-products-available .no_products {width: 95px; margin: 0 auto; display: table;}
.second_content_product.second_content {min-height: inherit; text-align: left; padding: 2px 15px 15px; height: 120px; border-radius: 0 0 5px 5px; cursor: pointer; position: relative;
    float: left !important; width: 100%;}
.second_content_product.second_content .productname-div {height: 38px; line-height: 1; font-weight: 600; text-transform: capitalize; text-align: left; padding: 0; margin: 0 auto; font-size: 18px; white-space: normal; text-overflow: inherit; font-family: var(--subFont); color: var(--fontColor);}
.featuredproductslist {width: 100%;float: left;margin-top: 10px;}
.landing-toppicks-main{ width: 100%; float: left; padding-top: 20px; background: 0 0;}
.owl-carousel .owl-item {padding: 0 10px;}
.owl-recipes.owl-carousel .owl-item {padding: 0 8px;}
.modal-dialog-cartitems .owl-carousel .owl-item {padding: 0 8px;}
.featured-products-landingpage-main .owl-carousel .owl-item, .landing-toppicks-main .owl-carousel .owl-item, .featureproducts .owl-carousel .owl-item {margin-bottom: 30px;}
.sale-tag-new, .owl-carousel .owl-item .sale-tag-new {
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  z-index: 3;
}
.price-cart-div {
  width: 100%;
  float: left;
  margin-top: 6px;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    
}
.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-item h2, .carousel-item p{color: #fff;}
.carousel-item h2{ font-family: 'PTSansNarrow'; font-size: 2rem;}
.carousel a:hover, .carousel-control-next:hover, .carousel-control-prev:hover{ text-decoration: none; color: #fff; opacity: 1; }
.carousel a i {
    font-size: 45px!important;
}
button[disabled] {cursor: not-allowed !important; opacity: 0.5;}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}

button[disabled], html input[disabled], .form-control[disabled], .form-control[readonly] {cursor: not-allowed !important; opacity: 0.5 !important;}
.modal.fade .modal-dialog {transform: inherit !important; -webkit-transform: inherit !important;}
.main-heading-left, .main-heading-left-alt {width: auto; float: left;}
.main-heading-left-alt h1 {margin: 0 0 10px 0; font-size: 32px; padding-right: 8px; font-family: var(--titleFont);}
.top-seller-main-div {width: calc(100% + 30px); float: left; display: flex; margin: -17px 0 12px; left: -15px; position: relative;}
.top-seller-div {width: 100%; float: left; height: auto; margin: 0; font-family: "Open Sans"; font-weight: 600; text-align: center; left: 0; position: relative; background: var(--linkColor); color: #fff; padding: 0 6px; font-size: 14px;}
.top-seller-div span {padding-left: 5px;}
.ribbon-div {-webkit-clip-path: polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); background-color: var(--linkColor); width: 11px; height: auto; position: relative; left: -1px;}

/* ========= Featured Products css End ================= */
.recentsearch-list-icon { width: 13px; display: inline-block; float: none; vertical-align: middle; margin-right: 6px; }
.recentsearch-list-icon img { width: 100%; max-width: inherit; }
.recentsearch-list-name { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }
.checkout-bg-div { padding: 20px 25px; width: 100%; float: left; background-color: #fff; }
.reviews-list-div { width: auto; float: left; clear: both; font-family: var(--subFont); font-weight: 600; line-height: 20px; }
.productflow-recent-search { width: 100%; float: left; position: absolute; top: 36px; background-color: #fff; border: 1px solid #f1f1f1; border-radius: 4px; padding: 2px; }
ul.productflow-recent-search-list { width: 100%; float: left; margin-bottom: 0; padding-top: 2px; list-style: none; padding-left: 32px; margin-top: 0; position: relative; }
ul.productflow-recent-search-list li { color: #333; cursor: pointer; position: relative; width: calc(100% - 15px); float: left; border-left: 1px solid #eadadb; padding-left: 10px; font-size: 14px; padding-bottom: 3px; }
ul.productflow-recent-search-list li.searchlist-specific { color: var(--linkColor); width: 25px; font-weight: 700; left: 10px; position: absolute; top: 3px; border: 0; padding-left: 0; cursor: default; }
ul.productflow-recent-search-list li.searchlist-specific .fas { color: #333; cursor: default; }
.sidenav { height: 100%; padding-top: 20px; width: 0; position: fixed; z-index: 1000; top: 0px; left: 0; right: 0; bottom: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; }
.sidenav a { padding: 4px 8px; text-decoration: none; font-size: 14px; display: block; transition: 0.3s; font-family: 'PTSansNarrow'; }
.sidenav .closebtn {position: absolute; top: 15px; right: 15px; font-size: 64px; z-index: 3; background: #fff; color: var(--linkColor); padding: 0; line-height: 35px;}
.payment-method-main-div {width: 100%; float: left;}
.timer-top {width: auto; position: relative; display: flex; align-items: center;}
.timer-top-sub {text-align: center; text-transform: uppercase; background-color: var(--linkColor); line-height: 1.2;  font-weight: 600; color: #fff; font-family: "Open Sans"; font-size: 13px; padding: 6px 20px;}
.panel-default>.panel-heading>a.panel-title { font-family: var(--titleFont);}
.accountdetails-heading-main {width: 100%; float: left;}
.accountdetails-div {width: 100%; float: left;}
.toppicks-heading-main {width: 100%; float: left; margin-top: 10px;}
.accountdetails-heading {width: auto; float: left; text-transform: uppercase; margin: 0; font-family: 'Open Sans'; font-weight: bold; font-size: 14px;}
.update-div {width: auto; float: right; color: var(--linkColor);}
.modal-dialog.modal-dialog-cart-update-div {width: 350px;}
.update-div button.update-btn {background: transparent; font-weight: 600; border: 0; margin: 0; padding: 0; cursor: pointer; font-family: var(--subFont);}
.update-div .modal-content,
.update-div .modal-body,
.update-div .modal-header {width: 100%; float: left;}
.update-div .modal-content {padding: 15px 20px;}
.update-div .modal-header {border-bottom: 0; position: relative; padding: 0;}
.update-div .modal-body {padding: 0; display: flex; flex-direction: column; gap: 12px; margin-top: 15px;}
.update-div .modal-header .close.close-update-div {position: absolute; right: -10px; opacity: 1;}
.update-div .update-change-span {cursor: pointer;}
.signup-details-heading {width: 100%; float: left; text-align: center; font-family: var(--titleFont);}
.fa-shopping-cart {font-size: 9em; color: #fff; text-shadow: 0 2px 15px rgba(0,0,0,.3);}
.close-popup-cart {width: 50px; float: right; background: var(--linkColor); color: #fff; padding: 4px 12px; text-align: center; margin-top: 15px;}
.empty-cart {width: 100%; float: left; display: flex; justify-content: center; margin-top: 20px;}
.empty-cart-sub {width: auto; display: flex; align-items: center; gap: 30px;}
.empty-cart .icon-float span.notification-circle {width: 34px; height: 35px; border-radius: 50%; text-align: center; position: absolute;
    background-color: var(--linkColor); color: #fff; top: 0; right: 0; line-height: 35px; z-index: 1;}
.empty-cart .icon-float span.cart-view-icon {font-size: 11em; color: #fff; text-shadow: 0 2px 15px rgba(0,0,0,.3); float: right;}
.fa-cart-shopping:before, .fa-shopping-cart:before {content: "\f07a";}
.cart-m-details .top-text {font-size: 26px; font-family: var(--titleFont);}
.cartpopup-heading-signup {width: 100%; float: left; font-size: 27px; margin: 0 0 3px;}
.cartpopup-subheading-signup {width: 100%; float: left; font-size: 22px; margin: 0;}
.signup-details-form {width: 100%; float: left; margin-top: 20px;}
h1.order-type {margin: 0; font-family: var(--titleFont);}
.row.row-signup-cart {margin: 0 -8px;}
.col-signup-cart {width: 50%; float: left; padding: 0 8px; margin-bottom: 10px;}
.cartpopup-field-sub {width: 100%; float: left; margin-bottom: 8px;}
.cartpopup-field-sub label.cartpopup-label {width: auto; float: left; position: relative; margin-bottom: 2px; font-weight: 700; font-family: "Open Sans"; font-size: 14px; text-transform: uppercase;}
.cartpopup-field-input {width: 100%; float: left; display: flex; gap: 6px;}
input.cartpopup-field-input-sub {width: 100%; float: left; border: 1px solid #e8e8e8; padding: 6px; color: var(--fontColor);}
input.cartpopup-field-input-sub.dob-date, input.cartpopup-field-input-sub.dob-month {width: 30%;}
input.cartpopup-field-input-sub.dob-year {width: 40%;}
.col-signup-cart-alt {width: 100%; float: left; padding: 0 8px;}
.cartpopup-btn {width: auto; font-size: 22px; padding: 8px 16px; border-radius: 4px; display: table;
    margin: 12px auto 0; float: none; background: var(--linkColor); border: 1px solid var(--linkColor); color: #fff; font-family: var(--titleFont);}
.content-banner {width: 100%; float: left;}
textarea[disabled] {cursor: not-allowed; opacity: 0.5;}
.continue-payment-div {width: 100%; float: left; margin-top: 12px;}
.accountdetails-div-alt {width: 100%; float: left; border-top: 1px solid #cccccc; padding-top: 8px; margin-top: 10px;}
.continue-payment-div button.payment-btn-div {width: auto; float: right; text-transform: uppercase; font-size: 20px; background-color: var(--linkColor); color: #fff; padding: 2px 10px; border: 1px solid var(--linkColor); font-family: var(--titleFont); border-radius: 6px; margin-right: 0;}
.continue-payment-div button.payment-btn-div[disabled] {opacity: 0.3; cursor: not-allowed;}
.continue-payment-div button.payment-btn-div.payment-btn-div1 {background-color: #2B5F2B; border-color: #2B5F2B;}
.continue-payment-div button.payment-btn-div.payment-btn-div2 {background-color: transparent; border: 0; float: left; padding: 0;}
.new-payment-right {width: auto; float: right; font-family: var(--subFont); color: var(--linkColor); text-decoration: none; font-weight: 700; font-size: 16px; cursor: pointer;}
.close-cartpopup {position: absolute; right: 12px; top: 9px; opacity: 1; margin: 0;}
.fa-times-custom {font-size: 20px; color: var(--linkColor);}
.modal-dialog-cartitems .text-concat-new {width: 100%; padding-right: 0;}
.filter-length-div {position: absolute; width: 20px; height: 20px; border: 2px solid var(--linkColor); background-color: transparent; right: -9px; border-radius: 50%; top: -15px; padding: 3px; font-size: 11px; line-height: 11px; text-align: center;}
.filter-length-div.filter-length-alt-div {top: -6px;}
.row.advance-filter-product-row {margin: 0 -8px;}
.Main_bottlesection_recipe .owl-carousel .owl-stage {margin: 0 -10px;}
ul.footer-icons-new-recipe {list-style: none; width: 100%; float: left; padding: 0px; margin: 0; text-align: left;}
ul.footer-icons-new-recipe li {display: inline-block; vertical-align: middle; float: none; width: auto; margin-right: 6px;}
ul.footer-icons-new-recipe li:nth-last-child(1) {margin-left: 12px; margin-top: 2px;}
ul.footer-icons-new-recipe li a {cursor: pointer;}
.fa-share-alt.fa {font-size: 32px; color: var(--linkColor); cursor: pointer;}
.cities-desc-div span {width: 100%; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px;}
.cities-desc-div div {width: 100%; float: left; font-size: 16px;}
.cities-desc-div div h3 {width: 100%; float: left; font-size: 16px; margin: 0 0 4px 0; line-height: 18px;}
.cities-desc-div div p {width: 100%; float: left; font-size: 16px; margin: 0 0 10px 0; line-height: 22px;}
.categories-heading-div {width: auto; float: left;}
.accordion-sub-item {display: flex; justify-content: space-between; flex-wrap: wrap;}
.menu-list-items-div {padding: 0 20px;}
span.boldtext {font-weight: 600;}
span.bolditalictext { font-weight: 600; font-style: italic; }
.nofav-products {display: flex; flex-direction: column; width: 100%; float: left; justify-content: center; align-items: center;}
.nofav-top {font-size: 32px; font-weight: 600;}
.nofav-bottom {font-size: 17px;}
.store-block {display: flex; flex-direction: column; gap: 2px; width: 100%; float: left;}
.store-details-placeorder {display: flex; flex-direction: column; gap: 2px;}
.store-details-address a {color: var(--linkColor);}
.order-details-sub {width: 100%; float: left; margin-top: 15px;}
.page-navigation li.page-item.disabled a, .page-navigation li.page-item.disabled a:hover, .page-navigation li.page-item.disabled a:focus { background: transparent !important; color: #333; border: 1px solid #d4cfcf !important; }
.f-page-navigation li.page-item.disabled a, .f-page-navigation li.page-item.disabled a:hover, .f-page-navigation li.page-item.disabled a:focus { background: transparent !important; color: #333; border: 1px solid #d4cfcf !important; }
.skelton-loader { width: 100%; float: left; }
.skelton-loader-sub { width: 100%; float: left; position: relative; height: 300px; }
.div-favourite { position: absolute; left: 3px; top: 3px; width: 20px; z-index: 3; }
.fav-new.fav { max-width: inherit; cursor: pointer; pointer-events: all; width: 20px; }
.banner-images-filters, .banner-images-filters-sub { width: 100%; float: left; }
.banner-images-filters { position: relative; }
.banner-images-filters h1 { position: absolute; margin: 0; top: inherit; bottom: 50px; color: rgba(255, 255, 255, 1); left: 55px; font-family: var(--titleFont); }
.tooltip-common { position: relative; }
.tooltip-common .tooltiptext { visibility: hidden; width: auto; white-space: nowrap; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 1px 12px 2px; position: absolute; z-index: 1; font-size: 12px; font-family: 'Open Sans'; }
.tooltip-common:hover .tooltiptext { visibility: visible; }
.tooltiptext::after { content: ""; position: absolute; margin-top: -10px; border-width: 5px; border-style: solid; }
.tooltip-common .tooltiptext.tooltiptext-bottom { right: 0; bottom: -40px; }
.tooltip-common .tooltiptext.tooltiptext-top { right: 0; top: -40px; }
.tooltiptext.tooltiptext-top::after { bottom: -10px; left: 50%; margin-left: -5px; border-color: #555 transparent transparent transparent; }
.tooltiptext.tooltiptext-bottom::after { top: 0; left: 50%; margin-left: -5px; border-color: transparent transparent #555 transparent; }
.sk_bg { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: sk_bg_animation; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%); background-size: 800px 104px; position: relative; width: 100%; margin-bottom: 10px; }
.skelton-bottle { width: 100%; float: left; padding: 20px; }
.sk_bg.big { height: 100px; }
.sk_bg.top { height: 20px; width: 35px; display: table; margin: 0 auto; float: none; border-radius: 4px; }
.sk_bg.shape1 { height: 30px; width: 20px; display: table; margin: 0 auto; float: none; border-radius: 4px; position: relative; top: -6px; }
.sk_bg.shape2 { height: 100px; width: 60px; display: table; margin: 0 auto; float: none; border-radius: 12px; position: relative; top: -6px; }
.sk_bg.small { height: 30px; width: 100%; float: left; }
.skelton-loader-bottom { position: absolute; bottom: 20px; left: 0; width: 100%; }
.skelton-loader-bottom-left { width: calc(100% - 50px); display: inline-block; vertical-align: bottom; float: none; }
.skelton-loader-bottom-right { width: 40px; display: inline-block; vertical-align: bottom; float: none; }
.custom-rd-btn { display: block; position: relative; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-rd-btn.custom-rd-btn-none { display: none; }
.custom-rd-btn input { position: absolute; opacity: 0; cursor: pointer; }
.customcheckmark { position: absolute; top: 0; left: 0; z-index: 1; height: 16px; width: 16px; background-color: #eee; border-radius: 50%; }
.custom-rd-btn:hover input ~ .customcheckmark { background-color: #ccc; }
.custom-rd-btn input:checked ~ .customcheckmark { background-color: #fff; border: 2px solid #ccc; }
.customcheckmark:after { content: ""; position: absolute; display: none; }
.custom-rd-btn input:checked ~ .customcheckmark:after { display: block; }
.custom-rd-btn .customcheckmark:after { top: 2px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--linkColor); }
.sk_bg.small2 { width: 100%; max-width: 80%; height: 15px; margin-bottom: 10px; }
.sk_bg.square { width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; }
.navbar > li > .cart-menu.dropdown-menu:before { right: 30px; left: auto; }
.navbar > li > .user-menu.dropdown-menu:before { right: 30px; left: auto; top: -23px; }
.breadcrumb-subtext {text-align: left; text-transform: uppercase; font-size: 13px; margin-top: 2px; width: 100%; float: left; }
.cat-sec { display: none; }
.review-rating-err {width: 100%; float: left; display: flex; justify-content: flex-end;}
.review-rating-err span {color: var(--linkColor); font-size: 13px;}
.products-error-page {display: flex; gap: 30px; width: 100%; float: left;}
.products-error-page img {height: 160px;}
.products-error-page-description {width: auto; padding-top: 20px; display: flex; flex-direction: column; gap: 12px; font-size: 22px; flex: 1;}
.no-products-filter-div {display: flex; flex-direction: column; gap: 6px;}
.products-error-page-description .products-error-bold {font-family: var(--titleFont); color: var(--linkColor); font-size: 30px;}
.instockstore-btn-div {width: auto;}
.top-pagination-main { width: 100%; float: left; margin-bottom: 20px; }
.searchresult-top-div { width: 100%; float: left; }
.size-sort { width: 68px; float: left; margin-right: 8px; }
.type-sort { width: 220px; float: left; }
.Searchrelated_noborder.Searchrelated_noborder_new { width: 100%; float: left; }
.product_size { min-height: 20px; }
.common-content-div {width: 100%; float: left; padding: 30px 0;}
.common-content-alt-div {width: 100%; float: left; padding: 30px 0 0;}
.filter-value-div { width: auto; float: left; word-break: break-all; padding-right: 20px; font-size: 17px; line-height: 17px; }
.filter-value-close { position: absolute; top: 50%; margin-top: -10px; right: 10px; }
.myaccount-common-div { width: 100%; float: left; }
.myaccount-common-div h1 {margin-top: 0;}
.row.fav-product-div-row {margin: 0 -8px;}
.fav-product-div.col-lg-3 {padding: 0 8px;}
.fav-product-div {margin-bottom: 25px;}
.myaccount-common-div h4 { width: 100%; float: left; font-size: 18px; margin-bottom: 15px; margin-top: 0; }
select.classic { border: 1px solid #a6a7a6; background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, var(--linkColor), var(--linkColor)) !important; background-position: calc(100% - 10px) calc(1em + -2px), calc(100% - 5.5px) calc(1em + -2px), 100% 0 !important; background-size: 5px 5px, 5px 5px, 1.5em 3.5em !important; background-repeat: no-repeat !important; padding-right: 30px; font-family: 'Open Sans'; font-weight: 600; }
select.classic:focus, select.form-control.classic:focus { background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, var(--linkColor), var(--linkColor)) !important; background-position: calc(100% - 3.5px) 0.8em, calc(100% - 8px) 0.8em, 100% 0 !important; background-size: 5px 5px, 5px 5px, 1.5em 3.5em !important; background-repeat: no-repeat !important; border: 1px solid var(--linkColor); border-color: var(--linkColor);}
.categories-heading-div h4 { font-size: 45px; margin: 0; line-height: 50px; }
.Searchrelated_noborder h4 { border: none; font-size: 45px; text-align: center; margin-bottom: 10px; margin-top: 10px;}
ol.breadcrumb { float: left; margin: 0; background-color: transparent; font-weight: bold; padding: 0px; font-family: var(--subFont) !important; }
.breadcrumb > li { font-size: 18px; position: relative; padding-left: 0; display: inline-block; }
.breadcrumb > li:nth-of-type(1) { padding-left: 0; }
.breadcrumb li a.current {cursor: default;}
.breadcrumb li a { font-family: var(--subFont) !important; font-size: 18px; text-align: right; color: var(--linkColor); cursor: pointer; }
mat-expansion-panel { margin-bottom: 5px !important; }
.fixed { position: fixed; background: var(--linkColor) !important; top: -5px; left: 0; width: 100%; transition: 0.5s; }
nav.fixed ul li a { color: #fff; }
.font_size {font-size: 16px; text-align: left;}
.second_content .rating_star span.first, .second_content .rating_star span.reviews {text-align: left; color: #c2c4ca; }
.fa-long-arrow-alt-right { margin-left: 6px; }
.fa-long-arrow-alt-left { margin-right: 6px; }
.information address { word-wrap: break-word; }
.Main_bottlesection { width: 100%; float: left; position: relative; min-height: 300px; }
.product_content h2 { font-family: var(--titleFont); font-size: 26px; text-align: left; margin: 0 0 2px 0; }
.product_content { position: relative; width: 100%; float: left; }
.product_content_sub {width: 100%; float: left;}
.Searchrelated_div { margin: 10px 0px 20px 0; padding-bottom: 10px; border-radius: 0px; overflow: hidden; }
.Searchrelated_div h4 { padding-left: 12px; border: none; float: left; border-left: 5px solid var(--linkColor); font-size: 1.15em !important; text-align: left; color: #191919; }
.Searchrelated_noborder h5, .Searchrelated_div h5 { width: 50%; height: 21px; padding-left: 0px; border: none; float: left; font-size: 20px !important; text-align: left; color: #191919; line-height: 25px; }
.second_content { background: #fff; }
.gallery { position: relative; display: block; max-height: 152px; overflow: hidden; width: 100%; border-radius: 5px; }
.gallery .main_img { min-width: 250px; display: block; margin: auto; height: 140px; width: 100%; }
.checked { color: var(--linkColor) !important; }
.price p { font-size: 1.3em; color: var(--linkColor); }
.product_img_mobile_main {display: none;}
.product-detail-content {width: 100%; float: left;}
.featuredproduct-label-main {width: 100%; float: left; display: flex; justify-content: left; margin: 3px 0;}
.featuredproduct-label {width: auto; float: left; background: var(--linkColor); color: #fff; padding: 2px 6px; font-size: 12px; border-radius: 4px;}
.report-abuse-btn {background-color: transparent; border: 0; padding: 0; margin: 0 0 4px 0; color: var(--linkColor); position: relative; bottom: 6px;}
.producttitle { overflow: hidden; }
.producttitle {word-break: break-word; margin-bottom: 2px;}
.toast-container .toast { pointer-events: none; cursor: default !important; }
.toast-container {padding: 5px 10px !important; width: auto; position: fixed; top: 70px; font-family: var(--subFont); right: 58px; z-index: 9999; line-height: 36px; border-radius: 4px; color: white !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: flex; align-items: center;}
.toast-container i{font-size: 24px; font-weight: 800; margin-top: 0px; display: initial; float: left; margin-right: 7px;}
.toast-container.toast-error {background-color: var(--linkColor);}
.toast-container.toast-success {background-color: #51a351;}
.breadcrumb > li.breadcrumb-item a:hover { text-decoration: none; }
.list-accordian-div .rating-icon a {color: #54565b; display: inline-block; margin: 0 2px; padding: 0; font-size: 18px; }
.list-accordian-div .rating-icon a:hover {color: rgba(255, 255, 255, 1); }
.list-accordian-div:hover .rating-icon a {color: rgba(255, 255, 255, 1); }
.more-rating-new { margin-left: 4px;}
.list-accordian-div:hover .more-rating-new { color: rgba(255, 255, 255, 1); }
.carousel {padding-bottom: 30px;}
.home-links-main .carousel {padding-bottom: 0;}
.landing-carosel.carousel { padding-bottom: 0; margin-bottom: 20px; margin-top: 30px; width: 100%; float: left; }
.landing-carosel.carousel .carousel-indicators { bottom: -50px; }
.landing-carosel .carousel-indicators li { border: 1px solid #333; }
.landing-carosel .carousel-indicators .active { background-color: #333; }
nav .navbar-nav ul li a { padding: 10px 10px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #fff !important; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #fff !important; }
.myorder-details-sub.breadcrumb > li, .myorder-details-sub.breadcrumb li a { font-size: 14px; line-height: 14px; }
.myorder-details-sub.breadcrumb > li { position: relative; padding-left: 19px; display: inline-block; vertical-align: middle; float: none; }
.myorder-details-sub.breadcrumb > li + li:before { position: absolute; left: 0; top: 3px; line-height: 10px; font-size: 19px; }
.icon-cancel-orders { display: inline-block; vertical-align: middle; float: none; }
.multiselect-dropdown .dropdown-btn .selected-item { border: 1px solid var(--linkColor) !important; background: var(--linkColor) !important; }
.sidebar-menu ul.name_left li { margin-left: 30px; line-height: 2.5; }
.offericon { position: absolute; right: 16px; }
.sidebar-menu .sidebar-submenu > li > a { color: var(--linkColor) !important; }
section.m_bottom { margin-bottom: 30px; overflow: hidden; margin-top: 10px; }
.pagination-bottom-div { width: 100%; float: left; }
.toast-top-right { padding-top: 50px; }
.m-view, .m-product-detail, .m-display{ display: none;}
.modal-nostore-found.modal {background-color: rgba(167,31,40,.9);}
.modal-nostore-found .modal-dialog {display: flex; width: 100%; height: 100%; margin: 0; justify-content: center;}
.modal-nostore-found .modal-content {width: 100%; max-width: 1200px; background: transparent; box-shadow: none; border: 0; padding: 0 20px;}
.modal-nostore-found .close-icon:after, .modal-nostore-found .close-icon:before {background-color: #fff;}
.nostore-found-total-div {width: 100%; float: left; display: flex; align-items: self-start; gap: 30px;}
.sorry-sub-div {width: 100%; float: left; font-family: var(--titleFont);}
.sorry-sub-div .main-text {font-size: 70px; font-family: "Franklin Gothic Medium"; width: 100%; float: left; margin-bottom: 12px;}
.sorry-sub-div .sub-text {font-size: 28px; line-height: 31px; width: 100%; float: left; margin-bottom: 12px;}
.sorry-sub-div .small-text {font-size: 22px; line-height: 25px; width: 100%; float: left; margin-bottom: 12px;}
.sorry-sub-div .desc-text {font-size: 16px; line-height: 20px; width: 100%; float: left; margin-bottom: 12px;}
.sorry {width: 435px;}
.sorry img {width: 100%;}
.sorry-sub-div {font-family: var(--titleFont); flex: 1; color: #fff;}
.nostores-form-main {display: flex; flex-direction: column; flex: 1; gap: 20px;}
.nostores-form {width: 100%; float: left;}
.nostores-form .form-group {width: 100%; float: left; margin-bottom: 15px;}
.nostores-form .form-group input.form-control {background-color: #f1f1f1;}
button.btn.btn-brand {background: #f1f1f1; color: var(--linkColor); font-family: var(--subFont); font-size: 16px; font-weight: 600; border: 1px solid transparent; border-radius: 4px;}


/*  Login Css  */
form .mandatory { color: var(--linkColor); }
form .form-group .border_radius { border-radius: 0px !important; }
button.facebook { background-color: #4363a1; font-family: var(--titleFont); font-size: 10.9px; line-height: 1.4; letter-spacing: 0.3px; text-align: left; color: #ffffff; padding: 3px 15px 3px 15px; border-radius: 0px; margin: 5px 0 20px 0; }
button.btn.facebook {background-color: #4363a1; font-size: 12px; color: #fff; padding: 9px 15px; border-radius: 0; margin: 0;}
button.facebook i { font-size: 13px; padding-right: 5px; }
span.border { border-bottom: 1px solid var(--linkColor); padding-bottom: 3px; }
h4.font_size span, form .form-group label.email, form .form-group label.password {font-size: 15px; text-align: left;}
h4.font_size { padding: 0px 0 5px; font-weight: bold; font-size: 1.7em; }
h6.color_text { font-family: var(--subFont); font-size: 15px; text-align: left; padding-bottom: 15px; color: #666666; }
h5.color { font-family: var(--subFont); font-size: 15px; text-align: left; color: var(--linkColor); cursor: pointer; }
h5.color:focus { outline: none; }
.checkbox label { font-family: var(--subFont); font-size: 15px; text-align: left; color: #666666; }
button.submit { background-color: var(--linkColor); font-family: var(--titleFont); font-size: 12.7px; font-stretch: normal; line-height: normal; text-align: left; color: #ffffff; padding: 15px 20px 15px 20px; border-radius: 0px; width: 128px; text-align: center; border: var(--linkColor); box-shadow: none; }
button.submit:focus { border: var(--linkColor); outline: none; }
section.padding_top { padding-top: 15px; }
nav.navbar { border: none; background-color: transparent; width: 100%; float: left; }
.default { position: relative; z-index: 9999; }
.dropdownlist { display: block; padding-bottom: 20px; max-height: 300px; overflow-y: auto; padding: 0 15px; }
ul.user-menu { left: -70px; right: 0; top: 35px; margin-top: 10px; }
ul.user-menu li { padding: 8px 8px 8px 0px; margin-right: 0px; }
ul.user-menu li a img { margin-right: 10px !important; }
ul.navbar-nav { padding-left: 0; }
.type .active, .type a:hover{ color: #fff; background-color: var(--linkColor);}
.type a:focus-within{ text-decoration: none;}
.navbar-nav li ul.user-menu li a, .dropdown-menu .text-uppercase {font-size: 13px !important; line-height: 14px; text-align: left; padding: 4px 5px !important; display: block; margin: 0px 0 2px 0; font-weight: 600; font-family: var(--mainFont);}
ul.user-menu li.star_color i.fa-star { color: var(--linkColor); font-size: 22px; margin-right: 10px !important; }
nav ul.user-menu li { background-color: transparent; border: solid 1px transparent; }
.navbar-header button { background-color: #333; }
.navbar-header button:focus { outline: none; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; float: none; }
.navbar-header button span { background-color: #fff; }
.navbar-brand { float: left; padding: 15px 0 15px; font-size: 11px; line-height: 20px; }
.active { color: var(--linkColor) !important; }
.item_img .icon.icon-favorites.active, .icon.icon-favorites .active { color: var(--linkColor) !important; }
li.text_small ul.user-menu li { margin-right: 0; padding: 0px; margin-left: -10px; }
.nav > li > a:hover, .nav > li > a:focus { border: 0 !important; outline: none; }
.breadcrumb li a[aria-current] {cursor: text; color: #3a3a3a;}
nav.bg_color { background-color: #fcfcfc; }
nav ul.navbar-nav li a {font-family: var(--titleFont); text-align: left; color: var(--fontColor) !important; position: relative; padding: 0 !important; }
form span.mandatory {color: var(--linkColor); position: relative; top: -5px; font-size: 9px;}
.width-common-div {width: 100%; float: left;}
button.btn.btn-brand {background: var(--linkColor); color: #fff; font-family: var(--subFont); font-size: 16px; font-weight: 600; border-radius: 4px;}
.btn-close-icon-div {position: relative; width: 24px; height: 24px; padding: 0; margin: 0; background-color: transparent; border: none;}
.btn-close-icon {float: right; position: relative; width: 24px; height: 24px; top: 12px; padding: 0; margin: 0; background-color: transparent; border: none;}
.btn-close-icon.btn-close-icon-alt {right: 12px; top: 0;}
.btn-close-icon-right {position: absolute; right: 15px; z-index: 2; width: 24px; height: 24px; padding: 0; margin: 0; background-color: transparent; border: none;}
.close-icon {position: absolute; right: 0; top: 0; width: 20px; height: 20px; opacity: .8;}
.close-icon:hover {opacity: 1}
.modal-header-div {display: flex; align-items: center; justify-content: space-between;}
.close-icon:after,.close-icon:before {position: absolute; left: 9px; content: ' '; height: 20px; width: 2px; background-color: var(--linkColor);}
.close-icon:before {-webkit-transform: rotate(45deg); transform: rotate(45deg)}
.close-icon:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
button.btn.focus, button.btn:focus, button.btn:hover {color: #fff;}
button.btn.login-modal.focus, button.btn.login-modal:focus, button.btn.login-modal:hover {color: var(--fontColor);}
button.btn.btn-profile.focus, button.btn.btn-profile:focus, button.btn.btn-profile:hover {color: var(--fontColor);}
.fixed .input-group button { background-color: var(--linkColor) !important; margin-left: -3px !important; }
.fixed .navbar-header { width: 10%; }
.input-group button { background-color: var(--linkColor) !important; border-radius: 0; margin-left: -3px !important; /* margin-top: 1px !important; */ }
.input-group button:focus { outline: none; background-color: var(--linkColor) !important; border-radius: 0; margin-left: -3px !important; }
.input-group .form-control, .input-group .form-control::placeholder { font-family: var(--subFont); text-align: left; color: rgb(117, 117, 117);}
.navbar-nav { list-style-type: none; }
.navbar-nav > li > a { padding: 16px 10px; text-decoration: none; }
ul.navbar-nav li a:hover { color: var(--linkColor); background: transparent; text-decoration: none !important; }
ul.navbar-nav li a:active { color: var(--linkColor); background: transparent; text-decoration: none !important; }
ul.dropdown-menu-custom-div1 .dropdownlist .tabs-left a:hover {color: var(--linkColor);}
ul.dropdown-menu-custom-div1 .dropdownlist .tabs-left a.active:hover {color: #fff !important; background-color: var(--linkColor);}
ul.dropdown-menu-custom-div1 .dropdownlist .tabs-left a.active {color: #fff !important; background-color: var(--linkColor);}
.navbar .dropdown-menu.dropdown-menu-custom-div1::before, .navbar .dropdown-menu.dropdown-menu-custom-div2::before{border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid var(--linkColor); position: absolute; top: -13px; left: 40px; z-index: 9999; content: "";}
.collapse, .collapse ul { padding-left: 0px; }
.fixed { position: fixed; background: #fff !important; top: -5px; left: 0; width: 100%; animation: smoothScroll 1s forwards; }
.navbar-nav > li:focus { box-shadow: none; outline: none !important; }
.navbar .dropdown-menu { border: none; background-color: #fff; text-align: left; padding: 0; }
.dropdown-menu ul.flex-column li { border-bottom: 1px solid #f4f5f7; padding: 3px 0px; margin-top: 0px; line-height: 20px; }
.dropdown-menu ul.flex-column li:focus { outline: 0; }
.dropdown-menu ul.flex-column li label { cursor: pointer; display: inherit; margin: 0; }
.user-profile-block .user-dropmenu { position: relative !important; }
.navbar .dropdown-menu { left: 0; right: 0; display: none; opacity: 1; transition: hidden 0s, opacity 0.3s linear; margin: 0 auto; }
.navbar li.droparrow:hover .arrowup { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid var(--linkColor); position: absolute; top: 24px; left: 4px; z-index: 9999; }
.optional-dropmenu { display: block; max-height: 350px; padding: 12px 4px; }
.mid-nav li.nav-item.dropdown.dropdown_menu.droparrow { margin-top: 0px; }
.navbar .dropdown-menu { border-top: 6px solid var(--linkColor); background-color: #fff; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5); }
.navbar .dropdown.shopping:hover .dropdown-menu.user-menu { display: block; visibility: visible; opacity: 1; transition: visibility 0s, opacity .2s linear; border-top: 8px solid var(--linkColor); }
.navbar .dropdown-menu.user-menu { min-width: 180px !important; width: 160px !important; top: 57px; left: -110px !important; }
.dropdown-menu.dropdown-menu-custom-div1, .navbar a.isFocus+.dropdown-menu.dropdown-menu-custom-div1{ min-width: 400px!important; margin-left: -25px; min-height: 250px;}
ul.nav.flex-column li a, ul.nav.flex-column li a.nav-link {font-size: 15px; font-family: inherit;}
.btn_right { text-align: right; margin-right: 10px; }
.btn_right button.filer_go { background: var(--linkColor); font-family: var(--subFont); font-size: 12px; text-align: left; color: #ffffff; width: 105px; text-align: center; padding: 12px 0 12px; border: var(--linkColor); box-shadow: none; }
.btn_right button.clear { background: #d7d7d7; color: #ffffff; width: 131px; text-align: center; padding: 9px 0 12px; font-size: 11.2px; }
.btn_right button:focus { border: var(--linkColor); outline: none; box-shadow: none; }
ul li.star_color i.fa-star { color: var(--linkColor); }
.border_bottom { border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; float: left; width: 100%; }
ul.sidebar-menu img { height: 15px; margin-right: 10px; }
ul.sidebar-menu li a { text-transform: uppercase; }
ul.sidebar-menu li a, ul.sidebar-menu li ul.sidebar-submenu li a { font-family: var(--titleFont); font-size: 14px; text-align: left; color: #54565b; padding: 12px 5px 12px 15px; display: block; }
ul.sidebar-menu li ul.sidebar-submenu li a { font-family: var(--titleFont); font-size: 12px; text-transform: capitalize; }
thead.payment_method tr th h5 {font-size: 15px; text-align: left; color: var(--linkColor); }
ul.sidebar-menu li:focus { box-shadow: none; outline: none !important; }
.filters-accordian-main { width: 100%; float: left; }
.instock-main { width: 100%; float: left; }
.instock-text { width: calc(100% - 46px); text-align: left; float: none; display: inline-block; vertical-align: middle; padding-right: 8px; font-size: 18px; font-family: var(--titleFont); }
.mat-form-field-infix { padding: 0 !important; border-top: 0; }
.myorders-section-sub .order-results:nth-last-child(1) .border_bottom { margin-bottom: 0; }
.mat-icon-button { width: 30px !important; height: 30px !important; line-height: 30px !important; }
.results-breadcrumb-pagination { width: 100%; float: left; }
.results-breadcrumb-div { width: auto; float: left; padding-right: 15px; }
.form-control::-webkit-input-placeholder {font-family:'PTSansNarrow'; font-weight: 600;}
.search-address-input .form-control::-webkit-input-placeholder {font-family: 'PTSansNarrow';}
.pagination-results-div { width: auto; float: right; margin-top: -42px; }
.results-pagination { width: auto; float: right; margin-top: -42px; }
.results-pagination-categories { width: auto; float: right; margin-top: 8px; }
.search_div_advancefilter { width: 100%; float: left; }
.search_div_advancefilter ol.breadcrumb { width: 100%; }
.footer-banner-2 {width: 100%; float: left; margin-bottom: 25px;}
.footer-banner-2 img {width: 100%;}
.breadcrumb.breadcrumb-product-details { width: 100%; }
.specific-page-products { width: 100%; float: left; margin-top: 15px; }
.mobile_number { font-family: Poppinsbold; font-size: 12px; text-align: left; color: #555555; text-transform: uppercase; }
.contact { font-family: Poppinsregular; font-size: 18px; text-align: left; color: #222222; text-transform: uppercase; }
.card_number {font-size: 18px; text-align: left;}
.address { font-family: var(--subFont); font-size: 18px; }
.address, .city_state { text-align: left;}
.pac-container.pac-logo {z-index: 2 !important;}
.loader.loader-filters { top: 15%; }
.loader.fixed-loader { position: fixed; }
.loader.loader-fixed { position: fixed; z-index: 1000; }
.loader { width: 80px; height: 64px; position: absolute; z-index: 2; left: 50%; top: 50%; background: url(https://images.liquorapps.com/wst/br/assets/Images/br-preloader.gif) no-repeat center top; background-size: 80px; margin-left: -40px; margin-top: -32px; }

@-webkit-keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ea1c2d, 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.5), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.7), 1.8em -1.8em 0 0em #ea1c2d, 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.5), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.7), 2.5em 0em 0 0em #ea1c2d, 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.5), 2.5em 0em 0 0em rgba(234, 28, 45, 0.7), 1.75em 1.75em 0 0em #ea1c2d, 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.5), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.7), 0em 2.5em 0 0em #ea1c2d, -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.5), 0em 2.5em 0 0em rgba(234, 28, 45, 0.7), -1.8em 1.8em 0 0em #ea1c2d, -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.5), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.7), -2.6em 0em 0 0em #ea1c2d, -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.5), -2.6em 0em 0 0em rgba(234, 28, 45, 0.7), -1.8em -1.8em 0 0em #ea1c2d;
    }
}

@keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ea1c2d, 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.5), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.7), 1.8em -1.8em 0 0em #ea1c2d, 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.5), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.7), 2.5em 0em 0 0em #ea1c2d, 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.5), 2.5em 0em 0 0em rgba(234, 28, 45, 0.7), 1.75em 1.75em 0 0em #ea1c2d, 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.5), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.7), 0em 2.5em 0 0em #ea1c2d, -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.2), -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.5), 0em 2.5em 0 0em rgba(234, 28, 45, 0.7), -1.8em 1.8em 0 0em #ea1c2d, -2.6em 0em 0 0em rgba(234, 28, 45, 0.2), -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.5), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.7), -2.6em 0em 0 0em #ea1c2d, -1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 28, 45, 0.2), 1.8em -1.8em 0 0em rgba(234, 28, 45, 0.2), 2.5em 0em 0 0em rgba(234, 28, 45, 0.2), 1.75em 1.75em 0 0em rgba(234, 28, 45, 0.2), 0em 2.5em 0 0em rgba(234, 28, 45, 0.2), -1.8em 1.8em 0 0em rgba(234, 28, 45, 0.5), -2.6em 0em 0 0em rgba(234, 28, 45, 0.7), -1.8em -1.8em 0 0em #ea1c2d;
    }
}
button { margin-right: 6px; }
.search-input { width: 100%; float: left; position: relative; }
.search-icon-div { position: absolute; left: 9px; top: 10px; line-height: 14px; }
.fa.fa-search { color: var(--linkColor); }
input.form-control { background-color: #f1f1f1; width: 100%; }
input#recipe-search-input {padding-right: 40px;}
a.page-product:hover { text-decoration: none; }
.Main_bottlesection_product { width: 100%; float: left; height: 100%; position: relative; cursor: pointer; background: #fff; border-radius: 10px; }
.second_content_product.second_content { min-height: inherit; text-align: left; padding: 2px 15px 15px; height: auto; border-radius: 0 0 10px 10px; cursor: pointer; position: relative; float: left !important; width: 100%; }
.carosel-videos-mobile .owl-theme .owl-nav [class*=owl-] { padding: 0; background-color: transparent; }
.owl-carousel-review {position: relative;}
.owl-theme .owl-nav [class*=owl-].owl-prev, .owl-theme .owl-nav [class*=owl-].owl-next {padding: 0; background-color: transparent; margin: 0; border: 0;}
.owl-theme .owl-nav [class*=owl-].owl-prev:hover, .owl-theme .owl-nav:hover [class*=owl-].owl-next {background-color: transparent;}
.owl-theme .owl-nav [class*=owl-].owl-prev {left: -15px;}
.owl-theme .owl-nav [class*=owl-].owl-next {right: -15px;}
.carosel-videos-mobile .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; }
.carosel-videos-mobile .owl-theme .owl-nav .owl-prev, .featureproducts .featureproducts-landing .owl-prev{ left: -20px; margin: 0; top: -2px; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-right: 10px solid var(--linkColor) !important; }
.carosel-videos-mobile .owl-theme .owl-nav .owl-next, .featureproducts .featureproducts-landing .owl-next { right: -20px; margin: 0; top: -2px; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important; border-left: 10px solid var(--linkColor) !important; }
.container { width: 95%; }
#myCarousel { float: left; }
.carousel.slide.carosel-categories {padding: 0;}
a.listing-banner-left-icon.carousel-control {left: 30px; right: auto; margin-top: -15px; background: rgba(0,0,0,0.5); width: 30px; height: 30px; top: 50%; border-radius: 50%; opacity: 1;}
a.listing-banner-right-icon.carousel-control {left: auto; right: 30px; margin-top: -15px; background: rgba(0,0,0,0.5); width: 30px; height: 30px; top: 50%; border-radius: 50%; opacity: 1;}
.rating-stars span a {color: #f4c500; }
nav ul.user-menu li { background-color: transparent; border: 1px solid transparent; }
.AuthorizeNetPopupInner-sub { width: 100% !important; height: 800px !important; }
.myaccount-right-div .AuthorizeNetPopupInner-sub { height: 500px !important; }
.page-navigation .pagination > li:nth-child(1) { display: none; }
.page-navigation .pagination > li:nth-last-of-type(1) { margin-right: 0; }

.owl-nav-custom .owl-nav [class*=owl-].owl-prev {left: 25px; top: 45%;}
.owl-nav-custom .owl-nav [class*=owl-].owl-next {right: 25px; top: 45%;}
.owl-nav-custom .owl-stage-outer .owl-stage {height: 100%;}

.page-navigation,
.f-page-navigation {
    ul.pagination {
        margin: 0px 0 4px 0 !important;
        float: right;
    }

    ul.pagination li {
        text-align: center;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        background-color: #54565b !important;
        border-color: #54565b !important;
    }

    .pagination > li > a,
    .pagination > li > span {
        color: #fff;
        font-family: var(--titleFont);
        background-color: #54565b;
        border: 1px solid #54565b;
        width: auto;
        height: auto;
        min-width: 25px;
        padding: 4px 4px 3px 4px;
        font-size: 13px;
        line-height: 14px;
    }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        background-color: var(--linkColor);
        border-color: var(--linkColor);
        color: #fff;
        font-family: var(--titleFont);
        z-index: 1;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        background: 0 0 !important;
        color: #333;
        border: 1px solid #d4cfcf !important;
    }



    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        color: #fff;
        background-color: var(--linkColor);
        border-color: var(--linkColor);
        font-family: var(--titleFont);
    }
}
.searchbar-mobile-all {display: none;}
.f-page-navigation { width: auto; float: right; }
select.form-control { -webkit-appearance: menulist !important; appearance: menulist !important; }
.f-page-navigation ul.pagination li:nth-of-type(1) a span { display: none; }
.f-page-navigation ul.pagination li:nth-of-type(1) a::before { content: "Previous"; }
.f-page-navigation ul.pagination li:nth-last-child(1) a span { display: none; }
.f-page-navigation ul.pagination li:nth-last-child(1) a::before { content: "Next"; }
.mid-nav li.nav-item.dropdown.dropdown_menu.droparrow { position: relative; }
.navbar .dropdown:not(.nohover):hover .dropdown-menu.dropdown-menu-custom-div1, .navbar .dropdown:not(.nohover):hover .dropdown-menu.dropdown-menu-custom-div2{min-width: 400px !important;}
.navbar > li.dropdown_menu.dropdown:not(.nohover):hover .dropdown-menu { visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear; width: 50%; display: inline-table; margin-left: -25px; }
.nav-item, .checkbox { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.navbar .dropdown:not(.nohover):hover .dropdown-menu.dropdown-menu-custom-div2 { min-width: 230px !important;}
.nav-item {
    input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 20px;
        width: 15px;
        z-index: 1;
        left: 0px;
    }

    .checkmark {
        position: absolute;
        top: 10px;
        left: 0;
        height: 15px;
        width: 15px;
    }

    &:hover input ~ .checkmark {
        background-color: transparent;
        border: solid 1px #777;
    }

    input:checked ~ .checkmark {
        background-color: transparent;
        border: solid 1px transparent;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
}
.checkbox .checkmark:after { content: ""; position: absolute; display: none; }

.nav-item {
    input:checked ~ .checkmark:after {
        display: block;
    }

    .checkmark:after {
        left: 3px;
        top: 1px;
        width: 7px;
        height: 10px;
        border: solid var(--linkColor);
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    label.active {
        color: var(--linkColor);
    }
}

/*Login page*/
.login-container {width: 1400px; display: block; margin: 0 auto; padding: 20px 15px;}
form .mandatory {color: var(--linkColor);}
form .form-group .border_radius {border-radius: 0px !important;}
.forgot-login-password {width: 100%; float: left; margin-top: 4px; margin-bottom: 6px;}
.checkbox.checkbox-forgot-sub {margin: 0;}
span.border {border-bottom: 1px solid var(--linkColor); padding-bottom: 3px;}
form .form-group label.email,form .form-group label.password {font-size: 15px; text-align: left;}
.checkbox label {font-family: var(--subFont); font-size: 14px; text-align: left;}
.fa.fa-spinner, .login-span-btn {display: inline-block; vertical-align: middle; float: none;}
.fa.fa-spinner {margin: 0 6px 0 0;}
.modal-title {font-size: 20px;}
.modal-footer.forgot {width: 100%; float: left;}
.modal-body.forgot-body {padding: 10px 15px;}
.items-cart-top-div {width: 100%; float: left; display: flex; gap: 0 45px; margin-top: 15px;}
.items-cart-page {flex: 1;}
.table.cart-table>thead>tr>th {vertical-align: middle;}
.forgot-password-container {
    .forgot-container {
        background-color: #fcfcfc;
    }
    .forgot-header {
        border-bottom: 1px solid transparent;
        padding-bottom: 0;
        width: 100%;
        float: left;
        display: flex;
        justify-content: center;
    }
    .forgot-body {
      width: 100%;
      float: left;
    }
    .forgot {
        text-align: center;
        border-top: 1px solid transparent;
        padding-top: 0;
      button.active {
        background-color: var(--linkColor) !important;
        color: #fff !important;
        margin: 0;
        font-family: MyriadPro-Regular;
        font-size: 13px;
        text-align: left;
        color: #ffffff;
        padding: 10px 20px;
        border-radius: 0px;
        text-align: center;
        border: var(--linkColor);
        box-shadow: none !important;
      }
    }

    p {
        text-align: center;
        font-size: 14px;
    }

    button.novalue {
        background: #d7d7d7 !important;
        color:#fff;
        padding: 10px 25px;
        box-shadow: none !important;
        font-family: MyriadPro-Regular;
        font-size: 12px;
        text-align: left;
        color: #ffffff;
        opacity: 1;
        border-radius: 0px;
      }
}

.aboutus-content {width: 100%; float: left; display: flex; gap: 30px; margin-top: 10px;}
.aboutus-left-div {flex: 1; display: flex; gap: 18px; flex-direction: column;}
.aboutus-left-sub-div {width: 100%; float: left; display: flex; gap: 10px; flex-direction: column;}
.aboutus-left-sub-div ul {display: flex; flex-direction: column; gap: 6px;}
.aboutus-left-sub-div h2, .aboutus-left-sub-div p {margin: 0;}
.aboutus-left-sub-div h2 {font-size: 18px; width: 100%; float: left; font-family: var(--titleFont);}
.aboutus-left-sub-div p {font-size: 15px;}
.aboutus-left-sub-div ul li strong {padding-right: 6px;}
.aboutus-right-div {width: 340px; float: left;}

.or-div {width: 100%; float: left; position: relative; text-align: center; margin-top: 20px;}
.or-text {width: 100%; float: left; font-size: 14px;}
.or-text span {background: #f1f1f1; position: relative; z-index: 10; padding: 7px 10px; border-radius: 50%;}
.or-line {position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #eee;}
.forgot-pwd-login {width: auto; float: right;}
.remember-text {font-family: var(--subFont); position: relative; top: 2px; font-size: 14px; line-height: 16px; text-align: left;}
h2.login-heading {text-align: left; font-weight: bold; font-size: 14px; padding: 10px 0; margin: 0; font-family: var(--mainFont);}
h2.login-heading span.border {border-bottom: 1px solid var(--linkColor); padding-bottom: 3px; margin-right: 6px;}
.welcome-account {font-family: var(--subFont); font-size: 13px; text-align: left; width: auto; float: left; margin: 2px 0;}
.signin-div {width: 100%; float: left; margin-top: 10px;}
.form-group.form-group-login {width: 100%; float: left;}
.form-group.form-group-login .form-group-label-login {font-size: 14px; margin: 0 0 6px 0; text-align: left; font-weight: 700;}
form .mandatory {color: var(--linkColor);}
input.form-control {background-color: #f1f1f1; width: 100%;}
.form-group.form-group-login {width: 100%; float: left;}
button.submit.btn {background-color: var(--linkColor); font-size: 15px; color: #fff; padding: 7px 20px; border-radius: 0; width: auto; min-width: 100px; text-align: center; border: var(--linkColor); text-transform: uppercase;}
.fa.fa-spinner, .login-span-btn {display: inline-block; vertical-align: middle; float: none;}
.forgot-login-password {width: 100%; float: left; margin-top: 4px; margin-bottom: 6px;}
.checkbox label {font-family: var(--subFont); font-size: 14px; text-align: left;}
.checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 20px; width: 15px; z-index: 1; left: 20px;}
.checkbox input ~ .checkmark {background-color: transparent; border: solid 1px #777;}
.checkbox .checkmark {position: absolute; top: 5px; left: 0; height: 15px; width: 15px;}
.remember-text {font-family: var(--subFont); position: relative; top: 2px; font-size: 14px; line-height: 16px; text-align: left;}
.forgot-pwd-login {width: auto; float: right;}
.forgot-pwd-login a {font-family: var(--subFont); font-size: 14px; line-height: 16px; text-align: left; color: var(--linkColor); cursor: pointer;}
.forgot-pwd-login a:hover {color: var(--linkColor); text-decoration: none;}
.forgot-pwd-login a:focus {color: var(--linkColor); text-decoration: none;}
.search-product-ac {width: 100%; float: left; position: relative; top: 0;}
.signup-main {width: 100%; float: left;}
form .mandatory {color: var(--linkColor);}
form .form-group .border_radius {border-radius: 0px !important;}
span.border {border-bottom: 1px solid var(--linkColor); padding-bottom: 3px;}
.modal-dialog.modal-dialog-captcha .modal-header .close {color: var(--linkColor); margin: 0; font-size: 40px; opacity: 1; position: absolute; top: 10px; right: 10px;}
.modal-dialog.modal-dialog-captcha {width: 100%; max-width: 380px; margin: 20px 0 0 20px; padding: 12px;}
.modal-dialog.modal-dialog-captcha .modal-content {position: relative; background-color: #fff; width: 100%; float: left; border-radius: 4px; padding: 15px;}
.modal-dialog.modal-dialog-captcha .modal-header {border-bottom: none; width: 100%; float: left; padding: 0;}
.modal-dialog.modal-dialog-captcha .modal-body {padding: 0; font-family: 'Open Sans'; font-weight: 700; text-transform: uppercase; width: 100%; float: left;}
.modal-dialog.modal-dialog-captcha .modal-body h2 {font-family: 'Open Sans'; font-weight: 700; font-size: 15px; margin-bottom: 8px; padding: 0;}
.create-account-div {width: 100%; float: left; margin-top: 32px;}
.signup-benefits {width: 100%; float: left; margin-top: 25px;}
.signup-benefits-heading {width: 100%; float: left; font-size: 15px; text-align: left; font-weight: 700;}
.signup-benefits-list {list-style: none; width: 100%; float: left; margin-top: 10px; margin-bottom: 0; padding: 0;}
.signup-benefits-list li {width: 100%; float: left; margin-bottom: 4px; font-size: 15px; font-family: var(--subFont);}
.notShow {display: none;}
.favorite-specific-div {background-color: #eff0f0;}
.container-pagenotfound {width: 95%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}
.pagenotfound-main {width: 100%; float: left; margin-top: 30px; display: flex; gap: 30px;}
.pagenotfound-img {width: 550px;}
.pagenotfound-img img {width: 100%;}
.pagenotfound-content {flex: 1;}
.pagenotfound-heading {width: 100%; float: left; text-transform: uppercase;}
.pagenotfound-content h1 {width: 100%; float: left; font-weight: bold; margin: 0; font-size: 30px;}
.pagenotfound-content h2 {width: 100%; float: left; font-weight: bold; margin: 0; font-size: 44px; line-height: 40px;}
.pagenotfound-content p {width: 100%; float: left; font-size: 14px; margin: 12px 0 0 0;}
.change-item {width: 100%; float: left; margin-top: 10px; font-weight: 600; color: var(--linkColor);}
.change-item-list {list-style: none; width: 100%; float: left; margin-top: 10px; padding-left: 0; display: flex; gap: 12px;}
.change-item-list li {width: auto;}
.change-item-list li a {color: var(--linkColor); text-decoration: underline;}
.change-item-list li a:hover {color: #3a3a3a;}
.question-div {width: 100%; float: left; font-size: 14px; display: flex; gap: 8px; align-items: center;}
.question-div a {text-decoration: underline; cursor: pointer; color: var(--linkColor);}

/* ====================== Login Page css End ============================== */

.checkbox {
    input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 20px;
        width: 15px;
        z-index: 1;
        left: 20px;
    }

    .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
        height: 15px;
        width: 15px;
    }

    input ~ .checkmark {
        background-color: transparent;
        border: solid 1px #777;
    }

    .checkmark:after {
        left: 3px;
        top: 0px;
        width: 7px;
        height: 13px;
        border: solid var(--linkColor);
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    input:checked ~ .checkmark:after {
        display: block;
    }

    &:hover input ~ .checkmark {
        background-color: transparent;
        border: solid 1px #777;
    }

    input:checked ~ .checkmark {
        background-color: transparent;
        border: solid 1px #777;
    }
}

/*checkout radio*/

.radiobox { position: relative;}
.radiobox input { position: absolute;  opacity: 0; cursor: pointer; height: 20px; width: 15px; z-index: 1; left: -20px;}
.radiobox .checkmark { position: absolute; top: 5px; left: 0; height: 15px; width: 15px;}
.radiobox input ~ .checkmark { background-color: transparent; border: solid 1px #777; border-radius: 50%; left: -20px;}
.radiobox .checkmark:after { left: 3px; top: 0px; width: 4px; height: 13px; border: solid var(--linkColor); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.radiobox input:checked ~ .checkmark:after { display: block;}
.radiobox &:hover input ~ .checkmark { background-color: transparent; border: solid 1px #777; border-radius: 50%;}
.radiobox input:checked ~ .checkmark { background-color: var(--linkColor); border: solid var(--linkColor); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: transparent; }
i.icon-favorites { font-size: 26px; color: #c2c4ca; cursor: pointer; }
i.icon-add-to-my-cart { font-size: 32px; color: #c2c4ca; cursor: pointer; }
i.fa-cart-plus { font-size: 32px; color: #c2c4ca; cursor: pointer; }
i.icon-remove-from-my-cart { font-size: 32px; color: #c2c4ca; cursor: not-allowed; }
i.icon.icon-remove-cart.active { font-size: 32px; color: var(--linkColor) !important; cursor: pointer; }
i.active { color: var(--linkColor) !important; }
.menu-icon { float: left; }
.btn.reviewsubmit { background-color: var(--linkColor) !important; color: #fff; font-size: 15px; font-family: var(--titleFont);}
.pac-container { z-index: 99999 !important; }
.pac-container.pac-logo.hdpi::after { display: none; }
.pac-container.pac-logo.hdpi::after { display: none; }
.mat-autocomplete-panel { max-height: 424px !important; }
.engine { display: none !important; }
.back-top-top-sub { display: block; }
.arrow-up-backtotop { display: none; }
.carosel-common.banner-slides-images .owl-theme .owl-nav { display: none; }
.btn-advanced-filter-div {width: 100%; color: var(--linkColor); border-radius: 4px; border: 1px solid #ddd; cursor: pointer; margin-top: 5px; background-color: #fff; display: block; font-weight: 500; text-align: left !important; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); float: left; text-align: left; text-decoration: none; font-family: var(--titleFont); font-size: 18px; }
.text-concat-new-alt { position: relative; width: 100%; float: left; word-wrap: break-word; overflow: hidden; max-height: 50px; line-height: 1em; }
.carosel-common.banner-slides-images .owl-theme .owl-nav { display: none; }
.carosel-common.banner-slides-images .owl-theme .owl-dots { position: relative; bottom: -10px; }
.carosel-common.banner-slides-images .owl-theme .owl-dots .owl-dot span { background: transparent; border: 1px solid #333; width: 10px; height: 10px; margin: 1px; }
.carosel-common.banner-slides-images .owl-theme .owl-dots .owl-dot.active span, .carosel-common.banner-slides-images .owl-theme .owl-dots .owl-dot:hover span { background: #333; border: 1px solid #333; }
.carosel-videos-mobile .owl-item.active { color: #494348 !important; }
.row.row-alt-new { margin: 0 -8px; }
.toppicks-product-div {width: 16.66%; padding: 0 8px; float: left; margin-bottom: 30px; display: flex; }
.video-carosel-sub .owl-carousel { position: relative; }
.video-carosel-sub .owl-carousel .owl-item { max-width: inherit; }
.video-carosel-sub .owl-carousel .owl-prev, .video-carosel-sub .owl-carousel .owl-next { top: 150px; }
.video-carosel-sub .owl-carousel .owl-prev { left: -15px; }
.video-carosel-sub .owl-carousel .owl-next { right: -15px; }
.video-carosel-sub .owl-theme .owl-nav [class*=owl-] { padding: 0; background-color: transparent; margin: 0; }
.video-carosel-sub .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; }
.video-carosel-sub .active { color: inherit !important; }
.owl-carousel { margin-top: 15px; position: relative; }
.video-carosel-sub .owl-carousel { margin-top: 0; }
.carosel-common .owl-theme .owl-nav { margin-top: 0; }
.owl-prev span, .owl-next span {display: none;}
.featureproducts-landing button.owl-prev, .owl-prev { position: absolute; left: 0; top: 50%; width: 0px; height: 0px; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-right: 15px solid var(--linkColor) !important; }
.carosel-common .owl-theme .owl-nav [class*=owl-] { margin: 0; padding: 0; background-color: transparent; }
.carosel-common .owl-theme .owl-nav [class*=owl-].owl-prev { margin-top: -16px; left: -15px; }
.featureproducts-landing button.owl-next, .owl-next {position: absolute; right: 0; top: 50%; margin-top: -10px; width: 0px; height: 0px; border-top: 15px solid transparent !important; border-bottom: 15px solid transparent !important; border-left: 15px solid var(--linkColor) !important;}
.featureproducts-landing button.owl-next, .featureproducts-landing button.owl-prev { top: 40%;}
.featureproducts-landing button.owl-next span, .featureproducts-landing button.owl-prev span{display: none;}
.featureproducts-landing button.owl-next:hover, .featureproducts-landing button.owl-prev:hover{ background: none !important;}
.featureproducts-landing button.owl-prev{left: -40px;}
.featureproducts-landing button.owl-next{right: -40px;}
.shop-items-sub .owl-next { border-left: 15px solid #fff !important; }
.shop-items-sub .owl-prev { border-right: 15px solid #fff !important; }
.carosel-common .owl-theme .owl-nav [class*=owl-].owl-next { margin-top: -16px; right: -15px; }
.carosel-common .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; }
.carosel-common { width: 100%; float: left; }
/* unused css douth - Need to check */
.featured-products-heading-main .owl-carousel .owl-item{ max-width: 25% !important; padding: 0 10px 10px; margin: 0 !important;}
h2.featured-products-altheading { width: 100%; font-size: 30px; margin: 0; float: left; text-align: center; color: #fff; background-color: var(--linkColor); padding: 10px; font-family: var(--titleFont); }
.featured-products-heading-main {width: 100%; float: left; margin-bottom: 6px; padding: 0 10px; position: relative;}
.featured-products-heading-main h4 { font-size: 35px; }
.featured-products-heading-main h3, .featured-products-heading-main h4 {width: auto; position: relative; float: left; margin: 0; font-size: 35px; flex: 1;}
.featured-products-heading-main h3::after { content: ""; width: calc(100% - 20px); left: 12px; z-index: 1; border-top: 1px dashed #333; top: 50%; position: absolute; }
.featured-products-heading-main h4::after { content: ""; width: calc(100% - 20px); left: 12px; z-index: 1; border-top: 1px dashed #333; top: 49%; position: absolute; }
.featured-products-heading-main h3 span { width: auto; float: left; position: relative; z-index: 2; background-color: #fff; padding-right: 20px; }
.featured-products-heading-main h4 span { width: auto; float: left; position: relative; z-index: 2; background-color: #fff; padding-right: 20px; color: #525156; }
h2.featured-products-altheading {width: 100%; font-size: 30px; margin: 0; float: left; text-align: center; color: rgba(255, 255, 255, 1); background-color: var(--linkColor); padding: 10px;}
.featured-products-heading-main {width: 100%; float: left; margin-bottom: 6px; padding: 0 10px; position: relative; display: flex; align-items: center; gap: 8px;}
.featured-products-heading-main h2 {font-size: 35px; flex: 1; width: auto; position: relative; float: left; margin: 0; font-family: var(--titleFont);}
.featured-products-heading-main h2::after {content: ""; width: calc(100% - 20px); left: 12px; z-index: 1; border-top: 1px dashed #3a3a3a; top: 50%; position: absolute;}
.featured-products-heading-main-store {width: 100%; float: left; margin-bottom: 6px; padding: 0 10px; position: relative;}
.featured-products-heading-main-store h2 {font-size: 30px; width: calc(100% - 80px); position: relative; float: left; margin: 0;}
.featured-products-heading-main h2 span {width: auto; float: left; position: relative; z-index: 2; background-color: #fff; padding-right: 20px;}
a.view-all-div {float: right; text-transform: uppercase; width: auto; font-weight: 700; font-size: 15px; line-height: 1em; color: var(--linkColor);}
a.view-all-div:focus, a.view-all-div:hover {outline: none; color: #3a3a3a; text-decoration: none;}
.view-all-text {display: block;}
.view-all-text-mobile {display: none;}
.category-banner-div { width: 100%; float: left; margin-top: 20px; }
.category-banner-div img { width: 100%; }
.category-banner-mobile-div { width: 100%; float: left; margin-top: 20px; display: none; }
.category-banner-mobile-div img { width: 100%; }
.recipes-main-div .owl-next { border-left: 15px solid #fff; }
.recipes-main-div .owl-prev { border-right: 15px solid #fff; }
.featureproducts-container { position: relative; display: block; width: calc(100% - 70px); float: none; margin: 0 auto; padding: 0 15px;}
.featured-products-landingpage-main {width: 100%; float: left;}
.second_content_product.second_content {min-height: inherit; text-align: left; padding: 2px 15px 15px; height: auto; border-radius: 0 0 10px 10px; cursor: pointer; position: relative; float: left; width: 100%; }
.second_content_product.second_content h5 { height: 48px; text-transform: capitalize; text-align: left; padding: 0; margin: 0; font-size: 18px; line-height: 22px; white-space: normal; overflow-x: auto; text-overflow: inherit; }
.strike_text_new { text-decoration: line-through; float: left; padding-right: 15px; width: auto; }
.price-cart-div-sub { padding-right: 40px; width: 100%; float: left; text-align: left; }
.owl-carousel .owl-item .product-image-div { height: 225px; margin-bottom: 10px; text-align: center; padding: 20px 15px 5px; position: relative; border-radius: 10px 10px 0 0; transition: .3s ease-in-out; width: 100%; float: left; }
.product-image-div { height: 225px; margin-bottom: 10px; text-align: center; padding: 20px 15px 5px; position: relative; border-radius: 10px 10px 0 0; transition: .3s ease-in-out; width: 100%; float: left; }
.owl-carousel .owl-item .fav-new.fav, .fav-new.fav { max-width: inherit; cursor: pointer; pointer-events: all; width: 20px; }
.owl-carousel .owl-item .product-image-sub, .product-image-sub {width: 100%; float: left; position: relative; z-index: 2; min-height: 200px; display: flex; align-items: center;}
.owl-carousel .owl-item .product-image-sub img.second_img, .product-image-sub img.second_img { width: auto; height: auto; max-width: 100%; max-height: 200px; display: table; margin: 0 auto; float: none; }
.text-concat-new { position: relative; width: auto; float: left; flex: 1; word-wrap: break-word; overflow: hidden; max-height: 50px;}
.rating_star {width: auto; float: right; text-align: right;}
ul.auto-nav-more-list li {width: 100% !important; float: left !important; padding: 0 !important; margin: 0 !important;}
.success-failed-order-section {width: 100%; float: left; display: flex; justify-content: center;}
.place-order-container {padding: 0 50px;}
.items-cart-success-main-div {width: 100%; float: left; display: flex; flex-wrap: wrap; gap: 40px;}
.items-cart-success-div {flex: 1;}
.cart-total-success-div {width: 300px;}
.cart-total-success-sub-div {display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 12px;}
.cart-total-success-sub-div .total {flex: 1; margin: 0;}
.order-details-panel-success {width: 100%; float: left; display: flex; justify-content: center; margin-top: 20px;}
.order-details-panel-success table tr th, .order-details-panel-success table tr td {padding: 8px 10px;}
.success-order-section h2 {margin: 0;}
.order-details-section {margin-top: 8px;}
.order-number-div {margin: 0;}
.cart-total-success-sub-div .red {background: var(--linkColor); color: #fff; border: 0; padding: 4px 10px; font-size: 13px;}

/* =======================================
    Featured Products
========================================*/
.Searchrelated_noborder.Searchrelated_noborder_new h2 { padding-left: 12px; border: none; font-family: var(--titleFont); font-size: 45px; text-align: center; color: #525156; margin-bottom: 20px; margin-top: 12px; }
.Searchrelated_noborder.Searchrelated_noborder_new h2 { padding-left: 0; }
.featureproducts { background: #f5f5f5; width: 100%; float: left; }
.featuredproductslist { width: 100%; float: left; }
:host(.fpimg) a.pimg img { height: auto !important; max-width: 70% !important; }
.party-planner-products .owl-carousel .owl-stage-outer {padding-bottom: 10px;}
.modal-report-abuse .modal-content {width: 100%; float: left;}
.modal-report-abuse .modal-header {padding: 10px 15px;}
.modal-report-abuse .modal-title {font-weight: 600;}
.report-abuse-textarea {width: 100%; height: 60px;}
.report-abuse-submit-btn {width: auto; float: right; background-color: var(--linkColor); color: #fff; font-size: 13px; border: 0; padding: 6px 10px;}

.no-products-available { width: 100%; float: left; margin-bottom: 30px;}
.no-products-available .no_products { width: 95px; margin: 0 auto; display: table;}
.forgotpassword-link-submit {display: flex; justify-content: space-between; align-items: center; gap: 6px; width: 100%; float: left;}
.forgotpassword-link {color: var(--linkColor); font-size: 14px; font-family: PTSansNarrow;}
a:hover.forgotpassword-link {color: #54575b;}

/* =======================================
    search bar styles
========================================*/

input:focus .search-drink{display: table-header-group;}
.searchby.searchby-new { width: 100% !important; padding: 12px 0 0; margin-top: 0; }
.searchbar-flow-main { width: 100%; float: left; position: relative;}
.productflow-recent-search.productflow-recent-search-top { top: 51px; }
input.search-drink { width: 27px; background-color: #fff; background-image: url('https://images.liquorapps.com/wst/br/assets/Images/icon-search.png'); background-repeat: no-repeat; padding: 8px 0 8px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border: none; background-size: 30px; font-family: var(--subFont); font-weight: bold; font-size: 15px; color: #525156; border-radius: 5px; pointer-events: all; cursor: pointer; }
input.search-drink:focus { float: left; border: solid 1px var(--linkColor); box-shadow: none; width: 100%; outline: none; background-size: 24px; background-position: 4px; }
input { float: right !important; }
.search-block {width: 100%; pointer-events: none;}
.search-block .searchby { z-index: 100;}
.search-block .searchby .search-btn {  position: absolute; right: 0;  z-index: 9; }
.search-block .searchby .search-btn .btn {  width: 35px; height: 35px; position: relative; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 20px; top: -4px !important; text-align: center;}
.search-block .searchby .search-btn .icon { color: #fff; width: 20px; margin-left: -5px;}
.search-block .searchby .search-btn input{ width: 400px !important; left: 0px; margin-right: 40px; color: #000;}
.owl-carousel-banner {display: none;}


.mat-option { line-height: 20px; padding: 41px 5px !important; border-bottom: solid 1px #ccc; font-family: var(--subFont); margin-bottom: 1px; }
table tr { padding: 0 0 10px 0 !important; margin: 0; }
table { width: 100%; }
table td { padding: 0px; }
.text-center { text-align: center; }
.red { color: var(--linkColor); }
.text-right { text-align: right; float: right; }

/* =======================================
    Header styles
========================================*/
.desktop-header { width: 100%; height: 125px; background: rgba(255, 255, 255, 1); z-index: 999 !important; display: flex; align-items: center;  position: relative;}
.desktop-header-container {width: 100%; float: left; padding: 0 40px 0 25px; z-index: 2; }
.progress-bar-header { position: absolute; top: 125px; left: 0; width: 100%; height: 4px; z-index: 1; }
.mobile-header { display: none; }
.header_common_div {width: 100%; position: relative; z-index: 2; display: flex; gap: 20px; align-items: center;}
.logo-main-div {width: 340px;}
.logo-div {width: 340px;}
.logo-div img {width: 100%;}
.currentLoc-div { width: 100%; float: left; padding-left: 108px; position: relative; top: -7px;}
.current-store-new { line-height: 20px; width: auto; float: left; font-size: 17px; font-family: var(--subFont); display: flex; align-items: center; gap: 0 8px}
a.change-store-div { text-decoration: none; cursor: pointer; color: var(--linkColor); display: inline-block; vertical-align: middle; float: none; }
a:hover.change-store-div { text-decoration: none; }
.current-store-location { display: inline-block; vertical-align: middle; float: none; line-height: 20px; }
.current-store-location img { width: 18px; display: inline-block; vertical-align: middle; float: none; margin-right: 6px; }
.current-store-location h1 { display: inline-block; line-height: 20px; margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: middle; float: none; color: #54575b; }
.current-store-location span { display: inline-block; line-height: 20px; vertical-align: middle; float: none; color: #54575b; }
.top-menu {width: auto; float: left; padding-left: 20px; padding-right: 40px; top: 5px; position: relative; z-index: 4; flex: 1;}
.navbar.navbar-custom.navbar-default { width: auto; float: left; }
.menubar-search {width: calc(100% - 405px); position: absolute; right: 65px; top: 6px;}
.menubar-search.menubar-search-store {width: calc(100% - 440px); right: 94px;}
/* .menubar-search.menubar-search-store.menubar-search-noecomm {width: calc(100% - 400px); right: 65px;} */
.menubar-search.menubar-search-custom { z-index: 5; }
.user-profile-block.navbar {list-style: none; width: auto; padding-left: 0; min-height: inherit; border: 0; display: flex; gap: 0 8px;}
.user-profile-block.navbar li {display: inline-block; float: none; vertical-align: middle; }
.user-profile-block.navbar.nav > li:focus { outline: inherit; }
.header_icon a .fa-signout-style {color: var(--linkColor); font-size: 37px;}
.user-profile-block.navbar .dropdown-menu li { width: 100%; float: left; display: block; padding: 0 !important; }
.continue-shopping-mobile-div {display: none;}
.round-circle-new {top: -8px; right: -1px; font-size: 11px; font-weight: 600; width: 24px; height: 24px; background: #fff; border: 2px solid var(--linkColor); border-radius: 50%; padding: 0; position: absolute; text-align: center; display: flex; align-items: center; justify-content: center;}
.width-auto-right { width: auto; float: right; }
.tab-search-bar { width: auto; float: right; }
.header_icon { width: auto; }
.header_icon:focus { outline: inherit; }
.cart-icon-new img {width: 42px;}
.header_icon img {width: 29px;}
.cart-block-new:focus { outline: inherit;}
.cart-icon-new { width: auto; cursor: pointer;}
.cart-icon-new a {color: #3a3a3a;}
.cart-icon-new:focus { outline: inherit;}
.username {cursor: pointer;}
.cart-icon { cursor: pointer;}
.login-icon {cursor: pointer;}
#map {height: 100%;}
.navbar .shopping .dropdown-menu.cart-menu {left: auto !important; min-width: 260px !important; right: -18px; margin-top: 42px; top: inherit;}
.navbar .shopping .dropdown-menu.user-menu { left: auto !important; min-width: 260px !important; right: -25px; margin-top: 13px; top: inherit; padding: 15px;}
.shopping.cart-icon:hover:after { right: -1px;}
.navbar .shopping:hover .dropdown-menu.user-menu:after { content: " "; position: absolute; left: auto; opacity: 1; bottom: inherit; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 16px solid var(--linkColor); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); z-index: 9999; top: -17px; right: 30px;}
.order-deliver-time-div { width: 440px; float: right; text-align: center; background-color: var(--linkColor); font-weight: 600; font-family: 'Open Sans' !important; font-size: 13px; text-transform: uppercase; line-height: 14px; margin-top: 25px; position: relative; color: rgba(255, 255, 255, 1); padding: 6px 20px 6px 12px;}

.order-deliver-time-div:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 26px;
    content: "";
    background-image: url("https://images.liquorapps.com/wst/br/assets/Images/delivery-time-shape.png");
}

.list-group-item {
    border: none !important;
    background: none !important;
}

.list-group .panel i {
    text-align: right;
    float: right;
}

/* // .collapse {background: #bcbcbc;} */
.collapse > .list-group-item {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
}

.navbar-header {
    float: left;
    width: 100%;
    text-align: center;
}

.curbside-order .modal-dialog {
    width: 100%;
    padding: 0px 10px;
    max-width: 350px;
    margin: 80px 20px auto auto;
    float: right;
}

.curbside-order .modal-content {
    float: left;
    width: 100%;
    border-radius: 0;
}

.curbside-order .modal-header {
    border-bottom: 0;
    width: 100%;
    float: left;
    padding: 6px 15px;
    position: relative;
    background-color: #dddede;
}

.curbside-order .modal-header .modal-title {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    font-family: var(--titleFont);
}

.curbside-order .modal-body {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.curbside-order-details-icon .fa-curbside-icon.fa.fa-thumbs-up {
    color: rgba(255, 255, 255, 1);
    background: #2eb3b6;
    padding: 7px;
    font-size: 20px;
    border-radius: 50%;
}

.fa-thumbs-up:before {
    content: "\f164";
}

.curbside-order-details-number {width: auto;}

.curbside-order-details-number span {
    width: 100%;
    float: left;
}

.curbside-order .close {
    opacity: 1;
    margin: 0;
    position: absolute;
    right: 6px;
    top: 6px;
    text-shadow: none;
}

.curbside-order .close .close-span {
    font-size: 40px;
    color: var(--linkColor);
    line-height: 20px;
    float: left;
}

.order-details-btn {
    display: flex;
    justify-content: center;
}

.amherebtn.btn {
    background-color: var(--linkColor);
    font-size: 14px;
    border-radius: 0;
    padding: 4px 10px;
    border: 1px solid var(--linkColor);
    color: rgba(255, 255, 255, 1);
}

.curbside-order-details {
    width: 100%;
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
}

.curbside-order-details + .curbside-order-details {
    border-top: 1px solid #ccc;
}

.curbside-order-details-sub + .curbside-order-details-sub {
    border-top: 1px solid #eee;
}

.curbside-order-details-sub {
    width: 100%;
    float: left;
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    gap: 12px;
}

.curbside-order-details-heading {
    width: auto;
    min-width: 96px;
    float: left;
    padding-right: 2px;
}

.curbside-order-details-sub .fa-calendar {
    color: var(--linkColor);
    font-size: 14px;
    padding-right: 10px;
}

.curbside-order-details-date {
    width: 100%;
    float: left;
    padding-left: 10px;
    display: flex;
    align-items: self-start;
}

.curbside-order-details-date-details {flex: 1;}
.curbside-order-details-calender {
    width: auto;
    max-width: calc(100% - 75px);
    float: left;
    padding-right: 6px;
}

.curbside-order-details-price {
    width: auto;
    float: right;
    color: var(--linkColor);
}

.curbside-order-details-main {
    width: 100%;
    float: left;
    padding-right: 5px;
    max-height: 280px;
    height: auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.curbside-order-details-main::-webkit-scrollbar {
    width: 6px;
}

.curbside-order-details-main::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.curbside-order-details-main::-webkit-scrollbar-thumb {
    background: rgb(156, 154, 154);
}

.curbside-order-details-main::-webkit-scrollbar-thumb:hover {
    background: rgb(156, 154, 154);
}

/* .scroller::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.scroller::-webkit-scrollbar-thumb {
    background-color: #818181;
}

.scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px white;
    background-color: rgba(255, 255, 255, 1);
} */
.categoryicons {display: none;}
.sproduct {
    border-bottom: solid 2px #54565b;
    float: left;
    width: 100%;
}

.dropdown-menu li a.cart-img {
    width: 100px !important;
    float: left;
}

.dropdown-menu li a.cart-img img {
    width: auto;
    max-width: 65px;
    display: table;
    margin: 0 auto;
}

.dropdown-menu li a.cart-img:hover {
    background: none !important;
    width: 100px !important;
}

.cart-items li {
    border-bottom: solid 1px #54565b !important;
    width: 100%;
    float: left;
    clear: both;
    padding: 0px 0 20px 0 !important;
    margin: 0 0 20px 0 !important;
}

.cart-items li:last-child {
    border: none;
}

.cartcount {
    font-family: var(--subFont) !important;
    border: none;
    font-size: 1.6em;
    color: var(--linkColor);
    font-weight: 600;
    text-align: right;
    float: right;
}

.cartcount span {
    font-family: var(--subFont) !important;
    font-size: 0.9em;
    color: var(--linkColor);
    margin: 2px 3px 0 0px !important;
}

.subtotal,
.totprice {
    font-family: var(--subFont);
    border: none;
    font-size: 1.5em;
    color: var(--linkColor);
    font-weight: 600;
}

.default {
    position: relative;
    z-index: 9999;
}

ul.oe_menu {
    list-style: none;
    position: relative;
    margin: 0px;
}

ul.oe_menu > li {
    float: left;
    position: relative;
    padding-bottom: 14px;
}

ul.oe_menu div ul li a {
    text-decoration: none;
    color: #222;
    padding: 2px 2px 2px 4px;
    display: block;
    font-size: 13px;
}

ul.oe_menu li ul {
    list-style: none;
    float: left;
    width: 150px;
    margin-right: 10px;
    outline: none !important;
}

ul {
    &.user-menu {
        margin-top: 10px;

        li {
            padding: 5px;
            margin-right: 0px;

            a image {
                margin-right: 10px !important;
            }
        }
    }
}

ul.user-menu li.star_color i.fa-star {
    color: var(--linkColor);
    font-size: 22px;
}

nav ul {
    &.user-menu li {
        background-color: transparent;
        border: solid 1px none;
    }
}

nav.navbar {
    margin-bottom: 0px; display: flex;
}

.navbar-header button {
    background-color: #333;

    &:focus {
        outline: none;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        float: none;
    }

    span {
        background-color: rgba(255, 255, 255, 1);
    }
}

.navbar-brand { float: left; padding: 10px 0 10px; cursor: pointer; }
.active { color: var(--linkColor) !important; }
.nav > li > a {

    &:hover,
    &:focus {
        border: 0 !important;
        outline: none;
    }
}

.form-control:focus {
    border-color: none !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group {
    button {
        background-color: var(--linkColor) !important;
        border-radius: 0;
        margin-left: -3px !important;

        &:focus {
            outline: none;
            background-color: var(--linkColor) !important;
            border-radius: 0;
            margin-left: -3px !important;
        }
    }
}
.navbar-nav > li > a {padding: 16px 10px; text-decoration: none;}
.dropdown-new-div:hover:after {
    content: " ";
    position: absolute;
    left: 10px;
    opacity: 1;
    margin: 0 auto;
    bottom: 6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid var(--linkColor);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 9999;
}

.navbar .dropdown:hover .dropdown-toggle {
    color: var(--linkColor);
}

#menu,
.default {
    background: rgba(255, 255, 255, 1);;
    opacity: 1;
    transition: 0.9s;
}

.fixed {
    position: fixed;
    background: rgba(255, 255, 255, 1) !important;
    top: -5px;
    left: 0;
    width: 100%;
    animation: smoothScroll 1s forwards;
}

nav.fixed ul li a {
    text-transform: uppercase;
    color: #191a1c;
}

.navbar-nav > li:focus {
    box-shadow: none;
    outline: none !important;

}

.dropdown-menu ul.flex-column li {
    border-bottom: 1px solid #f4f5f7;
}

.dropdown-menu h3 {
    padding: 0;
    font-size: 1.3em;
    color: var(--linkColor);
    margin: 0 0 5px 0;
}

.navbar .dropdown-menu.user-menu {
    margin: 0;
    min-width: 200px !important;
    width: 200px !important;
    left: -109px !important;
}

.navbar .user-menu.store-menu {
    margin: 0;
    min-width: 200px !important;
    width: 200px !important;
    top: 57px;
    left: -60px !important;
    padding-bottom: 0px;
}

.navbar .user-menu.store-menu p {
    font-family: poppinsregular;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.25px;
}

.navbar .user-menu.store-menu h6 {
    font-family: montserratbold;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.25px;
    padding-bottom: 0px;
    margin-bottom: -5px;
}

.navbar-collapse ul.nav-block {
    margin-top: 0px !important;
}

header { top: 0; left: 0; right: 0; position: fixed; z-index: 999; border-bottom: 1px solid #f9efef;}

ul.msidenav {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;

    li {
        list-style: none;
        display: block;
        margin: 0px 0 6px 0;
        padding: 0px;
        text-align: left;

        a {
            color: var(--linkColor);
            text-decoration: none;
            text-transform: uppercase;
            font-family: var(--titleFont);
            padding: 5px 10px;
            font-size: 20px;
            cursor: pointer;

            &:hover,
            .active {
                text-decoration: none;
                color: var(--linkColor);
            }
        }
    }
}

.user-m-menu a .icon-recipt-date {
    font-size: 17px;
    color: var(--linkColor);
}

.m-header .navbar-collapse {
    position: relative;
    height: 170px;
    width: 95%;
    left: 0;
    top: 0;
    border-top: transparent;
    box-shadow: none;
    margin: 0 auto;
}
/* 
// .collapse ul{
//     padding-left: 0px;
//     position: absolute;
//     display: block;
//     left: 0;
//     margin: 0;
//     padding: 0px;
// } */

#nav-icon4 {
    width: 20px;
    height: 25px;
    position: relative;
    top: 4px;
    background-color: transparent;
    border: 0;
    margin: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--linkColor);
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


#nav-icon4 span:nth-child(1),
.close span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(2),
.close span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(3),
.close span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 0px;
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
    top: 14px;
    left: 0px;
}

.hide-menu {
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0px;
    left: -2000px;
    z-index: 1;
    width: 100%;
    min-height: 160px;
    -webkit-transform: translate3d(300px, 0, 0);
    -moz-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 5px 15px;
}

.show-menu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    top: 0;
    border-bottom: 1px solid #e7e7e7;
}

.list-accordian-div.active {
    background-color: var(--linkColor);
    color: rgba(255, 255, 255, 1) !important;
}

.orders-text-div {
    width: auto;
    float: left;
    position: relative;
}

.pickupordercount-div {
    position: absolute;
    left: -24px;
    top: 0;
    font-size: 13px;
    background-color: var(--linkColor);
    color: rgba(255, 255, 255, 1);
    padding: 0 3px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
}

.pickupordertext-div {
    width: auto;
    float: left;
}

.hide-btn {
    display: none;
}

/* =================================================
    BANNER SECTION CSS
==================================================*/
.banner-img-div, .banner1-img, .banner2-img, .banner3-img, .banner4-img, .banner5-img, .banner6-img { width: 100%; position: relative; height: 430px; background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner.jpg);  background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0 15px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.banner1-img  {background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner_lunarnewyear.jpg);}
.banner2-img  {background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner_generic.jpg);}
.banner3-img {background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner_valentinesday.jpg);}
.banner4-img  {background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner_spring.jpg);}
.banner5-img  {background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner_beige_1.jpg);}
.banner6-img  {background-image: url(https://images.liquorapps.com/wst/br/assets/landing-page-images/banner_women.png);}
.banner-text-div {
    width: 100%;
    color: #fff;
    float: left;
    text-align: center;
    font-family: var(--titleFont);
    text-transform: uppercase;
}

.banner-text-div h2 {
    font-size: 7em;
    width: auto;
    display: table;
    margin: 0 auto;
    line-height: 108px;
}

.banner-subtext-div {
    width: 100%;
    color: #fff;
    margin-top: 8px;
    float: left;
    font-family: var(--titleFont);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    text-align: center;
}
.banner-subtext-div span {font-size: 2.3em;}
.search-address {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.search-address-sub {width: 620px;}
.search-product-address {
  width: auto;
  float: left;
}
.search-address-sub h4:nth-of-type(1) {
    border-radius: 4px 0 0 0;
}

.search-address-sub h4:nth-of-type(2) {
    border-radius: 0 4px 0 0;
}

.search-address-content {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}

.search-address-content h4.active {
    color: #fff !important;
    cursor: default;
    background-color: var(--linkColor);
}
.search-address-content button.active {
  color: #fff !important;
  cursor: default;
  background-color: var(--linkColor);
  border: 1px solid var(--linkColor);
}
.search-address-input {width: 100%; float: left; height: 40px; border-radius: 6px; position: relative; background-image: url('https://images.liquorapps.com/wst/br/assets/Images/icon-search.png'); background-size: 18px; background-color: #f1f1f1; background-repeat: no-repeat; background-position: 12px 10px;}
.search-address-input input.form-control {font-size: 16px; font-weight: 500; font-family: var(--subFont); line-height: normal; background-color: transparent; border-radius: 6px; height: 40px; border: 0; padding: 0 15px 0 45px;}
.search-address-input input.form-control::-webkit-input-placeholder {line-height: 22px; font-size: 18px; font-weight: 600;}
.tablist {
    width: 100%;
    float: left;
}

.tablist__panel.is-hidden {
    display: none;
}
.input-gosubmit {
  position: absolute;
  right: 0;
  top: 40px;
  visibility: hidden;
}
.search-address-content button {
  width: auto;
  cursor: pointer;
  float: left;
  color: var(--fontColor);
  font-family: var(--titleFont);
  font-size: 13px;
  background: #dad2d2;
  border: 1px solid #dad2d2;
  padding: 4px 12px;
  margin: 0px;
}

.search-address h2 {
    color: #fff;
    font-size: 1.2em;
    margin-top: 8px;
    width: 100%;
    float: left;
}

/* =================================================
    NAV-BAR SECTION CSS
==================================================*/
.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
}




/* =================================================
    FOOTER SECTION CSS
==================================================*/
footer {border-top: 1px solid #eff0f0; margin-top: 0px; float: left; width: 100%; padding-top: 30px;}
.footer-container {width: calc(100% - 120px); display: table; margin: 0 auto;}
.footer-container-desktop {display: block; width: 100%; float: left;}
.footer-container-mobile {display: none;}
.subscribe-new {font-weight: bold; font-size: 23px; font-family: var(--subFont); margin: 8px 0;}
ul.cards-images {list-style: none; float: left; width: 100%; margin-bottom: 0; padding-left: 0;}
ul.cards-images li {margin-right: 3px; display: inline-block; vertical-align: middle; float: none; width: auto;}
ul.cards-images li:nth-last-child(1) {margin-right: 0;}
ul.cards-images li img {width: 50px;}
ul.cards-images.download-icons li {margin-right: 4px;}
ul.cards-images.download-icons li img {width: 30px;}
ul.cards-images.social-icons li img {width: 30px;}
.footer-sub-div {width: 100%; float: left; margin-bottom: 8px;}
.storelocation {width: 100%; float: left; margin-bottom: 0; margin-top: 15px;}
.store-address-div {width: 100%; float: left;}
.change-store-div {width: auto; cursor: pointer;}
.address-details-sub {width: 100%; float: left; margin-bottom: 15px; position: relative; display: flex !important;}
.address-captions {width: calc(100% - 22px); padding-left: 10px; line-height: 18px; display: inline-block; vertical-align: middle; float: none;}
.storename-main {width: 100%; float: left; position: relative; display: flex; align-items: center; gap: 8px;}
.about.item_img {width: 100%; float: left;}
.loc-img-new {display: inline-block; vertical-align: middle; float: none; width: 24px;}
.store-address-div .f-h4 {display: flex; color: var(--linkColor); font-family: var(--subFont); margin: 0; width: auto; font-size: 20px;}
.full-address {padding-left: 30px; width: 100%; float: left; margin-top: 15px;}
.storename {display: flex; width: auto; align-items: center; gap: 4px 10px; flex-wrap: wrap;}
.storename span {color: #3a3a3a;}
.footer-store-name-sub {font-weight: 600;}
.storelocation .f-image {width: 18px; display: inline-block; vertical-align: middle; float: none;}
.storelocation .f-image img {width: 100%;}
ul.hours-div li span.days-div {width: 100px; float: left;}
a.change-store-footer-div {font-size: 16px; color: var(--linkColor); float: left;}
span a.change-store { color: var(--linkColor); text-align: left; font-size: 14px; font-family: var(--subFont);}
.active {color: var(--linkColor);}
footer ul li {text-decoration: none; font-size: 15px; line-height: 1.2;}
footer ul li a {text-decoration: none; cursor: pointer; padding: 0; font-size: 15px; color: #54565b;}
footer ul li a:hover {color: var(--linkColor);}
.footer-bottom {padding: 0 0 15px 0; width: 100%; float: left; text-align: center; font-size: 14px;}
.footer-bottom span {display: inline-block; margin-right: 10px; vertical-align: middle; float: none; width: auto;}
.poweredby {margin-bottom: 5px;}
.poweredby img {display: inline-block; vertical-align: middle; float: none; width: 120px;}
.list-unstyled.clear-margins {text-align: left; width: 100%; float: left; padding-left: 10px; margin-top: 12px; display: flex; flex-direction: column; gap: 3px 0;}
.cards {width: 100%; float: left;}
.cards ul li a img:hover {transform: rotate(360deg); transition: all 0.2s; color: #fff;}
.storelocation .address-captions a {
    float: left;
    font-size: 14px;
    color: #54565b;
    text-decoration: none;
    display: table-cell;
    word-break: break-word;    
    &hover, &focus {
      color: #54565b;
      text-decoration: none;
    }
}

.accordion {width: 100%; list-style: none; padding-left: 0px; float: left; display: flex; flex-direction: column; gap: 12px;}
.accordion li {width: 100%; float: left; text-align: left;}
.accordion .list-unstyled li {box-shadow: none;}
.accordion .menu {position: relative; cursor: pointer; transition: all 0.4s ease; font-size: 21px; font-weight: 600;
   width: 100%; float: left; background-color: transparent; border: 0; text-align: left; margin-right: 0;}
.accordion .menu .f-h4 {display: inline-block; vertical-align: top; float: none; width: 100%; margin: 0;}
.accordion li:last-child .menu {border-bottom: 0;}
.accordion li i {position: absolute; top: 50%; left: 0; margin-top: -4px; color: #54565b; transition: all 0.4s ease;}
.accordion li i.xyz {right: 0; left: auto; height: 8px;}
.accordion li i.xyz img {float: left;}
.accordion li.active i.xyz {transform: rotate(180deg);}
.submenu {height: 0; overflow: hidden; font-size: 14px; transition: height 0.4s ease; padding-left: 0; width: 100%; float: left;}
.submenu .panel-body {padding: 0; width: 100%; float: left;}
.submenu li {box-shadow: none;}
.accordion li:last-child .submenu {border-radius: 0 0 4px 4px;}
.accordion li:last-child .submenu li:last-child {border-bottom: 0;}
.submenu a {display: block; text-decoration: none; color: #3a3a3a; padding: 12px 0; font-size: 14px; transition: all 0.25s ease-in-out;}
.submenu a:hover {color: #3a3a3a;}
.disclaimer {width: 100%; float: left; margin-top: 12px; padding: 12px 0; line-height: 17px; background-color: #000; color: #fff; font-size: 14px;}
.disclaimer span {font-weight: 700;}
.disclaimer-sub {width: 100%; float: none; max-width: 75%; display: table; margin: 0 auto; text-align: center;}
.footer-component {width: 100%; float: left; background-color: transparent; position: relative;}
.footer-container-landingpage {width: calc(100% - 190px); padding: 0 25px; display: table; margin: 0 auto;}
.footer-container-landingpage-sub {width: 100%; float: left; display: flex; flex-wrap: wrap; gap: 0 25px;}
.store-address-div-landing {width: 100%; max-width: 470px; float: left;}
.store-address-div-landing-location {width: 100%; float: left; position: relative;}
.store-address-div-landing-location img.loc-img {width: 20px; position: absolute; left: 0; top: 2px;}
.store-address-div-landing-location h2.find-store-div {width: 100%; padding-left: 30px; font-family: var(--subFont);
  color: var(--linkColor); font-weight: 700; font-size: 22px; float: left; margin: 2px 0 0 0; line-height: 24px;}
.store-address-div-landing-search {width: 100%; float: left; height: 34px; margin-top: 15px; position: relative; background-image: url(https://images.liquorapps.com/wst/br/assets/Images/icon-search.png);
  background-size: 13px; background-repeat: no-repeat; background-position: 96% 50%; background-color: #dddede;}
.form-control.form-control-landing-search {background-color: transparent; border: 1px solid #dddede; box-shadow: inherit;
    border-radius: 0; padding-left: 35px; padding-right: 40px; height: 34px;}
.footer-sub-landing {width: auto; float: left; display: flex; flex-direction: column; gap: 12px;}
.footer-sub-landing h3 {font-weight: 700; font-size: 20px; margin: 0 0 2px 0; font-family: var(--mainFont);}
.list-unstyled-landing {list-style: none; width: auto; float: left; padding-left: 10px; padding-top: 8px; display: flex; flex-direction: column; gap: 4px 0;}
/* .list-unstyled-landing li {display: block; width: 100%; float: left; margin: 3px 0;} */
.list-unstyled-landing li a {text-decoration: none; cursor: pointer; padding: 0; font-size: 14px; color: #54565b; font-weight: 600;}
.list-unstyled-landing li a:hover {color: var(--linkColor); text-decoration: none;}
.footer-cities {width: 100%; float: left; margin-top: 12px;}
.footer-cities-sub {width: 100%; max-width: 470px; float: left;}
.footer-cities-list {list-style: none; width: 100%; float: left; padding: 0 6px;}
.footer-cities-sub .footer-cities-list:nth-of-type(1) {padding-left: 0;}
.footer-cities-sub .footer-cities-list:nth-last-of-type(1) {padding-right: 0;}
.footer-cities-list li {display: inline-block; vertical-align: top; padding-right: 4px; padding-bottom: 10px; cursor: pointer; width: 90px; font-weight: 600; font-size: 13px; line-height: 16px;}
footer .footer-cities-list li a {color: #54565b; word-break: break-word; font-size: 13px;}
footer .footer-cities-list li a:hover {color: var(--linkColor); text-decoration: none;}
ul.cards-images-landing {list-style: none; float: left; width: 100%; margin-bottom: 0; text-align: left; padding-left: 0;}
ul.cards-images-landing li {display: inline-block; margin-right: 4px; width: auto; vertical-align: middle; float: none;}
ul.cards-images-landing img {width: 45px;}
.footer-sub-right-div {width: auto; float: left; display: block; clear: both;}
.footer-sub-right-div.footer-sub-right-div-nobottom {margin-bottom: 0;}
ul.footer-icons-new {list-style: none; width: 100%; float: left; padding-left: 0; margin: 0;}
ul.footer-icons-new li {display: inline-block; vertical-align: middle; float: none; width: auto; margin-right: 4px;}
ul.footer-icons-new li img {width: 35px;}
ul.footer-icons-new li img:hover {transform: rotate(360deg); transition: all 0.2s;}
.footer-sub-links {width: auto; float: left; clear: both;}
.footer-bottom-landingpage {width: 100%; padding-top: 15px; float: left; text-align: center; color: #54575b; font-size: 14px;}
.poweredby-landingpage {width: 100%; float: left; margin-bottom: 5px;}
.poweredby-landingpage span {margin-right: 6px; display: inline-block; vertical-align: middle; width: auto; float: none; font-size: 12px;}
.allrights {width: 100%; float: left; font-size: 12px;}
.poweredby-landingpage img {display: inline-block; vertical-align: middle; float: none; width: 120px;}
.footer-container-landingpage-sub-left {width: auto; float: left; flex: 1;}
.footer-container-landingpage-sub-right {width: auto; float: right;}
.footer-right-col-one {width: auto; margin-right: 60px; float: left;}
.footer-right-col-two {width: auto; float: left;}
.location-errMsg {color: #54575b; width: 100%; line-height: 18px; position: absolute; top: 38px; left: 0;}
.productflow-recent-search.productflow-recent-search-footer {background-color: #dddede; top: 34px; border-radius: 0;}
.productflow-recent-search.productflow-recent-search-footer ul.productflow-recent-search-list li {border-left: 1px solid #ccc8c9;}
.productflow-recent-search.productflow-recent-search-footer ul.productflow-recent-search-list li.searchlist-specific {border-left: 0;}
.disclaimer {width: 100%; float: left; margin-top: 12px; padding: 12px 0; line-height: 17px; background-color: #000; color: #fff; font-size: 14px;}
.disclaimer span {font-weight: 700;}
.disclaimer-sub {width: 100%; float: none; max-width: 75%; display: table; margin: 0 auto; text-align: center;}

/* =================================================
    ARE YOU A LIQUOR STORE START
==================================================*/
.store-component {
    width: 100%; float: left;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 30px;
    padding: 0 15px;
}

h4.store-component-heading {
    color: var(--linkColor);
    margin: 0;
    font-size: 5.5em;
}

h4.store-component-heading span {
    width: 70%;
    display: table;
    margin: 0 auto;
    float: none;
}

h5.store-component-heading-sub {
    width: 100%; float: left;
    margin-top: 0;
    color: var(--linkColor);
    font-size: 2em;
    margin-bottom: 30px;
}

.store-component-heading-sub span {
    width: 65%;
    display: table;
    text-align: center;
    margin: 10px auto 0 auto;
    float: none;
}

.store-component-text-main {
    line-height: 33px;
    color: var(--linkColor);
    float: left;
    font-size: 2em;
    text-align: center;
    width: 100%;
}

a.btn-default-store {background: var(--linkColor); text-align: center; width: auto; font-family: var(--titleFont); color: #fff; font-size: 18px; margin: 15px 0 0; padding: 6px 20px; border-radius: 6px;}
a.btn-default-store:hover, a.btn-default-store:focus {opacity: 0.8; color: #fff; text-decoration: none;}

.store-component-button {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}

.store-component-text {
    width: 100% !important;
    display: table;
    margin: 0 auto;
}

/* Label in home page css */
.continue-shopping-div { width: 100%; position: absolute; text-align: center; color: #fff; padding: 2px 6px; bottom: -12px; left: 0; background-color: #207a7c; }
.continue-shopping-div a, .continue-shopping-div a:hover, .continue-shopping-div a:focus {color: #fff; text-decoration: none;}


/* =================================================
    PRODUCT CATEGORY PAGE CSS
==================================================*/
.bg-fp {
    background: #eff0f0;
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 80px;
}

.feature-products-container {
    position: relative;
    width: 100%;
    float: left;
    padding: 0 15px;
}

.featured-products-list-main {
    width: calc(100% - 80px);
    float: none;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.featured-products-list-sub {
    width: 100%;
    clear: both;
    position: relative;
    z-index: 1;
}

.panel-group {
    width: 100%;
    float: left;
}

.searchresult-top-div {
    width: 100%;
    float: left;
}

.results-breadcrumb-pagination {
    width: 100%;
    float: left;
}

.results-breadcrumb-div {
    width: auto;
    float: left;
    padding-right: 15px;
}

.search_div_advancefilter {
    width: 100%;
    float: left;
}

.breadcrumb.breadcrumb-product-details,
.search_div_advancefilter ol.breadcrumb {
    width: 100%;
}

ol.breadcrumb {
    float: left;
    margin: 0;
    background-color: transparent;
    font-weight: 700;
    padding: 0;
    font-family: var(--subFont) !important;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.breadcrumb > li:nth-of-type(1) {
    padding-left: 0;
}

.shop-category-text {
    width: auto;
    float: left;
    clear: both;
}

.shop-category-text h2 {
    width: auto;
    font-family: var(--subFont);
    float: left;
    font-size: 18px;
    margin: 6px 0 0;
    font-weight: 600;
}

.pagination-results-div,
.results-pagination {
    width: auto;
    float: right;
    margin-top: 0;
}

.f-page-navigation {
    width: auto;
    float: right;
}

.f-page-navigation ul.pagination,
.page-navigation ul.pagination {
    margin: 0 0 4px;
    float: right;
    display: flex;
    gap: 4px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.f-page-navigation ul.pagination li,
.page-navigation ul.pagination li {
    text-align: center;
    display: inline-block;
}

.f-page-navigation li.page-item.disabled a,
.f-page-navigation li.page-item.disabled a:focus,
.f-page-navigation li.page-item.disabled a:hover,
.page-navigation li.page-item.disabled a,
.page-navigation li.page-item.disabled a:focus,
.page-navigation li.page-item.disabled a:hover {
    background: 0 0 !important;
    color: #333;
    border: 1px solid #d4cfcf !important;
}

.f-page-navigation .pagination > li > a,
.f-page-navigation .pagination > li > span,
.page-navigation .pagination > li > a,
.page-navigation .pagination > li > span {
    color: #fff;
    font-family: var(--titleFont);
    background-color: #54565b;
    border: 1px solid #54565b;
    width: auto;
    height: auto;
    min-width: 25px;
    padding: 4px 4px 3px;
    font-size: 13px;
    line-height: 14px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.f-page-navigation ul.pagination li:nth-of-type(1) a span {
    display: none;
}

.f-page-navigation ul.pagination li:nth-of-type(1) a::before {
    content: "Previous";
}

.f-page-navigation .pagination > .active > a,
.f-page-navigation .pagination > .active > a:focus,
.f-page-navigation .pagination > .active > a:hover,
.f-page-navigation .pagination > .active > span,
.f-page-navigation .pagination > .active > span:focus,
.f-page-navigation .pagination > .active > span:hover,
.page-navigation .pagination > .active > a,
.page-navigation .pagination > .active > a:focus,
.page-navigation .pagination > .active > a:hover,
.page-navigation .pagination > .active > span,
.page-navigation .pagination > .active > span:focus,
.page-navigation .pagination > .active > span:hover {
    background-color: var(--linkColor);
    border-color: var(--linkColor);
    color: #fff;
    font-family: var(--titleFont);
    z-index: 1;
}

.f-page-navigation .pagination > li > a,
.f-page-navigation .pagination > li > span,
.page-navigation .pagination > li > a,
.page-navigation .pagination > li > span {
    color: #fff;
    font-family: var(--titleFont);
    background-color: #54565b;
    border: 1px solid #54565b;
    border-top-color: rgb(84, 86, 91);
    border-right-color: rgb(84, 86, 91);
    border-bottom-color: rgb(84, 86, 91);
    border-left-color: rgb(84, 86, 91);
    width: auto;
    height: auto;
    min-width: 25px;
    padding: 4px 4px 3px;
    font-size: 13px;
    line-height: 14px;
    white-space: nowrap;
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.select-div {
    width: auto;
    float: right;
    clear: both;
    margin-top: 4px;
}

select.form-control.classic {
    -webkit-appearance: unset !important;
    padding: 3px 24px 3px 10px;
    font-size: 12px;
}

select.classic.form-control {
    border: 1px solid #d8d9d9;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, var(--linkColor), var(--linkColor)) !important;
    background-position: calc(100% - 8px) calc(1em + -2px), calc(100% - 3.5px) calc(1em + -2px), 100% 0 !important;
    background-size: 5px 5px, 5px 5px, 1.5em 3.5em !important;
    background-repeat: no-repeat !important;
    border-radius: 0;
    position: relative;
    height: 26px;
}

.size-sort {
    width: 68px !important;
    float: left;
    margin-right: 8px;
}

.type-sort {
    width: 220px !important;
    float: left;
}

.row.row-alt {
    margin-left: -8px;
    margin-right: -8px;
}

.advance-filter-product-div.col-lg-3 {
    padding: 0 8px;
}
.advance-filter-product-div {margin-bottom: 30px;}
.featured-products-heading-main .owl-carousel{margin-bottom: 5px !important;}

/* .Main_bottlesection_product {
    width: 100%;
    float: left;
    cursor: pointer;
    margin-bottom: 30px;
    height: 100%;
    background: #fff;
    border-radius: 10px;
} */


.owl-carousel .owl-item .sale-tag-new,
.sale-tag-new {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    z-index: 3;
}

.div-favourite {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 20px;
    z-index: 3;
}
.favbtn {background: none; border: 0; padding: 0; margin: 0;}
[class*=" icon-"].icon-favorites:before {margin: 0;}

i.icon-favorites {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    float: left;
    width: auto;
    text-shadow: 0 0 2px #666;
}

.product-image-sub img.second_img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 200px;
    display: table;
    margin: 0 auto;
    float: none;
}

.second_img {
    cursor: pointer;
    width: auto;
    height: 70px;
    display: table;
    margin: 0 auto;
}
.page-product { pointer-events: all; cursor: pointer; width: 100%; float: left;}
.page-product > a {color: #54565b;}
.top-seller-main-div { width: calc(100% + 30px); float: left; display: flex; margin: -17px 0 12px; left: -15px; position: relative;}
.top-seller-div { width: 100%; float: left; height: auto;  margin: 0; font-family: "Open Sans"; font-weight: 600; text-align: center; left: 0; position: relative; background: var(--linkColor); color: #fff; padding: 0 6px; font-size: 14px;}
.top-seller-div span { padding-left: 5px;}
.ribbon-div { -webkit-clip-path: polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);  clip-path: polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%);  background-color: var(--linkColor); width: 11px; height: auto; position: relative; left: -1px;}
.producttitle { margin-bottom: 2px;  position: relative;  width: 100%;  float: left; display: flex; gap: 8px; justify-content: space-between; align-items: self-start;}
.second_content_product.second_content h2 {height: 42px; font-weight: 600; text-transform: capitalize; font-family: var(--subFont); text-align: left; padding: 0; margin: 0 auto; font-size: 18px; line-height: 20px; white-space: normal; text-overflow: inherit; color: var(--fontColor);}
.star-rating {width: auto; float: right; display: flex; gap: 4px; align-items: center;}
.star-rating i {font-size: 15px; color: #f4b334; }
.product_size {
    width: 100%;
    float: left;
    min-height: 20px;
    font-family: var(--subFont);
    font-size: 14px;
    margin-bottom: 2px;
    color: var(--fontColor);
}

.price-cart-div {
    width: calc(100% - 35px);
    float: left;
    margin-top: 6px;
}

.price-cart-div-sub {
    width: 100%;
    float: left;
}
.panel-group .panel.bottle-panel-container+.panel {margin-top: 0;}
.order-details-panel {width: 100%; float: left;}

.price_new {font-weight: 700; width: auto; float: none; display: inline-block; vertical-align: middle; font-size: 17px; line-height: 20px; color: var(--linkColor); white-space: nowrap;}
.cart-button {
    padding: 0;
    background: transparent;
    border: none;
}
.instore-div {background-color: #008283; padding: 7px 10px; font-family: var(--titleFont); font-size: 14px; color: #fff; width: 150px; height: 34px; text-align: center;}
.cart-button.cart-button-instore {background-color: #008283; cursor: pointer; font-size: 12px; color: #fff; padding: 4px; position: relative; bottom: 5px; right: 8px; text-align: center;}
.cart {
    position: absolute;
    right: 3px;
    bottom: 10px;
    z-index: 3;
}

i.icon-add-to-my-cart {
    font-size: 30px;
    color: #c2c4ca;
    cursor: pointer;
}
i.pause_order_icon {
    background-image: url("https://images.liquorapps.com/wst/cmn/generic/images/cart-pause.webp");
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.review-cart-div {display: flex; flex-direction: column; width: 100%; float: left; gap: 10px; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.review-cart-sub-div {display: flex; gap: 20px;}
.review-cart-sub-div img {height: 70px;}
.quantity-status-div {display: flex; flex-direction: column;}
.review-cart-div-productname {font-weight: 600;}
/* =================================================
    PRODUCT DETAILS PAGE CSS
==================================================*/
.breadcrumb > li + li::before {
    content: "\003e" !important;
    font-size: 20px;
    position: relative;
    top: 1px;
    left: 2px;
    color: var(--fontColor);
}

.common-margin-top {
    margin-top: 125px;
    width: 100%;
    float: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

.main-heading {
    width: 100%;
    float: left;
    text-align: center;
}

.main-heading h1, .main-heading-left h1 { margin: 10px 0; font-size: 32px; }
.sr-only { clip: rect(0, 0, 0, 0); position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.breadcrumb-container {
    width: 100%;
    padding: 20px 15px 20px 230px;
    float: left;
}

.breadcrumb.breadcrumb-product-details,
.search_div_advancefilter ol.breadcrumb {
    width: 100%;
}

.breadcrumb {
    padding: 0 !important;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent !important;
    border-radius: 4px;
}

ol.breadcrumb {
    float: left;
    margin: 0;
    background-color: transparent;
    font-weight: 700;
    padding: 0;
    font-family: var(--subFont);
}

.breadcrumb > li:nth-of-type(1) {
    padding-left: 0;
}

.product-details-content {
    width: 100%;
    float: left;
    padding-bottom: 25px;
}

.product-detailsflow-container-main {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.product-detailsflow-container {
    width: 1200px;
    display: flex;
    gap: 0 50px;
    margin-top: 15px;
}

.product-detailsflow-container-left {
    width: auto;
    float: left;
    margin-top: 10px;
    flex: 1;
    display: flex;
    gap: 70px;
}

.product_img {
    height: auto;
    position: relative;
    width: 400px;
    float: left;
    min-height: 420px;
}

.product_img img {
    width: auto;
    display: table;
    margin: 0 auto;
    max-width: 400px;
    height: 400px;
    float: none;
}

.product-disclaimer-div {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}

.product-disclaimer-div.product-disclaimer-mobile-div {display: none;}
.food-pair-sub-div {
    width: auto;
    float: left;
    font-weight: 700;
    font-style: italic;
    padding: 4px 8px;
    background-color: #f3b536;
    font-size: 13px;
}

.product-details-content-div {
    width: auto;
    float: right;
    position: relative;
    flex: 1;
}

.product-details-content-store-div {padding-left: 80px;}

.product_content {
    position: relative;
    width: 100%;
    float: left;
}

.product_content .product_title_div {
    font-family: var(--titleFont);
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 2px;
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.product_content .product_category_div {
    padding: 0;
    margin: 0 0 2px;
    font-family: PTSansNarrow;
    text-transform: capitalize;
    line-height: 24px;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    float: left;
}

/* Store Product Detail */
.size_bottle {text-align: left; font-size: 20px; line-height: 24px; display: block; width: 100%; float: left; margin: 0 0 4px; position: relative;}
.size_bottle_sub { width: auto; display: inline-block; vertical-align: middle; float: none;}
.all_sizes_div{ width: auto; display: inline-block; vertical-align: middle; float: none;}
button.size_dropdown_btn {background-color: transparent; color: inherit; border: 0; padding: 0; font-size: 13px;}
.size_dropdown_sub_btn { display: inline-block; vertical-align: middle; float: none; text-align: left; color: #999; text-decoration: underline;}
.open-dropdown.open-dropdown-rotate .more_sizes_dropdown { border-width: 0 9px 9px; border-color: transparent transparent var(--linkColor);}
.more_sizes_dropdown { width: 0;height: 0;margin-left: 4px; border-style: solid; border-width: 9px 9px 0; -webkit-transform: rotate(0); transform: rotate(0); display: inline-block; vertical-align: middle; float: none; border-color: var(--linkColor) transparent transparent;}
.dropdown_menu_moresizes { position: relative; width: 100%; float: left; margin-top: 6px;}
.more_sizes_list {list-style: none; width: 100%; float: left; padding-left: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px}
.more_sizes_list li {width: auto;}
.more_sizes_list li .more_sizes_list_btn {padding: 6px 9px; font-size: 13px; background-color: #d9d9d9; border-radius: 6px; border: 1px solid #d9d9d9; text-align: center; min-width: 60px; margin-right: 2px; width: auto; float: left; font-weight: 600; color: var(--fontColor); font-family: var(--subFont);}
.more_sizes_list li .more_sizes_list_btn.active {color: #fff!important; cursor: default; font-weight: 600; border: 1px solid var(--linkColor); background-color: var(--linkColor);}
.more_sizes_list li .more_sizes_list_btn[disabled] {cursor: not-allowed; text-decoration: line-through; opacity: 0.5;}
.more_sizes_list li a:hover.more_sizes_list_btn[disabled] {text-decoration: line-through !important;}
.aisle-info {width: 100%; float: left; margin: 6px 0; display: flex;}
.aisle-info-sub {display: flex; flex-direction: column; gap: 4px; flex: 0 0 auto;}
.aisle-name {font-family: var(--subFont); font-size: 20px; font-weight: 600; line-height: 1.2;}
.aisle-detail {display: flex; font-size: 15px; line-height: 1.2; margin: 0 -9px; align-items: center;}
.aisle-detail-sub {padding-left: 9px; padding-right: 9px;}
.aisle-divider {width: 7px; height: 7px; border-radius: 50%; background-color: #3a3a3a;}
.hidden { display: none; }
.card img { height: 200px; }
.favorite-selection {position: absolute; top: 0; left: -50px; width: 34px; height: 31px;}
.favorite-selection .fav { width: 34px; height: 31px;}
.quantity-main-div{width: 100%; float: left;}   
.size {float: left; width: 100%;}
.sizelabel {font-size: 17px; font-weight: 400;}
.select-bg-main { width: 100%; float: left; margin-bottom: 6px;}
.size .select-bg { background-color: #fff; border-radius: 0; display: block; font-weight: 400; width: 150px; float: left; margin: 0 0 4px;}
.selectsize.form-control { border: 1px solid #d8d9d9; font-size: 15px; padding: 0 0 0 3px; margin: 0; border-radius: 0; background: 0 0;}
.addtocart-btn-main {width: auto; float: left; display: flex; justify-content: center; flex-direction: column;}
button.addtocart { background-color: var(--linkColor); padding: 7px 12px; font-family: var(--titleFont); font-size: 14px; color: #fff; border-radius: 0; border: none; width: auto; min-width: 150px; height: 34px; text-align: center;}
.product-details-content .like {padding: 30px 0;}
.product-details-content .related_product{ padding: 0; margin: 0;}
.instore-outofstock-div {width: auto; text-align: center; display: table; margin-bottom: 12px; font-size: 15px; font-weight: 600; line-height: 17px; font-family: "Open Sans";}
.instore-outofstock-text {width: auto; display: block; margin-bottom: 2px;}
.instore-outofstock-store {width: auto; display: block;}
.underline {border-bottom: 1px solid #3a3a3a;}
.common-btn {text-transform: uppercase; padding: 6px 20px; text-align: center; font-weight: 700; border-radius: 0; color: #fff; border: none; background-color: var(--linkColor);}
.common-btn.instockstore {font-family: "Open Sans"; font-size: 20px;}
.nunber_code {width: 100%; float: left; font-size: 12px; margin: 4px 0 0 0;}
.product-detail-price {width: 100%; float: left; margin: 4px 0 2px; text-align: left; display: flex; flex-direction: column; align-items: self-start;}
.product-detail-price-sub {width: 100%; float: left;}
.product-detail-price-details {width: auto; float: left; font-size: 15px;}
.product-detail-price-details-heading {width: auto; min-width: 90px; float: left; text-align: right; padding-right: 6px; color: #3a3a3a; font-weight: 600;}
.strike_text.strike_text_new {font-weight: 600; float: left; padding-right: 0;}
.product-detail-price-details {display: flex; flex-direction: column; align-items: self-start;}
.product-detail-price-details-alt {display: flex; flex-wrap: wrap;}
.product-detail-price-details-sub {width: 100%; float: left; margin-bottom: 4px;}
.product-detail-price-value {font-weight: 600; color: var(--linkColor);}

.select-store-info-div {
    color: var(--linkColor);
    line-height: 22px;
    font-size: 18px;
    width: 100%;
    float: left;
    font-family: var(--subFont);
    font-weight: 700;
}

.customers_review {
    padding: 6px 0 5px;
    width: 100%;
    float: left;
}

.product-reviews-main-div {
    width: 100%;
    float: left;
}

.all-cards {width: 100%; float: left;}
.all-cards .card {width: 100%; float: left;}

.reviews-list-div {
    width: auto;
    float: left;
    clear: both;
    font-family: var(--subFont);
    font-weight: 600;
    line-height: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.reviews-list-div {
    font-family: var(--subFont);
    font-weight: 600;
    line-height: 20px;
}

.reviews-list-div .rating-icon,
.reviews-list-div .star-rating {
    margin-right: 0;
    cursor: pointer;
    float: none;
    display: flex;
    gap: 1px;
}

i.fa-star,
i.fa-star-half-o,
i.fa-star-o {
    color: #976e17;
}

.product-accordion ul.left-panel-body i.fa-star, 
.product-accordion ul.left-panel-body i.fa-star-o,
.product-accordion ul.left-panel-body i.fa-star-half-o {color: #fff;}
.customers_review .review-caption {font-size: 18px; color: var(--fontColor);}
.write-a-review-main {
    display: block;
    width: 100%;
    float: left;
    margin-top: 4px;
}

.write-a-review {
    width: auto;
    float: left;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    color: var(--fontColor);
}

.product-description {
    width: 100%;
    font-size: 14px;
    text-align: left;
    max-height: 200px;
    padding-right: 10px;
    height: auto;
    overflow-y: auto;
    float: left;
    min-height: 30px;
}

.miles-main-div {
    width: 100%;
    float: left;
}

.input-group {
    margin: 5px 0 0;
    padding: 0;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-btn.input-group-btn-custom {
    white-space: normal;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.form-control-delivery-main.form-control-delivery-main-bg {
    background-color: #fff;
    background-image: url(https://images.liquorapps.com/wst/br/assets/Images/locator-small.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 8px 50%;
}

.form-control-delivery-main {
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: #fff;
    float: left;
    background-image: url(https://images.liquorapps.com/wst/br/assets/Images/icon-search.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
}

.form-control-delivery-sub-div {
    width: 100%;
    float: left;
   
}

.form-control-delivery-main input.form-control {
    width: 100%;
    background-color: transparent;
    padding: 0 25px;
    height: 28px;
    line-height: normal;
    font-size: 13px;
    border-radius: 0;
    font-family: var(--subFont);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miles-toggle {
    width: 100%;
    margin: 8px 0 0;
    float: left;
}

select.miles {
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #54575b, #54575b) !important;
    background-position: calc(100% - 10px) calc(1em + -4px), calc(100% - 5.5px) calc(1em + -4px), 100% 0 !important;
    background-size: 5px 5px, 5px 5px, 1.5em 3.5em !important;
    background-repeat: no-repeat !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.miles {
    width: 80px;
    float: left;
    border-color: #fff;
    padding: 1px 4px;
}

select.miles {
    text-indent: 1px;
}

.toggle-button-productdetails {
    padding-left: 10px;
    max-width: 250px;
    width: calc(100% - 80px);
    float: right;
}

.switch6-light {
    background: #fff;
    border-radius: 14px;
    display: block;
    height: 23px;
    position: relative;
    padding: 0;
    margin-left: 0;
}

.switch6-light .productdetail-btn.switch-color-active {
    background-color: var(--linkColor);
    color: #fff;
}

.product-detailsflow-container-right {
    width: 350px;
    float: left;
    position: relative;
    z-index: 2;
}

.tab-body {
    padding: 0;
    float: left;
    width: 100%;
    border-radius: 10px;
}

.pickup-delivery-div {
    width: 100%;
    float: left;
    background-color: #d7d9d9;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 18px;
}

.pickup-delivery-sub-div {
    width: 100%;
    float: left;
    padding: 18px 18px 0 18px;
}

.pickup-delivery-sub-div h2 {    
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    text-align: center;
}

h2.text-center {
    padding: 0;
    font-size: 25px;
    font-weight: 600;
}

.miles-main-div {
    width: 100%;
    float: left;
    margin-top: 4px;
}

.input-group {
    margin: 5px 0 0;
    padding: 0;
}

.input-group-btn.input-group-btn-custom {
    white-space: normal;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}


.form-control-delivery-main {
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: #fff;
    float: left;
    background-image: url(https://images.liquorapps.com/wst/br/assets/Images/icon-search.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
}

.form-control-delivery-sub-div {
    width: 100%;
    float: left;
    background-image: url(https://images.liquorapps.com/wst/br/assets/Images/locator-small.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 8px 50%;
}

.form-control-delivery-main input.form-control {
    width: 100%;
    background-color: transparent;
    padding: 0 25px;
    height: 28px;
    line-height: normal;
    font-size: 13px;
    border-radius: 0;
    font-family: var(--subFont);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.miles-toggle {
    width: 100%;
    margin: 8px 0 0;
    float: left;
}

select.miles {
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #54575b, #54575b) !important;
    background-position: calc(100% - 10px) calc(1em + -4px), calc(100% - 5.5px) calc(1em + -4px), 100% 0 !important;
    background-size: 5px 5px, 5px 5px, 1.5em 3.5em !important;
    background-repeat: no-repeat !important;
    text-indent: 1px;
    font-size: 12px;
    height: 20px;
    color: #454545;
    margin-bottom: 0;
}

.miles {
    width: 90px;
    float: right;
    border-color: #fff;
    padding: 1px 4px;
    margin-top: 6px;
}

.toggle-button-productdetails {
    padding-left: 10px;
    max-width: 250px;
    width: calc(100% - 80px);
    float: right;
}

.switch6-light {
    background: #fff;
    border-radius: 14px;
    display: block;
    height: 23px;
    position: relative;
    padding: 0;
    margin-left: 0;
}

.switch6-light .productdetail-btn.switch-color-active {
    background-color: var(--linkColor);
    color: #fff;
}

.pickupproduct-main {
    width: 100%;
    float: left;
}

.scroll-content {
    margin-top: 5px;
    width: 100%;
    height: auto;
    max-height: 345px;
    overflow-y: auto;
    float: left;
    padding: 0;
    border-top: 1px solid #cbbaba;
    margin-top: 12px;
}

.pickup-main,
.pickup-sub {
    width: 100%;
    float: left;
}

.pickupstorelist {
    width: 100%;
    float: left;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.pickupstorelist.active, .pickupstorelist li.pickup.active {color: #3a3a3a !important;}

.pickupstorelist li.pickup {
    width: 100%;
    float: left;
    font-size: 13px;
    border-bottom: 1px solid #54565b;
    padding: 10px 0;
}

.pickup-store-name {
    width: 100%;
    float: left;
    padding-left: 6px;
}

.pickup-store-name h5 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.address-pickup-component,
.delivery-product-main-div,
.pick-address {
    width: 100%;
    float: left;
}

.pickup-left {
    width: calc(100% - 95px);
    margin-top: 2px;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    padding-left: 6px;
}

.address-pickup-component,
.delivery-product-main-div,
.pick-address {
    width: 100%;
    float: left;
}

.pick-address .distance {
    width: 100%;
    float: left;
    padding-top: 3px;
    line-height: 1.42857143;
    font-family: var(--subFont);
}

.pick-address .address-details-div {
    width: 100%;
    float: left;
    padding-top: 3px;
    font-family: var(--subFont);
}

.pickup-right {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: bottom;
}

.btn-pickup {
    background-color: #fff;
    color: var(--linkColor);
    font-family: var(--titleFont);
    border-radius: 6px;
    font-size: 14px;
}
.pick-delivery-shipping {padding: 0 18px;}
.pick-delivery-shipping .nav.nav-tabs {background: #fff; border-radius: 14px; display: block; height: auto; position: relative; padding: 0; margin: 2px 0;}
.pick-delivery-shipping .nav.nav-tabs li {width: 33.33%; font-size: 14px; line-height: 22px; font-family: var(--titleFont); border-radius: 14px; margin: 0; border: 0; color: #333; background-color: transparent; float: left;}
.pick-delivery-shipping .nav.nav-tabs li a {padding: 0; margin: 0; font-family: var(--titleFont) !important; color: #333; font-size: 14px; text-align: center;}
.pick-delivery-shipping .nav.nav-tabs li a:hover {line-height: 1.6;}
.pick-delivery-shipping .nav.nav-tabs li.active a {background-color: var(--linkColor) !important; color: #fff; border-radius: 14px; line-height: 1.6;}
.pick-delivery-shipping p.sorry-message {width: 100%; float: left; font-family: "Open Sans"; margin-top: 10px;}
.pick-delivery-shipping .nav-tabs > li.active > a, .pick-delivery-shipping .nav-tabs > li.active > a:focus, .pick-delivery-shipping .nav-tabs > li.active > a:hover {background-color: transparent; border: none !important; }

.like {
  background: #eff0f0;
  width: 100%;
  float: left;
}
.related_product {
  width: 100%;
  float: left;
  margin: 30px 0 0;
}
.related_product h2 {
  font-size: 32px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 6px;
  width: 100%;
  float: left;
}
.Main_bottlesection {
  width: 100%;
  float: left;
  position: relative;
  min-height: 300px;
}
.like .container {width: 95%;}
button.btn.btn-store-change {
    background-color: #fff;
    color: var(--linkColor);
    font-family: var(--titleFont);
    border-radius: 6px;
    font-size: 14px;
}

/* =================================================
    REVIEWS SECTION CSS
==================================================*/
.write_review_main_div {
  width: 100%;
  float: left;
  position: relative;
  margin: 30px 0;
}
.write_review_main_div > .container {
  position: relative;
  width: 1200px;
}
.bg-fp-bottom-sub {width: 100%; float: left; text-align: center;}
.write-review {
  padding: 0;
  margin: 0 0 20px;
  position: relative;
  width: 100%;
  float: left;
}
.write-review h2 {
  font-size: 32px;
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 15px;
}
.tot-reviews {
  background: #eff0f0;
  width: 100%;
  float: left;
  text-align: center;
  padding: 20px 60px;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tot-reviews-sub {display: flex; flex-direction: column; gap: 6px;}

.no-reviews {font-size: 20px; font-weight: 600; text-align: center;}

.star-rating .count-reviews {
  margin-top: 4px;
  font-size: 15px;
  display: block;
}
.write-a-review-large a {
  color: #54565b;
  font-size: 18px;
  font-weight: 700;
}
.write-a-review-large a:hover, .write-a-review-large a:focus {color: var(--linkColor);}
.reviews {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-end;
  gap: 30px;
  border-bottom: 1px solid #d8d9d9;
}
.reviews .rev-block {
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100%;
  float: left;
  display: flex;
  gap: 20px;
  align-items: center;
  flex: 1;
}
.user-reviews-left {
  width: 300px;
}
.reviews .user-review-dp {
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #54565b;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  float: none;
}
.reviews .user-review-dp img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.reviews .rev-name {
  font-family: var(--subFont);
  font-weight: 700;
  font-size: 20px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  width: calc(100% - 58px);
}
.user-reviews-right {
  width: auto;
  flex: 1;
  display: flex;
  gap: 12px;
}
.reviews .user-review-content {
    width: 100%;
    float: left;
    display: flex;
    gap: 6px 10px;
    flex-wrap: wrap;
    flex: 1;
}
.reviews .user-review-content-left {
    flex: 1;
    display: flex;
}
.edit-btn-review-div {padding-left: 12px;}
.fa.fa-pencil.edit-icon {
    background: var(--linkColor);
    padding: 7px;
    border-radius: 50%;
    color: #fff;
}
.star-rating span {
  font-size: 17px;
  font-weight: 600;
  font-family: var(--subFont);
  color: var(--fontColor);
}
.reviews .user-review-content-right {   
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.reviews .user-review-content .name_date {
    font-family: var(--subFont);
    font-size: 13px;
    flex-basis: 100%;
}
.reviews .user-review-content .title {
  font-weight: 700;
  font-family: var(--subFont);
  display: block;
  font-size: 20px;
}
.reviews .user-review-content p {
  font-size: 16px;
  margin: 0;
}
.bg-fp-bottom {
  background: url(https://images.liquorapps.com/wst/br/assets/Images/bg-loadmore.png) left top repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 215px;
  z-index: 100;
  float: left;
  width: 100%;
}
.bg-fp-bottom .bg-fp-bottom-sub {
  width: 100%;
  text-align: center;
  bottom: 55px;
  position: absolute;
}
.loadmore {
  background: var(--linkColor);
  font-family: var(--titleFont);
  font-size: 2em;
  color: #fff;
  border: none;
  padding: 7px 15px;
  margin-right: 0;
}
.productflow-tab-details-div, .review-container-topdiv {
  width: 100%;
  float: left;
}

.review-container {
  width: 700px;
  margin: 0 auto;
  display: table;
  padding: 0 15px;
}
.review-container-sub {
  width: 100%;
  float: left;
}
#reviews {
  float: left;
  display: block;
  position: relative;
  width: 100%;
}
.common_width {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px 0;
  flex-direction: column;
}
.review-heading {
  width: 100%;
  float: left;
  font-weight: 700;
  font-size: 25px;
}
.add-review-form {
  width: 100%;
  float: left;
}
.common_width .form-main {
    width: 100%;
    float: left;
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    gap: 15px 0;
}
.form-group label {font-size: 14px;}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-family: var(--subFont);
}
.form-group-add-review.form-group {
  width: 100%;
  float: left;
  margin-bottom: 0;
  display: flex;
  gap: 0 15px;
}
.your_rating, .form-group-add-review .form-group-add-review-left {flex: 1;}
.rating-stars, .form-group-add-review .form-group-add-review-right {flex: 2;}
.star_right .star-rating {float: none;}
.form-group .your_rating label, .form-group-add-review .form-group-add-review-left.col-form-label {font-size: 16px; margin-bottom: 0;}
.required-fields { width: 100%; float: left; text-align: right; }
.reviewsubmit-main {width: auto;}
form .mandatory {
  color: var(--linkColor);
}
/* =================================================
    RECIPES PAGE CSS
==================================================*/
.recipe-main-banner {
  background-image: url(https://images.liquorapps.com/wst/br/assets/Images/bg-filter-mixers.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 316px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.recipe-banner-details {
  width: 100%;
  float: left;
}
.recipe-banner-container {
  width: 100%;
  float: left;
  padding: 0 120px;
}
.recipe-banner-details span {
  font-size: 50px;
  text-transform: uppercase;
  width: 100%;
  float: left;
  color: #fff;
  margin-bottom: 6px;
  font-family: var(--titleFont);
}
.recipe-search-main {
  width: 100%;
  float: left;
  margin-top: 8px;
}
.recipe-search-sub {
  width: 500px;
  float: left;
  position: relative;
}
.recipe-search-img {
  position: absolute;
  right: 15px;
  top: 8px;
  width: 15px;
}
.recipe-month {
    width: auto;
    float: left;
    clear: both;
    margin-top: 6px;
    background-color: #008283;
    color: white;
    padding: 2px 8px;
    font-size: 13px;
}
.recipe-month a, .recipe-month a:hover, .recipe-month a:focus {
  cursor: pointer;
  color: #fff;
  text-decoration: underline;
}
.recipes-list {position: absolute; padding-left: 0; list-style: none; width: 100%; max-height: 340px; height: auto; overflow-y: auto; background-color: white; z-index: 3; top: 34px;}
.recipes-list .search-results-sub-div {cursor: pointer; padding: 6px 15px; font-size: 16px; border-bottom: none;}
.recipes-list .search-results-sub-div a {color: #3a3a3a; font-size: 16px;}

.category-banner-div {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.category-banner-div img {
  width: 100%;
}
.common-margin-top-afterlogin {
  margin-top: 125px;
  width: 100%;
  float: left;
}
.main-content-div {
  width: 100%;
  float: left;
}
.recipes-main-div {
  width: 100%;
  float: left;
  padding-bottom: 80px;
}
.container-fluid.container-fluid-nopadding {
  padding: 0;
}
.recipes-sub-div {
  width: 100%;
  float: left;
  position: relative;
  height: auto !important;
}
.main-heading {
  width: 100%;
  float: left;
  text-align: center;
}
.main-heading h1, .main-heading-left h1 {
  margin: 10px 0;
  font-size: 32px;
}
.sr-only {
  clip: rect(0,0,0,0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.recipes-sub-div {width: 100%; float: left; position: relative; display: flex; gap: 30px; flex-wrap: wrap;}
.recipe-accordian {width: 385px; float: left; position: relative; z-index: 2; padding: 30px 0 0 55px;}
.recipe-accordian .filters-section .panel-heading h4.panel-title {font-family: var(--titleFont); font-size: 18px;}
.advanced-filter-desktop {
  display: block;
}
.filters-section {
  width: 100%;
  float: left;
}
.filters-section .product-accordion .panel-heading {
    padding: 14px 15px;
}
.category-banner-div {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.category-banner-div img {
  width: 100%;
}
.recipe-details-main-alt {width: 100%; float: left;}
.recipe-details-main {width: calc(100% - 415px); padding: 0; float: left; flex: 1;}
.recipe-featured-products {width: 100%; float: left;}
.more-recipes-main { width: 100%; float: left; margin-bottom: 20px; min-height: 400px; margin-top: 25px; padding: 0 40px 0 10px;}
.more-recipes-main h2 {
  width: auto;
  float: left;
  margin: 0 0 15px;
  padding-right: 10px;
  font-size: 26px;
  text-transform: uppercase;
}

.f-page-navigation {
  width: auto;
  float: right;
}
.more-recipes-main .f-page-navigation {margin-right: 12px;}
.more-recipes {
  width: 100%;
  float: left;
  margin-top: 6px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.row.row-alt-new {
  margin: 0 -8px;
}
.thumbnail {
  display: block;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border .2s ease-in-out;
  font-family: var(--subFont);
}
.owl-recipes.owl-carousel {margin-top: 0;}
.recipes-products-main {width: 100%; float: left;}
.owl-recipes {padding-left: 415px; padding-top: 75px; padding-right: 45px;}
.recipe-featured-products-sub {width: calc(100% + 415px); float: left; background: #008283; position: relative; left: -415px; padding-bottom: 20px; margin-top: -44px;}
.recipe-featured-products h2 {width: 100%; float: left; padding: 0 10px; z-index: 2; position: relative; top: 30px; color: white; margin: 0 0 15px 0; font-size: 26px;}
.more-recipes .thumbnail {position: relative; padding: 0; margin-bottom: 12px;}
.recipe-featured-products-sub .thumbnail {position: relative; padding: 0; border: 0; margin: 0;}
.more-recipe-img-sub {width: calc(25% - 12px);}
.owl-carousel.owl-recipes .owl-nav button.owl-next {right: 35px; border-left: 15px solid #fff !important; margin-top: 0;}
.owl-carousel.owl-recipes .owl-nav button.owl-prev {left: 400px; border-right: 15px solid #fff !important; margin-top: 0;}
.thumbnail a {
  display: block;
  overflow: hidden;
}
.thumbnail a:hover {
  box-shadow: none;
  text-decoration: none;
}
.caption-main {
  width: 100%;
  float: left;
  padding: 10px 10px 6px 10px;
  height: auto;
  min-height: 46px;
  position: relative;
}
.caption-sub {
  width: 100%;
  float: left;
  padding: 1px 0;
  min-height: 18px;
}
.recipe-img-sub .thumbnail .caption.bold, .more-recipe-img-sub .thumbnail .caption {
  font-weight: 700;
}
.recipe-img-sub .thumbnail .caption, .more-recipe-img-sub .thumbnail .caption {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
}

.thumbnailimage-div {
  position: relative;
  width: 100%;
  float: left;
  padding: 6px 10px 10px 10px;
}
.thumbnail a img {
  max-width: 100%;
  display: block;
  margin: auto;
  height: auto;
  width: 100%;
}
.thumbnailimage-div .thumbnailimage-like {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background-color: rgba(0,0,0,.5);
  font-size: 14px;
  font-weight: 600;
  padding: 5px 6px;
  border-radius: 0 4px 0 0;
}
.thumbnailimage-like {
  position: absolute;
  cursor: pointer;
  padding: 5px 6px;
  margin: 0;
  left: 0;
  bottom: 0;
  width: auto;
  min-width: 40px;
  height: auto;
  background-color: rgba(0,0,0,.5);
  border: 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0 4px 0 0;
}
.thumbnail a .thumbnailimage-like img {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 15px;
  margin: 0;
}
.thumbnailimage-like-number {
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-weight: 400;
  width: auto;
  padding-left: 4px;
  color: #fff;
  font-size: 12px;
}
/* =================================================
    BR BUDS PAGE CSS
==================================================*/
.container-total {
  width: 100%;
  float: left;
}
.brbuds-banner, .brbuds-banner img {
  width: 100%;
  float: left;
}
.brbuds-banner, .brbuds-banner img {
  width: 100%;
  float: left;
}
.embedsocial-album-div {
  width: 100%;
  float: left;
  min-height: 300px;
}
.embedsocial-album {
  position: relative;
}
.embedsocial-album-div .container {
  width: 95%;
}
/* =================================================
    RECIPES DETAILS PAGE CSS
==================================================*/
.page-margin-div {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.recipe-details-heading {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  z-index: 1;
}
.recipe-details-heading h2 {
  margin: 0;
  font-size: 32px;
}
.recipe-details-breadcrumb {
  line-height: 20px;
  position: relative;
  z-index: 2;
  width: auto;
  padding-left: 50px;
  float: left;
  font-size: 16px;
  font-family: var(--subFont);
  margin-top: -30px;
}
ol.breadcrumb {
  float: left;
  margin: 0;
  background-color: transparent;
  font-weight: 700;
  padding: 0;
  font-family: var(--subFont);
}
.breadcrumb > li:nth-of-type(1) {
  padding-left: 0;
}

.breadcrumb > li.breadcrumb-item + li::before {
  padding: 0 4px;
}
.recipe-details {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 30px;
}
.recipe-details-container-alt {
  width: 1000px;
  display: table;
  margin: 0 auto;
  float: none;
}
.recipe-video-detail {
  width: 100%;
  float: left;
}
.recipe-details-img {
  width: 100%;
  float: left;
  position: relative;
}
.recipe-details-img img {
  width: 100%;
}
.thumbnailimage-like {
  position: absolute;
  cursor: pointer;
  padding: 5px 6px;
  margin: 0;
  left: 0;
  bottom: 0;
  width: auto;
  min-width: 40px;
  height: auto;
  background-color: rgba(0,0,0,.5);
  border: 0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0 4px 0 0;
  display: flex;
  align-items: center;
  gap: 2px;
}

.recipe-details-img .thumbnailimage-like.thumbnailimage-like-alt {border-radius: 4px 0 0; left: auto; right: 0;}
.recipe-details-img .thumbnailimage-like img {
  width: 15px;
  margin: 0;
}
.owl-carousel .owl-item .recipe-details-img .thumbnailimage-like img {width: 15px;}
.recipe-details-img .thumbnailimage-like .thumbnailimage-like-number {
  font-weight: 400;
  width: auto;
  padding-left: 4px;
  color: #fff;
  font-size: 12px;
}
.details_content {
  width: 100%;
  float: left;
  text-align: left;
  font-family: var(--subFont);
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.recipe_name {
  font-family: var(--titleFont);
  width: auto;
  clear: both;
  float: left;
  font-size: 20px;
  font-weight: 400;
}
.recipe_name_sub {
  margin-top: 3px;
  width: auto;
  clear: both;
  float: left;
}
.details_content {
  text-align: left;
  font-family: var(--subFont);
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.recipe_type_main {
  width: 100%;
  float: left;
  margin-top: 2px;
}
.recipe_desc {
  width: 100%;
  max-width: 70%;
  float: left;
  clear: both;
  margin-top: 12px;
  font-size: 16px;
}
.instruction-main {
  width: 100%;
  float: left;
  padding: 25px;
  background-color: #edeeee;
  margin-top: 25px;
}
.ingredients-main {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
h4.ingredients {
  font-family: PTSansRegular !important;
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 10px 0;
}
.recipe-ingredients div, .instruction_text div {background-color: transparent !important; font-size: 16px !important;}
.recipe-ingredients p, .instruction_text p {background-color: transparent !important; font-size: 16px !important;}
.instruction_text {
  font-family: var(--subFont);
  font-size: 14px !important;
  width: 100%;
  float: left;
}
.recipe-share-div {
  width: 100%;
  float: left;
  margin-top: 12px;
}
.recipe-share-div h4 {
  text-transform: inherit;
  width: 100%;
  float: left;
  font-size: 22px;
}
ul.footer-icons-new-recipe {
  list-style: none;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
}
ul.footer-icons-new-recipe li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: auto;
  margin-right: 2px;
}
ul.footer-icons-new-recipe li a {
  cursor: pointer;
}
.fa-recipes {
  color: #fff;
  text-align: center;
  background: var(--linkColor);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  padding: 8px;
  font-size: 18px !important;
}
.fa-share-alt.fa {
  font-size: 32px;
  color: var(--linkColor);
  cursor: pointer;
}
ul.footer-icons-new-recipe li:nth-last-child(1) {
  margin-left: 12px;
  margin-top: 2px;
}
.shop-items-main {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-bottom: 30px;
  position: relative;
  background-color: #008283;
  min-height: 450px;
}
.shop-recipe-bg {
  background-image: linear-gradient(to right bottom,#008283 0,#008283 50%,#62a8a9 50%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.shop-items-main h2 {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.shop-items {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  z-index: 2;
}
.recipe-details-container {
  width: 800px;
  display: block;
  margin: 0 auto;
  float: none;
}
.shop-items-sub {
  width: 100%;
  float: left;
  padding: 0 8px;
}
.carosel-common {
  width: 100%;
  float: left;
}
.owl-theme[_ngcontent-teambottlecapps-c7] {
  display: block;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
  display: flex;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  display: flex;
  justify-content: center;
  flex-basis: 100%;
}

.owl-carousel.owl-recipes .owl-stage {justify-content: flex-start;}

/* .Main_bottlesection_product {
    width: 230px;
    float: left;
    cursor: pointer;
    height: auto;
    background: #fff;
    border-radius: 10px;
    margin: 0 20px 30px 0;
} */

.owl-carousel .owl-item .product-image-div, .product-image-div {
    height: auto;
    margin-bottom: 10px;
    text-align: center;
    padding: 15px 15px 5px;
    position: relative;
    border-radius: 10px 10px 0 0;
    transition: 0.3s ease-in-out;
    width: 100%;
    float: left;
}
.owl-carousel .owl-item .sale-tag-new, .sale-tag-new {
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  z-index: 3;
}

.owl-carousel .owl-item .product-image-sub a, .product-image-sub a {
  width: 100%;
  float: left;
}
/* .owl-carousel .owl-item .product-image-sub a img.second_img, .product-image-sub a img.second_img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
  display: table;
  margin: 0 auto !important;
  float: none;
} */

/* =================================================
    PRIVACY POLICY PAGE CSS
==================================================*/
.privacy-content {
  width: 100%;
  float: left;
}
.privacy-content-sub {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.privacy-content-sub a {color: var(--linkColor);}
.privacy-content-sub h4.privacy-centertext {text-align: center;}
.privacy-content-sub P {
  font-size: 18px;
  text-align: left;
  font-family: var(--titleFont);
}
.privacy-content-list {
  list-style: disc;
  width: 100%;
  float: left;
  margin: 0;
  padding-left: 30px;
}
.privacy-content-list li {
  margin-bottom: 6px;
  width: 100%;
  float: left;
  font-family: var(--titleFont);
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
}
.privacy-content-sub p span {
  display: inline-block;
  margin-bottom: 3px;
  border-bottom: 2px solid #333;
}
/* =================================================
    TERMS AND CONDITIONS PAGE CSS
==================================================*/
.terms-conditions {
  width: 100%;
  float: left;
  font-family: var(--titleFont);
}
.terms-conditions p {
  font-size: 18px;
  font-family: var(--titleFont);
}
.terms-conditions .terms-conditions-heading {
  font-size: 24px;
  text-align: center;
  margin: 10px 0;
}
.terms-conditions a {
  color: var(--linkColor);
}
/* =================================================
    FAQ's PAGE CSS
==================================================*/
.faq-content {
  width: 100%;
  float: left;
  margin-top: 12px;
}
.faq-content-sub {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.faq-content-sub h2 {
  font-size: 16px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: 18px;
}
.faq-content-sub p {
  font-size: 15px;
  margin-bottom: 8px;
  line-height: 17px;
}
.faq-content-sub a {color: var(--linkColor);}
h4.faq-heading {margin: 10px 0; font-size: 32px;}

/* =================================================
    PRODUCT CATEGORY READ MORE AND LESS CSS
==================================================*/
.subcategory-text {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px;
}
.subcategory-sub-text {
  width: calc(100% - 100px);
  float: none;
  display: table;
  margin: 0 auto;
}
.subcategory-text h2 {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--subFont);
}
.subcategory-content, .subcategory-less-text, .subcategory-more-text {
  width: 100%;
  float: left;
}
.subcategory-text p {
  font-family: var(--subFont);
  font-size: 16px;
  margin-bottom: 6px;
  width: 100%;
  float: left;
}
.city-detail-readmore {float: right; font-weight: 600; font-size: 16px; font-family: var(--subFont); width: auto; color: var(--linkColor); background-color: transparent; border: 0;}
.city-detail-readmore:hover {color: #3a3a3a;}
.city-detail-readmore:focus, .city-detail-readmore:focus-visible {outline: var(--linkColor) solid 1px;}

.subcategory-content p a {color: var(--linkColor); text-decoration: none; font-weight: 600;}
.back-top-top-btn {
  position: absolute;
  bottom: -45px;
  left: 0;
  z-index: 3;
}
.recipes-sub-div .back-top-top-btn{ left: 55px;}
.back-top-top-btn-productdetails {width: 100%; float: left; padding-left: 60px; margin-bottom: 30px;}

/* =================================================
    PRODUCT CATEGORY DOWNLOAD APP BANNER CSS
==================================================*/
.bgr_img_container {
    width: calc(100% - 80px);
    display: table;
    margin: 0 auto;
}

.downloadapp_div {
    width: 100%;
    float: left;
    font-family: 'montserratbold';
    color: rgba(255, 255, 255, 1);
    padding: 130px 15px 15px;
}

.downloadapp_div {
    color: white;
}

section.bgr_img.bgr_img_new {
    background-image: url("https://images.liquorapps.com/wst/br/assets/Images/bg-googleAd.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 672px;
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0;
    background-size: cover;
    line-height: 1 !important;
    background-position-y: 1px;
    background-color: #dddede;
}

.app-links-container a {
    float: left;
}

.app-links-container img {
    margin: 10px 4px 0 0;
    width: 165px;
}

.bgr_img ul {
    padding: 0px;
    margin: 0px 0 0 38px;
}

.display_center h2.download_app.download_app_new {
    font-size: 1.7em;
}

.bgr_img ul li {
    font-family: var(--titleFont);
    text-align: left;
    font-size: 1.5em;
    line-height: 28px;
}

.app-bg {
    float: left;
    width: 100%;
    overflow: hidden;
    background-size: contain;
    z-index: 100;
}

.app-bgInner {
    float: left;
    width: 100%;
    overflow: hidden;
    background-size: contain;
    z-index: 100;
}

.prod-desc {
    float: left;
    width: 100%;
    overflow: hidden;
    background-size: contain;
    z-index: 100;
}

.bgr_img .display_center h4,
.bgr_img .display_center h4 span {
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
}
.bgr_img .display_center h4 span {font-family: var(--titleFont);}

.bgr_img .display_center h4 {
    font-size: 6em;
    line-height: 100px;
}

.bgr_img .display_center h4 span {
    font-size: 1.5em;
}

.display_center h2.download_app {
    color: #ffffff;
    padding: 0px;
    text-align: left !important;
}

.display_center {
    padding-top: 130px;
}

/* =================================================
    SHOP ORDER DELIVER REPEAT SECTION START
==================================================*/
.home-links-main {
    margin-top: 10px;
    background-color: var(--linkColor);
    width: 100%;
    float: left;
    padding: 60px 20px;
    position: relative;
}

.home-links-top-img {
    width: 100%;
    background-repeat: no-repeat;
    height: 75px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.home-links-bottom-img {
    width: 100%;
    background-repeat: no-repeat;
    height: 77px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.home-links-details-main {width: 100%; float: left; gap: 24px; display: flex; justify-content: center;}
.home-links-details-sub {color: #fff; text-align: center; flex: 1; display: flex; justify-content: center; flex-direction: column;}
.home-links-details-sub h2 {
    font-size: 4.5em;
    font-family: "Calafia";
    margin-top: 8px;
}

.icon-block {
    height: 150px;
    margin-bottom: 20px;
}

.home-links-details-text {
    line-height: 1.2;
    font-size: 1.35em;
}

.icon-shop-img {
    width: 95px;
}

.icon-order-img {
    width: 127px;
}

.icon-deliver-img {
    width: 237px;
}

.icon-repeat-img {
    width: 84px;
}


/* =================================================
    READ MORE & READ LESS SECTION START
==================================================*/
.subcategory-text {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px 15px;
}

.subcategory-sub-text {
    width: calc(100% - 80px);
    float: none;
    display: table;
    margin: 0 auto;
}

.subcategory-sub-text h3 {margin-top: 0;}

.subcategory-content {
    width: 100%;
    float: left;
}

#last-para {
    width: 100%;
    float: left;
}

#last-para p a,
#last-para p a:hover,
#last-para p a,
#last-para p a:hover {
    color: var(--linkColor);
    text-decoration: none;
}

.subcategory-text h5 {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--subFont);
}

.subcategory-text p {
    font-family: var(--subFont);
    font-size: 15px;
    margin-bottom: 6px;
    width: 100%;
    float: left;
}

.subcategory-text ul {
    width: 100%;
    float: left;
    font-family: var(--subFont);
    font-size: 16px;
}

.subcategory-text ul li {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

/* =================================================
    ADVANCE FILTER SECTION START
==================================================*/

.product-accordion {
  width: 100%;
  float: left;
}
.panel-group {
  width: 100%;
  float: left;
  padding: 0;
  list-style: none;
}
.product-accordion .panel-group .panel {min-height: 48px;}
.product-accordion .panel-group .panel+.panel {margin-top: 4px;}
.product-accordion .panel-heading a {text-decoration: none; font-size: 18px; font-family: var(--titleFont); min-height: 48px; display: flex; flex-direction: column; justify-content: center; padding: 0px 24px; color: #3a3a3a;}
.product-accordion .panel-heading a:hover {color: #3a3a3a;}
.panel-group .panel {box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.product-accordion .panel-default > .panel-heading {
    padding: 0;
    border: 0;
    background-color: #fff;
}
.product-accordion .panel-default > .panel-heading {
  background-image: none;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.product-accordion .panel-title > a {
  display: block;
  padding: 15px 20px;
  color: #54565b;
  font-weight: inherit;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
}
.panel-heading a {
  display: block;
  position: relative;
}
.collapse, .collapse ul {
  padding-left: 0;
  list-style: none;
}
.product-accordion .panel-body {
  padding: 30px 15px 30px 20px;
  width: 100%;
  float: left;
  background-color: #333;
}
.product-accordion ul.left-panel-body {
  padding: 0 6px 0 0;
  margin: 0;
  height: auto;
  max-height: 275px;
  overflow-y: auto;
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
}

.product-accordion ul.left-panel-body li {width: 100%; float: left; margin-bottom: 4px;}
.product-accordion ul.left-panel-body li a {width: 100%; float: left; color: #fff; padding: 4px 10px; font-size: 14px; display: flex; gap: 6px; margin: 0 2px;}
.product-accordion ul.left-panel-body li a:hover, .product-accordion ul.left-panel-body li a:focus {background-color: var(--linkColor); color: #fff; text-decoration: none;}
.product-accordion ul.left-panel-body li a.active {color: #fff !important; background-color: var(--linkColor);}
.product-accordion ul.left-panel-body li.filters_selected {
    margin-bottom: 2px;
    font-size: 18px;
    background-color: var(--linkColor);
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    color: #fff!important;
    padding: 0;
}
.product-accordion ul.left-panel-body li.filters_selected a {display: flex; align-items: center; gap: 4px; justify-content: space-between;}
.panel-heading a::after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    transition: all 0.2s ease-out;
    transform-origin: top;
}

.panel-heading h4[aria-expanded=true].panel-title a::after {
    transform: rotate(225deg) translateY(-50%);
}

.panel-heading a[aria-expanded=true]::after {transform: rotate(-135deg);}
.btn-advanced-filter-div a {
    width: 100%;
    color: var(--linkColor);
    border: 0;
    cursor: pointer;
    padding: 15px 20px;
    background-color: #fff;
    display: block;
    font-weight: 500;
    float: left;
    text-decoration: none;
    font-family: var(--titleFont);
    font-size: 18px;
}
.btn-advanced-filter-div a:hover {
    color: var(--linkColor);
    text-decoration: none;
}
.fa-arrow-up.arrow-up-backtotop {display: none;}

.advanced-filter-mobile {display: none;}
.advanced-filter-desktop {display: block;}
.advance-filter-product-div.col-lg-3 {padding: 0 8px;}
.icon-filter-main {position: absolute; right: 4px; top: 8px; z-index: 2;}
.icon-filter-alt.icon-filter-main {right: 30px; top: 24px;}
.icon-filter {width: 24px; cursor: pointer;}
.icon-filter button {background: 0; border: 0; margin: 0; padding: 0;}
.icon-filter img {width: 100%;}
.icon-filter-featured.icon-filter-main .filter-length-div {border: 2px solid #fff; color: #fff;}

.stripe-popup .modal-header {background-color: #fff;}
/* Pause order tooltip in PDP */
.addtocart.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black; z-index: 1;}
.addtocart.tooltip .tooltiptext {visibility: hidden; width: 400px; background-color: black; color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; left: 152px; font-size: 12px; text-transform: capitalize; line-height: 1.2; font-family: "Open Sans", PTSansNormal; font-weight: 600; top: 0px; height: 34px; padding: 3px 4px;}
.addtocart.tooltip:hover .tooltiptext {visibility: visible;}
.addtocart.tooltip span.tooltiptext::after {border-width: 0;}
.pause_order_text-mob {font-size: 12px; text-align: center; width: 100%; float: left; line-height: 1.2; font-weight: 600; margin: 6px 0 0 0;}
.text_pause_mobile {display: none;}
.sorry-main-div {width: 100%; float: left; text-align: center; margin: 60px 0; max-height: 120px;}
.sorry-heading {width: 100%; float: left; margin-bottom: 10px;}
.sorry-details {width: 100%; float: left;}
.sorry-details p {width: 100%; float: left; margin-bottom: 6px; font-size: 16px; line-height: 16px;}

/* =================================================
    MEDIA QURIES START
==================================================*/

@media screen and (min-width: 1441px) {
    .advance-filter-product-div.col-lg-3 {width: 20%;}
}

@media screen and (max-width: 1440px) and (min-width: 1200px) {
    nav .mid-nav ul.navbar-nav li a {
        font-size: 1.2em;
    }

    .mid-nav li.nav-item {
        margin: 0 6px 0 0;
        padding: 0 8px 12px 0;
    }

    .product-image-sub a img.second_img {
        max-height: 155px;
    }

    .common-margin-top {
        margin-top: 120px;
    }

    .container-common {
        width: 1160px;
    }

    .myaccount-right-div .AuthorizeNetPopupInner-sub {
        height: 545px !important;
    }

    .searchbar-results-img {
        width: 80px;
    }

    .Main_bottlesection .products-error-page img {
        width: 165px;
    }

    .products-error-page-description {
        width: calc(100% - 170px);
    }

    .desktop-header-container {
        padding: 0 20px;
    }

    .logo-main-div {
        width: 315px;
    }

    .logo-div {
        width: 315px;
    }

    .top-menu {
        width: calc(100% - 450px);
        padding-left: 15px;
    }

    .currentLoc-div {
        padding-left: 104px;
        top: -8px;
    }

    .current-store-location img {
        width: 18px;
    }

    .menubar-search {
        right: 65px;
        width: calc(100% - 390px);
        top: 4px;
    }

    /* .menubar-search.menubar-search-store.menubar-search-noecomm {width: calc(100% - 400px); right: 65px;} */
    .shopping.cart-icon:hover:after {
        right: -3px;
        top: 10px;
    }

    .navbar .shopping .dropdown-menu.cart-menu {
        right: -29px;
    }

    .shopping:hover:after {
        top: 37px;
        right: 14px;
    }

    .desktop-header {
        height: 120px;
    }

    .progress-bar-header {
        top: 120px;
    }

    .header_icon img {
        width: 26px;
    }

    .cart-icon-new img {
        width: 39px;
    }

    input.search-drink {
        background-size: 28px;
        padding: 6px 0 6px 35px;
    }

    input.search-drink:focus {
        background-size: 20px;
        background-position: 4px;
    }

    .icon-shop-img {
        width: 85px;
    }

    .icon-order-img {
        width: 110px;
    }

    .icon-deliver-img {
        width: 205px;
    }

    .icon-repeat-img {
        width: 74px;
    }

    .home-links-details-sub h2 {
        font-size: 4em;
    }

    .home-links-details-text {
        font-size: 1.2em;
        line-height: 24px;
    }

    .home-links-top-img {
        height: 74px;
    }

    .home-links-bottom-img {
        height: 74px;
    }

    .icon-block {
        height: 140px;
        margin-bottom: 20px;
    }
    .common-margin-top {
        margin-top: 120px;
    }
    .breadcrumb-container {
        padding-left: 200px;
    }
    .product-image-sub {min-height: 155px;}
    .product-image-sub img.second_img {max-height: 155px;}
    .product-detailsflow-container {
        width: 1000px;
    }
    .product_img {
        width: 300px;
        min-height: 320px;
    }
    .product_img img {
        max-width: 300px;
        height: 300px;
    }

    .product-detailsflow-container-right {
        width: 320px;
    }
    .write_review_main_div > .container {
        width: 1100px;
    }
    .breadcrumb li a,
    .breadcrumb > li,
    .breadcrumb > li + li::before {
        font-size: 18px;
    }   
    .container-common {
        width: 1160px;
    }
    .login-container {width: 1150px;}
    ul.cards-images li img {width: 45px;}
    .logo-div,
    .logo-main-div {
        width: 315px;
    }
    .banner-text-div h2 {
        font-size: 6em;
        line-height: 90px;
      }
    .featured-product-list-left.col-lg-3 {width: 330px;}
    .featured-product-list-right.col-lg-9 {width: calc(100% - 330px);}
    .advanced-filter-banner {height: 300px;}
  .featured-product-list-left.col-lg-3 {width: 330px;}
  .featured-product-list-right.col-lg-9 {width: calc(100% - 330px);}
}

@media only screen and (max-width: 480px) {
    .modal-dialog.modal-recapcha {margin: 20px auto;}
    .signup-signin-email-div {flex-direction: column;}
    .categoryicons .table tr td {width: 95px; padding: 0 4px;}
    .Searchrelated_div h4 {
        width: 48% !important;
        font-size: 14px !important;
        padding: 0px;
        margin-top: 5px;
        padding-left: 12px;
    }

    .pagination > li > a,
    .pagination > li > span {
        font-size: 12px;
        margin-bottom: 0px !important;
    }

    .navbar-header-new.navbar-header-new-checkout {
        width: 80px;
    }

    .backtocart-checkout {
        width: 80px;
    }

    .heading-checkout-div {
        width: calc(100% - 160px);
    }

    .search-address h2 {
        font-size: 0.9em;
    }

    .banner-text-div h2 {
        font-size: inherit;
        line-height: 35px;
    }

    h4.store-component-heading {
        font-size: 3.5em;
    }

    h4.store-component-heading span {
        width: 100%;
    }

    h5.store-component-heading-sub {
        font-size: 1.2em;
        margin-top: 6px;
        margin-bottom: 30px;
    }

    .store-component-text-main {
        font-size: 1.4em;
        line-height: 22px;
    }

    .btn-default-store {
        font-size: 1.25em;
    }

    .store-component {
        margin-top: 35px;
    }

    .store-component-text {
        width: 100%;
        padding: 0 25px;
    }

    .home-links-details-sub {
        width: 100%;
        margin-bottom: 25px;
    }

    .home-links-main {
        margin-top: 0;
        padding: 55px 0;
    }

    .home-links-details-main {
        display: none;
    }

    .carousel.slide {
        display: block;
        margin-top: 10px;
    }
}

/* =================================================
    max-width: 480px END
==================================================*/

@media screen and (min-width: 480px) {

    .carousel.slide.carousel-alt-div {
        display: none;
    }
}


/* @media only screen and (max-width: 1380px) and (min-width: 1200px) {
    .owl-carousel .owl-item .product-image-div {
        height: 195px;
    }

    .owl-carousel .owl-item .product-image-sub a img.second_img {
        height: 170px;
    }
    .owl-carousel .owl-item .product-image-sub a img.second_img{ max-height: 170px !important;}
} */

/* =================================================
    (max-width: 1380px) and (min-width: 1200px) END
==================================================*/

@media only screen and (max-width: 1199px) and (min-width: 1056px) {
    .advance-filter-product-div.col-md-4 {
        padding: 0 8px;
    }
}

/* =================================================
    (max-width: 1199px) and (min-width: 1056px) END
==================================================*/

@media only screen and (max-width: 1055px) and (min-width: 717px) {

    .owl-carousel .owl-item .product-image-sub {min-height: 155px;}
    .owl-carousel .owl-item .product-image-sub img.second_img {height: auto; max-height: 155px;}
    .owl-carousel .owl-item .second_content_product.second_content .productname-div {font-size: 18px;}
    .Main_bottlesection_product{ margin-bottom: 0;}
    .featured-products-heading-main .owl-carousel{ margin-bottom: 0;}
    .featured-products-heading-main .owl-carousel .owl-item{max-width: 50%;}
}

/* =================================================
    (max-width: 1055px) and (min-width: 717px) END
==================================================*/

@media only screen and (max-width: 716px) and (min-width: 500px) {
    .owl-carousel .owl-item .product-image-sub {min-height: 155px;}
    .owl-carousel .owl-item .product-image-sub img.second_img {height: auto; max-height: 155px;}
    .Main_bottlesection_product{ margin-bottom: 0;}
    .featured-products-heading-main .owl-carousel{ margin-bottom: 0;}
    .featured-products-heading-main .owl-carousel .owl-item{max-width: 50%;}
}

/* =================================================
    (max-width: 716px) and (min-width: 500px) END
==================================================*/

@media screen and (max-width: 1499px) and (min-width: 1200px) {
    .toppicks-product-div {width: 20%;}
}

/* =================================================
    (max-width: 1440px) and (min-width: 1200px) END
==================================================*/

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .common-margin-top {
        margin-top: 105px;
    }

    .mid-nav li.nav-item {
        margin: 0 2px 0 0;
        padding: 0 8px 8px 0;
    }

    .top {
        font-size: 1.5em;
    }

    .myaccount-right-div .AuthorizeNetPopupInner-sub {
        height: 800px !important;
    }
    .top-menu {padding-left: 0; padding-right: 20px;}
    .write_review_main_div .container {width: 950px;}
    .product-detailsflow-container {width: 950px;}
    .product-detailsflow-container-right {width: 310px;}
    .product-image-sub {min-height: 155px;}
    .advance-filter-product-div .product-image-div {height: 180px;}
    .advance-filter-product-div .product-image-sub img.second_img {height: auto; max-height: 155px;}
    .product_img {width: 250px; min-height: 300px;}
    .product_img img {max-width: 250px; height: 250px;}
    .product-detailsflow-container-left {gap: 40px;}
    .toppicks-product-div {width: 25%;}
    .main-heading-left-alt h1 {font-size: 30px;}
    .aboutus-right-div {width: 280px;}
    .header_icon a .fa-signout-style {font-size: 27px; position: relative; top: 4px;}
    .searchby.searchby-new {padding-top: 14px;}
    .product-details-content-store-div {padding-left: 30px;}
    .pagenotfound-img {width: 400px;}
    .no-products-filter-div {font-size: 18px;}
    .common-btn.instockstore {font-size: 16px;}
    .more-recipe-img-sub {width: calc(33% - 12px);}
    .products-error-page img {height: 120px;}
    .products-error-page {gap: 0 20px;}
    .recipe-accordian {width: 305px;}
    .recipe-details-main {width: calc(100% - 335px);}
    /* .menubar-search.menubar-search-store.menubar-search-noecomm {width: calc(100% - 340px); right: 55px;} */
    .partyplanner-banner {height: 280px;}
    .product-image-sub a img.second_img {
        max-height: 155px;
    }

    .strike_text_new {
        padding-right: 25px;
    }

    .categories-heading-div h4 {
        font-size: 38px;
        line-height: 42px;
    }

    nav .mid-nav ul.navbar-nav li a {
        font-size: 14px;
    }

    .recipe-featured-products-sub .owl-carousel .owl-item {
        max-width: 33.33%;
    }

    .Searchrelated_noborder h4 {
        font-size: 38px;
    }

    .navbar > li > .dropdown-menu {
        margin-top: 0;
    }

    .navbar li.droparrow:hover .arrowup {
        top: 21px;
    }

    .container-common {
        width: 970px;
    }

    .searchbar-results-img {
        width: 70px;
    }

    .Main_bottlesection .products-error-page img {
        width: 150px;
    }

    .products-error-page-description h2 {
        font-size: 26px;
    }

    .products-error-page-description p {
        font-size: 20px;
        line-height: 25px;
    }

    .breadcrumb > li,
    .breadcrumb li a,
    .breadcrumb > li + li:before {
        font-size: 16px;
    }

    .results-pagination-categories {
        margin-top: 5px;
    }

    .recipe-details-container-alt {width: 860px;}

    .breadcrumb > li.breadcrumb-item + li:before {
        padding: 0 6px 0 4px;
    }

    .page-navigation .pagination > li > a {
        padding: 3px 6px;
        font-size: 12px;
    }

    .logo-main-div {
        width: 270px;
    }

    .desktop-header {
        height: 105px;
    }
    .common-margin-top-afterlogin {margin-top: 105px;}
    .desktop-header-container {
        padding: 0 15px;
    }

    .logo-div {
        width: 270px;
    }

    .current-store-new {
        font-size: 15px;
    }

    .currentLoc-div {
        padding-left: 85px;
        top: -8px;
    }

    .header_icon img {
        width: 23px;
    }

    .cart-icon-new img {
        width: 31px;
    }

    .user-profile-block.navbar {top: 5px;}

    .order-deliver-time-div {
        font-size: 11px;
        width: 375px;
    }

    .order-deliver-time-div:after {
        height: 23px;
    }

    .navbar .shopping .dropdown-menu.cart-menu {
        right: -36px;
    }

    .navbar .shopping .dropdown-menu.user-menu {
        right: -38px;
        margin-top: 14px;
    }

    .shopping.cart-icon:hover:after {
        right: -12px;
        top: 2px;
    }

    .shopping.login-icon:hover:after {
        right: -4px;
        top: 31px;
    }

    .current-store-location img {
        width: 17px;
    }

    .menubar-search {
        width: calc(100% - 330px);
        right: 54px;
        top: 5px;
    }
    .menubar-search.menubar-search-store {width: calc(100% - 365px); right: 92px;}

    .progress-bar-header {
        top: 105px;
    }

    .round-circle-new {
        width: 20px;
        height: 20px;
        line-height: 15px;
        font-size: 12px;
    }

    input.search-drink {
        background-size: 23px;
        padding: 6px 0 6px 27px;
    }

    input.search-drink:focus {
        background-size: 18px;
        background-position: 4px;
    }

    .productflow-recent-search.productflow-recent-search-top {
        top: 47px;
    }

    .banner-text-div h2 {
        font-size: 5em;
        line-height: 75px;
    }

    .search-address-sub {
        width: 540px;
    }

    h2.banner-text-sub {
        font-size: 1.8em;
    }

    .banner-img-div {
        height: 380px;
    }

    .banner-subtext-div span {
        font-size: 1.8em;
    }

    .banner-img-div {
        height: 380px;
        margin-bottom: 5px;
    }

    h4.store-component-heading {
        font-size: 5em;
    }

    h4.store-component-heading span {
        width: 75%;
    }

    h5.store-component-heading-sub {
        font-size: 1.5em;
        margin-bottom: 25px;
    }

    .store-component-text-main {
        font-size: 1.5em;
        line-height: 27px;
    }

    .btn-default-store {
        font-size: 1.7em;
    }

    .store-component-text {
        width: 390px;
    }

    .icon-shop-img {
        width: 80px;
    }

    .icon-order-img {
        width: 114px;
    }

    .icon-deliver-img {
        width: 200px;
    }

    .icon-repeat-img {
        width: 70px;
    }

    .home-links-details-sub h2 {
        font-size: 3.8em;
    }

    .home-links-details-text {
        font-size: 1.2em;
        line-height: 25px;
    }

    .home-links-main {
        margin-top: 10px;
    }

    .home-links-top-img {
        height: 70px;
    }

    .home-links-bottom-img {
        height: 70px;
    }

    .icon-block {
        height: 130px;
    }
    .login-container {width: 950px;}
    .footer-container-landingpage {width: calc(100% - 110px); padding: 0 15px;}
    .store-address-div {
    .f-h4 {
      font-size: 17px; line-height: 21px; background-size: 18px; background-position: 0px 2px;
    } 
  }
  .full-address {padding-left: 22px;}
  .address-details-sub {margin-bottom: 15px;}
  .storelocation .f-image {width: 16px;}
  .storelocation .f-image img {width: 16px; top: 4px;}
  .address-captions {padding-left: 12px;}
  .footer-container {width: calc(100% - 40px);}
  ul.hours-div li span.days-div {width: 95px;}
  ul.cards-images li {margin-right: 7px;}
  ul.cards-images li img {width: 41px;}
  ul.cards-images.download-icons li img {width: 30px;}
  ul.cards-images.social-icons li img {width: 30px;}
  .subscribe-new {font-size: 19px;}
    .fpimg.col-md-3 { padding: 0 12px; }
    section.bgr_img.bgr_img_new {
        height: 536px;
    }

    .downloadapp_div.display_center {
        padding-top: 90px;
    }

    .bgr_img .downloadapp_div.display_center h4 {
        font-size: 4.5em;
        line-height: 80px;
    }

    .app-links-container img {
        width: 125px;
    }
    h2.featured-products-altheading, .featured-products-heading-main-store h2, .featured-products-heading-main h2,
    .featured-products-heading-main h3, .featured-products-heading-main h4 {font-size: 28px;}
    .advanced-filter-banner {height: 280px;}
  .featured-product-list-left.col-md-3 {width: 280px;}
  .featured-product-list-right.col-md-9 {width: calc(100% - 280px);}
  .advance-filter-product-div.col-md-4 {padding: 0 8px;}
  .breadcrumb > li:nth-of-type(1){padding-left: 0 !important;}
  .search-address {margin-top: 25px;}
}

/* =================================================
    (max-width: 1199px) and (min-width: 992px) END
==================================================*/

@media screen and (max-width: 1199px) {
    .curbside-order .modal-dialog {
        margin: 15px auto;
        float: none;
    }

    .curbside-order-details-icon .fa-curbside-icon {
        font-size: 18px;
    }

    .curbside-order-details-number {
        width: calc(100% - 35px);
    }
}

/* =================================================
    max-width: 1199px END
==================================================*/

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

#accordion{margin:0;width:100%; float: left;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion:target{display:block;}

/*  Colors 
====================*/

#accordion ul li a {text-decoration:none; display: flex; color: #fff; font-size: 14px; }
.accordion{background:#fdfdfd;color:#999;}
#accordion ul li:first-child div { display:block;/* border-top:3px solid #FFCDCD; */}

      
      .menuBtn > span {
        background-color: var(--linkColor);
        border-radius: 1px;
        height: 2px;
        width: 100%;
        position: absolute;
        left: 89%;
        top: 50%;
        margin: 0 0 0 -15px;
        transition: height 100ms;
      }
      
      .menuBtn > span:after,
      .menuBtn > span:before {
        content: '';
        background-color: var(--linkColor);
        border-radius: 1px;
        height: 2px;
        width: 100%;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        transition: all 200ms;
      }
      
      .menuBtn > span:after {
        top: -8px;
      }
      
      .menuBtn > span:before {
        bottom: -8px;
      }
      
      .menuBtn.act > span {
        height: 0;
      }
      
      .menuBtn.act > span:after,
      .menuBtn.act > span:before {
        background-color: var(--linkColor);
        top: 1px;
      }
      
      .menuBtn.act > span:after {
        transform: rotate(45deg);
      }
      
      .menuBtn.act > span:before {
        transform: rotate(-45deg);
      }
    .mainMenu {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 55px;
        z-index: 100;
        height: 100%;
        width: 100%;
        display: table;
        text-align: center;
        opacity: 0;
        transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transform: scale(0);
        padding: 20px 0;
      }
      
      .mainMenu.act {
        opacity: 1;
        transform: scale(1);
      }
      
      .mainMenu.act ul li {
        opacity: 1;
        transform: translateX(0);
      }
      
      .mainMenu ul {
        display: table-cell;
        vertical-align: middle;
      }
      
      .mainMenu li {
        padding: 8px 0;
        transition: all 400ms 510ms;
        opacity: 0;
      }
      
      .mainMenu li:nth-child(odd) {
        transform: translateX(30%);
      }
      
      .mainMenu li:nth-child(even) {
        transform: translateX(-30%);
      }
      
      .mainMenu li:last-child {
        transform: none;
      }
      
      .mainMenu a {
        color: var(--linkColor);
        font-size: 18px;
        flex: 1;
        text-align: left;
        font-family: var(--titleFont);
      }
      .mainMenu a:hover {color: var(--linkColor);}
      .mainMenu a:focus {color: var(--linkColor);}

      .accordion-sub-item span.accordion-title {flex: 1; text-align: left;}
      
      .mainMenu a.suBtn {
        color: red;
      }

    .categoryicons .table-responsive::-webkit-scrollbar { height: 6px;}
    /* .Main_bottlesection_product{width: 218px;} */
    .categoryicons .table-responsive::-webkit-scrollbar-track {background: #f1f1f1; }

    .categoryicons .table-responsive::-webkit-scrollbar-thumb {
        background: rgb(156, 154, 154);
    }

    .categoryicons .table-responsive::-webkit-scrollbar-thumb:hover {
        background: rgb(156, 154, 154);
    }

    /* .price-cart-div-sub {
        font-size: 1.1em;
    } */

    .mobile-nav-div {
        width: 100%;
        float: left;
        position: relative;
        top: 0;
    }

    .mobile-nav-div .mat-expansion-panel:not([class*=mat-elevation-z]) {
        box-shadow: none;
    }

    .mobile-nav-div .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
        background-color: transparent;
    }

    .mobile-nav-div .mat-expansion-panel-header {
        height: auto !important;
        padding: 0 50px;
        text-transform: uppercase;
        font-size: 18px;
        font-family: var(--titleFont);
    }

    .mobile-nav-div .mat-expansion-panel {
        padding: 5px 0;
        margin-bottom: 0 !important;
    }

    .mobile-nav-div .mat-expansion-panel-spacing {
        margin: 0;
    }

    .mobile-nav-div .mat-expansion-panel.mat-expanded .mat-expansion-panel-content {
        margin-top: 12px;
    }

    .mobile-nav-div .mat-expansion-panel.mat-expanded .mat-expansion-indicator::after {
        border-bottom: 12px solid var(--linkColor);
    }

    .mobile-nav-div .mat-expansion-indicator::after {
        width: 0;
        height: 0;
        padding: 0;
        transform: rotate(180deg);
        border-width: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #53565b;
    }

    .mobile-nav-div .mat-expansion-panel-header-title {
        color: var(--linkColor) !important;
    }

    .mobile-nav-div .mat-expansion-panel-content {
        background-color: #b3b3b3;
    }

    .mobile-nav-div .mat-expansion-panel-body {
        padding: 15px;
        background-color: #b3b3b3 !important;
    }

    .mobile-nav-div .list-accordian-div {
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
        font-size: 19px;
        text-align: left;
        font-family: var(--subFont);
        padding: 4px 45px;
    }

    .mobile-nav-div .list-accordian-div a,
    .mobile-nav-div .list-accordian-div a:hover {
        color: rgba(255, 255, 255, 1);
        text-decoration: none;
    }

    .dropdown-arrow:hover:after {
        display: none;
    }

    .heading-checkout-div {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .heading-checkout-div h3 {
        width: auto;
        float: none;
        display: table;
        margin: 0 auto;
        color: var(--linkColor);
    }

    .backtocart-checkout {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .backtocart-checkout a {
        color: var(--linkColor);
        font-weight: bold;
    }

    .backtocart-checkout a:hover {
        color: var(--linkColor);
        text-decoration: none;
    }

    .order-deliver-time-div:after {
        background-image: none;
    }

    /* .cart-margin-top {
        margin-top: 10px;
    } */

    .banner-img-div {
        margin-bottom: 0;
    }
}


/* =================================================
    max-width: 991px END
==================================================*/

@media screen and (max-width: 991.5px) and (min-width: 768px) {

    .common-margin-top, .common-margin-top-afterlogin { margin-top: 0; }
    .page-navigation .pagination > li > a { padding: 3px 6px; font-size: 11px; }
    .main-heading-left-alt h1 {font-size: 28px;}
    .top { font-size: 1.3em; }
    .featured-products-heading-main h4 { font-size: 28px; }
    .checkout-heading-div-mobile h1 {font-size: 28px;}
    .categories-heading-div h4 { font-size: 30px; line-height: 34px; }
    /* .product-image-div { height: 185px; } */
    .product-image-sub a img.second_img {max-height: 155px;}
    .pagination-results-div { margin-top: 6px; }
    .shop-category-text h2 { font-size: 16px; }
    .featured-products-heading-main h3 span {font-size: 30px;}
    .myaccount-right-div .AuthorizeNetPopupInner-sub { height: 800px !important; }
    .content-banner { left: 30px; max-width: calc(100% - 40px); }
    .fav-new.fav { width: 16px;}
    .toppicks-product-div {width: 33.33%; margin-bottom: 20px;}
    .second_content_product.second_content h5 { font-size: 18px !important; }
    .recipe-featured-products-sub .owl-carousel .owl-item { max-width: 33.33%; }
    .strike_text_new {padding-right: 15px; }
    .Searchrelated_noborder h4 {  font-size: 30px; }
    .breadcrumb-subtext { font-size: 11px; width: auto; clear: both;}
    .partyplanner-banner {height: 280px;}
    .banner-images-filters h1 { bottom: 30px; left: 30px; }
    .breadcrumb-container {padding: 20px 15px 20px 130px;}
    .featureproducts-container, .testimonials-container, .testimonials-container {width: calc(100% - 50px);}
    .cart-total-success-div {width: 230px;}
    .container-common { width: 100%; padding: 0 60px; }
    .searchbar-results-img { width: 80px; }
    .results-pagination { margin-top: 6px; }
    .results-breadcrumb-div { width: auto; padding-right: 10px; max-width: inherit; }
    .product-details-content-store-div {padding-left: 30px;}
    .search_div_advancefilter { width: auto; }
    .type-sort { width: 160px; }
    .size-sort { margin-right: 6px;}
    .modal-dialog.modal-dialog-cartitems .carosel-common .owl-carousel {margin-top: 15px; }
    .searchbar-results-sub-details { width: calc(100% - 50px); }
    .products-error-page {gap: 0 20px;}
    .products-error-page img {width: auto; height: 70px; }
    .products-error-page-description {padding-top: 5px;}
    .no-products-filter-div {font-size: 18px;}
    .common-btn.instockstore {font-size: 16px;}
    .subcategory-sub-text { width: calc(100% - 30px); }
    .products-error-page-description h2 {  font-size: 26px;  margin-top: 10px;  margin-bottom: 6px;  }
    .products-error-page-description p { font-size: 17px;  line-height: 25px; }
    .breadcrumb > li:first-child { padding-left: 0; }
    .breadcrumb > li, .breadcrumb li a, .breadcrumb > li + li:before { font-size: 16px; }
    .results-pagination-categories { margin-top: 5px; }
    .desktop-header { display: none; }
    .pagenotfound-img {width: 360px;}
    .mobile-header { width: 100%; height: auto; border-bottom: 1px solid #f9efef; position: relative; background: rgba(255, 255, 255, 1);  z-index: 999; display: block; padding: 0px;}
    .mobile-header-nav {width: 100%;  float: left; position: relative; z-index: 2; height: auto; padding: 14px 15px; display: flex; align-items: center; flex-wrap: wrap; background-color: #fff;}
    input.search-drink {position: absolute; right: -14px;}
    .navbar-header-new {width: auto; flex: 1;}
    .navbar-header-new.navbar-header-new-store {flex: inherit;}
    .header_icon a .fa-signout-style {font-size: 28px; position: relative; top: 3px;}
    .aboutus-right-div {width: 200px;}
    .user-profile-block.navbar {margin-bottom: 0;}
    .menuBtn {height: 20px; width: 20px; position: absolute; left: 15px; top: 35px; z-index: 101;}
    .menuBtn > span {  background-color: var(--linkColor); border-radius: 1px; height: 2px; width: 100%;  position: absolute; left: 89%;  top: 50%;  margin: 0 0 0 -15px;  transition: height 100ms;}
    .menuBtn > span:after, .menuBtn > span:before { content: ''; background-color: var(--linkColor); border-radius: 1px; height: 2px; width: 100%; position: absolute; left: 50%; margin-left: -10px; transition: all 200ms;}
    .menuBtn > span:before { bottom: -8px; }
    .menuBtn > span:after { top: -8px; }
    .mainMenu {background-color: #fff; position: absolute; left: 0; top: 80px; z-index: 100; height: 100%; width: 100%; display: table; text-align: center; opacity: 0;  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transform: scale(0); padding-top: 20px;}
    .mainMenu.act { opacity: 1; transform: scale(1);}
    .menuBtn.act > span { height: 0;}
    .menuBtn.act > span:before { transform: rotate(-45deg); }
    .menuBtn.act > span:after { transform: rotate(45deg); }
    .menuBtn.act > span:after, .menuBtn.act > span:before { background-color: var(--linkColor); top: 1px; }
    .search-address-input {height: 35px; background-size: 15px;}
    .search-address-input input.form-control::-webkit-input-placeholder {font-size: 16px;}
    .search-address {margin-top: 20px;}
    .more-recipe-img-sub {width: calc(33% - 12px);}
    .header_icon img {width: 24px;}
    .progress-bar-header {top: 74px;}
    .cart-icon-new img {width: 35px;}
    .order-deliver-time-div {margin-top: 14px; width: 100%; }
    .dropdown-new-div:hover:after { left: 8px; }
    .logo-div {width: 60px; margin-left: 30px;float: none; display: inline-block; vertical-align: middle; margin-top: 4px; }
    .currentLoc-div {padding: 0 40px 0 30px; top: 0; width: auto; display: flex; position: relative; z-index: 4; flex: 1; justify-content: center;}
    .current-store-new { display: table; margin: 0 auto; float: none; }
    .current-store-new .store-details {display: table-cell; vertical-align: middle; float: none; margin-right: 0; }
    .current-store-new .store-details span h1 { font-family: inherit;font-size: inherit;font-weight: inherit; margin: 0; display: inherit; vertical-align: inherit;}
    .tab-search-bar {width: calc(100% - 210px); position: absolute; right: 90px; top: 30px; z-index: 105;}
    .tab-search-bar.tab-search-bar-store {width: calc(100% - 250px); right: 125px;}
    .tab-search-bar.tab-search-bar-store.tab-search-bar-noecomm {width: calc(100% - 210px); right: 102px;}
    .width-auto-right {padding-top: 10px; padding-right: 4px; }
    .menubar-search { width: calc(100% - 370px) !important; right: 115px; top: 35px;}
    .shopping.login-icon:hover:after { right: 56px; top: 36px;}
    .login-after-icon {margin-right: 8px; }
    .login-after-icon.shopping:hover:after { right: 19px; top: 10px; }
    .round-circle-new {  width: 20px; height: 20px;line-height: 15px; font-size: 12px; }
    .user-profile-block.navbar li {padding-bottom: 8px; }
    .navbar-header-new.navbar-header-new-checkout { width: 100px; }
    .backtocart-checkout {width: 100px; }
    .heading-checkout-div { width: calc(100% - 200px); }
    .search-block.search-block-new {float: right; width: 100% !important; }
    .search-block .searchby.searchby-new {width: 100% !important;padding-top: 0;padding-bottom: 0; }
    input.search-drink { background-size: 25px; padding: 5px 0 5px 28px; }
    input.search-drink:focus { background-size: 16px; background-position: 4px; }
    .productflow-recent-search.productflow-recent-search-top {top: 30px; }
    .banner-text-div h2 {font-size: 4em; line-height: 55px; }
    .banner-subtext-div span {font-size: 24px; line-height: 28px;}
    .banner-img-div { height: 335px;}
    .search-address-sub { width: 500px; }
    .store-component {margin-top: 20px;}
    h4.store-component-heading {font-size: 4.5em;}
    h4.store-component-heading span {  width: 85%;}
    h5.store-component-heading-sub { font-size: 1.5em; margin-bottom: 15px; }
    .store-component-text-main { font-size: 1.5em; line-height: 24px; }
    .btn-default-store { font-size: 1.5em; }
    .store-component-text { width: 390px;}
    .icon-shop-img { width: 70px; }
    .icon-order-img {width: 94px;}
    .icon-deliver-img { width: 180px; }
    .icon-repeat-img { width: 60px; }
    .home-links-details-main {flex-wrap: wrap;}
    .home-links-details-sub { padding: 0 8px; flex-basis: calc(50% - 48px);}
    .home-links-details-sub h2 { font-size: 3.3em; }
    .home-links-details-text { font-size: 1.2em;line-height: 24px; }
    .home-links-main {padding: 50px 20px;}
    .home-links-top-img { height: 50px; }
    .home-links-bottom-img { height: 50px; }
    .more-recipes-main {padding: 0 20px 0 10px;}
    .icon-block { margin-bottom: 10px; height: 115px;  }
    .login-container {width: 100%; padding: 20px 40px;}
    .footer-container-landingpage {width: 100%;}
  .footer-right-col-one {margin-right: 30px;}
  .disclaimer {font-size: 12px; line-height: 16px;}
  .full-address {padding-left: 22px;}
  .address-details-sub {margin-bottom: 15px;}
  .list-unstyled.clear-margins {margin-top: 4px;}
  .storelocation .f-image {width: 16px; top: 5px;}
  .address-captions {padding-left: 12px;}
  .footer-container {width: calc(100% - 40px);}
  ul.hours-div li span.days-div {width: 95px;}
  ul.cards-images li {margin-right: 7px;}
  ul.cards-images li img {width: 41px;}
  ul.cards-images.download-icons li img {width: 30px;}
  ul.cards-images.social-icons li img {width: 30px;}
  .subscribe-new {font-size: 17px;}
  footer {padding: 30px 0 0;}
  .disclaimer {font-size: 12px; line-height: 16px;}
  .Searchrelated_noborder.Searchrelated_noborder_new h2 { margin-bottom: 15px; margin-top: 20px; font-size: 30px !important; }
  .fpimg.col-sm-4 { padding: 0 12px; }
    section.bgr_img.bgr_img_new {height: 496px; }
    .downloadapp_div.display_center { padding-top: 80px; }
    .bgr_img .downloadapp_div.display_center h4 { font-size: 3.8em;line-height: 70px; }
    .app-links-container img { width: 100px; }
    .bgr_img ul li {line-height: 24px; font-size: 1.4em; }
    .display_center h2.download_app.download_app_new {font-size: 1.3em; }
    .featured-products-heading-main h2, h2.featured-products-altheading, .featured-products-heading-main-store h2 {font-size: 25px;}
    .categoryicons .table tr td {width: 125px; padding: 0 4px;}
    .advanced-filter-banner {height: 240px;}
  .col-sm-6.advance-filter-product-div {padding: 0 8px;}
  .featured-product-list-left.col-sm-3 {width: 260px;}
  .featured-product-list-right.col-sm-9 {width: calc(100% - 260px);}
  .featured-products-list-main {width: calc(100% - 30px);}
  .shop-category-text h2 {font-size: 16px;}
  .product-image-sub {min-height: 155px;}
  .product-image-sub img.second_img {max-height: 155px; height: auto;}
  .recipe-main-banner {height: 260px;}
  .recipe-accordian {width: 285px;}
  .recipe-details-main {width: calc(100% - 315px);}
  .recipe-banner-container {padding: 0 90px;}
  .recipe-banner-details span {font-size: 40px;}
  .recipe-details-container-alt {width: 100%;}
  .recipe-details-container {width: calc(100% - 60px);}
  .owl-recipes {padding-right: 25px;}
  .recipe-accordian {padding: 30px 0 0 35px;}
  .user-reviews-left {width: 250px;}
  .product-detailsflow-container {width: 730px; gap: 40px 0; flex-direction: column;}
  .write_review_main_div .container {width: 730px;}
  .product-detailsflow-container-left, .product-detailsflow-container-right {width: 100%;}
  .product-detailsflow-container-left {gap: 40px; padding-right: 0;}
  .product_img {width: 250px; min-height: inherit;}
  .product_img img {max-width: 250px; height: 250px;}
  .sorry {width: 330px;}
  .store-margin-top {margin-top: 76px;}
}

/* =================================================
    (max-width: 991px) and (min-width: 768px) END
==================================================*/

@media screen and (max-width: 767.5px) and (min-width: 650px) {

    .product-image-sub a img.second_img {
        max-height: 155px;
    }

    .recipe-featured-products-sub .owl-carousel .owl-item {
        max-width: 50%;
    }

    .toppicks-product-div {
        width: 33.33%;
    }
    .banner-text-div h2{ font-size: 2.2em;} 
    .product_size{ font-size: 14px !important;}
    .price_new{ font-size: 1.2em !important;}
    .top-seller-div{ font-size: 12px !important;}
    .col-xs-6.advance-filter-product-div {width: 33.333333%;}
}

/* =================================================
    (max-width: 767px) and (min-width: 650px) END
==================================================*/

@media screen and (max-width: 767.5px) and (min-width: 580px) {
    .product-image-sub {min-height: 155px;}
    .product-image-sub img.second_img {height: auto; max-height: 155px;}
}

@media only screen and (max-width: 767.5px) and (min-width: 481px) {
    .searchbar-results-sub-details {
        width: calc(100% - 55px);
    }

    .breadcrumb > li,
    .breadcrumb li a,
    .breadcrumb > li + li:before {
        font-size: 16px;
    }

    .breadcrumb > li.breadcrumb-item + li:before {
        padding: 0 6px 0 4px;
    }

    .video-carosel-sub .owl-carousel .owl-prev,
    .video-carosel-sub .owl-carousel .owl-next {
        top: 60px;
    }

    .navbar-header-new.navbar-header-new-checkout {
        width: 100px;
    }

    .backtocart-checkout {
        width: 100px;
    }

    .heading-checkout-div {
        width: calc(100% - 200px);
    }

    .store-component {
        margin-top: 30px;
    }

    h4.store-component-heading {
        font-size: 4em;
    }

    h4.store-component-heading span {
        width: 100%;
    }

    h5.store-component-heading-sub {
        font-size: 1.2em;
        margin-bottom: 12px;
    }

    .store-component-text-main {
        font-size: 1.5em;
        line-height: 24px;
    }

    .btn-default-store {
        font-size: 1.5em;
    }

    .store-component-text {
        width: 340px;
    }

    .icon-shop-img {
        width: 55px;
    }

    .icon-order-img {
        width: 70px;
    }

    .icon-deliver-img {
        width: 160px;
    }

    .icon-repeat-img {
        width: 55px;
    }

    .home-links-details-main {
       flex-wrap: wrap;
    }

    .home-links-details-sub {
        flex-basis: calc(50% - 48px);
    }

    .home-links-details-sub h2 {
        font-size: 3em;
        margin-top: 0;
    }

    .home-links-details-text {
        font-size: 1em;
        line-height: 20px;
    }

    .icon-block {
        height: 100px;
        margin-bottom: 15px;
    }

    .home-links-main {
        padding: 30px 20px;
    }

    .home-links-top-img {
        height: 50px;
    }

    .home-links-bottom-img {
        height: 50px;
    }
    .login-container {width: 100%; padding: 20px 40px;}
    /* .featured-products-heading-main .owl-carousel .owl-item{ max-width: 100px !important;} */
}

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

    .product-image-sub {min-height: 155px;}

    .product-image-sub img.second_img {
       max-height: 155px;
    }

    .recipe-featured-products-sub .owl-carousel .owl-item {
        max-width: 50%;
    }
}

/* =================================================
    max-width: 649px END
==================================================*/

@media only screen and (max-width: 480px) {
    .searchbar-results-sub-details {
        width: 100%;
        margin-bottom: 4px;
    }
    .searchbar-results-img {width: 40px;}
    .price_new{ font-size: 1em;}
    .featured-products-heading-main h4 span{ font-size: 0.9em;}
    /* .owl-carousel .owl-item .product-image-sub a img.second_img, .product-image-sub a img.second_img{ max-height: 80px;} */
    .searchbar-results-price-right {
        margin-top: 2px;
    }

    .landing-carosel.carousel {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .Main_bottlesection .products-error-page img {
        width: 100%;
        max-width: 100px;
        display: table;
        margin: 0 auto;
        float: none;
    }

    .products-error-page-description {
        width: 100%;
        padding-left: 0;
    }

    .products-error-page-description h2 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 6px;
    }

    .products-error-page-description p {
        font-size: 16px;
        line-height: 20px;
    }

    .breadcrumb > li,
    .breadcrumb li a,
    .breadcrumb > li + li:before {
        font-size: 15px;
    }

    .video-carosel-sub .owl-carousel .owl-prev,
    .video-carosel-sub .owl-carousel .owl-next {
        top: 50px;
    }

    .shop-items-sub .owl-carousel .owl-item {
        max-width: 100%;
    }

    .home-links-details-sub {
        width: 100%;
        margin-bottom: 25px;
    }

    .home-links-main {
        margin-top: 0;
        padding: 25px 0;
    }

    .home-links-details-main {
        display: none;
    }

    .carousel.slide {
        display: block;
        margin-top: 10px;
    }

    .page-navigation,
    .f-page-navigation {

        .pagination > li > a,
        .pagination > li > span {
            min-width: 22px;
            min-height: 22px;
            padding: 3px 4px;
            font-size: 11px;
        }
    }
    .login-container {width: 100%; padding: 20px;}
}
@media only screen and (max-width: 480px) {
    .f-page-navigation {width: 100%;}
}
/* =================================================
    max-width: 480px END
==================================================*/

@media only screen and (max-width: 991.5px) {
    header {position: relative; width: 100%; float: left;}
    .checkout-heading-div-mobile {flex: 1; display: flex; justify-content: center;}
    .checkout-heading-div-mobile h1 {color: var(--linkColor); font-family: var(--titleFont); margin: 0;}
    .backtocart-heading-div-mobile a {font-size: 13px; font-family: 'PTSansNarrow'; font-weight: 600; color: var(--linkColor);}
    .timer-top {width: calc(100% + 30px); margin: 0 -15px; position: relative; top: 15px;}
    .timer-top-sub {width: 100%;}
    .categoryicons {width: 100%; float: left; text-align: center; display: block; background-color: #f5f5f5;}
    .categoryicons-list li{font-weight: 700; text-transform: uppercase; background-color: #fff; border-radius: 6px; text-align: center; font-size: 14px; cursor: pointer; border: 1px solid #ccc; padding: 6px 8px; flex: 1 1 auto;}   
    .categoryicons .table-responsive {border: 0; margin: 0;}
    .categoryicons-list{padding: 10px; margin: 0; list-style: none;  width: 100%;  float: left; display: flex; flex-wrap: wrap; gap: 4px;  overflow-x: auto;  -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}    
    /* .categoryicons-sub {width: 35px; display: table; margin: 0 auto; float: none;} */
    .categoryicons-sub { width: 100%; float: left;}
    .categoryname-div {width: 100%; float: left; text-align: center;}
    .categoryname-div a {font-size: 13px; color: #54565b; font-weight: 700; font-family: "Open Sans";}
    .categoryname-div a:hover, .categoryname-div a:focus {text-decoration: none; color: #54565b;}
    .categoryicons-sub img {width: 100%; cursor: pointer;}
    .categoryicons .table tr {display: flex; justify-content: center;}
    .categoryicons .table tr td {white-space: normal; word-break: break-word;}
    .categoryicons .table>tbody>tr>td {border-top: 0;}
    .categoryicons .table-responsive>.table {margin-bottom: 0;}
    .price_new {font-size: 15px;}
    .current-store-new .store-details .store-details-sub-div {display: flex; gap: 0 6px; flex-wrap: wrap; align-items: center;}
    .tot-reviews {display: none;}
    .items-cart-top-div {flex-direction: column; gap: 0;}
    .continue-shopping-div {display: none;}
    .continue-shopping-mobile-div {display: block; text-align: center; color: #fff; cursor: pointer; padding: 4px 6px; background-color: #207a7c; bottom: -1px; font-size: 13px; line-height: 15px; position: relative; width: 100%; float: left;}
    .continue-shopping-mobile-div a, .continue-shopping-mobile-div a:hover {color: #fff;}
 }

 @media screen and (max-width: 767.5px) and (min-width: 481px) { 
    .categoryicons .table tr td {width: 105px; padding: 0 4px;}
    .searchbar-results-img {width: 70px;}
} 

@media only screen and (max-width: 1299px) and (min-width: 1040px) {}

/* =================================================
    (max-width: 1299px) and (min-width: 1040px) END
==================================================*/

@media only screen and (max-width: 1039px) and (min-width: 820px) {}

/* =================================================
    (max-width: 1039px) and (min-width: 820px) END
==================================================*/

@media only screen and (max-width: 819px) and (min-width: 460px) {}

/* =================================================
    (max-width: 819px) and (min-width: 460px) END
==================================================*/


@media only screen and (max-width: 767.5px) {
    .searchbar-mobile-all {width: calc(100% - 155px); position: absolute; right: 60px; top: 18px; display: block; z-index: 105;} 
    .btn-default-store{font-size: 1.3em;}
    h4.store-component-heading{font-size: 2.8em;}
    .menuBtn {height: 20px; width: 20px; position: absolute; left: 15px; top: 19px; z-index: 101;}
    .search-address-input{ background-size: 15px;}
    .search-address-input input.form-control{padding: 0 15px 0 35px;}
    .searchbar-results-main{ padding: 7px 12px;}
    .cat-sec a{ color: #54565b;}
    .titlebrk {font-size: 12px;}
    .product-detailsflow-container, .select-bg-main, .addtocart-btn-main{ width: auto;}
    .addtocart-btn-main {height: auto;}
    button.addtocart {height: auto; font-size: 24px; padding: 2px 12px;}
    .product-detailsflow-container {margin-top: 0;}
    .review-container, .common_width .form-main{ width: 100%;}
    .product_img {display: none;}
    .product-detailsflow-container {flex-direction: column; gap: 0;}
    .common_width .form-main{ padding-left: 0;}
    .product-details-content-div{ width: 100%; padding-left: 0;}
    .m-view{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
    .m-view .favorite-selection, .m-view .product_title_div{ display: block;}
    .m-view .favorite-selection{width: 99%; text-align: right;}
    .m-view .favorite-selection .fav{ width: 25px; height: 21px; margin-top: 12px;}
    .m-view .product_title_div{ font-size: 21px; line-height: 23px; padding: 0 24px; font-family: var(--titleFont); }
    .write_review_main_div, .review-container-topdiv, .product_content_sub p.product-description, .accordion .review-heading{ display: none;}
    .all-cards, .size_bottle{ text-align: center;}
    .product_content_sub {padding-left: 0;}
    .more_sizes_list {justify-content: center;}
    .write-a-review{ float: none;}
    .quantity-main-div{ width: 100%; position: fixed; bottom: 0; padding: 8px; box-shadow: 0 -1px 5px #c0bcbc;  background: #fff;  left: 0;  text-align: center;  z-index: 230;}
    .quantity-main-div .size {display: flex; justify-content: center; align-items: center; gap: 8px;}
    .quantity-sub-div {display: flex; align-items: center; gap: 6px;}
    .quantity-sub-div .sizelabel {margin: 0; font-size: 24px;}
    .size .select-bg{margin: 4px 0px 4px; width: 70px;}
    select.form-control.classic.selectsize {padding: 7px 22px 7px 12px; font-size: 16px; height: auto; background-position: calc(100% - 11px) calc(1em + -1px), calc(100% - 1.5px) calc(1em + -1px), 100% 0 !important;
        background-size: 8px 8px, 10px 9px, 1.5em 3.5em !important; background-size: 8px 8px, 10px 9px, 1.5em 3.5em !important;}
    select.form-control.classic.selectsize:focus {background-position: calc(100% - 2px) calc(1em + -2px), calc(100% - 9.5px) calc(1em + -2px), 100% 0 !important;
        background-size: 8px 9px, 10px 9px, 1.5em 3.5em !important;}
    .size{ margin-bottom: 0;}
    .select-bg-main {margin: 0;}
    .m-product-detail, .m-display{ display: block;}
    .reviews .rev-name{ font-size: 16px;}
    .accordion .review-container{ padding: 0;}
    .form-group label{font-size: 14px; margin-bottom: 4px;}
    .rating a{ display: inline-block !important; text-decoration: none !important; border-bottom: none !important; padding: 0 !important; margin: 0 !important; font-size: 1.1em;}
    .form-group-add-review input{ background-color: #fff;}
    .btn.reviewsubmit { float: right;  padding: 2px 25px 3px!important;  font-size: 19px!important; color: #fff !important; }
    .product-detailsflow-container-right, .product-detailsflow-container-left{ width: 100%;}
    .product-detailsflow-container-left {padding-right: 0; flex-direction: column; gap: 0;}
    .user-reviews-left {width: 120px;}
    .product-detailsflow-container-right{padding-left: 0;}
    .reviews .user-review-dp img {width: 40px; height: 40px;}
    .reviews .user-review-content-left, .reviews .user-review-content-right {display: flex; align-items: center;}
    .aisle-info {justify-content: center;}
    .recipe-details-heading h2 {margin: 0 0 10px 0; font-size: 26px;}
    

    /* Store Accordion */
    /*  Basic stucture
    =====================*/
    #accordion{margin:0;width:100%; float: left;}
    #accordion ul{list-style:none;margin:0;padding:0;}
    .accordion:target{display:block;}

    /*  Colors 
    ====================*/

    .accordion{background:#fdfdfd;color:#999;}
    #accordion ul li:first-child div { display:block;/* border-top:3px solid #FFCDCD; */}

    /* Master Productflow */
    .m-display > .accordion{ margin: 20px 0; padding: 0 20px;}
    .m-display > *::before, .m-display > *::after {  box-sizing: border-box;}
    .m-display > .accordion .accordion-item {    border-bottom: 1px solid #ccc;  }
    .m-display > .accordion .accordion-item button[aria-expanded=true] {   border-bottom: 1px solid #ccc;}
    .m-display > .accordion button {position: relative; display: block; text-align: left; padding: 4px 0; color: #7288a2; font-size: 1.15rem; font-weight: 400; border: none; background: none; outline: none; }
    .m-display > .accordion button:hover, .m-display > .accordion button:focus { cursor: pointer; color: #03b5d2; }
    .m-display > .accordion button:hover::after, .m-display > .accordion button:focus::after { cursor: pointer; color: #03b5d2; border: 1px solid #03b5d2;}
    .m-display > .accordion button .accordion-title {color: #54565b !important; font-size: 16px; font-weight: 600; }
    .m-display > .accordion button .icon { cursor: pointer; top: 50%; transform: translateY(-50%); display: inline-block; height: 10px;  right: 6px; margin-top: 2px; position: absolute; text-align: left; transition: 0.4s ease; width: 18px;}
    .m-display > .accordion button .icon::before, .m-display > .accordion button .icon::after{background-color: transparent; border-bottom: 9px solid #444; box-sizing: content-box; content: ""; display: inline-block; height: 6px; left: 5px; position: absolute; top: 0; transition: 0.4s ease; width: 2px;}
    .m-display > .accordion button .icon::before { transform: rotate(-135deg); }
    .m-display > .accordion button .icon::after { transform: rotate(135deg); }
    .m-display > .accordion button .icon .active{transform: rotate(0); transform: translate(0, -6px);}
    .m-display > .accordion button .icon .active::before{transform: rotate(-45deg);}
    .m-display > .accordion button .icon .active::after{transform: rotate(45deg);}
    .m-display > .accordion button[aria-expanded=true] { color: #03b5d2; }
    /* .m-display > .accordion button[aria-expanded=true] .icon::after { width: 0;  } */
    .m-display > .accordion button[aria-expanded=true] + .accordion-content { opacity: 1; max-height: 25em; transition: all 200ms linear; will-change: opacity, max-height; }
    .m-display > .accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height; background: none !important; padding: 0 !important; color: #333 !important;}
    .m-display > .accordion .accordion-content p {font-size: 1.3rem;}
    .rating-icon a{ display: inline-block !important;}
    .m-display > .accordion button.accordian-item-btn {width: 100%;}
    #reviews{float: left; padding: 2px 25px 3px!important; font-size: 19px!important; width: auto; border-radius: none;}
    .recipe-details-main .back-top-top-btn{ left: 10px;}
    .addtocart.tooltip .tooltiptext {display: none;}
    .text_pause_mobile {display: block; width: 100%; float: left; padding: 0px 50px;}
    .toast-top-right {top: inherit; right: auto; left: 50%; width: 100%; bottom: 30px; transform: translateX(-50%); max-width: 300px; height: 100px;}
    .toast-top-right.toast-top-right-alt {bottom: 80px;}
    .toast-container .toast {font-size: 13px;}
    .toast-success.toast .toast-message:before {font: normal normal normal 12px/1 FontAwesome;}
    .toast-message .success-toast-msg-main-div {padding-left: 40px;}
    .toast-message span.success-toast-msg-div {margin-top: 4px;}
    .toast-message {padding-right: 16px; padding-left: 20px; line-height: 1.6;}
}

@media screen and (max-width: 767.5px) and (min-width: 551px) {
  .footer-container-landingpage {width: 100%;}
  .store-address-div-landing, .footer-cities-sub {width: 100%;}
  .footer-container-landingpage-sub-left {width: 100%; max-width: 600px; padding-right: 0; margin-bottom: 0px;}
  .footer-container-landingpage-sub-right {width: 100%; float: left;}
  .footer-right-col-one {width: 50%; max-width: 220px; margin-right: 40px; float: left;}
  .footer-right-col-two {width: 50%; max-width: 220px; float: left;}
  .list-unstyled-landing {max-width: inherit;} 
  .banner-text-div h2 {font-size: 3.5em; line-height: 48px;} 
  .recipe-featured-products h2 {top: 0; font-size: 22px; padding: 0 30px 0 28px;}
}

@media screen and (max-width: 550px) {
  .footer-container-landingpage {width: 100%;}
  .store-address-div-landing, .footer-cities-sub {width: 100%;}
  .footer-container-landingpage-sub-left {width: 100%; max-width: 400px; padding-right: 0; margin-bottom: 0px;}
  .footer-container-landingpage-sub-right {width: 100%; float: left;}
  .footer-right-col-one {width: 100%; float: left;}
  .footer-right-col-two {width: 100%; float: left;}
  .list-unstyled-landing {max-width: inherit;} 
  .banner-text-div span { font-size: 34px; line-height: 36px; }
  .banner-img-div {height: 310px; padding: 45px 30px;}
  .search-address-input input.form-control { height: 34px; padding: 0 15px 0 36px; font-size: 14px; font-weight: 500; }
  .search-address-input { background-position: 12px 9px; height: 34px; background-size: 14px; }
  .banner-text-div h2 {font-size: 38px; line-height: 40px;}
  .select-div{ display: none;}
  .pagination-results-div, .results-pagination, .f-page-navigation ul.pagination, .page-navigation ul.pagination, .f-page-navigation .pagination>li>a {width: 100%;}
  .f-page-navigation ul li a{ font-size: 13px;}
  .f-page-navigation ul li:first-child, .f-page-navigation ul li:last-child{ width: auto;} 
  .pagination-results-div {margin-top: 6px; display: flex; justify-content: center; width: 100%;}
  .f-page-navigation ul.pagination, .page-navigation ul.pagination {display: flex; gap: 4px; float: none; flex-wrap: wrap;}
  .f-page-navigation ul.pagination li, .page-navigation ul.pagination li {flex: 1 1 auto;}
  .f-page-navigation ul.pagination li span, .page-navigation ul.pagination li span {width: 100%;}
  .f-page-navigation {width: 100%;;}
  .recipe-featured-products h2 {top: 0; font-size: 22px; padding: 0 30px 0 28px;}
  .more-recipes {margin-top: 12px;}
}

@media screen and (max-width: 767.5px) and (min-width: 650px) {
.col-xs-6.fpimg { width: 33.333333%; }
}

@media screen and (max-width: 767.5px) and (min-width: 600px) {
    .toppicks-product-div {width: 33.33%;}
}

@media screen and (max-width: 649px) and (min-width: 381px) {
.col-xs-6.fpimg { width: 50%; }
}

@media screen and (max-width: 599px) {
    .toppicks-product-div {width: 50%;}
}

@media screen and (max-width: 767.5px) and (min-width: 381px) {
    input.search-drink:focus {background-size: 16px; background-position: 4px; padding: 5px 0 5px 27px;}
    input.search-drink[type=text]::-webkit-input-placeholder {font-size: 14px;}
    input.search-drink {background-size: 21px; padding: 5px 0 5px 27px; font-size: 13px; position: absolute; right: 0;}
    .products-error-page img {width: auto; height: 60px;}
}

@media screen and (max-width: 420px) {
    .reviews .user-review-content {flex-direction: column; align-items: center;} 
}

@media screen and (max-width: 380px) {
input.search-drink {background-size: 21px; padding: 5px 0 5px 27px; font-size: 13px;}
input.search-drink:focus {background-size: 14px; padding: 5px 0 5px 23px;}
input.search-drink[type=text]::-webkit-input-placeholder {font-size: 11px;}
.col-xs-6.fpimg { width: 100%; }
.modal-dialog.modal-dialog-cart-update-div {width: 100%; max-width: 320px;}
.products-error-page {flex-direction: column;}
.products-error-page img {width: 120px; height: auto;}
.f-page-navigation ul li a {font-size: 11px;}
.f-page-navigation ul li:first-child, .f-page-navigation ul li:last-child{ width: auto;}
}
.category {overflow-x: hidden; padding-right: 0 !important;}
.category ul {max-height:215px;  overflow-y: auto;  width: auto;}
  .category ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	/* border-radius: 10px; */
	background-color: #f1f1f1 !important;
}
.category ul::-webkit-scrollbar
{
	width: 8px !important;
	background-color: #54575b !important;
}

.category ul::-webkit-scrollbar-thumb
{
	/* border-radius: 10px !important; */
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
	background-color: #54575b !important; 
}
@media screen and (max-width: 767.5px) {
    table tr th, table tr td { font-size: 12px !important; }

    .gallery .main_img {
        min-width: 250px;
        display: block;
        margin: auto;
        height: 140px;
        /* width: auto; */
        width: 100%;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    table.res_table td:before {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .Product_name h5,
    table.res_table tr thead th {
        font-size: 14px !important;
    }


    nav ul.navbar-nav {
        text-align: center;
    }

    .Search_div {
        margin: 10px 0px 0px 0;
        padding-bottom: 10px;
    }

    ol.breadcrumb {
        line-height: 20px;
    }

    .desktop-header {
        display: none;
    }

    .tab-search-bar {
        padding-top: 11px;
        margin-right: 10px;
    }

    .navbar .shopping .dropdown-menu.user-menu {
        margin-top: 12px;
    }

    .shopping.login-icon:hover:after {
        right: 40px;
        top: 27px;
    }

    .dropdown-new-div:hover:after {
        left: 4px;
    }

    .order-deliver-time-div {
        margin-top: 14px;
        width: 100%;
        top: 8px;
    }

    .cartitems-alt-main {
        display: table;
    }

    .cartitems-alt {
        display: table-cell;
        text-align: center;
    }

    .navbar-header-new {
        width: auto;
        flex: 1;
    }

    .navbar-header-new.navbar-header-new-store {flex: inherit;}

    .navbar-header-new.navbar-header-new-checkout {
        vertical-align: middle;
    }

    .mobile-header { position: relative;  z-index: 999 !important; width: 100%; height: auto; float: left; background: rgba(255, 255, 255, 1); display: block;  padding: 0; }

    .mobile-header-nav {
        width: 100%;
        float: left;
        height: auto;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
        position: relative;
        z-index: 2;
    }
    .mobile-header-nav.mobile-header-storenav  {align-items: self-start;}

    .logo-div {
        width: 40px; margin-left: 30px;
    }

    .logo-div.logo-div-checkout {margin-left: 0;}

    .header_icon img {
        width: 20px;
    }

    .cart-icon-new img {
        width: 29px;
    }

    .modal-dialog.modal-dialog-cartitems {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 10px;
    }

    .cartitems-alt-sub {
        width: 50%;
    }

    .cartitems-alt-sub-oneproduct {
        min-width: 215px;
    }

    .tab-search-bar {
        width: calc(100% - 350px) !important;
        position: absolute;
        right: 90px;
        top: 25px;
        display: none;
    }

    .currentLoc-div {
        padding: 0 30px 0 0;
        top: 0;
        display: flex;
        width: auto;
        position: relative;
        z-index: 4;
        justify-content: center;
        flex: 1;
        top: 10px;
    }

    .current-store-new {
        float: none;
        display: table;
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .current-store-new .store-details {
        margin-right: 0;
        font-size: .8em;
        font-weight: 700;
        width: 100%;
        height: auto;
        display: table-cell;
        vertical-align: middle;
        float: none;
        word-break: break-word;
        line-height: 16px;
    }

    .current-store-new .store-details span h1 {
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        margin: 0;
        display: inherit;
        vertical-align: inherit;
    }

    a.change-store-new {
        width: auto;
        float: left;
        color: var(--linkColor);
    }

    .searchbar-mobile-all-store.searchbar-mobile-all {right: 90px; width: calc(100% - 180px); top: 16px;}
    .searchbar-mobile-all-store.searchbar-mobile-all.searchbar-mobile-all-noecomm {right: 80px; width: calc(100% - 170px); top: 16px;}

    .heading-checkout-div,
    .backtocart-checkout {
        padding-top: 7px;
    }

    .currentLoc-new {
        width: 100%;
        float: left;
    }

    .width-auto-right {
        padding-top: 5px;
        margin-right: 0;
    }

    .round-circle-new {
        width: 18px;
        height: 18px;
        line-height: 16px;
        font-size: 9px;
    }

    a.change-store-div {
        width: auto;
        display: inherit;
        vertical-align: inherit;
        font-size: 14px;
        font-weight: 700;
    }

    .progress-bar-header {
        top: auto;
        bottom: 0;
    }

    .user-profile-block.navbar li {
        padding-bottom: 8px;
    }

    .search-block .searchby.searchby-new {
        width: 100% !important;
        padding: 0;
    }

    .productflow-recent-search.productflow-recent-search-top {
        top: 30px;
    }

    .common-margin-top {
        margin-top: 0px;
    }

    .page-navigation .pagination > li > a {
        padding: 2px 6px;
        font-size: 11px;
        min-width: 20px;
        min-height: 20px;
    }

    .featured-products-list {
        width: calc(100% - 20px);
    }

    .top {
        font-size: 13px;
    }

    .feature-products-container {
        z-index: 1;
        min-height: 50px;
        margin-bottom: 20px;
    }

    .categories-heading-div h4 {
        font-size: 24px;
        line-height: 34px;
    }

    .featured-products-heading-main h4 {
        font-size: 21px;
    }

    .top-pagination-main {
        margin: 15px 0;
    }

    /* .pagination-results-div {
        margin-top: 6px;
    } */

    .myorder-details-sub.breadcrumb > li.breadcrumb-item + li:before {
        padding: 0 8px 0 6px;
    }

    .featured-products-heading-main h3,
    .featured-products-heading-main h4 {
        width: calc(100% - 38px);
    }

    .featured-products-heading-main h3 span {
        font-size: 21px;
        padding-right: 0;
    }

    .featured-products-heading-main h3::after {
        border-top: 0;
    }

    .form-group.form-group-login h5.form-group-label-login {
        font-size: 12px;
    }

    h4.featured-products-altheading {
        font-size: 22px;
    }

    .shop-category-text h2 {
        font-size: 16px;
    }

    .view-all-text {display: none; }

    .view-all-text-mobile {display: block;}

    .banner-images-filters h1 {
        bottom: 15px;
        font-size: 20px;
        left: 20px;
    }

    .product-disclaimer-div {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .content-banner {
        left: 20px;
        max-width: calc(100% - 30px);
    }

    .category-banner-div {
        display: none;
    }

    .category-banner-mobile-div {
        display: block;
    }

    .toppicks-product-div {
        padding: 0 8px; 
        margin-bottom: 20px;
    }

    .strike_text_new {
        padding-right: 12px;
    }
    /* .banner-img-div{ margin-top: 60px;} */
    .second_content_product.second_content h5 {
        font-size: 16px !important;
        line-height: 18px;
        height: 40px;
    }

    .second_content_product.second_content {
        padding: 2px 15px 15px;
    }

    .cat-sec {
        width: calc(100% + 36px);
        margin: 0 -18px;
        background-color: rgba(255, 255, 255, 1);
        float: left;
        text-align: center;
        display: block;
    }

    .cat-sec-margin {
        margin-top: 0;
    }

    .cat-sec .table-responsive {
        border: 0;
        margin-bottom: 0;
        padding: 0 4px;
        background-color: rgba(255, 255, 255, 1);
    }

    .cat-sec .table-responsive::-webkit-scrollbar {
        height: 6px;
    }

    .cat-sec .table-responsive::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .cat-sec .table-responsive::-webkit-scrollbar-thumb {
        background: rgb(156, 154, 154);
    }

    .cat-sec .table-responsive::-webkit-scrollbar-thumb:hover {
        background: rgb(156, 154, 154);
    }

    .cat-sec .table-responsive .table {
        border-spacing: 6px;
        border-collapse: separate;
    }

    .cat-sec table.table td {
        font-weight: bold;
        text-transform: uppercase;
        background-color: transparent;
        border-radius: 6px;
        border: 1px solid #ccc;
        padding: 4px 8px;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }

    .cat-sec table.table td.active {
        background-color: var(--linkColor) !important;
        border: 1px soild var(--linkColor) !important;
        color: rgba(255, 255, 255, 1) !important;
    }

    .fav-new.fav {
        width: 16px;
    }

    .carosel-common .owl-carousel {
        margin-top: 12px;
    }

    .carosel-common.banner-slides-images .owl-carousel {
        margin-bottom: 20px;
    }

    .myaccount-right-div .AuthorizeNetPopupInner-sub {
        height: 800px !important;
    }

    .container-common {
        width: 100%;
        padding: 0 30px;
    }

    .product_content {
        text-align: center;
        margin: 12px 0 0;
    }

    .product_content h2 {
        text-align: center;
    }

    .searchbar-results-sub {
        font-size: 12px;
        line-height: 14px;
    }

    .type-sort {
        width: 160px;
    }

    .size-sort {
        margin-right: 6px;
    }

    .subcategory-sub-text {
        width: calc(100% - 20px);
    }

    .results-pagination {
        margin-top: 6px;
    }

    .form-group.form-group-login-nobottom h5.form-group-label-login {
        font-size: 12px;
    }

    .Searchrelated_noborder h4 {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .breadcrumb-subtext {
        font-size: 11px;
    }

    .back-top-top-sub {
        display: none;
    }

    .arrow-up-backtotop {
        display: block;
    }

    .checkout-bg-div {
        padding: 15px;
    }

    .common-margin-top-afterlogin {
        margin-top: 0;
    }

    .results-breadcrumb-div {
        width: 100%;
        margin-bottom: 4px;
        max-width: inherit;
    }

    ol.breadcrumb {
        padding-right: 20px;
    }

    .video-carosel-sub .owl-carousel .owl-prev {
        left: 0;
    }

    .video-carosel-sub .owl-carousel .owl-next {
        right: 0;
    }

    .carosel-video-text h3 {
        font-size: 18px;
    }

    .continue-payment-div button.payment-btn-div,
    .continue-payment-div button.payment-btn-div.payment-btn-div1,
    .continue-payment-div button.payment-btn-div.payment-btn-div2 {
        font-size: 15px;
    }

    .banner-img-div {
        height: 300px;
    }

    h1.banner-text-large {
        font-size: 3.2em;
        line-height: 48px;
    }

    .search-address {
        margin-top: 15px;
    }

    .search-address h2 {
        font-size: 1.1em;
    }

    .search-address-content {
        padding: 0;
    }

    .search-address-sub {
        width: 100%;
        max-width: 450px;
    }

    .banner-subtext-div span {
        line-height: 18px;
        font-size: 17px;
    }
    .create-account-div {margin-top: 5px;}
    .modal-dialog.modal-dialog-captcha {margin: 0;}
    .signup-main {margin-top: 20px;}
    .footer-sub-landing h3 {font-size: 17px;}
  .store-address-div-landing-search {margin-bottom: 10px; height: auto;}
  .location-errMsg {top: inherit; position: relative; background-color: #fff;}
  .store-address-div-landing-search {background-color: #dddede; background-position: 96% 12px;}
  .disclaimer {font-size: 12px; line-height: 16px;}
  .footer-links-mobile {width: 100%; float: left;}
  .footer-container {width: calc(100% - 40px);}
  .footer-container-mobile {display: block; width: 100%; float: left;}
  .accordion-sub-first {width: 100%; float: left; padding: 10px 0;}
  .loc-img-new {width: 18px; vertical-align: top;}
  .accordion .menu .f-h4 {width: calc(100% - 40px); padding-right: 8px; margin-right: 0;}
  .poweredby img {width: 100px; margin-top: -4px;}
  .footer-bottom {padding: 10px; font-size: 12px;}
  .footer-container-desktop {display: none;}
  .footer-sub-div {margin-bottom: 8px;}
  .search-address-input input.form-control::placeholder{ font-size: 14px !important;}
  .search-address-input input.form-control{ height: 33px !important;}
  .store-address-div {
    .f-h4 {padding-left: 12px;}
  }
  .price_new{font-size: 1.1em !important; white-space: nowrap; color: var(--linkColor);}
  .user-profile-block.navbar {margin-bottom: 0; gap: 0 6px;}
  .payments ul li {margin-right: 6px;}
  .payments ul li:nth-last-child(1) {margin-right: 0;}
  ul.cards-images.download-icons li img {width: 30px;}
  ul.cards-images.social-icons li img {width: 30px;}
  ul.cards-images li img {width: 36px;}
  .subscribe-new {font-size: 1.5em;}
  .full-address {padding-left: 0; margin-top: 0;}
  .full-address-details-mobile {width: 100%; float: left; margin-bottom: 15px;}
  .information.item_img.hours {width: 100%; float: left;}
  h3.font_size {font-size: 18px; width: 100%; float: left; font-weight: 600; margin-bottom: 4px; font-family: var(--subFont); margin-top: 15px;}
  .storelocation .f-image {top: 4px;}
  .panel-group-footer {width: 100%; float: left; margin-bottom: 20px;}
  .panel-group-footer .panel-default.panel {width: 100%; float: left; padding: 3px 0; margin: 2px 0;}
  .panel-group-footer .panel-default.panel {width: 100%; float: left;}
  .panel-group-footer .panel-default.panel .panel-body {padding: 0; width: 100%; float: left;}
  h3.information_text {text-align: left; color: #0b0c0e; font-size: 18px; font-weight: bold;}
  .footer-store-name {width: calc(100% - 40px); float: left; line-height: 20px; font-weight: 700; font-size: 18px; 
    color: var(--linkColor); font-family: var(--subFont);}
  .disclaimer {font-size: 11px; line-height: 15px;}
  .footer-bottom.footer-bottom-cart {margin-bottom: 70px;}
  .aboutus, .aboutus ul li,
  .hours, .hours ul li,
  .payments, .payments ul li{
    text-align: left;
    font-size: 16px;
  }
  ul.footer-menu li {border-right: 1px solid #54575b; padding-right: 5px; padding-left: 5px;}
  .hours ul {width: 100%;}
  .payments, .payments ul li {display: inline-block;}
  .panel-group .panel .panel-heading:first-child {border-bottom: none!important;}
  .panel-group .panel .panel-heading {width: 100%; float: left; text-align: left;}
  .panel-group .panel .panel-heading .panel-title {width: 100%; float: left;}
.col-xs-6.fpimg { padding: 0 8px; }
.no-products-available { .no_products { width: 75px; } }
    section.bgr_img.bgr_img_new {
        height: 300px;
    }

    .downloadapp_div.display_center {
        padding-top: 30px;
    }

    .bgr_img .downloadapp_div.display_center h4 {
        font-size: 2em;
        line-height: 40px;
    }

    .bgr_img_container {
        width: calc(100% - 10px);
    }

    .bgr_img ul li {
        line-height: 19px;
        font-size: 1em;
    }

    .display_center h2.download_app {
        font-size: 1.2em;
        margin-top: 10px;
    }

    .display_center h2.download_app.download_app_new {
        font-size: 1.3em;
    }

    .app-links-container img {
        width: 80px;
    }

    .bgr_img ul {
        margin: 0px 0 0 20px;
    }
    .product-details-desktop {
        display: block;
        width: 100%;
        float: left;
        position: relative;
        padding: 0 20px;
    }
    .product-reviews-main-div {display: flex; justify-content: center;}

/* SHOP ORDER DELIVER REPEAT SECTION CSS - REMOVER AFTER SECTION CHANGE */ 
      @keyframes tonext {
        75% {
          left: 0;
        }
        95% {
          left: 100%;
        }
        98% {
          left: 100%;
        }
        99% {
          left: 0;
        }
      }
      
      @keyframes tostart {
        75% {
          left: 0;
        }
        95% {
          left: -300%;
        }
        98% {
          left: -300%;
        }
        99% {
          left: 0;
        }
      }
      
      @keyframes snap {
        96% {
          scroll-snap-align: center;
        }
        97% {
          scroll-snap-align: none;
        }
        99% {
          scroll-snap-align: none;
        }
        100% {
          scroll-snap-align: center;
        }
      }
    
    .featured-products-heading-main h2 {width: calc(100% - 38px); font-size: 23px;}
    .featured-products-heading-main h2 span {padding-right: 0;}
    .featured-products-heading-main h2::after {border-top: 0;}
    .main-heading-left-alt h1 {font-size: 23px;}
    .featured-products-list-main {width: calc(100% - 6px);}
    .fa-arrow-up.arrow-up-backtotop {display: block;}
    h4.panel-title.left-panel-title {margin-bottom: 0; text-align: left;}
  .featured-products-list-main {width: calc(100% - 15px);}
  .back-top-top-btn {left: 12px; bottom: -35px;}
  .recipes-sub-div .back-top-top-btn {left: 20px;}
  .panel-group {width: 100%; float: left;}
  .page-navigation {margin-top: 6px; margin-right: 2px;}
  .col-xs-6.advance-filter-product-div {padding: 0 8px;}
  .shop-category-text h2 {font-size: 16px;}
  .advanced-filter-banner {height: 210px;}
  .advanced-filter-mobile {display: block; position: relative; z-index: 1000;}
  .advanced-filter-desktop {display: none;}
  .search_div_advancefilter {margin-top: 18px; padding-bottom: 0;}
  .search_div_advancefilter {margin: 0; padding-bottom: 0;}
  .bg-fp {padding-bottom: 30px; padding-top: 0px;}
  .write_review_main_div .container{ width: auto;}
    .modal-dialog.modal-recapcha .modal-body {padding: 15px !important;}
    .featured-products-heading-main {margin-bottom: 0;}
    h2.featured-products-altheading {font-size: 21px;}
    .Searchrelated_noborder h4{ font-size: 18px;}
    .featured-products-heading-main .owl-carousel .owl-item{ /*width: 137px !important;*/ padding: 0 6px;}
    .featured-products-heading-main .container-fluid{ padding: 0px;}
    .featureproducts-landing button.owl-prev{left:-25px;}
    .featureproducts-landing button.owl-next{right:-25px;}
    .store-component .btn-default-store{ font-size: 1.3em !important;}
    .featured-products-heading-main h4 span{ font-size: 0.98em !important;}
    .featured-products-heading-main h4::after{ display: none;}
    .text-concat-new{width: calc(100% - 42px);}
    .product_size {font-size: 14px;}
    .owl-carousel{ margin-top: 0;}
    .owl-recipes {padding-left: 20px; padding-right: 20px; padding-top: 0;}
    .price-cart-div{ margin-top: 0;}
    .advanced-filter-desktop {display: none;}
    /* .owl-carousel .owl-item {margin-bottom: 25px;} */
    .featureproducts-container {width: calc(100% - 10px);}
    .footer-container-landingpage-sub {flex-direction: column; gap: 15px;}
    .breadcrumb-container { padding: 15px 15px 0; }
    .more-recipes-main {padding-left: 30px; padding-right: 20px; margin-top: 25px;}
    .more-recipes-main.more-recipes-nofeaturedproducts {margin-top: 65px;}
    .more-recipes-main.more-recipes-main-alt {margin-top: 65px;}
    .more-recipes-main .f-page-navigation {margin-right: 0;}
    .recipe-banner-container {padding: 0 30px;}
    .recipe-banner-details span {font-size: 28px;}
    .recipe-search-sub {width: 100%; max-width: 500px;}
    .other-recipes-sub, .recipe-details-container-alt, .shop-items-sub {width: 100%;}
    .recipe-details-container {width: calc(100% - 60px);}
    .more-recipes .thumbnail {margin-bottom: 10px;}
    .breadcrumb > li + li::before {top: 1px;}
    .row.row-alt-new {margin: 0 -4px;}
    .recipe-details-breadcrumb {width: 100%; max-width: inherit; padding-left: 0; margin-top: 0;}
    .details_content {display: flex; margin-top: 15px; flex-direction: column; align-items: center; text-align: center;}
    .shop-items-main {min-height: 410px;}
    .owl-carousel .owl-item {padding: 0 8px;}
    .products-error-page {gap: 12px;}
    .no-products-filter-div {font-size: 18px;}
    .common-btn.instockstore {font-size: 13px;}
    .products-error-page-description {gap: 12px; font-size: 18px; padding-top: 4px;}
    .products-error-page-description .products-error-bold {font-size: 23px;}
    .recipes-sub-div {height: auto !important;}
    .storelocations-left-div {margin-top: 20px;}
    .product_img_mobile_main {display: block; position: relative; width: 100%; height: 300px; float: left;  margin-top: 15px;}
    .product_img_mobile {display: block; width: 100%; position: absolute; top: 0; left: 0; height: 300px;}
    .product_img_mobile img {width: auto; max-width: 300px; height: 300px; margin: 0 auto;}
    .favorite-selection {left: inherit; right: 0; width: 26px; height: auto;}
    .favorite-selection .fav {width: 20px; height: auto;}
    .product-detail-content {width: 100%; float: left; text-align: center; padding-top: 20px;}
    .product-detail-price, .product-detail-price-details {align-items: center;}
    .product_content .product_title_div {padding-left: 30px; padding-right: 30px;}
    .product-detailsflow-container-main {margin-bottom: 0;}
    .items-cart-success-main-div {flex-direction: column;}
    .product-disclaimer-div.product-disclaimer-mobile-div {display: block;}
    .product-description {display: none;}
    .featuredproduct-label-main {justify-content: center;}
    .sorry {display: none;}
    .header_icon a .fa-signout-style {font-size: 28px;}
    .recipe-main-banner {height: 220px;}
    #map {height: 160px;}
    .aboutus-content {flex-direction: column;}
    .aboutus-right-div {width: 100%;}
    .pagenotfound-main {flex-direction: column; align-items: center;}
    .pagenotfound-img {width: 100%; max-width: 350px;}
    .pagenotfound-content {display: flex; justify-content: center; flex-direction: column;}
    .pair_with {display: flex; justify-content: center;}
    .empty-cart-sub {flex-direction: column;}
    .fa-shopping-cart {font-size: 8em;}
    .reviews .rev-block {padding-bottom: 12px; padding-top: 12px; gap: 8px;}
    .reviews .rev-name {width: calc(100% - 48px);}
    .back-top-top-btn-productdetails {padding-left: 20px;}
    .star-rating i {font-size: 12px;}
    .star-rating span {font-size: 15px;}
    .timer-top-sub {font-size: 11px;}
    .all-reviews-show-html {width: 100%; float: left;}
    .loadmore {font-size: 1.1em; padding: 5px 15px;}
    .related_product h2 {font-size: 26px;}
    .product-details-content .like {padding: 20px 0;}
    .shop-items-main h2, .other-recipes-main h2 {font-size: 24px;}
    .checkout-heading-div-mobile h1 {font-size: 24px;}
    .place-order-container {padding: 0 20px;}
    .cart-total-success-div {width: 100%; max-width: 400px;}
    .recipe-featured-products {background-color: #008283; padding: 20px 0;}
    .recipe-featured-products-sub {width: 100%; margin-top: 0px; left: 0; padding-bottom: 0;}
    .owl-carousel-recipes {padding-left: 20px; padding-top: 20px;}
    .owl-carousel.owl-recipes .owl-nav button.owl-prev {left: 10px;}
    .recipe-details-main {width: 100%;}
    .owl-carousel.owl-recipes .owl-nav button.owl-next {right: 10px;}
    .more-recipe-img-sub {width: calc(50% - 12px);}
    .owl-carousel .owl-item .second_content_product.second_content .productname-div, .second_content_product.second_content .productname-div {font-size: 17px; line-height: 18px; height: 38px;}
    .store-margin-top {margin-top: 64px;}
}

@media only screen and (max-width: 499px) {
    .owl-carousel .owl-item .product-image-sub {min-height: 155px;}
    .owl-carousel .owl-item .product-image-sub img.second_img {max-height: 155px;}
    .second_content_product.second_content h2 {
        font-size: 18px;
        line-height: 19px;
        height: 40px;
    }

    .carosel-common .div-favourite {
        width: 20px !important;
        left: 3px !important;
        top: 3px !important;
    }

    .carosel-common .div-favourite img {
        width: 20px !important;
    }

    i.icon-add-to-my-cart, i.icon.icon-remove-cart, i.icon.icon-remove-cart.active {
        font-size: 22px;
    }
}