@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v192/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

html {
    scrollbar-width: thin;
}

/* common positions list */
.posrelative {
    position: relative;
}

.couponcard-image {
    padding: 0 5px;
}

.masteracntspan {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    padding: 0 29px 0 14px;
    height: 33px;
    text-align: center;
    text-decoration: none;
    font-family: 'Neue Haas Grotesk Display', sans-serif;
    letter-spacing: 0.010em;
    line-height: 1;
    background-color: #fff;
    border: none;
    border-radius: 17px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(47, 117, 255, 0.2);
    transition: box-shadow 0.2s linear;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid 1px #ddd;
}

.masteracntbtn {
    position: fixed;
    font-family: 'Neue Haas Grotesk Text', sans-serif;
    letter-spacing: 0.010em;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    color: #494a53;
    background-color: transparent;
    box-sizing: border-box;
    z-index: 2147483645;
    /*bottom: 15px;*/
    top: 15px;
    right: 15px;
}

/* Shipping Container used for showing message */
.shipping-container {
    display: flex;
    margin: 10px 0;
    gap: 10%;
}

/* Shipping Container used for showing message */
/* Navbar changes  */
.navcontainer {
    margin: 0 auto;
    max-width: 75%;
    white-space: nowrap;
    overflow: auto hidden;
    display: grid;
    grid-template-columns: repeat(12, 80px);
}

/* Navbar changes  */
/* Buttos.css merged starts here */
/* Base styles for button */
/* Will remove all !important once merge this CSS with global CSS */
.btn {
    text-align: center;
    /* Centers the text inside the button */
    letter-spacing: 0.5px;
    /* Adds a slight spacing between letters */
    font-family: 'ITCAvantGardePro-Md';
    /* Sets the font family */
    border-radius: 3rem;
    /* Gives the button rounded corners */
}

.hello-banner-grid {
    display: grid;
    width: 100%;
    justify-content: space-around;
    grid-template-columns: auto auto;
}

.btn-square {
    border-radius: initial;
}

/* Small button styles */
.btn-sm {
    font-size: 10px !important;
    /* Sets the font size for small button */
    padding: 8px 16px;
    /* Sets the padding inside the button */
    height: 28px;
    /* Sets the height of the button */
    line-height: 1.3;
}

/* Large button styles */
.btn-lg {
    font-size: 12px;
    /* Sets the font size for large button */
    height: 32px;
    /* Sets the height of the button */
    padding: 9px 18px;
    /* Sets the padding inside the button */
}

/* Extra-large button styles */
.btn-xl {
    font-size: 15px !important;
    /* Sets the font size for extra-large button */
    height: 40px;
    /* Sets the height of the button */
    padding: 10px 20px;
    /* Sets the padding inside the button */
}

/* Base styles for various button colors */
.btn-orange, .btn-yellow, .btn-gray, .btn-white, .btn-green, .disabled-btn {
    color: #FFFFFF;
    /* Sets the text color to white */
    border: none;
    /* Removes the border */
}

/* Override text color for specific button types */
.btn-yellow, .btn-gray, .btn-white, .disabled-btn {
    color: #414042;
    /* Sets the text color to a dark gray */
}

/* Orange button background color */
.btn-orange {
    background-color: #f47a44;
    /* Sets the background color to orange */
    color: #fff;
}

/* Yellow button background color */
.btn-yellow {
    background-color: #ffc841;
    /* Sets the background color to yellow */
    color: #000;
    /* Sets the text color to black */
}

/* Secondary and disabled button background color */
.secondary-btn, .disabled-btn {
    background-color: #E5E5E5;
    /* Sets the background color to light gray */
}

/* Outline button with white background and gray border */
.btn-white {
    background-color: #FFFFFF;
    /* Sets the background color to white */
    border: 1px solid #D1D3D4;
    /* Adds a gray border */
}

/* button with green background color */
.btn-green {
    background-color: #628e83;
    /* Sets the background color to green */
}

/* Disabled button text color */
.disabled-btn {
    color: #A0A0A0;
    /* Sets the text color to light gray */
}

/* Disable state styles for buttons */
.btn:disabled {
    color: #A0A0A0 !important;
    /* Sets the text color to light gray when disabled */
}

button:disabled {
    background-color: #D1D3D4;
    color: #A0A0A0;
    /* Sets the text color to light gray when disabled */
}

/* Hover state for orange button */
.btn-orange:hover {
    background-color: #E07343;
    /* Changes background color on hover */
}

/* Hover state for white and gray buttons */
.btn-white:hover, .btn-gray:hover {
    background-color: #D1D3D4;
    /* Changes background color on hover */
}

/* Hover state for yellow button */
.btn-yellow:hover {
    background-color: #f7b71a;
    /* Changes background color on hover */
}

/* Active state for buttons */
.btn:active {
    box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3) !important;
    /* Adds a shadow on active state */
}

.primary-btn:focus, .primary-btn:hover {
    color: #FFF;
}

.secondary-btn:focus, .secondary-btn:hover {
    color: #414042 !important;
}

/* Buttos.css merged ends here */
/* placeholder color */
html input::placeholder, textarea::placeholder {
    color: #d1d2d3;
}

.s-seperator {
    width: 98%;
    border-bottom: 1px solid #ddd;
    margin: 10px auto;
}

/* placeholder color */
/* homepage changes start */
body {
    background-color: #fff !important;
}

header {
    background-color: #fff;
}

.hdft-container {
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.2);
}

.cat-navbar {
    position: absolute;
    left: 0;
    right: 0;
}

.fr-main-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px !important;
}

.fr-sub-container {
    margin: 0 auto;
    max-width: 1440px;
    float: unset;
}

.meal-onthego-container {
    display: grid;
    grid-template-columns: 450px auto;
    align-items: center;
    background-color: #d1d2d3;
    grid-gap: 15px;
}

/* code from global-header.css start */
/* homepage changes start */
body {
    min-height: 1200px
}

:focus-visible {
    outline: 0 !important
}

:focus {
    outline: 0 !important
}

input:focus {
    outline: 0 !important;
    box-shadow: none
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* button[disabled] {
    cursor: default;
    background-color: #D1D3D4!important; 
    opacity: 1!important 
}*/
.close.closeCss-sm:hover {
    color: #fff
}

.close:focus, .close:hover, .newLoginContent .close:focus, .newLoginContent .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 1 !important
}

.dchillMsg .createRecipeFolderBtn:hover {
    color: #fff !important;
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .btn.focus, .btn:focus, .btn:hover {
    color: #fff!important;
    text-decoration: none
} */
.noborder {
    border: none !important
}

.exit {
    top: 2px;
    right: 0;
    left: 0;
    position: absolute
}

.exitbtn {
    top: 2%;
    position: absolute;
    right: 1%;
    bottom: 0
}

#shipping-estimate-modal .exit {
    top: 2px;
    right: 0;
    left: 2px;
    position: absolute
}

/* Search History CSS */
.searchhistorycontainer {
    overflow-y: auto;
    max-height: 80lvh;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    display: none;
    scrollbar-width: thin;
}

/* Search History CSS */
.modal-content .close {
    opacity: 1;
    font-size: 28px;
    position: absolute;
    right: 10px;
    z-index: 999;
    color: #fff;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%)
}

.BASK .clearshopingcart:hover {
    /*color: #fff!important;*/
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .btn.focus, .btn:focus, .btn:hover {
    color: #414042!important;
    text-decoration: none
}

.btn-green.focus .btn-green:focus, .btn-green:hover {
    color: #fff!important;
    text-decoration: none
}

.btn-orange.focus .btn-orange:focus, .btn-orange:hover {
    color: #fff!important;
    text-decoration: none
} */
.btn-orange:visible {
    color: #fff !important;
    text-decoration: none
}

.btn-green:visible {
    color: #fff !important;
    text-decoration: none
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.facets-tree label.hidefacet {
    display: none
}

.facets-tree label {
    display: block
}

.facets-name {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    font-family: ITCAvantGardePro-Bold, 'Arial Bold';
    text-transform: capitalize
}

.facets-tree, .filter-promotions {
    min-width: 195px;
}

.filter-promotions {
    /* max-width: 200px; */
}

#new_globalerrorpopup {
    z-index: 99999999
}

.modal-footer {
    border-top: none;
    padding: 5px
}

.lazyload {
    filter: blur(50px);
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/Merchant5/bootstrap/fonts/materialfont.woff2) format('woff2');
}

.reorderdiv .grey-lighter-1:hover {
    color: #414042;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.minibaskclose .close {
    opacity: 1 !important;
}

/* code from global-header.css end*/
/* code from aveto-global.css start */
/* UI fixes new */
/*.facets-tree a, a:hover{font-weight: 400;} */
.facets-name>span, #left-navigation .facets-tree .sortby {
    cursor: pointer
}

;

/* UI fixes new */
/*CUSTOMER PO CSS HERE*/
.facets-tree .bold-ft.sortby, .facets-name .button-origin, .facets-name .button-brand, .facets-name .button-recipes, .facets-name .button-brand {
    cursor: pointer
}

.headingPart h5.baskbrandnote {
    font-family: ITCAvantGardePro-Bk !important;
    font-weight: 500;
}

.CTGY .sub-ctgy-content .per-page-item.per-page-active, .SRCH .srch-content .per-page-item.per-page-active {
    margin-right: 8px;
}

.cust_PO_NO>p {
    padding-right: 0;
}

.cust_PO_NO>input {
    margin-left: 8px;
}

/*CUSTOMER PO CSS HERE ENDS*/
#wholesale-cartquote {
    font-weight: bold !important;
    font-family: 'ITCAvantGardePro-Bk' !important;
    letter-spacing: 1px;
}

#addnewAddress.changeSection.floatRight {
    position: absolute;
    right: 0;
    top: 0;
}

.reorder-btns {
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 0.8em;
    height: 30px;
    width: 150px;
    background-color: #f47a44;
    display: inline-block;
    letter-spacing: 1px;
    outline: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.5s;
    border-radius: 3rem;
}

.flex-align-center {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    text-align: start;
    align-items: center;
    justify-content: center;
}

.track_btn {
    min-width: 150px;
    background-color: rgb(98, 142, 131);
    border: none;
    font-size: 0.8em;
    height: 33px;
    letter-spacing: 1px;
    color: white;
    padding: 8px 20px 8px 20px;
    position: absolute;
    z-index: 99;
}

.bg-none {
    background: none;
}

.trackorders {
    width: 143px;
    height: 33px;
    border-radius: 9px;
    border-right: 0;
    position: relative;
    left: 19%;
    border: 1px solid #D1D3D4;
    z-index: 4;
    font-size: .8em;
}

.d-none {
    display: none !important;
}

.mar-left-5 {
    margin-left: 5px;
}

.ltr-sp-1p5 {
    letter-spacing: 1.5px;
}

.ltr-sp-1p {
    letter-spacing: 1px;
}

.ltr-sp-1p2 {
    letter-spacing: 1.2px;
}

.ltr-sp-0p5 {
    letter-spacing: 0.5px;
}

.mar-tb-15 {
    margin: 15px 0
}

.align-item-center {
    display: flex;
    justify-content: center;
}

.view-pill-btn {
    position: relative;
    /* border: solid .1px #8d7777;*/
    /* border-radius: 15px;*/
    cursor: pointer;
    /*padding: 2px 12px 2px 12px;*/
    /*font-size: 12px;*/
    /*line-height: 20px; */
}

.prod-history-t-header {
    text-align: center;
    /* font-weight: 600; */
    font-family: 'ITCAvantGardePro-demi';
    /* PS-26775 Consolidation of Global CSS */
}

.grey-lighter-1 {
    color: #ccc;
}

@font-face {
    font-family: 'Arial Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('ARIAL.woff') format('woff');
}

@font-face {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow'), url('ARIALN.woff') format('woff');
}

@font-face {
    font-family: 'Arial Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Italic'), url('ARIALI 1.woff') format('woff');
}

@font-face {
    font-family: 'Arial Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Italic'), url('ARIALI.woff') format('woff');
}

@font-face {
    font-family: 'Arial Narrow Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Italic'), url('ARIALNI.woff') format('woff');
}

@font-face {
    font-family: 'Arial Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium'), url('ArialMdm.woff') format('woff');
}

@font-face {
    font-family: 'Arial Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium Italic'), url('ArialMdmItl.woff') format('woff');
}

@font-face {
    font-family: 'Arial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('ARIALBD 1.woff') format('woff');
}

@font-face {
    font-family: 'Arial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('ARIALBD.woff') format('woff');
}

@font-face {
    font-family: 'Arial Narrow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Bold'), url('ARIALNB.woff') format('woff');
}

@font-face {
    font-family: 'Arial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold Italic'), url('ARIALBI 1.woff') format('woff');
}

@font-face {
    font-family: 'Arial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold Italic'), url('ARIALBI.woff') format('woff');
}

@font-face {
    font-family: 'Arial Narrow Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Bold Italic'), url('ARIALNBI.woff') format('woff');
}

@font-face {
    font-family: 'Arial Black';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black'), url('ARIBLK.woff') format('woff');
}

@font-face {
    font-family: 'Arial Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black Italic'), url('ARIALBLACKITALIC.woff') format('woff');
}

@font-face {
    font-family: 'Arial Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Regular'), url('ARIALLGT.woff') format('woff');
}

@font-face {
    font-family: 'Arial CE Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Regular'), url('ArialCE.woff') format('woff');
}

@font-face {
    font-family: 'Arial CE MT Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE MT Black Regular'), url('ArialCEMTBlack.woff') format('woff');
}

@font-face {
    font-family: 'Arial CE Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Bold'), url('arialceb.woff') format('woff');
}

@font-face {
    font-family: 'Arial Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Italic'), url('ARIALLGTITL.woff') format('woff');
}

@font-face {
    font-family: 'Arial CE Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Italic'), url('ArialCEItalic.woff') format('woff');
}

@font-face {
    font-family: 'Arial CE Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Bold Italic'), url('ArialCEBoldItalic.woff') format('woff');
}

/* header fonts */
.bold-ft {
    font-family: ITCAvantGardePro-Bold, Arial Bold;
}

.light-ft {
    font-family: ITCAvantGardePro-Bk;
}

.ft-md {
    font-family: 'ITCAvantGardePro-Md';
}

.ft-demi {
    font-family: 'ITCAvantGardePro-demi';
}

/* header fonts */
/* font weight */
.ft-w-b {
    font-weight: bold;
}

.ft-w-6 {
    font-weight: 600;
}

.ft-w-5 {
    font-weight: 500;
}

.ft-w-4 {
    font-weight: 400;
}

.ft-w-1 {
    font-weight: 100;
}

/* text transform */
.ft-upc {
    text-transform: uppercase;
}

.ft-loc {
    text-transform: lowercase;
}

.ft-capital {
    text-transform: capitalize;
}

.ft-32p {
    font-size: clamp(24px, 8vw, 32px);
}

.ft-28p {
    font-size: 28px;
}

.ft-24p {
    font-size: clamp(18px, 2vw, 24px);
}

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

.ft-20p {
    font-size: 20px;
}

.ft-18p {
    font-size: 18px;
}

.ft-16p {
    font-size: 16px;
}

.ft-14p {
    font-size: 14px;
}

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

.ft-10p {
    font-size: 10px;
}

.ft-8p {
    font-size: 8px;
}

/* pragraph fonts */
/* Theme text color */
.txt-green {
    color: #628e83;
}

.txt-green-light {
    color: #53b175;
}

.txt-green-dark {
    color: #2a544a;
}

.txt-black {
    color: #414042;
}

.txt-orange {
    color: #f47a44;
}

.txt-gray {
    color: #989898;
}

.txt-gray-light {
    color: #808080;
}

.txt-gray-dark {
    color: #808080;
}

.txt-white {
    color: #fff;
}

.txt-warning {
    color: #ed1010;
}

.underline-txt {
    text-decoration: underline;
}

.ln-ht-1p5 {
    line-height: 1.5
}

/* Theme text color */
/* Theme background background-color */
.bg-green {
    background-color: #628e83;
}

.bg-black {
    background-color: #414042;
}

.bg-orange {
    background-color: #f47a44;
}

.bg-grey {
    background-color: #808080;
}

.bg-lt-grey {
    background-color: #f5f5f5;
}

.bg-white {
    background-color: #fff;
}

/* Theme background background-color */
/* theme buttons */
.primary-btn {
    /* text-align: center; WR-64892 Consolidation of Global CSS - Button Standardization */
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    /* padding: 5px 30px 5px 30px; */
    /*padding: 0 2rem;*?
    /*line-height: 36px;*/
    /*height: 36px; */
    line-height: 1.42857143;
    /*border-radius: 3rem; WR-64892 Consolidation of Global CSS - Button Standardization */
    /* letter-spacing: 1px; WR-64892 Consolidation of Global CSS - Button Standardization */
    /* font-size: 12px;WR-64892 Consolidation of Global CSS - Button Standardization */
    /* PS-26775 Consolidation of Global CSS */
    /* font-family: 'ITCAvantGardePro-Bk'; WR-64892 Consolidation of Global CSS - Button Standardization */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .btn-green {
    background-color: #628e83;
    color: #fff !important;
}

 .btn-orange {
    background-color: #f47a44;
    color: #fff ; 
}

.btn-yellow {
    background-color: #ffc841;
    color: #000 !important;
    font-family: 'ITCAvantGardePro-Md';
} */
.btn-orange-txt {
    border: solid 1px #ccc !important;
    color: #f47a44 !important;
    background-color: transparent;
}

.btn-black {
    background-color: #414042;
    color: #fff;
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .btn-grey {
    background-color: #808080 !important;
    color: #fff;
}

.btn-white {
    background-color: #fff;
    color: #414042;
} */
.btn-secondary {
    background-color: #fff;
    border: solid #D1D3D4 1px;
}

.btn-secondary:hover {
    background-color: #D1D3D4;
}

/* theme buttons */
/* width in percent */
.wd-100 {
    width: 100%;
}

.wd-90 {
    width: 90%;
}

.wd-70 {
    width: 70%;
}

.wd-50 {
    width: 50%;
}

.wd-40 {
    width: 40%
}

.wd-20 {
    width: 20%
}

/* width in percent */
/*width auto */
.wd-auto {
    width: auto !important;
}

/*width auto */
/* margin in percent */
.mar-left-5 {
    margin-left: 5%
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.content-align-center {
    display: flex;
    justify-content: center;
}

.vertical-center {
    vertical-align: middle;
}

.mr-tp-3r {
    margin-top: 3rem;
}

.mr-tp-2r {
    margin-top: 2rem;
}

.mr-bt-3r {
    margin-bottom: 3rem;
}

.mr-bt-2r {
    margin-bottom: 2rem;
}

.mr-lt-1r {
    margin-left: 1rem;
}

.mr-lt-25p {
    margin-left: 25px !important;
}

.mr-rt-25p {
    margin-right: 25px !important;
}

/* floats */
.float-rt {
    float: right;
}

.float-lt {
    float: left;
}

/* zero padding */
.pd-rt-zero {
    padding-right: 0
}

.pd-lt-zero {
    padding-left: 0;
}

.pd-tp-zero {
    padding-top: 0
}

.pd-bt-zero {
    padding-bottom: 0;
}

.pd-zero {
    padding: 0;
}

.no-ft-wt {
    font-weight: normal;
}

/* unset padding */
.pd-unset {
    padding: unset;
}

.pd-rt-unset {
    padding-right: unset;
}

.pd-lt-unset {
    padding-left: unset;
}

#navigation-bar {
    min-height: 35px;
}

.pd-lt-15p {
    padding-left: 15px !important;
}

.pd-rt-15p {
    padding-right: 15px !important;
}

.pd-rt-8p {
    padding-right: 8px;
}

.vertical-middle {
    vertical-align: middle;
}

.subQuote:hover {
    text-decoration: underline;
}

.wishlistModal .modal-header {
    font-family: ITCAvantGardePro-Bold;
    background: #f47a44;
    color: #fff;
    font-size: 16px !important;
    letter-spacing: 1px;
}

#wishListInvitePop .account-pages .form_row {
    padding: 0;
}

.wishList-Input {
    padding: 10px;
}

.modal-ftr-btn {
    width: 130px;
}

.btn-wd-100p {
    width: 100px;
}

.btn-wd-170p {
    width: 170px
}

#new_globalerrorpopup .modal-dialog {
    width: fit-content;
}

.home-btn {
    width: 170px;
}

.home-txt {
    font-size: 28px;
}

.header_content {
    position: relative;
    max-height: 110px;
    overflow: hidden;
    transition: .2s ease-in-out;
    line-height: 1.42857143;
    text-align: justify;
    background: linear-gradient(black 70%, transparent);
    -webkit-background-clip: text;
    color: black;
}

.btn_style {
    background: none;
    border: none;
    margin: 20px 10px;
}

.expandable_content_toggle i {
    transition: transform 0.5s ease;
}

.expandable_content_toggle:hover i {
    transform: rotate(45deg);
}

.cat-view {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.img-outline {
    max-width: 100%;
    border: 1px solid #ffc841;
    border-radius: 20px;
}

/* #10 - Remove the extra space in account settings */
.account-pages .margin-container {
    margin-bottom: 0px !important;
}

.PROD .panel-body {
    padding: 15px 0px;
}

.PROD .active .fa-caret-down {
    color: #414042;
}

.pagecord {
    padding: 0px 25px 25px 25px;
    /* R-50002 */
}

.custlisting ul li ul li:before, .custlisting ul li:before {
    content: "â—‹";
}

/* ipad portrait css here */
@media (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
    .track-wrap .trackorders {
        /*  width: 240px; */
    }
}

/* ipad portrait css here ends*/
@media (min-width: 992px) and (max-width: 1200px) {
    #CustomerMenu.readytheme-contentsection .col-xs-12.col-sm-12.col-md-9.col-lg-9.c-menu {
        /* width: 73% !important;  */
    }

    #CustomerMenu.readytheme-contentsection .col-xs-12.col-sm-12.col-md-9.col-lg-9.c-menu .nav>li>a {
        /* padding: 10px */
    }
}

@media (min-width: 1020px) and (max-width:1160px) {
    .account-pages .margin-container .col-xs-12.col-sm-12.col-md-9.col-lg-9.c-menu {
        /* width: 100% !important; */
    }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .wsvclass .track-wrap .trackorders {
        /* width: 380px; */
        /* left: 20%; */
    }

    .track-wrap {
        /* margin-bottom: 10px; */
    }

    .track-wrap .trackorders {
        /* width: 240px; */
    }

    .addnewAddressContainer {
        /* text-align: right; */
    }

    .tb-ft-12 {
        /* font-size: 12px; */
    }
}

@media only screen and (max-width: 767px) {
    .mb-ft-24p {
        font-size: 24px;
    }

    .mb-ft-20p {
        font-size: 20px;
    }

    .mb-ft-18p {
        font-size: 18px;
    }

    .mb-ft-16p {
        font-size: 16px;
    }

    .mb-ft-12p {
        font-size: 12px;
    }

    .mb-ft-14p {
        font-size: 14px;
    }

    .mb-ft-10p {
        font-size: 10px;
    }

    .mb-ft-9p {
        font-size: 9px;
    }

    .mb-ft-22p {
        font-size: 22px;
    }

    .mb-pd-zero {
        padding: 0
    }

    .view-pill-btn {
        border: none;
    }

    #minibsk .minibsk-holder {
        position: fixed;
        right: 0;
        top: unset;
        min-width: initial;
        max-width: 95vw;
        width: 320px;
    }

    #new_globalerrorpopup .modal-dialog {
        width: auto !important;
    }

    .btn-wd-170p {
        width: 100%;
    }

    .contact-page h1 {
        font-size: 28px;
        margin: 20px 0;
    }

    .contact-page .cont-text h3 {
        font-size: 12px;
    }
}

.truncate {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#reviewoderTabContent .revieworderContent {
    word-break: break-all;
}

/* margins */
.mar-zero {
    margin: 0 !important;
}

/*cursor */
a, input[type=radio], input[type=checkbox] {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.sort-by-options-wrapper {
    z-index: 9999;
}

/* code from aveto-global.css end */
/* code from aveto.css start */
#navigation-bar .navigation-background #menu-shopbymarket {
    margin-left: 15%;
}

/* Task R-85383 -  Commented below code because added separate width for shopbymarket and shopbyshelves blow this */
/* #navigation-bar .navigation-background #menu-shopbymarket .menucontainer ,#navigation-bar .navigation-background #menu-shopbyshelves .menucontainer{
    width: 50%; 
} */
#navigation-bar .navigation-background #menu-shopbymarket .menucontainer {
    width: 50%;
}

#navigation-bar .navigation-background #menu-shopbyshelves .menucontainer {
    width: 100%;
}

.content-text {
    white-space: normal;
}

div#navigation-bar .navigation-background .container.fullwidthmenu .dropdown-align {
    padding: 5px 20px !important;
    border: 7px solid #2B5249 !important;
}

#navigation-bar .navigation-background .container {
    /* max-width: 75%; */
}

.owl-dot:hover span {
    background: #D6D6D6 !important;
}

.product-details .addtocartbtns.btn-orange {
    min-width: 55px;
    padding: 7px 12px 5px 12px;
}

.product-details .addtocartbtns.btn-orange img {
    max-width: 50%;
    margin: 0 auto;
    color: #ffffff;
}

/* homedelivery popup css here */
#new_globalerrorpopups .modal-dialog {
    width: 50%;
}

#new_globalerrorpopups .modal-body {
    padding: 25px 25px 0px 25px;
}

#new_globalerrorpopups .modal-footer {
    padding: 20px;
}

/* homedelivery popup css ends here */
/* slide css here */
#navigation-bar .navigation-background.shopbyorigin.active #menu-shopbyorigin {
    left: 15%;
}

#menu-shopbyorigin, #menu-shopbymarket, #menu-shopbyshelves {
    top: 45px;
}

.just_txt {
    text-align: center;
}

.just_txt>span {
    color: #00594f;
    font-weight: 700;
    font-size: 18px;
}

.just_txt img {
    max-width: 12px;
    margin-top: -17px;
    margin-left: 5px;
}

.just_txt .justimg {
    max-width: 16px !important;
    margin-top: -17px;
    margin-left: 5px;
}

.just_txt {
    margin-top: 10px;
}

.retail_threeBee .membership_parents img {
    max-width: 94%;
}

#navigation-bar .navigation-background.shopbycategory.active #menu-shopbycategory {
    top: 50px;
    z-index: 9999;
}

#navigation-bar .box, #navigation-bar .box1, #navigation-bar .box_ORG {
    z-index: 1;
    position: fixed;
    background: #2B5249;
    width: 100% !important;
    left: 0;
    top: auto;
    height: 75%;
}

/*changes:- top: 58 - 165px; */
.box_Menu {
    overflow: hidden;
    z-index: 1;
    position: fixed;
    background: #2B5249;
    width: 80% !important;
    left: 0;
    top: 160px;
    height: 100%;
}

.box.width, .box1.width, .box_ORG.width {
    padding: 0 30px 30px 30px;
    overflow: auto;
}

.img_wraped {
    padding: 40px 0;
    text-align: center;
    border-bottom: 1px solid #ffc841;
    display: inline-block !important;
    width: 100% !important;
}

.head_wrapped {
    padding: 10px 0;
    display: inline-block !important;
    width: 100% !important;
}

.fa-angle-left.slide-left, .fa-angle-left.slide-left1, .fa-angle-left.slide-left_ORG {
    margin-left: 30px;
    font-size: 40px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0px;
}

/* #624  - margin change for responsive 20 to 30 and top to 0px*/
#mobile_deals_menu .origin-right {
    font-size: 22px;
    position: relative;
    top: 2px;
    margin-left: 10px;
}

/* #624 */
.box-inner {
    display: inline-block !important;
    width: 100% !important;
    overflow: auto;
    color: #ffc841;
    font-size: 22px;
    margin: 0px;
}

/* #624  - margin change for responsive 25 to 15*/
.box-inner .navigation-links {
    min-height: 50px;
    color: #ffffff;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 48% !important;
    float: left;
}

.box-inner .navigation-links .parentnavlinks img {
    float: left;
    margin-right: 5px;
    position: absolute;
    left: -1px;
    top: 0;
}

.box-inner .navigation-links .parentnavlinks {
    font-size: 12px;
    display: inline-block;
    padding-left: 35px;
}

.box-inner .col-xs-12 {
    padding: 0 !important;
    margin: 0;
}

.box1 .box-inner h4, .box_ORG .box-inner h4 {
    text-align: left;
    padding-bottom: 20px;
    font-size: 24px;
    font-family: ITCAvantGardePro-Bk !important;
    font-weight: 300;
    margin-left: 30px;
}

/* #624 added margin 30px  */
.box .box-inner h4 {
    padding-bottom: 20px;
    font-size: 24px;
    font-family: ITCAvantGardePro-Bk !important;
    font-weight: 300;
}

/* slide css here ends*/
.taste_main_wrap {
    overflow: hidden;
}

.addrFiled {
    margin-top: 10px;
    margin-left: 5px;
}

/* order status fail starts here */
.GUEST-ORD .form-groups {
    margin-bottom: 15px;
}

.progress-value.fail {
    width: 100% !important;
}

.redClose {
    display: none;
    float: right;
    margin-top: -2px;
}

#orderStatus .fail .redClose {
    display: inline-block;
    float: right;
}

#orderStatus .fail .progress-current {
    display: none;
}

#orderStatus .fail .progress-value {
    width: 100% !important
}

.del_fail>p {
    max-width: 130px;
    text-align: center;
    float: right;
    padding-right: 10px;
}

/* order status fail ends here */
/* home page delicious-carousel fixes */
.SFNT .meat-carousel .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 60px;
}

.SFNT .meat-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

.SFNT .meat-carousel .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.SFNT .meat-carousel .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

.SFNT .meat-carousel .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.SFNT .meat-carousel .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

.SFNT .meat-carousel .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

.SFNT .featured-categories .delicious-carousel .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 60px;
}

.SFNT .featured-categories .delicious-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

.SFNT .featured-categories .delicious-carousel .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.SFNT .featured-categories .delicious-carousel .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

.SFNT .featured-categories .delicious-carousel .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.SFNT .featured-categories .delicious-carousel .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

.SFNT .featured-categories .delicious-carousel .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

/* home page delicious-carousel fixes ends*/
/*threebee nav css here */
#membership_card .membership_card {
    overflow: hidden;
}

#navigation-bar .navigation-background.shopbyorigin.active #menu-shopbyorigin {
    z-index: 9999;
}

div.retail_threeBee {
    padding: 0 !important;
    background: #00594f !important;
    border: 8px solid #ef8450 !important
}

div#menu-shopbyorigin .menucontainer .navigation-links {
    min-width: 180px !important;
}

#navigation-bar .navigation-background #menu-shopbyorigin .retail-guest .navigation-links {
    min-width: 180px !important;
}

.RG_market img {
    margin-top: 20px;
}

.RG_market {
    z-index: 99999;
    min-width: 600px;
    position: absolute;
    background: #ffffff;
    display: none;
    left: 20%;
    top: 50px;
    padding: 10px;
    padding: 30px 20px;
    border: 7px solid #2B5249 !important;
}

#navigation-bar .navigation-background a#shopbycategory .fa, #navigation-bar .navigation-background a#shopbyorigin .fa {
    right: 7px !important;
}

.selves:hover #menu-shopbycategory {
    display: inline-block !important;
}

#navigation-bar {
    top: -15px !important;
}

#navigation-bar .navigation-background a .fa {
    margin-right: -5px;
}

div.shownavbar a:hover {
    background: #2B5249;
    color: #ffffff !important;
}

div .shownavbar a, .shownavbar a:visited {
    margin: 0 15px 0 0;
}

.shownavbar a {
    padding: 14px 10px;
    margin: 0;
    line-height: 40px;
}

#navigation-bar .navigation-background.shopbycategory.active a#shopbycategory {}

#navigation-bar .navigation-background .container.fullwidthmenu .retail-guest .navigation-links>p {
    padding-bottom: 0;
    margin: 0;
}

.retail-guest .bor-right {
    border-right: 1px solid #414141;
}

.retail-guest .mark-right {
    padding: 6px 6%;
}

div#navigation-bar .navigation-background .container.fullwidthmenu .menucontainer {
    padding: 30px 20px !important;
    border: 7px solid #2B5249 !important;
}

/*.threebee_nav_banner{max-width: 290px;padding: 0px 10px 20px 10px;}*/
.threebee_nav_banner {
    max-width: 530px;
    padding: 0px 10px 0px 10px;
}

.threebee_nav_banner h3 {
    margin-bottom: 10px !important;
    color: #2B5249;
    margin: 0;
    font-size: 24px;
    font-family: ITCAvantGardePro-Bold !important;
}

.threebee_nav_banner h3>span {
    color: #F47A44
}

.threebee_nav_banner>p {
    color: #414042;
    font-size: 13px;
    white-space: break-spaces;
}

#navigation-bar .navigation-background .container.fullwidthmenu .retail-guest .navigation-links {
    min-width: 235px !important;
    margin-bottom: 10px;
}

/*threebee nav css ends */
/*product popup close button fix*/
.PROD #closeup_close {
    position: absolute;
    right: 16px;
    top: 42px;
}

/* one page checkout css here */
.bask-right-content .item-name {
    font-family: ITCAvantGardePro-md;
}

.bask-right-content .options-row {
    font-family: ITCAvantGardePro-md;
}

.bask-right-side {
    margin-top: 10px;
    background: #ffffff;
}

.customer_po input {
    font-weight: 300;
    font-family: ITCAvantGardePro-Bk;
    background-color: #fff;
    border: solid 1px #d1d3d4;
    padding: 10px 5px;
    margin: 0;
    border-radius: 5px;
    line-height: 20px;
    width: 100%;
}

.customer_po p {
    text-align: left;
}

.revorder p {
    font-family: 'ITCAvantGardePro-Md';
}

.margin5 {
    margin: 0 10px;
}

.whitebgbtn {
    background: #ffffff !important;
    border: solid #D1D3D4 1px;
}

/* PS-26775 Consolidation of Global CSS */
/* one page checkout css ends here */
#unavailable-modal .close.closeCss .material-icons {
    display: none !important;
}

#unavailable-modal .close {
    top: 20px !important;
    height: 19px;
    width: 18px;
    top: 0px !important;
    right: -20px !important;
    background-repeat: no-repeat !important;
    background-size: 100%;
    background: url(/Merchant5/graphics/00000001/3/CloseButton.png) !important;
}

.ACEDS.account-pages #editcard-details {
    max-height: 430px;
    overflow: auto;
}

.ACEDS.account-pages .edit-payment-modal .modal-dialog {
    min-width: 480px;
}

.ACEDS.account-pages .edit-payment-modal .edit-payment-modal-body {
    padding: 50px 20px;
}

.modal-open .global-header-wrapper {
    z-index: 999 !important;
}

.static-pages.no-touch.modal-open, body.no-touch.modal-open {
    overflow: hidden;
}

.ordguide .modal-dialog, .ORDHP .modal-dialog, #orderhistory-modal .modal-dialog, .estimate-total .modal-dialog, #Profile-popup .modal-dialog, #upload-tax-exemption .modal-dialog, .addressbook-container .modal-dialog, #Edit-Bank-information .modal-dialog, #ACC_OPT_1 .modal-dialog, #ACC_OPT_2 .modal-dialog, #ACC_OPT_3 .modal-dialog, .CTGY .modal-dialog, .WLST .modal-dialog, .WISH .modal-dialog, .BASK .modal-dialog, #clearCartModal .modal-dialog, #EST-RESTOCK .modal-dialog, #EST-SHIPPING .modal-dialog {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: auto !important;
}

#navigation-bar .navigation-background .container.fullwidthmenu .navigation-links {
    max-width: 200px;
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.BASK .prog-cat .prods-listing.owl-carousel.owl-theme .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.BASK .prog-cat .prods-listing.owl-carousel.owl-theme .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.CTGY .modal-dialog .gridProducts .owl-next .fa, .SRCH .modal-dialog .gridProducts .owl-next .fa {
    filter: brightness(0.1) !important;
}

.CTGY .modal-dialog .gridProducts .owl-prev .fa, .SRCH .modal-dialog .gridProducts .owl-prev .fa {
    filter: brightness(0.1) !important;
}

#navigation-bar .navigation-background .container {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.CTGY .sub-ctgy-content .sort-by-options, .SRCH .srch-content .sort-by-options {
    font-size: 11px;
}

/* wish list popup model starts */
#wishListInvitePop.wishlistModal .modal-content, #wishListPop.wishlistModal .modal-content, #wishFolderPopEdit .modal-content {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.substitutionmodal .modal-dialog {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
}

.ACON .global-header-wrapper {
    z-index: 1000 !important;
}

.track_btn {
    min-width: 150px;
}

.SRCH .product-item-new {
    /* min-height: 480px; */
}

.SRCH .modal-body .product-item-new {
    min-height: auto;
}

/*#category-listing .productCardContainer .product-item-new {
    min-height: 480px;
    margin: 0;
}*/
/* new product design */
.product-card {
    background: #ffff;
    box-sizing: border-box;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}

/* new product design */
#wishListPop select {
    padding: 5px 15px;
    height: auto;
}

#wishListPop .modal-header, #wishListInvitePop .modal-header {
    background: transparent;
    color: #f47a44;
    border: none;
    padding: 15px 10px 0 17px;
    font-size: 18px !important;
}

#wishListPop .wldescoverlay {
    display: none;
}

#wishListPop .modal-header .material-icons, #wishListInvitePop .modal-header .material-icons {
    color: #f47a44;
    font-weight: 700;
    display: none;
}

div#wishListPop .modal-content .close {
    top: 46%;
    right: -4px;
}

#wishListPop.wishlistModal input {
    min-height: 35px;
    margin-bottom: 0;
}

#wishListPop.wishlistModal input[type=text], #wishListPop.wishlistModal textarea {
    border-radius: 5px;
}

#wishListInvitePop.wishlistModal input {
    min-height: 35px;
    margin-bottom: 0;
}

#wishListInvitePop.wishlistModal input[type=text], #wishListInvitePop.wishlistModal textarea {
    border-radius: 5px
}

#wishListPop.wishlistModal .form_row input, #wishListPop.wishlistModal .form_row select {
    border-radius: 5px;
    font-size: 14px;
}

#wishListInvitePop.wishlistModal .form_row input, #wishListInvitePop.wishlistModal .form_row select {
    border-radius: 5px;
    font-size: 14px;
}

#wishListInvitePop .form_row {
    padding: 0;
}

/* wishlist poduct page changes */
#category-listing.wishlistitems .product-item .product-details {
    border: none;
    text-align: center;
}

#category-listing.wishlistitems .product-item .product-details .product-name {
    min-height: auto;
    max-height: 2.1em;
    margin-top: 10px;
    border-top: solid 1px #D1D3D4;
}

#category-listing.wishlistitems .product-details .product-detail-wrapper {
    min-height: 230px;
}

#category-listing.wishlistitems .product-item .product-details .product-name a {
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* wishlist poduct page changes ends*/
.notfind-text {
    font-size: 20px;
    display: inline-block;
    width: 100%;
    font-family: ITCAvantGardePro-Bk;
    text-align: center;
    margin-top: 50px;
}

/* edit wishlist popup*/
div#wishFolderPopEdit .modal-header {
    background: transparent !important;
    color: #f47a44 !important;
    border: none;
    padding: 15px 10px 0 17px;
    font-size: 18px !important;
}

div#wishFolderPopEdit .modal-header .material-icons {
    color: #f47a44 !important;
    font-weight: 700 !important;
    display: none;
}

div#wishFolderPopEdit input[type=text] {
    margin-bottom: 0;
    min-height: 35px;
}

/* text over flow for popup header*/
#wishFolderPopEdit .modal-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 600px;
}

#wishFolderPopEdit .close.edit-Close-btn {
    position: fixed;
}

/* text over flow for popup header ends*/
/* wish list popup model ends */
/* close btn css here */
/*.modal-content .close {
top: 26px;
height: 21px;
width: 26px;
right: 0;
background-repeat: no-repeat !important;
background-size: 100%;
background: url(/Merchant5/graphics/00000001/3/CloseButton.png);
}*/
#gestmyordermodalmodal .modal-content .close, #wishListPop .modal-content .close, #wishFolderPopEdit .modal-content .close, #wishListInvitePop .modal-content .close, #share-basket .modal-content .close, #cartitemdisableditemmodal .modal-content .close, #acc_options .modal-content .close, #accountpopup .modal-content .close, #exampleModal .modal-content .close, .substitutionmodal .modal-content .close, #waitList .modal-content .close, .modal-content .close, #keepitcold .modal-content .close, #add_new_address .modal-content .close, .modal-dialog .modal-content .close, .minibaskclose .close, #delete_row, .newLoginContent .close {
    top: 20px !important;
    height: 21px;
    width: 18px;
    right: -3px !important;
    background-repeat: no-repeat !important;
    background-size: 100%;
    background: url(/Merchant5/graphics/00000001/3/CloseButton.png);
}

.account-pages#acc_options .modal-content .close {
    right: -3px;
    top: 20px;
}

#cartitemdisableditemmodal.modal .modal-content, #shipping-estimate-modal.modal .modal-content {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* close btn css ends */
/* mobile css here */
@media only screen and (min-width: 1040px) {

    /* trrp new btn changes */
    .SFNT .trrpbtn.createAccountBtnBusiness, .SFNT .trrpbtn.AccountLogBtnClick {
        min-width: 270px;
        margin: 0 10px;
    }

    /* trrp new btn changes ends */
}

/* mobile css here */
@media only screen and (min-width: 991px) and (max-width:1030px) {
    #membership_card .membership_card.retail_threeBee {
        border: 5px solid #ef8450 !important;
        margin: 0;
    }

    .retail_threeBee .membership_parents img {
        margin-top: 40px;
    }

    #new_globalerrorpopups .modal-dialog {
        width: 60% !important;
    }

    #navigation-bar .navigation-background.shopbyorigin.active #menu-shopbyorigin {
        left: 0;
    }

    #navigation-bar {
        grid-template-columns: 90.3%;
    }

    .SRCH .product-item-new {
        /* min-height: 480px; */
    }

    .SRCH .product-item-new {
        /* min-height: 460px; */
    }

    /* #category-listing .productCardContainer .product-item-new {
        min-height: 400px;
    } */
}

@media only screen and (max-width: 767px) {
    .ShelfLP .background-container>.container {
        padding: 0px;
    }

    .footer-bg {
        margin-bottom: 20px;
    }

    .ham_menu, .navbar_filter {
        padding: 10px 0px;
    }

    #navigation-bar .mobile-bars {
        position: absolute;
        padding: 20px 0px;
    }

    .mobile-search-wrapper {
        display: flex !important;
        align-items: center;
    }

    .navbarlogo-mobile {
        padding: 22px;
        position: fixed;
        width: 80%;
        z-index: 99;
    }

    #navigation-bar .navigation-background .container .mbllogn a {
        width: 100%;
        float: left;
    }

    body #navigation-bar .navigation-background .shownavbar {
        text-align: left !important;
    }

    .deli-grid .row.pdgridpdgrid {
        margin: 0 !important;
    }

    .product-details .addtocartbtns.btn-orange {
        width: 30px;
        height: 30px;
        min-width: initial;
        padding: 6px;
    }

    #new_globalerrorpopups .modal-dialog {
        width: 95%;
    }

    .mobile-bars-menu {
        position: fixed;
        margin-top: 88px;
        top: 0;
        left: 23px;
        background: #2B5249 !important;
    }

    #navigation-bar .mobile_menu {
        line-height: 50px !important;
        font-size: 20px;
        margin: 0;
        color: #ffffff !important;
        font-family: ITCAvantGardePro-md !important;
        font-weight: initial;
    }

    #myLinks .box_Menu a {
        color: #ffffff !important;
        height: auto;
        line-height: 30px !important;
        font-size: 14px;
        margin: 0;
        padding: 10px 35px !important;
    }

    #myLinks .box_Menu .divider {
        display: none;
    }

    .box_ORG .box-inner .navigation-links p {
        white-space: nowrap;
    }

    #shopbyorigin_mobile {
        display: none !important;
    }

    .slide-right_ORG {
        display: inline-block !important;
    }

    .topnav {
        border-radius: 5px;
    }

    #myLinks a {
        height: auto !important;
        line-height: 20px;
    }

    #myLinks a:hover {
        background: transparent !important;
    }

    #myLinks .divider {
        margin: 0 0 20px 26px;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .navigation-links {
        min-width: 150px !important;
        margin-right: 10px;
        float: left;
    }

    #your-cart-link {
        min-width: 50px;
    }

    /* threebee css here */
    .membership_card {
        overflow: hidden;
    }

    #membership_card .membership_card.retail_threeBee {
        border: 5px solid #ef8450 !important;
        margin: 0;
    }

    .just_txt>span {
        color: #ffffff;
        font-size: 20px;
    }

    .just_txt img {
        max-width: 20px;
        margin-top: -17px;
        margin-left: 3px;
    }

    .just_txt {
        margin-top: 10px;
    }

    #navigation-bar .navigation-background #menu-shopbyorigin {
        top: 0;
    }

    #navigation-bar .navigation-background #menu-shopbyorigin .retail-guest .navigation-links {
        min-width: 150px !important;
        margin-right: 10px;
        float: left;
    }

    .navigation-background {
        padding: 20px;
    }

    .mobmainmenu.mobile_menu.slide-right1 {
        width: 100%
    }

    .slide-right1 {
        display: inline-block !important;
    }

    .shel {
        display: none !important;
    }

    /*mobile green theme */
    #navigation-bar .navigation-background .container.fullwidthmenu .retail-guest .navigation-links {
        float: left;
        width: 48% !important;
        min-width: auto !important;
        margin-right: 4px;
        margin-bottom: 0;
    }

    .navigation-links .parentnavlinks img {
        min-width: 30px;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .retail-guest .navigation-links>p {
        white-space: break-spaces;
    }

    .hello-banner {
        padding: 18px 30px;
    }

    .hello-banner-safari {
        height: 110px
    }

    .navigation-links .parentnavlinks img {
        filter: brightness(0) invert(1);
    }

    .desk_shelves {
        display: none;
    }

    .mob_shelves {
        display: inline-block !important;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer.retail-guest {
        background: #2B5249;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .navigation-links>p {
        margin: 0;
        color: #ffffff !important;
        white-space: break-spaces;
    }

    /*.search-account-basket-wrapper #global-mini-basket-wrapper{top:8px !important;}*/
    .search-account-basket-wrapper #global-mini-basket-wrapper {
        top: 12px !important;
    }

    .mobile-search img {
        /*transform: scaleX(-1.5);*/
        height: 34px !important;
        transform: rotate(-90deg);
    }

    .mobile-search {
        margin-left: 10px;
    }

    /* #global-mini-basket-wrapper{background-color:#ffffff;border-radius: 10px;
    max-width: 75px;min-height: 45px;}*/
    #global-mini-basket-wrapper {
        background-color: #ffffff;
        border-radius: 5px;
        max-width: 100%;
        min-height: inherit;
    }

    .mobile-search img {
        filter: brightness(11);
    }

    /* #navigation-bar .navigation-background .container .mbllogn{border-bottom: 1px solid #ffc841;} */
    #navigation-bar {
        top: 114px !important;
    }

    #navigation-bar .navigation-background .container .mbllogn a {
        padding: 16px 0 0px 0;
        border: none !important;
    }

    /*#navigation-bar,#categories,#navigation-bar .mobile_menu,
    #navigation-bar .navigation-background{background-color: #2B5249 !important;}
    #mobile_deals_menu,#categories a,#shopbyorigin_mobile{color: #ffffff !important;}
    #navigation-bar>.navigation-background>.container>div{margin:0 !important;padding:0 !important;}
    #categories{padding-top:20px;}*/
    #navigation-bar, #categories, .mobile_menu, #navigation-bar>.navigation-background>.container>div, #navigation-bar .navigation-background, #navigation-bar .navigation-background .container.fullwidthmenu {
        background-color: #2B5249 !important;
    }

    .mobile_menu, #navigation-bar .navigation-background .container .mbllogn a, #navigation-bar .navigation-background .container .mbllogn a i, .mobile-bars .fa-bars, .overflow .mobile-bars {
        color: #ffffff !important;
    }

    /*mobile green theme */
    .threebee_nav_banner {
        margin: 0 auto;
    }

    .threebee_nav_banner h3, .threebee_nav_banner p {
        display: none;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer.retail-guest {
        border: none !important;
    }

    /* threebee css here */
    .showOrderInfo .order-summary .sticky a.align-item-center {
        display: inline-block;
        margin: 10px 0 20px 0;
    }

    .ORDS.account-pages .container .margin-container {
        margin-bottom: 0;
    }

    /* trrp new btn changes */
    .SFNT .trrpbtn.createAccountBtnBusiness, .SFNT .trrpbtn.AccountLogBtnClick {
        min-width: 280px;
    }

    /* trrp new btn changes ends */
    #acc_options .modal-body .bold-ft.txt-center br {
        display: none;
    }

    .SRCH .product-item-new {
        /* min-height: 395px; */
    }

    /* #category-listing .productCardContainer .product-item-new {
        min-height: 396px;
    } */
    .action_all_container .wishWrapp .share-basket-btn {
        margin-top: 30px;
        width: 200px;
    }

    .track-wrap .trackorders {
        left: 10px;
    }

    .track-wrap .track_btn {
        margin-left: -10px;
    }
}

@media screen and (min-width: 320px) and (max-width:767px) and (orientation:landscape) {
    .track-wrap .trackorders {
        left: 10px;
    }

    .track-wrap .track_btn {
        margin-left: -10px;
    }
}

/* tablet css */
/* Portrait */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {

    /*threebee nav css here */
    #navigation-bar .navigation-background.shopbycategory.active #menu-shopbycategory {
        width: 97%;
        left: 0
    }

    .threebee_nav_banner h3 {
        font-size: 15px;
    }

    /* 06-12-2023 Fix for internal issue - 390, changed the width from 100 to 85 */
    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer.retail-guest {
        max-width: 100%;
        width: 85%;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .retail-guest .navigation-links {
        float: left;
        min-width: 190px !important;
    }

    /*threebee nav css ends */
}

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

    /*threebee nav css here */
    #navigation-bar .navigation-background.shopbycategory.active #menu-shopbycategory {
        width: 97%;
        left: 0
    }

    .threebee_nav_banner h3 {
        font-size: 15px;
    }

    /* 08-01-2024 Fix for internal issue - 390, changed the width from 100 to 75 */
    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer.retail-guest {
        max-width: 100%;
        width: 75%;
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .retail-guest .navigation-links {
        float: left;
        min-width: 190px !important;
    }

    /*threebee nav css ends */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .ipad-track-wrap .track_btn {
        right: 20px;
    }
}

/* Landscape */
@media only screen and (min-width: 768px) and (max--width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .ipad-track-wrap-landscap {
        float: left;
    }

    .ipad-track-wrap-landscap .track_btn {
        right: 20px;
    }

    .ipad-track-wrap-landscap .trackorder {
        left: -20px;
    }
}

@media (max-width: 320px) {

    /* threebee css here */
    #navigation-bar .navigation-background #menu-shopbyorigin .retail-guest .navigation-links {
        min-width: 130px !important;
    }

    /* threebee css here ends*/
}

#acc_options, #acc_options select {
    font-family: 'ITCAvantGardePro-Bk';
}

select:invalid, select option[value=""], select option[value] {
    color: #414042;
}

/* button css */
/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* #acc_options .btn.focus, #acc_options .btn:focus, #acc_options .btn:hover {
    color: #ffff !important;
    text-decoration: none;
} */
input[type=checkbox], input[type=radio] {
    accent-color: #eb4e08;
}

/* Account Option Css Start */
#acc_options .customer_account_option {
    border: solid 3px #f47a44;
    padding: 5px;
    width: 100%;
    height: auto;
    border-radius: 1rem;
    padding: 0 2% 2%;
}

#acc_options .cont-disp {
    margin: 3% 0%;
}

#acc_options .min-ht {
    min-height: 390px;
}

.ft-30p {
    font-size: clamp(20px, 3vw, 32px);
}

#acc_options .btn-position {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}

#acc_options .text-margin {
    margin: 0px 12%;
}

#acc_options .block-disp {
    margin-bottom: 8%;
}

#acc_options .ft-16p {
    font-size: clamp(11px, 2vw, 16px);
}

#acc_options .cust-ft {
    font-size: clamp(11px, 2vw, 18px);
}

@media (min-width: 1023px) {
    #acc_options .block-disp {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #acc_options .cont-disp {
        margin: 1% 3% 3% 3%;
    }
}

@media (max-width: 1023px) {
    #acc_options .min-ht {
        min-height: 295px;
    }

    #acc_options .text-margin {
        margin: 0;
    }

    #acc_options .customer_account_option {
        padding: 0 7% 10%;
    }

    #acc_options .block-disp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #acc_options .cont-disp {
        width: 620px;
    }
}

@media (max-width: 767px) {
    #acc_options .customer_account_option {
        padding: 0 10% 10%;
    }

    #acc_options .cont-disp {
        width: initial;
    }

    #acc_options .min-ht {
        min-height: 270px;
    }
}

.loaderContainers {
    position: absolute;
    width: 100%;
    max-width: 1364px;
    height: 200vh;
    background-color: #fff;
    opacity: 1;
    overflow: auto;
    z-index: 999;
    top: 170px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.loaders {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #f47a44;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    top: 25%;
    left: 50%;
}

/* Account Option CSS End */
/* Account Error Popup Start */
#accountpopup .modal-dialog {
    width: 500px;
    max-width: 500px;
}

#accountpopup .modal-content {
    border-radius: 8px;
}

#accountpopup .modal-header {
    border: 0;
}

#accountpopup .txtjustify {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .retail_threeBee .membership_parents img {
        margin-top: -10px;
    }

    .ACEDS.account-pages .edit-payment-modal .modal-dialog {
        min-width: 400px;
    }

    .ACEDS.account-pages .edit-payment-modal .modal-content {
        max-width: 97%;
        margin: 0 auto;
    }

    .ACEDS.account-pages .edit-payment-modal .edit-payment-modal-body {
        padding: 50px 8px;
    }

    #mivapay_form .form_row label {
        width: 120px;
    }

    #accountpopup .modal-dialog {
        width: auto;
        max-width: 500px;
    }
}

/* Account Error Popup End */
/* Account Terms Message Start */
#accoptmessage .modal-dialog {
    width: 500px;
    max-width: 500px;
}

#accoptmessage .modal-content {
    border-radius: 8px;
    font-size: 16px;
}

#accoptmessage .modal-header {
    border: 0;
}

#accoptmessage .modal-body {
    background-color: #fff;
    border-radius: 8px;
    margin: 5px auto 20px 0;
}

#accoptmessage .txtjustify {
    text-align: justify;
}

#accoptmessage .modal-footer {
    min-height: auto;
    padding: unset;
    height: 35px;
    border-bottom: none !important;
}

#accoptmessage .modal-footer .btn {
    visibility: hidden;
}

/* Account Terms Message End */
.modal-body {
    border-radius: 8px;
}

.modal-open .modal {
    z-index: 9999999;
}

#acc_options input, #acc_options select {
    line-height: initial !important;
}

#closeup_div {
    z-index: 99999;
}

/* code from aveto.css end */
/* code from aveto-btns.css start */
.btn-height {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
}

.btn-transparent {
    background-color: transparent;
}

.bt-wd-300p {
    min-width: 300px;
    width: 300px;
}

.btn-orange-border {
    border: solid 2px #ff5722;
    border-radius: 8px;
}

div.prod-card-btn.btn-orange.focus, div.prod-card-btn.btn-orange.btn:focus, div.prod-card-btn.btn-orange.btn:hover {
    color: #ffffff !important;
}

.mm_facet_checkbox {
    accent-color: #ff5722;
}

[color-scheme="light"] .mm_facet_checkbox {
    accent-color: #ff5722;
}

.gg-shape-triangle {
    position: absolute;
    top: -17px;
    right: 44%;
    display: flex;
    transform: scale(var(--ggs, 1));
    width: 22px;
    background: #FFF;
    height: 17px;
    border-left: 3px solid transparent;
    border-bottom: 3px solid #fff;
}

.gg-shape-triangle, .gg-shape-triangle::before {
    display: flex;
    box-sizing: border-box;
    border-right: 3px solid transparent;
    justify-content: center;
    z-index: 9999999;
}

.gg-shape-triangle::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 3px solid;
    border-top: 3px solid;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg) skew(10deg, 10deg);
    left: -2px;
    bottom: -13px;
    z-index: 99999;
}

.minibsk-holder .basket-qty-input {
    border: none;
    font-weight: bold;
    font-size: 16px;
    font-family: arial;
    width: inherit;
    height: auto !important;
    background: no-repeat;
}

/* @font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.loading::after {
    display: inline-block;
    animation: dotty steps(1, end) 1s infinite;
    content: '';
}

@keyframes dotty {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }

    100% {
        content: '';
    }
}

/* code from aveto-btns.css end */
/*code added for new cat landing page and deals */
.pad24 {
    padding: 24px;
}

.pad15 {
    padding: 15px;
}

/* PS-26775 Consolidation of Global CSS */
.header1 {
    font-family: ITCAvantGardePro-Bold;
    font-size: 28px;
    margin: 64px 0px 24px 0px;
}

/* changed the margin to margin-top */
.titles {
    margin: 64px 0px 24px 0px;
    /* R-50002 */
}

.SFNT .titles {
    font-size: 28px;
    text-transform: unset;
    margin: 64px 0px 24px 0px;
    /* R-50002 */
}

.SFNT .productListing {
    /*padding: 0px;*/
}

/* changed the margin to margin-top */
#coupondeals .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

/* policy css start */
.policyTitle {
    font-family: ITCAvantGardePro-Bold;
    margin: 64px 0px 24px 25px;
    /* PS-26775 Consolidation of Global CSS */
}

.bask-container {
    margin-top: 10px;
}

.custlisting ul li {
    margin-bottom: 16px;
    /* line-height: 1.5; WR-44711 FAQ Content */
}

/* policy css end */
/* new popup close button*/
.newclose {
    position: absolute;
    right: 28px;
}

/* model content css */
.modal-content {
    padding: 20px;
}

.modal-body {
    padding: 0px
}

#coupondeals .owl-theme .owl-nav {
    position: absolute;
    top: -55px;
    right: 0;
}

.couponcard-image img {
    border-radius: 15px;
    box-shadow: rgb(131 121 121 / 24%) 0px 3px 7px 5px;
    border: solid 5px #fff;
    width: 300px !important;
    height: 200px;
}

.categorycard img {
    border-radius: 15px;
}

#shelfcoupoons .owl-stage {
    margin: 15px 0
}

/*.couponcard-image { width:200px;height:200px; }*/
.cat-divider {
    border-bottom: solid 4px;
    margin: 20px 0;
    color: #ffcc3f;
}

.firstcategory .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 35%;
}

.firstcategory .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

.firstcategory .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.firstcategory .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

.firstcategory .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.firstcategory .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

.firstcategory .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

.secondcategory .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 35%;
}

.secondcategory .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

.secondcategory .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.secondcategory .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

.secondcategory .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.secondcategory .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

.secondcategory .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

#main-blog .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 35%;
}

#main-blog .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

#main-blog .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

#main-blog .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

#main-blog .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

#main-blog .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

#main-blog .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

.MSHIP .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 35%;
}

.MSHIP .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

.MSHIP .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.MSHIP .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

.MSHIP .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.MSHIP .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

.MSHIP .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

#savedforlaterlists .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 35%;
}

#savedforlaterlists .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

#savedforlaterlists .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

#savedforlaterlists .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

#savedforlaterlists .owl-nav .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

#savedforlaterlists .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
}

#savedforlaterlists .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
}

.copycode {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    text-align: center;
    border-radius: 0 0 15px 15px;
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .disabledbutton {
    color: #ccc !important;
    pointer-events: none !important;
} */
.disabledbuttonwrapper {
    cursor: not-allowed !important;
}

/*code added for new cat landing page and deals */
html, body {
    /*overflow-x: hidden;*/
    touch-action: pan-x pan-y;
}

/* need to change in the styles.2020 file 
.global-header-wrapper {
  position: relative !important;
}
 need to change in the styles.2020 file 
		
.noscroll {	
  overflow-y:hidden !important;	
}	
*/
#navigation-bar {
    display: inline-block;
    text-align: right;
    /* WR-00265 Changed from center to right */
}

.owl-theme .owl-dots .owl-dot.active span, .owl-dot:hover span {
    background: #ffc841 !important;
}

.learnmore:hover, .vipRewards:hover {
    text-shadow: 0 0.025em #101010, 0 -0.01em #101010, 0.025em 0 #101010, -0.01em 0 #101010;
}

/* #384. fix */
.hello-banner a:hover {
    /* font-weight: 700;  */
    /* commented from property issue sr. #239 , #384*/
    /*-webkit-text-stroke : .5px #000; */
    /* remove comment property issue sr. #239 */
}

/*.owl-stage {margin: 15px 0 0 0;  }  */
/* R-50002 */
.MSHIP .owl-stage {
    margin: 15px 0 0 0;
}

#loadallcategorys .owl-stage, #loadall .owl-stage {
    margin: initial;
}

#wishListPop input[type=text] {
    min-height: auto;
    margin-bottom: 20px;
    width: 100%;
    line-height: 27px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 5px 15px;
    height: auto;
    min-height: auto;
}

#CodeRotatingBanner-desktop .owl-stage, #CodeRotatingBanner-mobile .owl-stage, #CodeRotatingBanner-tablet .owl-stage {
    margin: unset
}

.wishlist-actions .fa-times-circle-o:before {
    content: "\f00d";
    font-size: 20px;
    color: #f47a44;
}

.ORDHN .section-b2b-customers .orders-list .scroll-view {
    min-width: 233px;
}

/*Checkbox finetune css here */
.bol-ft {
    font-family: ITCAvantGardePro-Bold, Arial Bold;
    letter-spacing: 0 !important;
}

.account-pages .form_row .required {
    letter-spacing: 0 !important;
}

.editable #shipping_fields .set-defaults.form-group {
    margin: 0 !important;
}

.modal-body.edit-address #edit-new-address #shipping_fields {
    padding: 0 15px;
}

.modal-body.edit-address #edit-new-address #shipping_fields .set-defaults {
    padding: 0 !important;
}

.tasting_form .set-defaults label:before, .tasting_form .set-defaults label:after {
    display: none !important;
}

.tasting_form .set-defaults input {
    margin-left: 0 !important;
}

#signUpMsg .checkboxContainer input.newsLetter {
    opacity: 1 !important;
    top: -3px;
    left: 0;
    width: auto;
    height: auto;
}

#signUpMsg .checkboxContainer .checkmark {
    display: none;
}

.CEML .content-align-center.form-group label {
    vertical-align: top;
}

.CEML .content-align-center.form-group label:before, .CEML .content-align-center.form-group label:after {
    display: none;
}

.CEML .content-align-center.form-group input {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.datepicker {
    width: auto !important;
}

#accountoption1 .form_row select {
    /*margin-top: -15px;*/
}

#show_more_options .spec-input-wrap {
    margin: 10px 0;
}

#accountoption2 .detail-box .checkoutRadio input[type=radio] {
    width: auto;
    left: 0px;
    top: -6px;
}

#acc_options .set-defaults {
    display: flex;
}

#shipping_fields .address_wrap .form-group.required {
    display: flex;
}

#shipping_fields .address_wrap .form-group.required input {
    bottom: 3px;
}

#shipping_fields .address_wrap .form-group.required label::before, #shipping_fields .address_wrap .form-group.required label::after {
    display: none
}

#acc_options input.dateticker.hasDatepicker, #acc_options input.dateticker {
    margin-right: 0;
    bottom: auto;
}

#accountoption1 input, #accountoption2 input, #accountoption3 input {
    margin-right: 5px;
    margin-left: 0px !important;
    opacity: 1 !important;
    position: relative;
}

#acc_options .alignstate {
    bottom: 7px
}

.marginzero {
    margin: 0;
}

.strikethrough {
    display: inline;
    position: absolute;
    bottom: 20px;
    right: 20px;
    direction: rtl;
    color: #adabac;
}

#Address_Default_Shipping {
    display: inline-block;
    /* margin-left: 0; #68 from June sheet */
    /* margin-right: 5px; #68 from June sheet */
    position: relative;
    /* float: left; #68 from June sheet */
}

#shipping_fields .set-defaults label {
    vertical-align: top;
}

#shipping_fields .set-defaults label:before, #shipping_fields .set-defaults label:after {
    display: none;
}

.checkproduct .guide_select input.orderGuide.orderDesktop {
    display: inline-block;
}

.checkproduct .guide_select label:before, .checkproduct .guide_select label:after, .checkproduct .guide_select label {
    display: none;
}

.checkproduct input.orderGuide.orderDesktop {
    display: inline-block;
}

.checkproduct label:before, .checkproduct label:after, .checkproduct label {
    display: none;
}

/*Checkbox finetune css ends*/
.close.closeCss-sm:hover {
    color: #fff;
}

.edit-card a {
    letter-spacing: 0.5px;
}

#viewSubstitutionModal .product-name a:hover {
    /*font-weight: 700;*/
    font-weight: unset;
    -webkit-text-stroke: 0.4px #000;
}

.customer_account_payment_card_title img {
    max-width: initial;
}

.customer_account_payment_card .material-icons {
    left: 0;
}

.couponslist {
    background-color: #78909C;
    border: 2px dotted;
    padding: 2px;
}

.couponslist:active {
    background-color: #fff;
    color: #000;
}

#navigation-bar .mobile_menu {
    height: auto;
    line-height: 40px;
    font-size: 14px;
    margin: 0;
}

#navigation-bar .navigation-background .container .mbllogn a i {
    color: #628e83;
}

#navigation-bar .navigation-background .container .mbllogn a {
    color: #414042;
    border-bottom: 1px solid #D1D3D4;
    border-right: 1px solid #D1D3D4;
}

.gridProducts.owl-theme .owl-nav .owl-next img, .gridProducts.owl-theme .owl-nav .owl-prev img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.modal-open .global-header-wrapper {
    z-index: 999 !important;
}

.static-pages.no-touch.modal-open, body.no-touch.modal-open {
    overflow: hidden !important;
}

#navigation-bar .navigation-background .container .mbllogn a.accountactive i {
    color: #ffffff;
}

#breadcrumbs li span {
    margin: 0 1px;
    color: #2B5249;
}

#navigation-bar .navigation-background {
    /* display: grid; */
}

#navigation-bar .navigation-background .container {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

/*391 -> 4 issue in dev. 
.BASK  #keepitcold .modal-dialog {
    top: auto !important;
    transform: none !important;
    margin-top: auto !important;
}*/
.CTGY #wishListPop .modal-dialog {
    top: 50% !important;
}

.BASK .modal-dialog, #clearCartModal .modal-dialog, .CTGY .modal-dialog {
    transform: translateY(-50%) !important;
    margin-top: auto !important;
}

#navigation-bar .navigation-background .container.fullwidthmenu .navigation-links {
    max-width: 192px;
}

#newletter-modal {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

#delete_row {
    top: 20px !important;
    height: 21px;
    width: 18px;
    right: -3px !important;
    background-repeat: no-repeat !important;
    background-size: 100%;
    background: url(/Merchant5/graphics/00000001/3/CloseButton.png);
}

/*market arrows code here */
.CTGY #deliProdLists .deli-carousel .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 34%;
}

.CTGY #deliProdLists .deli-carousel .owl-prev {
    top: 50%;
    left: -20px;
    position: absolute;
}

.CTGY #deliProdLists .deli-carousel .owl-next {
    top: 50%;
    right: -20px;
    position: absolute;
}

.CTGY #deliProdLists .deli-carousel .owl-next.disabled, .CTGY #deliProdLists .deli-carousel .owl-prev.disabled {
    opacity: 0.1
}

.CTGY #deliProdLists .deli-carousel .owl-prev:hover, .CTGY #deliProdLists .deli-carousel .owl-next:hover {
    background: transparent;
}

.CTGY #deliProdLists .deli-carousel .owl-prev img, .CTGY #deliProdLists .deli-carousel .owl-next img {
    width: 1.5rem !important;
    filter: brightness(0.1) !important;
}

.deli-grid #wishListPop .one-section {
    border: none;
    /* max-width: none; */
    margin: 15px 5px;
    padding: 0;
}

/*market arrows code here ends */
.BASK .prog-cat .prods-listing.owl-carousel.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 60px
}

.BASK .prog-cat .prods-listing.owl-carousel.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000
}

.BASK .prog-cat .prods-listing.owl-carousel.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000
}

.BASK .prods-listing.owl-carousel.owl-theme .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: 0 0;
    color: #000
}

.BASK .prods-listing.owl-carousel.owl-theme .owl-nav .owl-next:hover {
    cursor: pointer;
    background: 0 0;
    color: #363636
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 60px;
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    font-size: 50px;
    color: #000000;
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    font-size: 50px;
    color: #000000;
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav .owl-prev:hover {
    cursor: pointer;
    background: transparent;
    color: #000000;
}

#loadlovelyitems .featured-products-carousel.alsobought.owl-theme .owl-nav .owl-next:hover {
    cursor: pointer;
    background: transparent;
    color: #363636;
}

.noborder {
    border: none !important
}

.facets-tree label {
    display: block
}

.btn-height {
    height: 32px;
    line-height: 32px;
    padding: 0 16px
}

.btn-transparent {
    background-color: transparent
}

.bt-wd-300p {
    min-width: 300px;
    width: 300px
}

.btn-orange-border {
    border: solid 2px #ff5722;
    border-radius: 8px
}

div.prod-card-btn.btn-orange.btn:focus, div.prod-card-btn.btn-orange.btn:hover, div.prod-card-btn.btn-orange.focus {
    color: #fff !important
}

.mm_facet_checkbox {
    accent-color: #ff5722
}

[color-scheme=light] .mm_facet_checkbox {
    accent-color: #ff5722
}

.gg-shape-triangle {
    position: absolute;
    top: -17px;
    right: 35%;
    /* WR-00265 Changed from 44% to 35% */
    display: flex;
    transform: scale(var(--ggs, 1));
    width: 22px;
    background: #fff;
    height: 17px;
    border-left: 3px solid transparent;
    border-bottom: 3px solid #fff
}

.gg-shape-triangle, .gg-shape-triangle::before {
    display: flex;
    box-sizing: border-box;
    border-right: 3px solid transparent;
    justify-content: center;
    z-index: 9999999
}

.gg-shape-triangle::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 3px solid;
    border-top: 3px solid;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg) skew(10deg, 10deg);
    left: -2px;
    bottom: -13px;
    z-index: 99999
}

.minibsk-holder .basket-qty-input {
    border: none;
    font-weight: 700;
    font-size: 16px;
    font-family: arial;
    width: inherit;
    height: auto !important;
    background: no-repeat
}

#acc_options .minibsk-holder .basket-qty-input {
    border: none;
    font-weight: 700;
    font-size: 16px;
    font-family: arial;
    width: inherit;
    height: auto !important;
    background: no-repeat;
    margin: unset;
    position: inherit;
    display: inherit !important;
}

#acc_options #minibsks .qtybtns {
    position: inherit;
}

.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0s;
    animation: dot 1.3s infinite;
    animation-delay: 0s
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: .2s;
    animation: dot 1.3s infinite;
    animation-delay: .2s
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: .3s;
    animation: dot 1.3s infinite;
    animation-delay: .3s
}

.buttonthreebie {
    display: flex;
    align-items: center;
    filter: brightness(7);
    justify-content: center;
    height: 18px;
}

.threebieproductbtn, .threebieproductbtnnew {
    /* margin-top: 8px; */
    width: 192px;
}

.addtocart-container {
    margin-bottom: 8px;
}

.threebieproductbtn>div, .threebieproductbtnnew>div {
    height: auto !important;
    margin-top: 3px;
}

.threebieproductbtn>div img, .threebieproductbtnnew>div img {
    margin-top: -3px;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes dot {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.loading::after {
    display: inline-block;
    animation: dotty steps(1, end) 1s infinite;
    content: ''
}

@keyframes dotty {
    0% {
        content: ''
    }

    25% {
        content: '.'
    }

    50% {
        content: '..'
    }

    75% {
        content: '...'
    }

    100% {
        content: ''
    }
}

* {
    margin: 0
}

*, ::after, ::before {
    -moz-box-sizing: border-box
}

.out-of-stock {
    text-align: center
}

.pair-card .product-item-new {
    height: 280px;
    margin-bottom: unset
}

img {
    max-width: 100%;
    height: auto
}

body {
    overflow-x: hidden
}

#navigation-bar .navigation-background .container.fullwidthmenu .navigation-links>span, .btn, a, button, img, input {
    -moz-transition: all .3s ease-in-out
}

.SFNT #site-container {
    background-color: #d1d3d4
}

body.ORDH.account-pages .container .container {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.modal-footer .btn {
    text-transform: uppercase
}

#searchfield {
    bottom: 0;
}

/* .CABK  .search .search-button{top: 20px !important;} */
/* .search .search-button {
    margin: 0!important;
    height: 21px;
    top: 50%!important;
    transform: translateY(-50%)
} */
.account-wrapper i.fa-user-circle-o::after {
    content: none !important
}

.shownavbar a {
    font-size: 17px;
}

.banners {
    margin-bottom: 15px;
    /*padding-top:9px;*/
    /* reduced top padding  */
}

.banners .owl-item img {
    width: 100%
}

.banners .owl-item {
    position: relative
}

.banners .owl-item a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
    height: 0;
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%)
}

.homepage-container {
    margin: 0 auto;
    width: 1600px !important;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.shop-heading {
    padding-left: 0;
    padding-right: 0
}

.cust-review-teelbar {
    background-color: #F9F9F9;
    /* R-00393 */
    padding: 8px;
    margin-top: 0px;
    margin-bottom: 10px;
    /* changed from 40 to 30 - R-00393 */
    color: #414042;
    min-height: 185px;
}

#loadquotes .owl-dots {
    /* margin-bottom: 25px; */
    /* R-50002 */
}

.reviewWithImg {
    /* R-00393 */
    display: flex;
    flex-direction: row;
}

.img-align {
    /* R-00393 */
    display: flex;
    /* align-content: flex-end; */
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-width: fit-content;
}

.teelbar-content {
    /* R-00393 */
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    justify-content: center;
}

.teelbar-paragraph {
    /* R-00393 */
    line-height: 1.5;
    text-align: left;
    /* added left-align - R-00393 */
}

.author-details {
    text-align: left;
    /* added left-align - R-00393 */
}

.shop-heading {
    border: 4px solid #628E83;
    padding: 5px;
    text-align: center;
    /* margin-top: 20px; */
    /* #436 issue fix */
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #628E83;
    height: 50px;
}

.shop-heading h5 {
    font-family: ITCAvantGardePro-Bold !important;
    font-weight: 700;
    font-size: 18px
}

.shop-heading h5 .learnmore {
    text-decoration: none;
    border-bottom: 1px solid #becac5;
    color: #628E83;
    font-size: 15px;
    position: relative;
    top: -1px
}

.learnmore {
    font-family: ITCAvantGardePro-Bk;
}

.shop-heading h5 .learnmore:hover {
    text-transform: uppercase !important
}

.showpair_card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

#showpairs .image-icon, .showpair_card .image-icon {
    position: absolute;
    right: 40px;
    bottom: 17px;
    z-index: 1
}

.showpair_card_img {
    height: 535px
}

#showpairs .image-icon {
    width: auto
}

body .arrow-img {
    width: 25px !important;
    margin: 0;
    cursor: pointer;
}

#showpairs .image-icon .fa-chevron-left {
    font-size: 30px;
    color: #d97849
}

.membership_card_img {
    border: 3px solid #434143;
    padding: 30px
}

.membership_card_img .buynowbtn {
    margin-top: 5px
}

.membership_card {
    text-align: center;
    text-transform: uppercase;
    border: 3px solid #628E83 !important;
    padding: 26px 30px;
    width: 100%;
    min-height: 535px
}

.showpair_card {
    position: relative
}

/*.showpair_card:after {
    content: "";
    display: block
}*/
.membership_card-old {
    padding-right: 0;
    padding-left: 0
}

.product-item .product-details .product-name a {
    line-height: 1.6 !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: initial !important;
    transition: none !important;
    max-height: initial !important
}

.membership_card_img .product-item {
    min-height: 230px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    text-align: center
}

.membership_card_img .product-item .product-details .product-thumbnail img {
    max-height: initial !important;
    height: 190px
}

.membership_card_img .product-item .padding {
    position: static !important
}

.membership_card_img .product-item .padding {
    width: 80%;
    margin: 0 auto
}

.membership_card_img .product-item .product-details {
    border: 0 !important;
    padding: 0 !important
}

.product-item .product-details {
    border: 0 !important
}

.product-item .product-details .product-thumbnail img {
    max-width: inherit !important;
    width: auto !important
}

.pair-Price {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 55px;
    font-family: ITCAvantGardePro-Bold
}

.product-item .product-details .product-name {
    max-height: inherit !important;
    max-width: inherit !important;
    padding: 0 !important;
    margin-top: 10px
}

.product-item .product-details .product-name .brand {
    font-size: 14px !important;
    margin-top: 10px
}

.SFNT .titles {
    font-family: ITCAvantGardePro-Bold !important;
    /*font-size: 24px;*/
    width: 100%;
    /*margin-top: 40px;*/
}

.category-section-header h5, .category_headers {
    font-family: ITCAvantGardePro-Bold !important;
    font-weight: 700;
    font-size: 31px;
    color: #414042 !important;
    letter-spacing: .75px;
    width: 100%;
    text-transform: uppercase;
    margin-top: 20px;
}

.membership_parents {
    text-transform: capitalize;
    color: #f47100;
    font-size: 14px;
    font-family: ITCAvantGardePro-Bold;
    text-align: -webkit-center;
    line-height: 1.3
}

.membership_signup {
    display: flex;
    justify-content: center
}

.membership_parents .col-sm-6 {
    margin-bottom: 45px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.membership_parents .img-responsive.mb-icon {
    height: 65px;
    width: auto !important;
    align-self: center;
    margin-bottom: 3px
}

.membership_signup a.generic-btn {
    margin-top: 25px
}

.generic-btn {
    border-radius: 50px;
    border: none;
    display: inline-block;
    font-size: 16px;
    background-color: #f47a44;
    min-width: 220px;
    color: #fff !important;
    margin-top: 5px;
    letter-spacing: 1px;
    font-weight: 400 !important;
    padding: 12px 15px;
    cursor: pointer;
    text-align: center
}

.generic-btn:focus, .generic-btn:hover {
    color: #fff;
    background: #d9764a;
}

.category-section-header {
    margin-top: 25px
}

.section-child {
    text-align: center
}

.wine-section {
    border: none;
    margin: 50px 0
}

.meat-section {
    border: none;
    margin: 0 0 50px 0
}

body .featured-categories .owl-theme .owl-controls .owl-buttons .owl-next, body .featured-categories .owl-theme .owl-controls .owl-buttons .owl-prev {
    top: 100px !important;
    transform: none !important
}

.product-item form .tbd .buynowbtn {
    text-align: center
}

.product-item form .tbd .buynowbtn .button {
    display: inline-block !important;
    margin-top: 7px
}

.delicious-carousel .product-details .card-subtotal {
    margin-top: 3px !important
}

.main-link {
    padding-left: 15px !important
}

.wine-section img {
    width: 100%;
    height: auto
}

.wine-text {
    position: absolute;
    padding: 50px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end
}

.wine-text h4 {
    font-size: 47px !important;
    letter-spacing: .75px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase
}

.wine-text h5 {
    font-size: 30px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 3px;
    line-height: 1.2;
    font-family: ITCAvantGardePro-Bk !important
}

.wine-text p {
    margin-left: 0;
    margin-top: 0;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: .75px;
    display: flex;
    flex-direction: column
}

.wine-text .generic-btn {
    align-self: first baseline
}

#meatlovers {
    max-width: 55%
}

#meatlovers #showmeat {
    margin-top: 45px !important
}

#showpair1 .chef_card_img {
    height: auto !important
}

#shop-like-chef p {
    letter-spacing: .75px;
    font-weight: 700;
    padding: 5px 30px
}

#shop-like-chef .parent .child h5 {
    font-size: 28px;
    text-transform: uppercase
}

body #chef_card .save-card #shop-like-chef .parent .child h5 {
    font-size: 28px;
    text-transform: uppercase;
    color: #414042 !important;
    padding: 20px 0
}

.heart_img {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0
}

.heart_img img {
    display: inline-block;
    height: 95px;
}

.category-section-header.mar-bottom-5 {
    margin-top: 50px;
    /* margin-bottom: 50px; */
    /* R-50002 */
}

.tip_card_img {
    height: 535px;
    width: 100%
}

.helpus {
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

.tips-card {
    border: 3px solid #F47A44;
    padding: 35px 25px 15px;
    display: flex;
    min-height: 535px;
    flex-direction: column;
    width: 100%;
    height: 535px;
    text-align: center
}

.tips-card h5.category_headers {
    color: #F47A44 !important
}

.tips-card p {
    color: #F47A44;
    font-weight: 600
}

.savecard-images {
    position: absolute;
    bottom: 5%;
    right: 0;
    left: 0
}

.savecard-images img {
    height: 65px;
    display: inline-block
}

footer {
    padding-top: 0
}

footer .ftr-social-icon {
    display: inline-block !important;
    float: none !important;
    padding: 0 !important
}

footer .ftr-social-icon a {
    padding: 2px;
    float: left
}

footer .newletter-section input::-webkit-input-placeholder {
    font-size: 13px !important
}

footer .newletter-section input::-moz-placeholder {
    font-size: 13px !important
}

footer .newletter-section input:-ms-input-placeholder {
    font-size: 13px !important
}

footer .newletter-section input:-moz-placeholder {
    font-size: 13px !important
}

.give-feedback .col-sm-12 {
    padding-right: 20px
}

.showpair_card {
    padding-left: 0
}

.showpair_card .product-thumbnail {
    min-height: auto
}

.showpair_card_img .product-thumbnail {
    min-height: auto
}

span.copyright {
    margin-right: 15px
}

.disclaimer-nav a:last-child {
    margin-right: 0;
    padding-right: 0
}

.disclaimer-nav a:after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    right: -2px;
    background: #414042;
    top: 2px
}

.disclaimer-wrapper .disclaimer-nav a:last-child:after {
    content: none
}

.SFNT .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
    top: calc(50% - 60px);
    z-index: 3;
    transform: translate(0, -50%)
}

.SFNT .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
    top: calc(50% - 60px);
    z-index: 3;
    transform: translate(0, -50%)
}

.owl-carousel .threebieproductbtn {
    /* width:192px; */
}

.owl-carousel .threebieproductbtn img, .owl-carousel .threebieproductbtnnew img {
    width: 16px;
}

.SFNT .pair-card .Threeebielogo {
    position: absolute;
    top: 10%;
    right: 13%;
}

#deli_product_info .Threeebielogo {
    position: absolute;
    top: 6%;
    right: 6%;
    z-index: 1;
}

.PROD .maincardd {
    z-index: 99;
}

.ctgy.Threebie-icon {
    width: auto;
    height: 20px;
}

.Threebie-icon {
    width: auto;
    /*height: 30px;*/
}

.CTGY .collapse-icon {
    width: 10%;
    text-align: center;
    cursor: pointer;
}

.CTGY .facets-tree, .SRCH .facets-tree {
    display: inline-block;
    margin: 0 0 0px;
}

.facetinfoleft {
    width: 100%;
}

.btn-orange:hover, .btn-green:hover, .showthreebie .threebieproductbtn:hover, .showthreebie .threebieproductbtnnew:hover {
    /*background-color: turquoise !important;*/
    /* background-color: #d9764a !important; */
}

.btn.btn-green:hover {
    background-color: #4e746b !important;
}

#Coupon-deals {
    position: fixed;
    top: 43%;
    right: 0;
    /*border: solid 5px #fff;*/
    border-radius: 10px;
    background-color: #f47a44;
    color: #fff;
    z-index: 999;
}

#Coupon-deals .deals-popout {
    margin: 0 8px 18px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    letter-spacing: 5px;
}

.CTGY .nav-tabs>li {
    top: 2px;
}

#breadcrumbs li span, #breadcrumbs li a, #breadcrumbs li {
    font-size: 14px;
}

.detailsSubContainner {
    padding: 5px;
}

.fam-main {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    min-height: 60px;
    justify-content: flex-start;
    align-items: center;
    border: solid 1px #ffc841;
    border-radius: 5px;
    margin: 32px 0px;
    /* changed from 15px o 32px */
}

.fam-mb {
    border: solid 1px #eee;
}

.fam-Container {
    width: 100%;
    background-color: #ffc841;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    padding: 5px;
    line-height: 1.2;
    min-height: 30px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.fam-text {
    width: 80%;
}

.detailsText p {
    margin-bottom: 0px;
}

/* new dropdown style added to Product Card */
.dropdown-menu>li>a {
    padding: 3px 10px;
    height: 50px;
}

.product-details .open>.dropdown-menu .allPrice .ft-demi {
    font-size: 16px;
}

.FamClub sup {
    top: -1.2em
}

.FamClub .super {
    font-size: 6px;
    top: -1.8em
}

/* new dropdown style added to Product Card */
.justify {
    text-align: justify;
}

.formerror {
    font-size: 10px;
    padding: 3px 0;
}

@media only screen and (min-width: 991px) {
    .container {
        width: 100%;
    }

    .shownavbar {
        text-align: center !important
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer {
        border: 1px solid #c5c5c5 !important
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .navigation-links>span {
        color: #414042;
        font-size: 15px;
        padding-bottom: 5px
    }

    body #navigation-bar .navigation-background .container.fullwidthmenu .navigation-links:hover>span {
        font-weight: inherit
    }
}

/* copupon code ipad specific css */
@media only screen and (max-width: 1180px) {
    .couponcard-image img {
        height: auto;
    }
}

/* copupon code ipad specific css */
@media only screen and (max-width: 767px) {
    .strikethrough {
        font-size: 10px;
        display: inline;
        position: absolute;
        bottom: 20px;
        right: 20px;
        direction: rtl;
        color: #adabac;
    }

    .owl-carousel .threebieproductbtn img, .owl-carousel .threebieproductbtnnew img {
        max-width: 13px;
    }

    div.cheese-carouesl .prod-card-btn, .meat-carousel .prod-card-btn {
        width: 118px;
    }

    #deliGirdPage #breadcrumbs {
        margin: 0px;
    }

    #deliGirdPage .side-space {
        padding: 0px;
    }

    .CTGY .cat-head-text-wrapper .img-overlay-container img {
        margin-top: 0px;
    }

    .SFNT div.cheese-carouesl .addtocartbtns.btn-orange {
        min-width: 30px;
    }

    .pair-card .product-item-new {
        height: 240px
    }

    #shop-like-chef p {
        font-size: 12px
    }

    .tips-card p {
        font-size: 12px
    }

    .PROD .owl-carousel .threebieproductbtn, .SFNT .owl-carousel .threebieproductbtn, .BASK .owl-carousel .threebieproductbtn, .PROD .owl-carousel .threebieproductbtnnew, .SFNT .owl-carousel .threebieproductbtnnew, .BASK .owl-carousel .threebieproductbtnnew {
        width: 150px;
    }

    .SFNT #showpairs .threebieproductbtn, .SFNT #showpairs .threebieproductbtnnew {
        width: 115px;
        font-size: 10px;
    }

    .SFNT #showpairs .threebieproductbtn img, .SFNT #showpairs .threebieproductbtnnew img {
        width: 12px;
        height: auto;
    }

    .SFNT #showpairs .showthreebie {
        margin-top: 4px !important;
    }

    .SRCH .showthreebie .threebieproductbtn, .SRCH .showthreebie .threebieproductbtnnew {
        width: 150px;
    }

    .threebieproductbtn, .threebieproductpopupbtn, .threebieproductbtnnew {
        width: 150px;
    }

    #deliProdLists .owl-carousel .threebieproductbtn, #deliProdLists .owl-carousel .threebieproductbtnnew {
        width: 150px;
    }

    .PROD .threebieproductbtn, .PROD .threebieproductbtnnew {
        width: 177px;
    }

    .PROD .img-mob {
        width: auto;
        height: 45px;
        border: none !important;
    }

    .deli-grid .first {
        font-size: 20px;
        text-align: left;
        margin: 10px 0px;
    }

    /* .SFNT .product-details .open>.dropdown-menu:has(.slacdiscounttext) , .product-details .open>.dropdown-menu:has(.slacdiscounttext) {
        width: auto; 
     } */
    .CTGY .product-details .open>.dropdown-menu .allPrice .ft-demi, .product-details .open>.dropdown-menu .allPrice .ft-demi {
        font-size: 14px;
    }

    .policyTitle {
        margin: 48px 0px 16px 25px;
        /* PS-26775 Consolidation of Global CSS */
    }
}

@media only screen and (max-width: 1023px) {
    .secondajaxloader {
        min-height: auto
    }

    .SFNT .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0;
        top: calc(50% - 60px);
        z-index: 3;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .secondajaxloader {
        min-height: auto
    }

    .pair-card .product-item-new {
        height: 200px
    }

    .SFNT .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0;
        top: calc(50% - 60px);
        z-index: 3;
        transform: translate(0, -50%)
    }

    .save-card {
        min-height: 350px
    }

    #shop-like-chef p {
        font-size: 12px
    }

    .tips-card p {
        font-size: 12px
    }

    .SFNT #showpairs .threebieproductbtn, .SFNT #showpairs .threebieproductbtnnew {
        width: 70%;
        font-size: 10px;
    }

    .SFNT #showpairs .threebieproductbtn img, .SFNT #showpairs .threebieproductbtnnew img {
        width: 12px;
        height: auto;
    }

    .SRCH .showthreebie .threebieproductbtn, .SRCH .showthreebie .threebieproductbtnnew {
        width: 192px;
    }

    #deli_product_info .threebieproductbtn, #deli_product_info .threebieproductbtnnew {
        width: 95%;
        max-width: 207px;
    }

    #delicategory .threebieproductbtn, #delicategory .threebieproductbtnnew {
        width: 192px;
    }

    .threebieproductbtn, .threebieproductbtnnew {
        width: 177px;
    }

    .PROD .owl-carousel .threebieproductbtn, .PROD .owl-carousel .threebieproductbtnnew {
        width: 192px;
    }

    .PROD .threebieproductbtn, .PROD .threebieproductbtnnew {
        width: 85%;
    }

    .threebie-vid-container {
        position: absolute;
        right: 7px;
        top: 70px;
    }

    .shop-heading h5 {
        font-family: ITCAvantGardePro-Bold !important;
        font-weight: 700;
        font-size: 14px;
    }
}

#navigation-bar .navigation-background .shownavbar {
    letter-spacing: 1px;
}

.help-feedback {
    margin-bottom: 40px
}

.CTGY .sub-ctgy-content .sort-by-options-wrapper, .SRCH .srch-content .sort-by-options-wrapper {
    width: 130px
}

.img-obj {
    object-fit: cover
}

.CTGY.modal-open {
    overflow: hidden !important
}

.wholeNavMenuAndSearch {
    display: -webkit-inline-flex;
    vertical-align: middle;
    width: 81%;
    padding: 5px 0;
}

.search-account-basket-wrapper {
    display: inline-grid;
    grid-template-columns: 900px 19px 186px;
    grid-template-columns: 700px;
    align-items: center;
    /* justify-items: center; */
    /*padding-left: 3%;*/
    grid-gap: 2%;
}

.search-container-top {
    min-width: 200px;
    position: relative;
    width: fit-content;
    display: inline-grid;
    grid-template-columns: 750px;
    /* Removed 60px because displaying account info in navigation bar section */
    align-items: center;
    justify-content: space-between;
    justify-items: start;
    justify-items: center;
}

.search {
    position: relative;
    width: 86%;
}

.account-cart-holder {
    /* display: inline-grid; */
    display: inline-flex;
    grid-template-columns: 280px 100px;
    align-items: center;
    /* gap: 10%; */
}

.search #searchfield,
/* #searchText  */
.WishListSearch, .search-order #searchKeyElement, #searchKeyElementMob, #orderhistory_list #searchText, .ordguide #searchTextMobile, #OrdguidesearchProductTxt, #searchproducts {
    min-width: 200px;
    width: 100% !important;
    background-color: #fff;
    border: solid 1px #d1d3d4;
    padding: 8px;
    height: 42px;
    border-radius: 5px;
    font-weight: normal;
}

.search #searchfield:active, .search #searchfield:focus {
    min-width: 200px;
    width: 100% !important;
    background-color: #fff !important;
    border: solid 2px #027e7e !important;
    padding: 8px;
    height: 42px;
    border-radius: 5px;
}

/* Added input file type */
input[type=text]:focus, textarea:focus, input[type=Search]:focus, input[type=file]:focus, select:focus, input[type=email]:focus, input[type=password]:focus {
    background-color: #fff !important;
    border: solid 2px #027e7e !important;
}

#navigation-bar {
    /* display: inline-grid; */
    grid-template-columns: 85.3%;
    justify-items: center;
    align-items: end;
    /* margin-left: 0; */
    /* margin-right: 0; */
    top: 5px
}

.navigation-background {
    /* width: 100%; */
    /* padding-right: 80px;  WR-00265 Added padding-right */
}

#navigation-bar .navigation-background .shownavbar {
    text-align: center;
}

.basket-value {
    font-size: 16px
}

.basket-wrapper {
    margin-left: 15px;
    margin-right: 10px
}

.account-wrapper {
    display: inline-block;
    position: relative;
    padding: 0 0 0 10px
}

#your-cart-link {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    top: -5px
        /* 17-oct-2023 from excel sheet sr. no #92 */
}

#global-mini-basket-wrapper>.fa {
    position: relative;
    /*font-size:20px !important*/
    /* 17-oct-2023 from excel sheet sr. #92*/
}

.logo-wrapper {
    width: 15%;
    /*changed from 19 to 18 */
}

/* #searchfield{bottom:0 !important;}
.CABK  .search .search-button{top: 20px !important;} */
.search .search-button, .WLST .search-button, .ORDHN .search-button, .ORDHNMOBILE .search-button, .ordguide .searchOrders, .ordguide .searchOrdersMobile, #ordguideproductsmodal .searchOrders, #ORDEDIT .searchOrders {
    height: 20px;
    position: absolute;
    right: 15px;
    top: 0px;
    transform: translateY(50%);
}

.ORDHN #filterOrders .search-button {
    margin: 10px 0px;
}

.ordguide .searchOrders {
    right: 30px;
}

.mobile-search {
    display: none
}

.mobile-search-wrapper {
    display: none;
    z-index: 1
}

.account-links {
    z-index: 1000;
    display: none;
    position: absolute;
    top: 45px;
    /* WR-00265 - Changed from 65 to 45 */
    left: 72px;
    /* WR-00265 - Changed from 35 to 72 */
    transform: translate(-50%, 0);
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    padding: 10px 10px;
    min-width: 240px;
    text-align: initial;
    color: #628e83;
    border: solid 2px #628e83;
    border-radius: 10px;
    line-height: 1.2
}

.account-links hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 3px solid #ced1dc
}

.account-wrapper.active .account-links {
    display: block
}

/* changed class name and padding because moved account info to navigation bar */
#navigation-bar .account-wrapper .account-links a {
    color: #424143 !important;
    font-size: 13px !important;
    display: block;
    margin: 0;
    padding: 5px 10px
}

div.account-links {
    min-width: 200px;
    /* WR-00265 - Changed from 265 to 200 */
}

.account-arrow {
    z-index: 9999;
    position: relative;
    left: 7px;
    top: -5px;
    color: #628e83;
    font-weight: 800;
    font-size: 20px
}

.account-wrapper {
    display: inline-block;
    position: relative;
    padding: 0 0 0 10px;
    /* top: 6px; */
}

.account-wrapper i.fa-user-circle-o {
    color: #628e83;
    font-size: 29px;
    position: relative;
    z-index: 9999;
    top: -6px
}

.account-wrapper i.fa-user-circle-o:after {
    position: absolute;
    font-size: 12px;
    color: #000;
    left: -7px;
    color: #628e83;
    bottom: -15px;
    font-family: ITCAvantGardePro-Bk
}

.basket-total {
    color: #628e83
}

#global-mini-basket-wrapper {
    border: solid #628e83 2px;
    padding: 2px 5px;
    /* 17-oct-2023 from excel sheet SR. #92 */
    color: #628e83;
    font-size: 26px;
    /* 17-oct-2023 from excel sheet SR. #92 */
    vertical-align: middle;
    position: relative;
    border-radius: 5px;
    font-family: ITCAvantGardePro-Md
        /* 17-oct-2023 from excel sheet SR. #92 */
}

#lovedrop {
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(50%, -100%)
}

.navigation-placehoder {
    height: 150px;
    /* 8-nov-2023 from ecxel sheet sr. #363 */
}

.divider {
    border-bottom: solid 1px;
    margin: 0 0 9px 0;
    color: #808080
}

#account-links .divider {
    margin-left: -6px;
    width: -webkit-fill-available
}

body.OCST #navigation-bar, body.OPAY #navigation-bar, body.OSEL #navigation-bar {
    visibility: hidden
}

.global-header-wrapper {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10006
}

.footer-logo img {
    width: 64%;
    padding: 10px;
    filter: brightness(5.5)
}

#minibsk .minibsk-header {
    text-align: center
}

/* .search .search-button {
    border: none
} */
footer p>a {
    color: #fff !important;
    /* font-weight: 300; PS-26775 Consolidation of Global CSS */
    display: block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loaderContainer {
    position: fixed;
    width: 100%;
    max-width: 1364px;
    height: 100%;
    opacity: 1;
    overflow: auto;
    z-index: 999;
    top: 170px;
    right: 0;
    left: 0
}

.loaders {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #f47a44;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    top: 25%;
    left: 50%
}

.form-group {
    display: block;
    margin-bottom: 15px
}

.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-group label {
    position: relative;
    cursor: pointer
}

.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1.5px solid #000;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: solid #f47a44;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-group input:disabled+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: solid #7e7c7c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-group input:disabled+label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1.5px solid #000;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 6px;
    background-color: #d8d8d8;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.form-group input:disabled:not(:checked)+label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1.5px solid #c0baba;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 6px;
    background-color: #e6e6e6;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.form-group input:disabled:not(:checked)+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: none;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

#account-links a {
    /* color: #fff; */
    font-size: 14.5px;
    font-family: 'ITCAvantGardePro-Md';
    font-weight: normal;
    padding: 5px 10px;
    line-height: 25px;
}

#account-links a:hover, #account-links a:visited {
    background-color: #c0c0c530 !important;
    font-family: 'ITCAvantGardePro-Md';
}

.static-msg {
    color: #f47a44;
    text-align: justify;
}

.info-message {
    text-align: justify;
}

.newLoginContent::-webkit-scrollbar {
    display: none
}

.newLoginContent {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.basket-wrapper .your-cart {
    cursor: pointer
}

.altnavlink .navigation-links a:hover, .altnavlink .navigation-links:hover a {
    font-weight: 700;
    color: #f47a44 !important
}

.topnav {
    overflow: hidden;
    background-color: #fff;
    position: relative
}

.topnav #myLinks {
    display: none
}

.accountactive {
    background: #628e83;
    color: #fff !important
}

.topnav a {
    color: #628e83 !important;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block
}

.topnav a.icon {
    background: #000;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

#deals_menu.featured {
    /* margin-right: 10px; */
}

#myLinks a {
    display: block;
    height: 40px;
    font-weight: 700 !important;
    color: #434241 !important;
    text-align: left;
    padding-left: 30px;
    font-size: 20px
}

.topnav a:hover {
    color: #628e83 !important
}

.textinitial {
    text-align: initial
}

#navigation-bar .navigation-background .container.fullwidthmenu .menucontainer {
    border: 1px solid #000;
    margin: 0;
    padding: 20px;
    background: #fff;
    width: 60%;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

#navigation-bar .navigation-background .container.fullwidthmenu .navigation-links {
    border: 0;
    display: block;
    width: 20% !important;
    margin: 0;
    min-width: 180px !important;
    flex: 2;
    text-align: center;
    flex-grow: 1;
    padding: 0
}

#navigation-bar .navigation-background .container.fullwidthmenu .navigation-links>p {
    color: #414042;
    height: auto;
    font-size: 12px;
    display: inline-block;
    text-align: left !important;
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 4px
}

.parentnavlinks:hover {
    font-weight: 700;
    font-size: ITCAvantGardePro-BK;
}

.product-item input[type=radio] {
    position: absolute;
    opacity: 0
}

.product-item input[type=radio]+label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: relative;
    top: 0;
    margin-right: .2em;
    vertical-align: text-bottom;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.product-item input[type=radio]:checked+label:before {
    background-color: #f47a44;
    border: 1px solid #f47a44;
    box-shadow: inset 0 0 0 2px #fff
}

.product-item input[type=radio]:focus+label:before {
    outline: 0;
    border-color: #f47a44
}

.product-item input[type=radio]:disabled+label:before {
    box-shadow: inset 0 0 0 4px #fff;
    border-color: #bfbfbf;
    background: #bfbfbf
}

.product-item input[type=radio]+label:empty:before {
    margin-right: 0
}

.product-item {
    padding: 3px;
    margin: 0;
    font-size: 14px;
    position: relative;
    min-height: 270px;
    margin-bottom: 30px;
}

.product-item .padding {
    position: absolute;
    width: 97.5%
}

.sale-flag {
    width: 60px
}

.product-item .padding:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
    transition: opacity .3s ease-in-out
}

.product-item .flag-wrapper {
    position: absolute;
    left: -2px;
    top: 5px;
    z-index: 10;
    display: inline;
    max-width: 50%
}

.product-item .flag-wrapper img {
    width: 100%
}

.product-item .product-details {
    position: relative;
    padding: 3px 10px 10px;
    max-width: 100%;
    background-color: #fff;
    border: solid 1px #D1D3D4
}

.product-item .product-details .in-cart {
    width: 100%;
    background-color: #6c8c82;
    color: #fff;
    text-align: center;
    padding: 3px;
    font-weight: 800;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
    margin-top: 5px
}

.product-item .product-details .product-review {
    display: none
}

.product-item .product-details .product-thumbnail img {
    width: 100%;
    max-height: 530px;
    max-width: 530px;
    margin: 0 auto;
    display: block
}

.WLST .product-item .product-details .product-thumbnail img {
    width: 100% !important;
    max-width: 100% !important
}

.ordguide .qtyboxMain .custom-number-input input {
    font-family: arial;
    font-weight: 700;
    line-height: 25px;
    font-size: 16px !important
}

.ORDHP .qtyboxMain .custom-number-input input {
    font-family: arial;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px !important
}

.product-item .product-details .product-name {
    padding-top: 5px;
    max-height: 4.1em;
    min-height: 4.1em;
    overflow-y: hidden;
    transition: max-height .25s ease
}

.product-item .product-details .product-name .brand {
    display: block;
    text-align: center;
    font-size: .85em;
    max-height: 1.3em;
    overflow-y: hidden
}

.product-item .product-details .product-name a {
    line-height: 1.3em;
    color: #000;
    /* font-weight: 700; PS-26775 Consolidation of Global CSS */
    text-align: center;
    display: block;
    overflow: hidden;
    letter-spacing: .15em;
    max-height: 2.6em;
    min-height: 2.6em;
    overflow-y: hidden;
    transition: max-height .25s ease
}

.product-item .product-details .product-name a:hover {
    /* text-decoration: none; */
}

.product-item .product-details .notes-float {
    font-size: .85em;
    text-align: center;
    color: #f47a44;
    font-weight: 700;
    width: 100%;
    max-height: 1.3em;
    min-height: 1.3em;
    overflow-y: hidden;
    transition: max-height .25s ease
}

.product-item .product-details .Sale, .product-item .product-details .SaleBase {
    display: none;
    position: absolute
}

.product-item .product-details .catqtybox {
    padding: 5px 10px;
    max-width: 200px;
    margin: 0 auto
}

.product-item .product-details .catqtybox>div {
    padding: 0;
    border: solid 1px #D1D3D4;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    font-size: 1.08em;
    color: #f47a44;
    font-weight: 700
}

.product-item .product-details .catqtybox .product-quantity-input {
    font-size: 1.08em;
    width: 100%;
    border: 0;
    padding: 0;
    text-align: center;
    margin: 0;
    vertical-align: bottom;
    color: #414042;
    padding-top: 2px;
    height: 18px
}

.product-item .product-details .out-of-stock {
    display: none
}

.product-item .product-details .addFav {
    position: absolute;
    top: 10px;
    right: 10px
}

.product-item .fa-heart {
    font-size: 1.08em
}

.product-item .out-of-stock {
    max-height: 0;
    overflow-y: hidden
}

.product-item .out-of-stock span {
    display: none
}

.product-item .out-of-stock .waitlistbtn {
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 1.08em;
    font-weight: 600;
    background-color: #628e83;
    width: 100%;
    display: block;
    height: 30px;
    letter-spacing: 1px;
    outline: 0;
    margin: 8px 0 0
}

.product-item form {
    padding: 0
}

.product-item form .tbd {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, opacity .3s ease
}

.product-item form .tbd .card-subtotal {
    padding: 0;
    margin: -3px 0 -10px;
    font-size: .85em;
    text-align: center;
    font-weight: 700;
    opacity: 0;
    transition: opacity .3s;
    line-height: 1.6
}

.product-item form .tbd .buynowbtn {
    padding: 10px
}

.product-item form .tbd .buynowbtn .button {
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 1.08em;
    font-weight: 600;
    background-color: #f47a44;
    width: 100%;
    display: block;
    height: 30px;
    letter-spacing: 1px;
    outline: 0;
    transition: all .5s
}

.product-item form .form-check {
    position: relative;
    text-align: left;
    padding: 0
}

.product-item form .form-check:first-child {
    transform: scale(2)
}

.product-item form input[type=radio] {
    color: #00f;
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin: 0
}

.product-item form input[type=radio]+label {
    display: none;
    font-weight: 700;
    font-size: .85em;
    color: #aeaeae;
    padding-left: 6px
}

.product-item form input[type=radio]+label .units_pk {
    min-height: 1.4em;
    font-size: .8em;
    padding-left: 2.75em;
    margin-top: -3px;
    font-weight: 500;
    position: relative;
    display: block !important
}

.product-item form input[type=radio]+label .savepack-icon {
    width: 1.2em;
    position: absolute;
    right: -.5em;
    top: .1em
}

.product-item form input[type=radio]+label .savepack {
    display: none;
    position: absolute;
    top: -1.8em;
    right: 0;
    font-size: .8em;
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 1px 3px
}

.product-item form input[type=radio]+label:hover .savepack {
    display: block
}

.product-item form input[type=radio]+label .price {
    position: absolute;
    right: 10px
}

.product-item form input[type=radio]+label .SaleBase {
    position: absolute;
    top: -1.8em;
    right: 1px;
    font-size: .8em;
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 1px 8px;
    transform: none;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.product-item form input[type=radio]:checked {
    display: inline
}

.product-item form input[type=radio]:checked+label {
    display: inline;
    color: #000
}

.product-item form input[type=radio]:checked+label .SaleBase~.price {
    color: #f47a44;
    font-weight: 700
}

.product-item.see-more-card .product-details .product-name a {
    max-height: initial
}

.product-item:hover .tbd {
    max-height: 500px;
    opacity: 1
}

.product-item:hover .out-of-stock {
    padding: 10px
}

.product-item:hover .padding {
    z-index: 100
}

.product-item:hover .padding:after {
    opacity: 1;
    transition: opacity .5s ease-in-out
}

.product-item:hover .editwishlistform, .product-item:hover .notes-float, .product-item:hover .out-of-stock, .product-item:hover .product-details .product-name .brand, .product-item:hover .product-name, .product-item:hover .product-name a {
    height: auto;
    max-height: 500px
}

.product-item:hover form input[type=radio] {
    display: inline
}

.product-item:hover form input[type=radio]+label {
    display: inline
}

.product-item:hover form input[type=radio]+label .SaleBase {
    opacity: 1
}

.product-item:hover form input[type=radio]+label .units_pk {
    min-height: initial
}

.expand-prod-card .product-item, body.touch .product-item {
    margin-bottom: 0
}

.expand-prod-card .product-item .tbd, body.touch .product-item .tbd {
    max-height: 500px;
    opacity: 1
}

.expand-prod-card .product-item .padding, body.touch .product-item .padding {
    position: relative
}

.expand-prod-card .product-item .out-of-stock, body.touch .product-item .out-of-stock {
    padding: 0 !important
}

.expand-prod-card .product-item .editwishlistform, .expand-prod-card .product-item .notes-float, .expand-prod-card .product-item .out-of-stock, .expand-prod-card .product-item .product-details .product-name .brand, .expand-prod-card .product-item .product-name, .expand-prod-card .product-item .product-name a, body.touch .product-item .editwishlistform, body.touch .product-item .notes-float, body.touch .product-item .out-of-stock, body.touch .product-item .product-details .product-name .brand, body.touch .product-item .product-name, body.touch .product-item .product-name a {
    height: auto;
    max-height: 500px
}

.expand-prod-card .product-item form input[type=radio], body.touch .product-item form input[type=radio] {
    display: inline
}

.expand-prod-card .product-item form input[type=radio]+label, body.touch .product-item form input[type=radio]+label {
    display: inline
}

.expand-prod-card .product-item form input[type=radio]+label .units_pk, body.touch .product-item form input[type=radio]+label .units_pk {
    min-height: initial
}

body.touch #baskgdpopup.CTGY .product-item, body.touch .owl-item .product-item, body.touch .prods-listing .product-item, body.touch.CTGY .product-item, body.touch.SRCH .product-item {
    padding-bottom: 30px
}

body.touch #baskgdpopup.CTGY .product-item .product-thumbnail img, body.touch .owl-item .product-item .product-thumbnail img, body.touch .prods-listing .product-item .product-thumbnail img, body.touch.CTGY .product-item .product-thumbnail img, body.touch.SRCH .product-item .product-thumbnail img {
    min-height: 140px
}

body.touch #baskgdpopup.CTGY .product-item .in-cart, body.touch .owl-item .product-item .in-cart, body.touch .prods-listing .product-item .in-cart, body.touch.CTGY .product-item .in-cart, body.touch.SRCH .product-item .in-cart {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(0, 105%)
}

body.touch #baskgdpopup.CTGY .product-item .out-of-stock .waitlistbtn, body.touch .owl-item .product-item .out-of-stock .waitlistbtn, body.touch .prods-listing .product-item .out-of-stock .waitlistbtn, body.touch.CTGY .product-item .out-of-stock .waitlistbtn, body.touch.SRCH .product-item .out-of-stock .waitlistbtn {
    position: absolute;
    bottom: 10px;
    left: 5%;
    max-width: 90%
}

body.touch #baskgdpopup.CTGY .product-item form, body.touch .owl-item .product-item form, body.touch .prods-listing .product-item form, body.touch.CTGY .product-item form, body.touch.SRCH .product-item form {
    padding-bottom: 73px
}

body.touch #baskgdpopup.CTGY .product-item form.editwishlistform, body.touch .owl-item .product-item form.editwishlistform, body.touch .prods-listing .product-item form.editwishlistform, body.touch.CTGY .product-item form.editwishlistform, body.touch.SRCH .product-item form.editwishlistform {
    margin-top: -90px
}

body.touch #baskgdpopup.CTGY .product-item form .tbd, body.touch .owl-item .product-item form .tbd, body.touch .prods-listing .product-item form .tbd, body.touch.CTGY .product-item form .tbd, body.touch.SRCH .product-item form .tbd {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

body.touch #baskgdpopup.CTGY .product-item form input[type=radio]:checked+label .SaleBase, body.touch .owl-item .product-item form input[type=radio]:checked+label .SaleBase, body.touch .prods-listing .product-item form input[type=radio]:checked+label .SaleBase, body.touch.CTGY .product-item form input[type=radio]:checked+label .SaleBase, body.touch.SRCH .product-item form input[type=radio]:checked+label .SaleBase {
    opacity: 1
}

.product-details-1 .product-item {
    font-size: 14px;
    height: auto;
    min-height: initial;
    border: none
}

.product-details-1 .product-item .padding {
    box-shadow: none;
    border: none
}

.product-details-1 .product-item .padding:after {
    display: none
}

.product-details-1 .product-item .padding .product-details {
    box-shadow: none;
    border: none;
    padding: 0
}

.product-details-1 .product-item .padding .product-details .in-cart {
    margin-top: -5px
}

.product-details-1 .product-item .padding .addtobasket-wrapper {
    padding: 0
}

.product-details-1 .product-item .padding .prod-wishlist {
    display: none
}

.product-details-1 .product-item .padding .out-of-stock {
    margin-bottom: 10px
}

.product-details-1 .product-item .padding form input[type=radio]+label:before {
    top: 0
}

.product-details-1 .product-item .padding form input[type=radio]+label .price {
    top: 0
}

.product-details-1 .product-item .padding form input[type=radio]+label .savepack-icon {
    top: 0
}

.product-details-1 .product-item .padding form .form-check {
    max-width: 65%;
    margin: 0 0 0 auto;
    padding-bottom: .5em
}

.product-details-1 .product-item .padding form .form-check label {
    font-size: 1.08em
}

.product-details-1 .product-item .padding form .tbd .catqtybox {
    width: 49%;
    padding: 10px 0;
    margin: 0;
    float: left;
    max-width: 50%
}

.product-details-1 .product-item .padding form .tbd .card-subtotal {
    width: 49%;
    display: inline-block;
    padding: 0;
    margin: 0;
    opacity: 1;
    font-size: 1.3em;
    text-align: left;
    padding: 10px 0 0 6px;
    vertical-align: text-bottom
}

.product-details-1 .product-item .padding form .tbd .card-subtotal span {
    float: right
}

.product-details-1 .product-item .padding form .tbd .buynowbtn {
    padding: 10px 0
}

.newMinusBtn {
    float: left
}

.newPlusBtn {
    float: right
}

.newMinusBtn:hover, .newPlusBtn:hover {
    font-weight: 700
}

/* .product-item-new .notes-float {
    height: 20px;
    text-align: center;
    font-size: 12px;
    font-family: ITCAvantGardePro-Bk
} */
/* .product-item-new .form-check-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 1px;
    font-weight: initial;
} */
/* .product-item-new .form-check-label {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 1px;
    font-weight: initial;
    align-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
} */
/* .product-item-new .product-details .product-thumbnail img {
    width: 85%;
    max-height: 530px;
    max-width: 530px;
    margin: 0 auto;
    display: block
} */
#viewSubstitutionModal .product-details .product-thumbnail img {
    width: 150px;
}

.product-item-new .dLabel3 .SaleBase {
    display: inline;
    position: absolute;
    /* bottom: 25px;
    right: 30px; */
    bottom: 7px;
    right: 60px;
    direction: rtl;
    color: #adabac
}

.SFNT .product-details .open>.dropdown-menu, .product-details .open>.dropdown-menu {
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: -5px;
}

/* 
.product-item-new .dropdown .uomName {
    float: left
}
*/
.product-item-new .dropdown .allPrice {
    float: right
}

.product-item-new .dLabel3 .allPrice {
    margin-right: 15px
}

.delicious-carousel .owl-wrapper, .meat-carousel .owl-wrapper, .prods-listing .owl-wrapper, .wine-carousel .owl-wrapper {
    height: 330px
}

.gridProducts .owl-wrapper {
    height: 350px
}

/*.productCardContainer .product-item-new .product-details .product-thumbnail img {
    width: 85%;
    max-height: 530px;
    max-width: 530px;
    margin: 0 auto;
    display: block
}*/
.featured-categories.container {
    min-height: 400px
}

#promo-iberico-desktop {
    display: block;
    width: 100%
}

#promo-iberico-mobile, #promo-iberico-tablet {
    display: none
}

#hiddenCaroussel {
    font-family: ITCAvantGardePro-Bk;
    text-align: justify;
    margin: 0;
    background-color: #fff;
    border: 2px solid;
    border-top: unset
}

#hiddenCaroussel>p {
    font-size: 16px;
    padding: 20px 8vw 0
}

#hiddenCaroussel .ctgy-title, #hiddenCaroussel .featured-category-dotted-line {
    display: none
}

#baskgdpopup .fa-close {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 15px;
    background: #f86;
    padding: 10px 11px;
    border-radius: 19px;
    color: #fff;
    display: none
}

#baskgdpopup {
    top: 10vh !important;
    position: fixed;
    max-width: min(90vw, 1300px) !important;
    max-height: 85vh
}

.bygh3 {
    margin-bottom: 15px;
    font-weight: 700;
    margin-left: 25px;
    font-size: 32px;
    font-weight: 600
}

.fa {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.SFNT .owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    font-size: 30px;
    color: #000;
    position: absolute;
    top: 0;
    opacity: 1;
    padding: 0;
    margin: 0
}

.SFNT .owl-theme .owl-controls .owl-buttons div>.fa.fa-chevron-circle-left, .SFNT .owl-theme .owl-controls .owl-buttons div>.fa.fa-chevron-circle-right {
    color: #ee7943
}

#baskgdpopupClose {
    position: fixed;
    top: 8vh;
    right: calc(50vw - min(46.5vw, 650px));
    font-size: 15px;
    background: #f86;
    padding: 10px 11px;
    border-radius: 19px;
    color: #fff;
    z-index: 10000;
    display: none
}

#baskgdpopup .product-information-wrapper h1, #baskgdpopup .product-zoom-image-wrapper {
    cursor: pointer
}

.remove-item {
    border: none;
    background-color: transparent;
    font-size: 12px;
    width: 75px;
    display: block;
    margin: 0 auto
}

.pair-card .product-item .product-details {
    position: relative;
    max-width: 100%;
    border: none !important
}

.showpairs .in-cart {
    display: none
}

.showpairs .in-cart {
    display: none
}

.expanded .product-item form .tbd .buynowbtn .button {
    line-height: 3rem !important;
    border: none;
    border-radius: 3rem !important;
    color: #fff;
    font-size: 1.5em !important;
    font-weight: 600;
    background-color: #f47a44;
    width: 14rem !important;
    display: block;
    height: 3rem !important;
    letter-spacing: 1px;
    outline: 0;
    transition: all .5s
}

.expanded .product-item .out-of-stock .waitlistbtn {
    outline: 0;
    justify-content: center;
    border-radius: 3rem !important;
    display: flex !important;
    font-size: 16px !important;
    background-color: #628e83 !important;
    height: 3rem !important;
    line-height: 2rem !important;
    width: 14rem !important;
    color: #fff !important
}

#showpairs .image-icon1, .showpair_card .image-icon1 {
    position: absolute;
    right: 40px;
    bottom: 17px
}

#showpairs1 .image-icon1, .showpair_card .image-icon1 {
    position: absolute;
    right: 60px;
    bottom: 17px;
    z-index: 1;
    transform: rotate(180deg)
}

.save-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 4px solid #FFC841;
    padding: 35px 25px 15px;
    text-align: center;
    min-height: 535px;
    width: 100%
}

.pdr-10 {
    padding-right: 10px
}

.all-products {
    font-weight: 900;
    color: #f47a44 !important;
    display: flex;
    height: 25rem;
    border: #f47a44 solid 3px;
    width: fit-content;
    padding: 2rem;
    align-items: center;
    text-align: center;
    cursor: pointer
}

#tips-card {
    padding-left: 25px
}

.give-feedback {
    padding-right: 25px;
    margin-bottom: 20px
}

.learnmores {
    color: #f47a44 !important
}

.pd-left-30 {
    padding-left: 15px
}

.pd-right-30 {
    padding-right: 15px
}

.membership_card_img {
    border: 3px solid #434143
}

.save-card {
    padding: 15px;
    border: 3px solid #FFC841
}

body #chef_card .save-card #shop-like-chef .parent .child h5 {
    padding: unset
}

.heart_img {
    margin-top: 40px
}

.loaders1 {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #f47a44;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    top: 50%;
    left: 50%
}

.loaderContainers1 {
    position: fixed;
    width: 100%;
    max-width: 1440px;
    height: 100vh;
    background-color: #fff;
    opacity: 1;
    overflow: auto;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.ajaxContainer {
    position: inherit;
    width: 100%;
    max-width: 1364px;
    height: 200vh;
    opacity: 1;
    overflow: auto;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.secondajaxloader {
    /*min-height: 600px;*/
}

.thirdajaxloader {
    min-height: 600px
}

.owl-theme .owl-controls .owl-buttons div {
    zoom: 0 !important;
    font-size: 20px
}

.PROD .in-cart {
    width: 164px;
    right: 3px
}

.modal {
    z-index: 10000
}

.exit {
    top: 2px;
    right: 0;
    left: 3px;
    position: absolute
}

.owl-item .product-item {
    width: 100% !important
}

.owl-item .product-item .padding {
    position: relative !important
}

.owl-carousel {
    display: none
}

.minibsk-holder .basket-qty-input {
    line-height: 23px
}

.BASK #basket-contents .basket-qty-input {
    line-height: 23px
}

.SFNT .featured-categories .category_headers {
    text-align: center
}

.owl-carousel.owl-loaded {
    display: block
}

.sub-ctgy-content:hover {
    z-index: 100
}

.PROD #specialShipping, .PROD .product-social-wrapper, .PROD .titlebreak {
    display: block !important
}

#baskgdpopup .desktop-img {
    padding: 0 0 !important
}

#baskgdpopup .mobile-img {
    display: none;
    padding: 0 0 !important
}

#baskgdpopup .mobile-pagination {
    display: none
}

.see-more-card .product-detail-wrapper {
    position: relative;
    min-height: 271px;
    padding: 10px
}

.see-more-card .product-detail-wrapper {
    position: relative;
    min-height: 250px
}

.restore-link {
    color: #fff !important;
    background: #f47a44;
    padding: 5px 10px
}

.prog-cat {
    min-height: 400px
}

#CodeRotatingBanner-desktop {
    max-height: 370px;
    overflow: hidden;
    min-height: 370px;
    padding: 0
}

#CodeRotatingBanner-desktop.owl-carousel {
    max-height: initial;
    min-height: initial
}

#CodeRotatingBanner-mobile {
    max-height: 350px;
    overflow: hidden;
    min-height: 350px
}

#CodeRotatingBanner-mobile.owl-carousel {
    max-height: initial;
    min-height: initial
}

.newstextHeader {
    text-align: center
}

.closeCss {
    color: #fff;
    position: absolute;
    top: -4px !important;
    right: -31px !important;
    background: #f47a44 !important;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    font-size: 18px !important;
    opacity: 1;
    transform: translate(-50%, -50%) !important
}

.linebar {
    border: .5px solid grey;
    width: 74%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    background: grey
}

.couponcode {
    font-size: 62px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    color: #f47a44;
    margin-top: 48px;
    margin-bottom: 0
}

.checkouttext {
    font-size: 18px;
    /* reduce font size 24px to 18px */
    letter-spacing: 1px;
    margin-top: 10px
}

newsLetterTypeContainer form .form-check {
    position: relative;
    text-align: left;
    padding: 0
}

.newsLetterTypeContainer form input[type=radio]:checked {
    display: inline
}

.newsLetterTypeContainer form input[type=radio] {
    color: #00f;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin: 0
}

.newsLetterTypeContainer input[type=radio]+label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: relative;
    top: 0;
    margin-right: .2em;
    vertical-align: text-bottom;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.newsLetterTypeContainer input[type=radio]:checked+label:before {
    background-color: #f47a44;
    border: 1px solid #f47a44;
    box-shadow: inset 0 0 0 2px #fff
}

.newsLetterTypeContainer input[type=radio] {
    opacity: 0;
    position: relative;
    left: 14px;
    bottom: 0;
    z-index: 9999;
    width: 105px;
    margin-right: -90px
}

.newsLetterTypeContainer form input[type=radio]:checked {
    display: inline
}

.newsLetterTypeContainer form input[type=radio]+label {
    display: none;
    font-weight: 700;
    font-size: .85em;
    color: #aeaeae;
    padding-left: 6px
}

.signupforNewsText {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-bottom: 15px
}

.goodthingDevider {
    border: .5px solid grey;
    width: 79%;
    margin: 0 auto;
    margin-bottom: 4px;
    background: grey
}

.specialSpaceText {
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 20px
}

.submitFormContainer {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    margin-top: 5px
}

.inputField {
    height: 40px;
    width: 250px
}

.submitButton {
    background: #f47a44;
    color: #fff;
    border: none;
    height: 40px;
    width: 120px;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block
}

.coupenDevider {
    width: 86%;
    border: .5px solid grey;
    margin: 0 auto;
    margin-bottom: 4px;
    background: grey;
    margin-top: 15px
}

.signedUpContainer {
    border: .5px solid grey;
    padding: 80px 0 90px 0
}

.disclimer {
    font-size: 10.4px;
    width: 90%;
    margin: 0 auto;
    letter-spacing: .3px
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .btndisabled {
    background: #d3d3d3!important
} */
.displayNone {
    display: none
}

.product-item form .tbd .buynowbtn .button {
    border: none;
    border-radius: 3rem !important;
    color: #fff;
    font-size: 13px !important;
    font-weight: 600;
    background-color: #f47a44;
    width: 170px !important;
    display: block;
    height: 30px !important;
    letter-spacing: 1px;
    outline: 0;
    transition: all .5s
}

.fade-enter-active, .fade-leave-active {
    transition: transform .25s ease-in-out .1s, opacity .15s linear;
    transform: translate(0, 0) scale(1);
    transform-origin: top right;
    opacity: 1
}

.fade-enter, .fade-leave-to {
    transform: translate(0, -40px) scale(.9);
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .1s linear .25s
}

#minibsks {
    display: none;
    position: fixed;
    width: 100%;
    max-width: 1700px;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    opacity: 1;
    z-index: 999999999;
    top: auto;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto
}

#minibsks form {
    font-size: 14px
}

#wholesale-cartquote {
    font-weight: 700 !important;
    font-family: ITCAvantGardePro-Bk !important;
    letter-spacing: 1px
}

/*! Firefox */
#minibsks {
    scrollbar-color: rebeccapurple green;
    scrollbar-width: thin
}

/*! Other Browser */
#minibsks::-webkit-scrollbar {
    width: 11px
}

#minibsks {
    scrollbar-width: thin;
    scrollbar-color: #5f615f #0f0f0f
}

#minibsks::-webkit-scrollbar-track {
    background: var(--scrollbarBG)
}

#minibsks::-webkit-scrollbar-thumb {
    background-color: #5f615f;
    border-radius: 15px;
    border: 3px solid #0f0f0f
}

#minibsks .minibsk-holder {
    width: min-content;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
    min-width: 400px;
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

#minibsks .minibsk-header {
    padding: 20px
}

#minibsks .product-row {
    padding: 10px
}

#minibsks .minibsk-container {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(99vh - 296px);
    min-height: 100px
}

#minibsks .checkout-container {
    background-color: #fff !important;
    padding: 20px;
    box-shadow: 0px 0 5px #808080;
    -moz-box-shadow: 0px 0 5px #808080;
    -webkit-box-shadow: 0px 0 5px #808080;
}

.minibsk-footer .txt-gray-light {
    color: #414042;
}

#minibsks .btn-height {
    height: 35px;
    line-height: 35px;
    padding: 0 16px
}

#minibsks .wd-80 {
    width: 80%
}

#minibsks .row-auto {
    width: 100%;
    height: 100%;
    margin: auto
}

#minibsks .qtyboxMain {
    border: solid .2px;
    background: #fff;
    width: 60%;
    height: 24px;
    border-radius: 3rem;
    right: 0;
    left: 27%;
    position: absolute;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    border-color: #d1d3d4;
    padding: 0;
}

#minibsks .qtybox {
    padding: 0;
}

#minibsks .qtybox:focus {
    border: none !important;
}

#minibsks .qtybtns {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 0 7px
}

#minibsks .image-wrapper img {
    max-width: 100%;
    max-height: 100px
}

#minibsks a {
    color: #414042 !important;
    font-size: 16px !important;
    font-weight: 700 !important
}

/*#minibsks h5 {
    color: #414042!important;
    font-size: 12px!important;
    font-weight: 700!important;
    font-family: ITCAvantGardePro-Bk!important
}*/
#minibsks .priceloop {
    position: relative;
    left: 0;
    top: 0;
    font-family: ITCAvantGardePro-Bold
}

#minibsks .psubtotal {
    font-family: ITCAvantGardePro-Bold
}

#minibsks .divider {
    border-bottom: solid 1px;
    margin: 5px 0;
    color: #808080
}

.qtybox:focus {
    border: solid 1px #000
}

#minibsks .qtybox:focus+.minus-qty-ordhp, .product-row:hover .minus-qty-ordhp {
    opacity: 1;
    transform: translate(-50%, 0) translate(-30px, 0) scale(1.6)
}

#minibsks .qtybox:focus+.minus-qty-ordhp+.add-qty-ordhp, .product-row:hover .add-qty-ordhp {
    opacity: 1;
    transform: translate(-50%, 0) translate(30px, 0) scale(1.6);
    font-weight: 100
}

#minibsks .remove-item, .bask-item-quantity-update-button {
    opacity: 0;
    transition: opacity .3s, transform .5s
}

#minibsks .qtybox:focus+.minus-qty-ordhp+.add-qty-ordhp+.remove-item, .product-row:hover .bask-item-quantity-update-button, .product-row:hover .remove-item, .qtybox:focus+.minus-qty-ordhp+.add-qty-ordhp+.remove-item+.bask-item-quantity-update-button {
    opacity: 1
}

#minibsks .nobg {
    background: 0 0
}

#minibsks .paddingZero {
    padding: 0 !important
}

/*
#minibsks .decpr {
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    margin-top: -4%
}
*/
/*#minibsks .item-name {
    font-size: 12px;
    color: #414042;
    font-weight: 600;
    line-height: normal;
    padding-bottom: initial;
    letter-spacing: 1px
}*/
.ft-w-b {
    font-weight: 700 !important
}

.loaderContainers {
    position: absolute;
    width: 100%;
    max-width: 1364px;
    height: 100%;
    background-color: rgb(255 255 255 / 40%);
    opacity: 1;
    overflow: auto;
    z-index: 999;
    top: 170px;
    right: 0;
    left: 0;
    margin: 0 auto
}

.loaders {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #f47a44;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    top: 25%;
    left: 50%
}

.BASK .retproducts .checkmark, .retproducts .decpr, .retproducts .item-name, .retproducts .mobtxtdisable, .retproducts .priceloop, .retproducts .psubtotal, .retproducts .qtyboxMain, .retproducts img {
    opacity: .4;
    z-index: 99
}

.retproducts .image-wrapper a {
    pointer-events: none;
    cursor: default
}

.retproducts .txt-left a {
    pointer-events: none;
    cursor: default
}

.retproducts .paddingZeros.tab-margin-zeros a {
    pointer-events: none;
    cursor: default
}

.retproducts .paddingZeros.tab-margin-zeros .qtyContainer {
    pointer-events: none;
    cursor: default
}

.retproducts .txt-left .options-row.gray .txt-green.bold-ft.ft-10p {
    pointer-events: none;
    cursor: default;
    display: inline-block;
    margin-bottom: 8px;
    font-size: 13px
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .signUpForm .formBtncreateAccount.btn-orange.primary-btn {
     padding: 8px 16px; 
} */
#businessSignupForm, #retailSignupForm, #nonprofitSignupForm, #signUpMsg {
    text-align: center
}

.businessSignUP, .nonprofitSignUP {
    margin-bottom: 20px;
}

.input_btm_text {
    color: #a9a9a9
}

#showwholo {
    position: fixed !important
}

body.modal-open {
    overflow: hidden;
    position: absolute;
    width: 100%
}

.newLoginContainer, .newDealsContainer {
    position: fixed;
    width: 100%;
    /* max-width: 1364px; */
    /* WR-54328  */
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    opacity: 1;
    overflow: auto;
    z-index: 11111111;
    /* changed from  99999999999999 to 11111111 ;   #566 , #631*/
    top: 0;
    /* WR-54328 */
    right: 0;
    left: 0;
    margin: 0 auto
}

.newLoginContainer .Lclose {
    position: fixed;
    right: 20px !important;
}

.checkboxContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 2px
}

#signUpMsg .checkboxContainer {
    display: block !important;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 2px
}

.checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1.5px solid #000
}

.checkboxContainer:hover input~.checkmark {
    background-color: #fff
}

.checkboxContainer input:checked~.checkmark {
    background-color: #fff
}

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

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

.newsLetterSignUpContainer .checkmark:after {
    left: 4px;
    top: -1px;
    width: 5px;
    height: 11px;
    border: solid #f47a44;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.label {
    max-width: 100%;
    font-weight: 700
}

.displayNone {
    display: none
}

.signup-popout {
    display: flex;
    /* padding-bottom: 160px; */
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.newLoginContent, .newDealsContent {
    background-color: #F9F9F9;
    margin: auto;
    padding: 20px;
    width: 100%;
    /* WR-54328 */
    /* position: absolute; */
    /* right: 0;WR-54328 */
    /* left: 0; WR-54328 */
    height: 100%;
    /* min-height: 128vh; */
    overflow-x: scroll;
    /* padding-bottom: 200px !important; */
}

.formAlign {
    /* WR-54328 */
    width: 400px;
    margin-top: 25px;
    background-color: #fff;
    /* border: 2px solid #d1d3d4; */
    border-radius: 8px;
}

.benefits {
    position: fixed;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color: #d1d3d4;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.benefits .info {
    width: 160px;
    /* added flex atribute */
    flex: 0 0 auto;
}

.benefits .fa-arrow-right {
    margin: 0px 20px;
}

.benefit-card {
    height: 80px;
    width: 160px;
    background: #fff;
    margin: 0px 10px;
    border-radius: 8px;
    /* added flex atribute */
    flex: 0 0 auto;
}

.benefit-card img {
    border-radius: 8px;
    height: 80px;
    width: 160px;
}

.benefit-card p {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.signUpJustify {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Lclose {
    color: #f47a44;
    float: right;
    cursor: pointer;
    opacity: 1;
}

.successClose {
    font-size: 20px;
    color: #f47a44;
    float: right;
    cursor: pointer
}

.newLoginHeder {
    margin-top: 25px;
    font-family: ITCAvantGardePro-Bold;
    font-size: 20px;
    text-align: center
}

.headerDevider {
    border: 1px solid #808080
}

.signupInputField {
    font-size: 14px;
    /*WR-54328 */
    letter-spacing: 0.5px;
    margin: 0 auto 2px !important;
}

.LinputContainer {
    width: 90%;
    margin: 20px auto
}

.LinputErrorContainer {
    display: grid;
    width: 90%;
    margin: -5px auto;
    position: relative;
    justify-content: flex-start;
    //top: -5px;
}

.LinputMsgContainer {
    width: 90%;
    margin: -5px auto 15px;
    position: relative;
    top: 10px;
}

.LinputContainerCityState {
    width: 40%;
    margin: 0 auto
}

#loginmodal .LinputContainerCityState select {
    border: solid 2px #9d9694;
    border-style: inset;
    line-height: initial
}

.signUpMsg {
    margin-left: 2px
}

.LformInput {
    width: 100%;
    height: 40px;
    line-height: 20px;
    padding: 8px;
    /* WR-54328 */
    border-radius: 5px;
    border: 2px solid #d1d3d4;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.15 !important;
    /* Dropdown selected item is getting cut at the top */
}

.invalidInput {
    border: 2px solid red
}

.font15 {
    font-size: 15px
}

.center {
    text-align: center
}

.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #414042;
    border-radius: 2px
}

.newslettermessage {
    font-size: 8.9px;
    text-align: center
}

.loginBtn {
    width: 100%;
    /* padding: 8px 16px; WR-64892 Consolidation of Global CSS - Button Standardization */
}

/* #53 from May sheet */
.Guest {
    display: none;
    width: 100%;
    /* background: #f47a44; */
    /* color: #fff !important; */
    /* border: none; */
    /* padding: 8px 16px; WR-64892 Consolidation of Global CSS - Button Standardization */
    margin-top: 30px;
    /* text-align: center; */
    /* border-radius: 3rem !important; */
    /* font-size: 14px; */
}

/* #53 from May sheet */
.buttonContainer {
    /* display: flex;
    flex-direction: column;
    width: 100%; */
    margin: 20px auto;
    width: 90%;
    /* flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start; */
}

.forgetPwd {
    font-size: 14px;
    margin-top: 10px
}

.forgetPwd:hover {
    text-decoration: underline;
}

#createAnAccount:hover {
    text-decoration: underline;
}

.ajaxmsg {
    color: #f47a44;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .8px;
    text-align: center
}

.line {
    width: 100%;
    border: 1px solid #808080;
    height: 0
}

.orOptionContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.createAccountBtn {
    width: 100%;
    background: #628e83;
    color: #fff;
    border: none;
    border-radius: 3rem !important;
    height: 40px;
    padding-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.formBtncreateAccount {
    width: 90%
}

.FradioContainer {
    color: #000;
    display: flex;
    margin: 15px 5px;
    justify-content: space-between
}

.FradioContainer form input[type=radio]:checked {
    display: inline
}

.FradioContainer form input[type=radio] {
    color: #00f;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin: 0
}

.FradioContainer input[type=radio]+label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: relative;
    top: 0;
    margin-right: .2em;
    vertical-align: text-bottom;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.logincheckmark {
    position: absolute;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1.5px solid #000
}

.FradioContainer input[type=radio]:checked+label:before {
    background-color: #f47a44;
    border: 1px solid #f47a44;
    box-shadow: inset 0 0 0 2px #fff
}

.FradioContainer input[type=radio] {
    opacity: 0;
    position: relative;
    left: 14px;
    bottom: 5px;
    z-index: 9999
}

.FradioContainer form input[type=radio]:checked {
    display: inline
}

.FradioContainer form input[type=radio]+label {
    display: none;
    font-weight: 700;
    font-size: .85em;
    color: #aeaeae;
    padding-left: 6px
}

/* PS-41031 newsletter checkbox for wholesale user */
.couponMsg {
    width: 500px;
    font-size: 27px;
    text-align: center;
    font-weight: bolder;
    margin-top: 30%;
    letter-spacing: .9px;
}

.couponCodeText {
    font-size: 30px;
    text-align: center;
    color: #f47a44;
    margin-bottom: 0;
    margin-top: 5px
}

.newsHeader {
    font-size: 36px;
    font-family: 'ITCAvantGardePro-Bold';
}

input:focus, textarea:focus {
    outline: 0
}

.pac-container {
    z-index: 99999
}

.newsLetterTypeContainer input[type=radio]+label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #bfbfbf;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    position: relative;
    top: 0;
    margin-right: .2em;
    vertical-align: text-bottom;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.newsLetterTypeContainer input[type=radio]:checked+label:before {
    background-color: #f47a44;
    border: 1px solid #f47a44;
    box-shadow: inset 0 0 0 2px #fff
}

.newsLetterTypeContainer input[type=radio] {
    opacity: 0;
    position: relative;
    left: 18px;
    bottom: -4px;
    z-index: 9999
}

.newstextHeader {
    text-align: center
}

.newsLetterTypeContainer form input[type=radio]:checked {
    display: inline
}

.newsLetterTypeContainer form input[type=radio]+label {
    display: none;
    font-weight: 700;
    font-size: .85em;
    color: #aeaeae;
    padding-left: 6px
}

.signupforNewsText {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-bottom: 15px
}

.goodthingDevider {
    border: .5px solid grey;
    width: 79%;
    margin: 0 auto;
    margin-bottom: 4px;
    background: grey
}

.specialSpaceText {
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 20px
}

.submitFormContainer {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    margin-top: 5px
}

.inputField {
    height: 40px;
    width: 250px
}

.submitButton {
    background: #f47a44;
    color: #fff;
    border: none;
    height: 40px;
    width: 120px;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 700
}

.signupforNewsText {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-bottom: 15px
}

#newletter-modal {
    position: relative;
    width: auto !important;
    margin: 10px
}

.goodthingDevider {
    border: .5px solid grey;
    width: 79%;
    margin: 0 auto;
    margin-bottom: 4px;
    background: grey
}

.specialSpaceText {
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 20px
}

.submitFormContainer {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    margin-top: 5px
}

.inputField {
    height: 40px;
    width: 350px
}

.submitButton {
    background: #f47a44;
    color: #fff;
    border: none;
    height: 40px;
    width: 120px;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block
}

.coupenDevider {
    width: 86%;
    border: .5px solid grey;
    margin: 0 auto;
    margin-bottom: 4px;
    background: grey;
    margin-top: 15px
}

.signedUpContainer {
    border: .5px solid #fff;
    padding: 80px 0 90px 0;
}

.disclimer {
    font-size: 10.4px;
    width: 90%;
    margin: 0 auto;
    letter-spacing: .3px
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .btndisabled {
    background: #d3d3d3!important
} */
.newsLetterTypeContainer form .form-check {
    position: relative;
    text-align: left;
    padding: 0
}

.newsLetterTypeContainer form input[type=radio]:checked {
    display: inline
}

.newsLetterTypeContainer form input[type=radio] {
    color: #00f;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin: 0
}

.couponcodeheader {
    color: #414042;
    font-size: 36px;
    /* reduce font size 62px to 36px  */
    font-weight: bold;
    /* made weight to bold */
    letter-spacing: 1px;
    margin: 0;
    line-height: 55px;
    font-family: ITCAvantGardePro-Bold
}

.linebar {
    border: .5px solid grey;
    width: 74%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    background: grey
}

.couponcode {
    font-size: 36px;
    /* reduce font size 62px to 36px */
    font-weight: bold;
    /* made font weight bold  */
    letter-spacing: 1px;
    line-height: 25px;
    color: #f47a44;
    margin-top: 35px;
    /* Issue - #570 - Reducd the margin*/
    margin-bottom: 0
}

/* .newsLetter h1 { */
#newsLetterModal h1 {
    color: #414042;
    font-size: 36px;
    /* reduce font size 62px to 36px */
    font-weight: 600;
    margin: 30px 0 0px 0;
    letter-spacing: 1px;
    font-family: ITCAvantGardePro-Bold;
    line-height: 1.1;
    padding: 0;
}

#newsLetterModal .exit {
    top: 2px;
    right: 0;
    left: 3px;
    position: absolute
}

/* 8-3-2024 Issue #570 */
/* #68 from June sheet */
/* #newsLetterModal input[type=checkbox] {
    margin: 0px;
    vertical-align: middle; 
} */
/* class for checkbox alignment - #68 from June sheet */
.custom_checkbox {
    margin: 0px !important;
    vertical-align: middle !important;
}

#global-mini-basket-container {
    display: block;
    float: none;
    line-height: 22px;
    padding: 4px 3px 0 0;
    position: absolute;
    min-width: 500px;
    margin-left: -200px;
    right: 0
}

.sticky #global-mini-basket-container {
    margin-left: -110px
}

#global-mini-basket-hover-content {
    display: none;
    float: left;
    z-index: 10;
    position: absolute;
    min-width: 250px;
    max-width: 500px;
    max-height: 430px;
    background: #fff;
    overflow-y: auto;
    right: 0
}

#global-mini-basket-hover-content table {
    display: table;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #ddd;
    background: #fff
}

#global-mini-basket-hover-content table tfoot td, #global-mini-basket-hover-content table tfoot td a, #global-mini-basket-hover-content table thead th, #global-mini-basket-hover-content table thead th a {
    color: #414042;
    padding: 5px;
    font-size: 18px;
    background: #ededed;
    letter-spacing: 1px
}

#global-mini-basket-hover-content table thead th a {
    color: #f47a44 !important
}

.thpad {
    border-bottom: 1px solid #ddd;
    padding: 8px 8px !important
}

#global-mini-basket-hover-content table tfoot td {
    font-size: 16px
}

#global-mini-basket-hover-content table tbody td {
    font-size: 16px;
    padding: 4px 5px;
    line-height: 18px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    font-weight: 600
}

#global-mini-basket-hover-content table tbody td img {
    display: inline-block;
    border: 1px solid #ddd;
    vertical-align: top;
    margin: 4px 2px 4px 0;
    width: 60px;
    height: 60px
}

.minispan {
    display: inline-block;
    max-width: 282px;
    width: 79%;
    vertical-align: top
}

.minispan a {
    display: block;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #414042 !important;
    letter-spacing: 1px !important
}

.minispan b a {
    display: block;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #414042 !important;
    letter-spacing: 1px !important
}

.minispan span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px
}

#global-mini-basket-hover-content table thead th a, #global-mini-basket-hover-content table thead th b a {
    color: #000 !important
}

.account-links a:hover, body .search-account-basket-wrapper a {
    color: #414042 !important;
    /* font-size: 16px!important; */
}

.minibasket_backing {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

/* need to check */
@media screen\0 {
    .product-item {
        max-width: 300px
    }

    .product-item input[type=radio]+label {
        display: inline
    }
}

@media screen and (min-width: 1280px) and (max-width:2560px) {
    #your-cart-link {
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        /* top: -5px */
        /* 17-oct-2023 from excel sheet sr. #92 */
    }

    #global-mini-basket-wrapper>.fa {
        position: relative;
        top: 1px
    }

    .logo-wrapper {
        justify-content: center;
        flex-wrap: nowrap;
        align-content: center;
        flex-direction: row;
        margin-left: 1%;
        width: 15%;
        position: relative;
        bottom: 5px;
        padding: 5px;
    }

    /* .search .search-button {
        height: 20px;
        margin-left: -30px;
        position: absolute;
        top: 10px;
        right: 15px
    } */
    .mobile-search {
        display: none
    }

    .mobile-search-wrapper {
        display: none;
        z-index: 1
    }

    .account-links {
        display: none;
        position: absolute;
        top: 36px;
        /* WR-00265 - Changed from 38 to 66 */
        left: 100px;
        /* section going out of the screen */
        /* WR-00265 - Changed from 28 to 110 */
        transform: translate(-50%, 0);
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        padding: 10px 10px;
        min-width: 260px;
        text-align: initial;
        color: #628e83;
        border: solid 2px #628e83;
        z-index: 1000;
        border-radius: 10px;
        line-height: 1.2
    }

    .account-links hr {
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 3px solid #ced1dc
    }

    .account-wrapper.active .account-links {
        display: flex;
        flex-direction: column;
    }

    /* changed class name and padding because moved account info to navigation bar */
    #navigation-bar .account-wrapper .account-links a {
        color: #424143 !important;
        font-size: 15px !important;
        display: block;
        margin: 0;
        padding: 5px 10px;
    }

    .account-arrow {
        z-index: 9999;
        position: relative;
        left: 7px;
        top: -5px;
        color: #628e83;
        font-weight: 800;
        font-size: 20px
    }

    .account-wrapper {
        display: inline-block;
        position: relative;
        padding: 0 0 0 10px;
        /* top: 8px; */
        right: 25px;
    }

    .account-wrapper i.fa-user-circle-o {
        color: #628e83;
        font-size: 29px;
        position: relative;
        z-index: 9999;
        top: -6px
    }

    .account-wrapper i.fa-user-circle-o:after {
        position: absolute;
        font-size: 12px;
        color: #000;
        left: -7px;
        color: #628e83;
        bottom: -15px;
        font-family: ITCAvantGardePro-Bk
    }

    .basket-total .birthday-info {
        color: #628e83;
    }

    #global-mini-basket-wrapper {
        border: solid #628e83 2px;
        /*padding: 2px 10px; */
        /* 17-oct-2023 excel sheet sr. #92*/
        color: #628e83;
        /* font-size: 26px;*/
        /* 17-oct-2023 excel sheet sr. #92*/
        vertical-align: middle;
        position: relative;
        float: right;
        border-radius: 5px;
        min-width: 125px;
    }

    #lovedrop {
        position: absolute;
        right: 50%;
        top: 0;
        transform: translate(50%, -100%)
    }

    .navigation-placehoder {
        height: 165px;
    }

    .hdft-container {
        width: 100%;
        background-color: #fff;
        /* padding: 8px 0; */
        padding: 0;
        position: relative;
        box-shadow: 0 3px 7px rgb(0 0 0 / 20%);
    }

    #lovedrop {
        transform: scale(.85) translate(60%, -92%)
    }

    body.OCST #navigation-bar, body.OPAY #navigation-bar, body.OSEL #navigation-bar {
        visibility: hidden
    }

    .global-header-wrapper {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 10006
    }
}

.footer-bg {
    background-color: #2B5249;
    padding: 3%
}

footer .footer-titles {
    font-size: 16px;
    color: #fff;
    /* font-weight: 700;  WR-19685 */
    font-family: ITCAvantGardePro-Bold;
    padding: 0;
    letter-spacing: 1px;
    background-color: transparent !important
}

footer p {
    color: #fff;
    letter-spacing: 1px
}

footer .ftr-social-icon img {
    width: 24px;
    height: auto
}

footer .ftr-social-icon {
    display: block;
    width: auto;
    padding: 4px 2px;
    float: left
}

footer .main-link {
    border-bottom: none;
    padding: 0
}

#global-footer footer {
    padding: 0;
    margin-top: 30px;
}

.footer-icons {
    display: flex;
    align-items: baseline;
    justify-content: center;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    width: 60%
}

.footer-icons a {
    padding: 5px
}

footer .newletter-section {
    display: inline-flex;
    width: 100%;
    align-content: space-around;
    justify-content: space-between
}

footer .newletter-section input {
    border-radius: 25px;
    padding-left: 6%;
    border: 0;
    width: 70%;
    padding-top: 0;
    padding-bottom: 0;
    height: 33px
}

footer .newletter-section .ftbutton {
    width: 185px !important;
    border: 0;
    border-radius: 30px;
    padding: 0 5%;
    background-color: #F47A44;
    color: #fff;
    height: 33px
}

.threebie-video-button {
    background-color: #2B5249 !important;
    color: #fff;
    font-size: 12px;
    padding: 5px 5px 5px 10px;
    border-radius: 3rem;
    letter-spacing: 1px;
    cursor: default;
}

.threebie-video-button:hover {
    background-color: #2B5249 !important;
    color: #fff !important;
    border-radius: 3rem;
    letter-spacing: 1px;
}

.opco .threebie-vid-container, .BASK .threebie-vid-container {
    display: none;
    visibility: hidden;
}

.threebie-vid-container {
    position: absolute;
    right: 242px;
    top: 30px;
}

.video-modal {
    width: 92%;
    margin: auto;
}

@media (min-width: 990px) and (max-width:1199px) {
    .hdft-container {
        width: 100% !important;
        height: initial;
        /* padding: 2rem 0; commented to remove the top and bottom padding */
    }

    .SRCH .showthreebie .threebieproductbtn, .SRCH .showthreebie .threebieproductbtnnew {
        width: 192px
    }

    #account-links {
        left: 40px;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .homepage-container {
        max-width: 100%
    }

    .pair-Price {
        margin-top: 40px !important
    }
}

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

    /* 
    .newLoginContent {
        width: 50%
    }
    .newLoginContainer {
        top: 168px;
    }
    */
    .logo-wrapper {
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .search-account-basket-wrapper {
        padding-right: 0 !important
    }

    .SFNT .containerTop {
        padding-top: 25px;
        background: #fff;
    }
}

@media screen and (min-device-width: 481px) and (max-device-width:1024px) and (orientation:portrait) {
    .facetbox input[type=checkbox] {
        margin-top: -5px
    }
}

/* 27-NOV-202 excel sheet sr no #387 */
@media (min-width: 1024px) and (max-width:1365px) {
    .SFNT #content-container {
        margin-top: 8px;
        /* changed from 15px to 8px #489 */
    }
}

/* 27-NOV-202 excel sheet sr no #387 */
@media screen and (max-device-width: 1024px) and (orientation:portrait) {
    .wholeNavMenuAndSearch {
        width: 81%;
    }

    .SFNT .containerTop {
        padding-top: 25px;
        background: #fff;
    }

    .est-heading4 {
        font-size: 10px !important;
        letter-spacing: 0;
    }

    .ordguide .alt_row .row div h4 {
        font-size: 10px !important;
        white-space: nowrap;
    }

    .secondajaxloader {
        min-height: auto
    }

    .showpair_card_img {
        min-height: 480px;
        /*height: 480px*/
    }

    .membership_card {
        min-height: 535px;
    }

    .category_headers #membership, .category_headers #wsmembership {
        font-size: 24px
    }

    .membership_card .membership_signup a.generic-btn {
        margin: unset
    }

    .save-card {
        /*min-height: 480px;*/
        height: 480px
    }

    .save-card .heart_img {
        margin: unset
    }

    .tips-card {
        padding: 15px;
        min-height: 480px;
        height: 480px
    }

    .tip_card_img {
        min-height: 480px;
        height: 480px
    }

    .savecard-images {
        margin-top: 40px
    }

    .membership_card_img {
        padding: 15px
    }
}

@media only screen and (max-width: 1023px) {
    .SFNT .product-details .addtocartbtns.btn-orange {
        min-width: 30px;
    }

    .container, .homepage-container, footer {
        max-width: 100%
    }

    .membership_card-old {
        padding-right: 0;
        padding-left: 0
    }

    #membership_card .membership_card {
        text-align: center;
        text-transform: uppercase;
        border: 3px solid #628E83 !important;
        padding: 8px 0;
        width: 100%;
        min-height: 350px
    }

    #membership_card .membership_parents .img-responsive.mb-icon {
        height: 50px;
        width: auto !important;
        align-self: center;
        margin-bottom: 3px
    }

    #membership_card .membership_parents .col-sm-6 {
        margin-bottom: 30px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .membership_signup a.generic-btn {
        margin-top: 0
    }

    .readytheme-contentsection .category-section-header h5, .readytheme-contentsection .category_headers {
        font-size: 20px;
        color: #414042 !important;
        letter-spacing: .75px;
        width: 100%;
        text-transform: uppercase
    }

    .pair-Price {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 17px;
        margin-bottom: 0;
        margin-top: 0
    }

    .membership_card_img .product-item .product-details .product-thumbnail img {
        max-height: 100px !important;
        height: 190px
    }

    #showpairs .image-icon, .showpair_card .image-icon {
        position: absolute;
        right: 11px;
        bottom: 6px;
        z-index: 1
    }

    #showpairs .image-icon1, .showpair_card .image-icon1 {
        position: absolute;
        right: 11px;
        bottom: 6px;
        z-index: 1;
        transform: rotate(180deg)
    }

    #showpairs1 .image-icon1, .showpair_card .image-icon1 {
        position: absolute;
        right: 30px;
        bottom: 9px;
        z-index: 1;
        transform: rotate(180deg)
    }

    .SFNT .showthreebie .threebieproductbtn>div, .SFNT .showthreebie .threebieproductbtnnew>div {
        font-size: 12px;
    }

    .SFNT #showpairs .threebieproductbtn, .SFNT #showpairs .threebieproductbtnnew {
        width: 150px;
    }

    .readytheme-contentsection .heart_img {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        justify-content: center;
        align-content: center;
        right: 0;
        left: 0;
        top: 5%
    }

    #shop-like-chef p {
        letter-spacing: .75px;
        font-weight: 700;
        padding: 5px 10px
    }

    body #chef_card .save-card #shop-like-chef .parent .child h5 {
        font-size: 28px;
        text-transform: uppercase;
        color: #414042 !important;
        padding: 0
    }

    .save-card {
        display: flex;
        flex-direction: column;
        height: 0;
        border: 3px solid #FFC841;
        padding: 10px 25px 15px;
        text-align: center;
        min-height: 350px;
        width: 100%
    }

    .membership_card_img {
        border: 3px solid #434143;
        padding: 30px
    }

    body #chef_card .save-card #shop-like-chef .parent .child h5 {
        font-size: 20px;
        text-transform: uppercase;
        color: #414042 !important
    }

    .pdr-10 {
        padding-right: initial
    }

    .readytheme-contentsection .generic-btn {
        border-radius: 50px;
        border: none;
        display: inline-block;
        font-size: 12px;
        background-color: #f47a44;
        min-width: 150px;
        color: #fff !important;
        margin-top: 5px;
        letter-spacing: 1px;
        font-weight: 400 !important;
        padding: 7px 15px;
        cursor: pointer;
        text-align: center
    }

    .wine-text .generic-btn {
        align-self: first baseline;
        bottom: 27px;
        left: 27px;
        position: absolute
    }

    .tips-card {
        border: 4px solid #F47A44;
        padding: 25px;
        display: flex;
        min-height: 354px;
        flex-direction: column;
        width: 100%;
        text-align: center
    }

    .savecard-images {
        margin-top: 0
    }

    .tip_card_img {
        width: 100% !important;
        margin-bottom: 20px;
        height: 354px !important
    }

    helpus {
        position: absolute;
        bottom: 10%;
        left: 0;
        text-align: center;
        width: 100%;
        z-index: 1
    }

    #tips-card {
        padding-left: 15px
    }

    .give-feedback {
        padding-right: 15px
    }

    .showpair_tip_card {
        height: 350px
    }

    .helpus {
        bottom: 40px
    }

    .membership_card_img {
        border: 3px solid #434143;
        padding: 30px 0
    }

    .showpairs .product-item-new .product-details .product-thumbnail img {
        width: 100%;
        max-height: 110px;
        max-width: 110px;
        margin: 0 auto;
        display: block
    }
}

@media (max-width: 1023px) {
    .BASK #basket-contents .basket-qty-input {
        line-height: 22px
    }

    .ORDHP .qtyboxMain .custom-number-input input, .ordguide .qtyboxMain .custom-number-input input {
        line-height: 22px
    }

    .ordguide .qtyboxMain .custom-number-input input {
        line-height: 16px
    }

    .sale-flag {
        width: 50px
    }

    .featured-products-carousel .product-item-new {
        width: 100%
    }

    .featured-products-carousel .dLabel3 {
        width: 15rem !important
    }

    .featured-products-carousel .caret {
        margin-left: 14rem
    }

    .featured-products-carousel .dropdown-menu {
        min-width: 100%
    }
}

@media (min-width: 1000px) {
    #navigation-bar {
        /* justify-items: start; */
        min-width: 200px;
        position: relative;
        /* display: inline; */
        grid-template-columns: 100%;
        width: 100%;
        align-items: flex-start;
    }
}

@media(min-width: 768px) and (max-width: 819px) {
    .banners {
        padding-top: 60px;
    }

    /*Checkbox finetune css*/
    .ORDHP .visible-sm.visible-xss.hidden-xs.hidden-md.form-group label:before, .ORDHP .visible-sm.visible-xss.hidden-xs.hidden-md.form-group label:after {
        display: none;
    }

    .ORDHP .orderGuide.mar-zero.ordGuideCheck.desktop {
        display: inline-block;
    }

    .threebie-vid-container {
        top: 140px;
    }

    /*Checkbox finetune css ends*/
    .CTGY .productCardContainer {
        height: 465px;
    }

    .threebie-vid-container {
        top: 140px;
    }
}

@media(min-width: 768px) and (max-width:819px) {
    .banners {
        padding-top: 60px;
    }
}

@media(max-width: 980px) {
    body #loginmodal .modal {
        overflow-y: auto !important
    }
}

@media (min-width: 980px) {
    .ctgy-content {
        float: left
    }
}

@media (max-width: 900px) {

    /*#navigation-bar .navigation-background .container{position: absolute !important;top:8px;}*/
    #navigation-bar .navigation-background {
        display: grid;
    }

    .search-account-basket-wrapper {
        padding-left: 0
    }

    #navigation-bar {
        right: 4px
    }

    .shownavbar a {
        font-size: 14px !important;
        padding: 0px 10px !important;
    }

    #navigation-bar .navigation-background .container {
        position: relative;
        width: 85.3%;
        max-width: 1200px;
        padding-right: 0;
        padding-left: 0;
        color: #fff;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap
    }
}

@media screen and (max-width: 990px) {
    .logo-wrapper .desktop-logo {
        height: auto;
        padding: 5px;
    }

    .secondajaxloader {
        min-height: auto
    }

    .readytheme-contentsection .showpair_card_img {
        min-height: 360px;
        height: 350px
    }

    .membership_card_img .savePackDisplay, .savePackDisplay1, .showpair_card .savePackDisplay {
        font-size: 10px
    }

    .showpair_card .dLabel3, membership_card_img .dLabel3 {
        width: 15rem !important
    }

    .showpair_card .caret, membership_card_img .caret {
        margin-left: 13rem
    }

    .membership_card {
        min-height: 360px;
        height: 350px
    }

    .membership_parents .col-sm-6 {
        font-size: 12px
    }

    .category_headers #membership, .category_headers #wsmembership {
        font-size: 20px
    }

    .save-card {
        min-height: 360px;
        height: 360px;
        padding: 15px
    }

    .save-card .heart_img {
        margin-bottom: 5px;
        justify-content: flex-end
    }

    .readytheme-contentsection .tips-card {
        padding: 15px;
        min-height: 360px;
        height: 360px
    }

    .tip_card_img {
        margin: unset;
        min-height: 360px;
        height: 360px
    }

    .savecard-images {
        margin-top: unset
    }

    .membership_card_img {
        padding: 15px
    }

    .pd-left-30 {
        padding-left: 15px
    }

    .pd-right-30 {
        padding-right: 15px
    }
}

@media (min-width: 768px) and (max-width:800px) {
    .navigation-placehoder {
        height: 120px !important;
    }

    .PROD .navigation-placehoder {
        height: 185px !important;
    }

    .shop-heading {
        border: 4px solid #628E83;
        padding: 5px 0px;
        text-align: center;
        margin-top: 90px;
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #628E83;
        height: 45px;
    }
}

@media (max-width: 877px) {
    #lovedrop {
        transform: scale(.85) translate(60%, -92%)
    }

    div.mob-items-container.sticky {
        width: 102%;
    }

    .navigation-placehoder {
        height: 165px;
    }

    .shownavbar {
        font-size: 2vw !important
    }

    /* changed class name because moved account info to navigation bar */
    #navigation-bar .account-wrapper .account-links a {
        font-size: 13px !important
    }

    div.account-links {
        min-width: 200px;
        /* WR-00265 - Changed from 250 to 200 */
    }

    /* changed class name and padding because moved account info to navigation bar */
    #navigation-bar .account-wrapper .account-links a {
        padding: 5px 5px
    }
}

@media screen and (max-width: 1200px) {
    .dLabel3 {
        font-size: 11px
    }
}

@media (max-width: 1023px) and (min-width:768px) {
    #navigation-bar .navigation-background.shopbycategory.active #menu-shopbycategory {
        display: block;
        overflow: visible
    }

    #navigation-bar .navigation-background.shopbyorigin.active #menu-shopbyorigin {
        display: block;
        overflow: visible
    }

    #navigation-bar .navigation-background.shopessentials.active #menu-homeessentials {
        display: block;
        left: calc(100vw - 660px);
        transform: translate(-50%, 0);
        overflow: visible
    }

    .navigation-background .container.fullwidthmenu .navigation-links {
        min-width: 600px !important
    }
}

@media (min-width: 768px) {
    #newletter-modal {
        width: 700px !important;
        margin: 30px auto
    }

    #navigation-bar .navigation-background .container.fullwidthmenu {
        display: none;
        background: 0 0;
        position: absolute;
        margin: 0;
        left: 10%;
        right: 0;
        max-width: max-content !important;
        z-index: 1
    }
}

@media (min-width: 768px) and (max-width:863px) {
    #lovedrop {
        position: absolute;
        right: 32%;
        top: 140px
    }
}

@media(min-width: 767px) {
    .mobile_menu {
        display: none !important
    }

    #mobile_deals_menu {
        display: none !important
    }

    .shownavbar {
        /* padding: 10px 40px; */
        font-size: 20px;
        text-align: left
    }

    .shownavbar a, .shownavbar a:visited {
        color: #414042 !important;
        font-size: 14px
    }

    .shownavbar a#shopessentials, .shownavbar a:visited#shopessentials {
        color: #ffc841 !important
    }

    /* .shownavbar a:hover {
        font-weight: 700!important
    } */
    #navigation-bar .container.fullwidthmenu {
        max-height: none !important
    }

    #navigation-bar .navigation-background.shopbycategory.active #menu-shopbycategory {
        display: block;
        left: -5px;
    }

    #navigation-bar .navigation-background.shopbyorigin.active #menu-shopbyorigin {
        display: block;
        /* left: -3%; */
    }

    #navigation-bar .navigation-background.shopessentials.active #menu-homeessentials {
        display: block;
        left: 230px;
    }

    .active .menucontainer .navigation-links:first-of-type .column-image {
        opacity: 1;
    }

    .active .menucontainer:hover .navigation-links:first-of-type .column-image {
        opacity: 0;
    }

    #navigation-bar .navigation-background a#shopbycategory .fa-angle-down {
        transform: translate(0, 0) scale(1);
        opacity: 1;
        transition: opacity .7s, transform .7s
    }

    #navigation-bar .navigation-background.shopbycategory.active a#shopbycategory .fa-angle-down {
        transform: translate(0, +100%) scale(0);
        opacity: 0
    }

    #navigation-bar .navigation-background a#shopbycategory .fa-angle-up {
        transform: translate(0, -100%) scale(0);
        opacity: 0;
        transition: opacity .7s, transform .7s;
        position: relative;
        right: 14px
    }

    #navigation-bar .navigation-background.shopbycategory.active a#shopbycategory .fa-angle-up {
        transform: translate(0, 0) scale(1);
        opacity: 1
    }

    #navigation-bar .navigation-background a#shopessentials .fa-angle-down {
        transform: translate(0, 0) scale(1);
        opacity: 1;
        transition: opacity .7s, transform .7s
    }

    #navigation-bar .navigation-background.shopessentials.active a#shopessentials .fa-angle-down {
        transform: translate(0, +100%) scale(0);
        opacity: 0
    }

    #navigation-bar .navigation-background a#shopessentials .fa-angle-up {
        transform: translate(0, -100%) scale(0);
        opacity: 0;
        transition: opacity .7s, transform .7s;
        position: relative;
        right: 14px
    }

    #navigation-bar .navigation-background.shopessentials.active a#shopessentials .fa-angle-up {
        transform: translate(0, 0) scale(1);
        opacity: 1
    }

    #navigation-bar .navigation-background a#shopbyorigin .fa-angle-down {
        transform: translate(0, 0) scale(1);
        opacity: 1;
        transition: opacity .7s, transform .7s
    }

    #navigation-bar .navigation-background.shopbyorigin.active a#shopbyorigin .fa-angle-down {
        transform: translate(0, +100%) scale(0);
        opacity: 0
    }

    #navigation-bar .navigation-background a#shopbyorigin .fa-angle-up {
        transform: translate(0, -100%) scale(0);
        opacity: 0;
        transition: opacity .7s, transform .7s;
        position: relative;
        right: 14px
    }

    #navigation-bar .navigation-background.shopbyorigin.active a#shopbyorigin .fa-angle-up {
        transform: translate(0, 0) scale(1);
        opacity: 1
    }

    .column-image {
        position: absolute;
        right: 15px;
        top: 50%;
        max-width: 350px;
        transform: translate(0, -50%);
        opacity: 0;
        transition: opacity .2s
    }

    .active .navigation-links:hover .column-image {
        opacity: 1 !important
    }
}

@media only screen and (max-device-width: 1280px) and (min-device-width:768px) {
    #minibsks .minibsk-holder {
        width: min-content;
        position: absolute;
        right: 0;
        z-index: 9999;
        background: #fff;
        min-width: 400px;
        border: 1px solid #ddd;
        box-shadow: 0 5px 15px rgb(0 0 0 / 10%)
    }

    #minibsks .minibsk-container {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(99vh - 371px);
        min-height: 100px
    }
}

@media screen and (max-width: 768px) {
    .benefits {
        height: 100px;
        width: inherit;
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* for touch  */
    }

    .benefits .info {
        padding: 8px;
    }

    #global-mini-basket-wrapper>.fa {
        font-size: 14px;
    }

    .shop-heading {
        height: auto;
    }

    .teelbar-content {
        flex-direction: column;
        /* R-00393 */
        min-height: 325px;
        /* R-00393 */
    }

    .reviewWithImg {
        display: flex;
        flex-direction: column;
    }

    .teelbar-paragraph, .author-details, .quoteimg {
        text-align: center;
        /* R-00393 */
    }

    .text-align: left;

    * added left-align - R-00393 */ .viewSubstitutionModal .prod-card-btn {
        width: 104px;
    }

    /*Checkbox finetune css*/
    .checkproduct .visible-xs.hidden-md.form-group input {
        display: inline-block;
    }

    .checkproduct .visible-xs.hidden-md.form-group label:before, .checkproduct .visible-xs.hidden-md.form-group label:after, .checkproduct .guide_select label {
        display: none;
    }

    /*Checkbox finetune css ends*/
    .ordguide .alt_row .row div h4 {
        font-size: 10px !important;
        white-space: nowrap;
    }

    .ordguide .alt_row .row div p.txt-black {
        font-size: 10px !important;
        white-space: nowrap;
    }

    .ordguide .alt_row .row div.form-check {
        width: 90%;
    }

    #categories {
        background-color: #fff
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer {
        border: none;
        margin: 0;
        padding: 20px;
        background: #fff;
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap
    }

    .mobile_menu {
        display: block;
        height: 40px;
        font-weight: initial;
        font-size: 20px;
        color: #414042 !important;
        text-align: left;
        padding: 0px 10px;
        background-color: #fff;
        font-family: ITCAvantGardePro-BK;
        margin: 9px 0
    }

    .threebie-vid-container {
        position: absolute;
        right: 7px;
        top: 70px;
    }

    .threebie-video-button {
        background-color: #2B5249 !important;
        color: #fff !important;
        font-size: 12px;
        padding: 5px 5px 5px 10px;
        ;
        width: 140px;
        cursor: default;
        border-radius: 3rem;
        letter-spacing: 1px;
    }

    .threebie-video-button:hover {
        background-color: #2B5249 !important;
        color: #fff !important;
        border-radius: 3rem;
        letter-spacing: 1px;
    }
}

@media (max-width: 767px) {
    .signUpJustify, .formAlign {
        width: 100%;
    }

    /* PS-41031 newsletter checkbox for wholesale user */
    .couponMsg {
        width: 100%;
        margin-top: 60%;
    }

    .newsHeader {
        font-size: 26px;
    }

    .logo-wrapper .mobile-logo {
        display: block;
        height: auto;
        padding: 14px 0px;
        margin: 0 auto;
        width: 25%;
    }

    #global-mini-basket-wrapper {
        padding: 5px 10px;
    }

    .search .search-button {
        right: 33px !important;
    }

    .newLoginContainer {
        right: 0;
        top: 0px;
        float: right;
        width: 100% !important
    }

    .newLoginContent {
        width: 100% !important;
        background-color: #fff !important
    }

    #signUpMsg .checkmark {
        left: -8px
    }

    #navigation-bar .navigation-background .container.fullwidthmenu .menucontainer {
        border: none
    }

    .shownavbar #deals_menu, .shownavbar #shopbycategory, .shownavbar #shopbyorigin, .shownavbar #shopessentials {
        display: none
    }

    #navigation-bar .navigation-background .container.fullwidthmenu {
        background: #fff;
        display: none
    }

    #menu-homeessentials .navigation-links {
        width: 90%;
        margin: 0 5%;
        border-bottom: solid 1px #d1d3d4;
        border-right: none;
        display: inline-block !important
    }

    #menu-homeessentials .desktophide {
        display: none !important
    }

    #navigation-bar .navigation-background #menu-shopbyorigin {
        padding-bottom: 50px
    }

    #navigation-bar .navigation-background #menu-homeessentials {
        padding-bottom: 100px
    }

    .basket-value {
        font-size: 12px
    }

    #navigation-bar {
        display: block
    }

    #navigation-bar.active {
        width: 80%;
        box-shadow: 2px 0 10px 0px #414042;
        text-align: center;
        /* Center align of header for responsive */
    }

    .wholeNavMenuAndSearch {
        width: auto;
        top: 0;
        height: 100%;
        text-align: center;
        display: flex;
        float: right;
        justify-content: flex-end
    }

    .search-container-top {
        display: none
    }

    .search-account-basket-wrapper {
        display: contents;
    }

    #navigation-bar .navigation-background .container {
        width: 100%
    }

    .divider {
        border-bottom: solid 1px;
        color: #808080;
        margin-left: 24px;
        margin-right: 24px;
        width: 89%;
        display: flex
    }

    #wishListPop, #wishListPop textarea {
        width: 100%;
        font-size: 14px;
        resize: none;
        border: 1px solid #ddd;
        min-height: min(245px, 20vh);
        margin-bottom: 7px;
        padding: 5px 10px
    }

    .hdft-container {
        padding: 0 0;
        height: 11rem !important
    }

    .mobilehdft {
        height: 5rem !important;
    }

    #your-cart-link {
        top: 0px;
        /* 17-oct-2023 from excel sheet sr. #92 */
    }

    .CTGY .sub-ctgy-content .sort-by, .SRCH .srch-content .sort-by {
        width: 37%;
        max-width: 250px;
        font-size: 14.32px
    }

    .hdft-container {
        padding: 0 0;
        /*height: auto!important */
    }

    /* .container.hdft-container .visible-xs{padding: 22px 0 0 !important;} */
    .container.hdft-container .visible-xs>a {
        color: #ffffff;
        filter: brightness(11) !important;
    }

    .container.hdft-container .visible-xs>a>img {
        filter: brightness(0) !important;
    }

    #blog_menu, #lovedrop, #receipes_menu, .account-wrapper {
        display: none
    }

    .logo-wrapper {
        position: absolute;
        left: 50%;
        top: 0;
        width: auto;
        transform: translate(-50%)
    }

    .search-account-basket-wrapper {
        position: absolute;
        width: auto;
        margin-left: auto;
        text-align: center
    }

    .basket-total {
        /* font-size: 14px */
    }

    .mobile-search {
        display: block !important;
        float: left;
        height: 65px;
        padding-top: 13px;
        margin-left: 3%;
    }

    .basket-wrapper {
        display: block;
        display: block ruby;
        margin-left: 24px
    }

    #global-mini-basket-wrapper {
        font-size: 12px;
        position: relative;
        top: 14px;
        border-radius: 5px
    }

    .mobile-logo {
        padding: 0
    }

    .overflow .mobile-bars .fa-bars {
        display: none
    }

    .mobile-bars .fa-times {
        display: none
    }

    .overflow .mobile-bars .fa-times {
        display: inline;
        font-size: 24px
    }

    .navigation-placehoder {
        height: 50px;
    }

    .mobilenavplacehoder {
        height: 0;
    }

    .PROD .navigation-placehoder {
        height: 100px;
    }

    #navigation-bar {
        position: fixed
    }

    .footer-icons {
        flex-wrap: nowrap
    }

    footer a {
        padding: 2px !important;
        font-size: 12px
    }

    #navigation-bar {
        position: fixed;
        z-index: 200;
        background-color: #fff;
        top: 0px !important;
        height: 100%;
        overflow-y: scroll;
        -webkit-transition: left .15s linear, width .15s linear;
        -moz-transition: left .15s linear, width .15s linear;
        -o-transition: left .15s linear, width .15s linear;
        transition: left .15s linear, width .15s linear;
        padding-bottom: 30px;
    }

    #navigation-bar>.navigation-background>.container>div {
        padding: 0 0 10px !important;
        background-color: #fff
    }

    #navigation-bar .navigation-links {
        width: 90%;
        display: block;
        margin: 0 5%;
        border-bottom: solid 1px #fff;
        border-right: none
    }

    .divider {
        margin: 22px 0;
        margin-left: 26px
    }

    .overflow .mobile-bars {
        background-color: #fff;
        color: #628e83
    }

    .product-item {
        font-size: 12px
    }

    .product-item form {
        padding: 0
    }

    .product-item .product-item .product-details {
        padding: 3px 5px 3px
    }

    .sale-flag {
        width: 45px
    }

    .product-details-1 .product-item .padding form .SaleBase {
        position: absolute;
        top: -1.8em;
        right: 1px;
        font-size: .8em;
        background-color: #fff;
        border: solid 1px #ddd;
        padding: 1px 8px;
        transform: none;
        opacity: 0
    }

    .product-details-1 .product-item .padding form input[type=radio]:checked+label .SaleBase {
        opacity: 1
    }

    /*.product-item-new .product-name {
        height: 35px
    }*/
    #promo-iberico-tablet {
        display: block;
        width: 100%
    }

    #promo-iberico-desktop, #promo-iberico-mobile {
        display: none
    }

    .expanded.CTGY {
        padding: 0 5px;
        position: relative
    }

    #CodeRotatingBanner-tablet {
        display: block
    }

    #CodeRotatingBanner-mobile {
        display: none
    }

    #CodeRotatingBanner-desktop {
        display: none
    }

    #baskgdpopupClose {
        top: 12vh;
        right: 5vw
    }

    #baskgdpopup {
        height: 90%;
        overflow: scroll;
        transform: scale(.9)
    }

    #baskgdpopup .product-image-wrapper h5 {
        font-weight: 700;
        position: absolute;
        bottom: -2em;
        right: 10px;
        color: #777
    }

    #baskgdpopup .flag-wrapper {
        display: none
    }

    #baskgdpopup .fa-close {
        display: none !important
    }

    .fa-chevron-circle-left {
        font-size: 20px !important;
        transform: translate(1.5px, 0)
    }

    .fa-chevron-circle-right {
        font-size: 20px !important;
        transform: translate(-1.5px, 0)
    }

    .see-more-card .product-detail-wrapper {
        position: relative;
        min-height: 200px;
        padding: 10px
    }

    .pair-Price {
        margin-top: 0 !important
    }

    .see-more-card .product-detail-wrapper {
        position: relative;
        min-height: 180px
    }

    #baskgdpopup .desktop-img {
        display: none
    }

    #baskgdpopup .mobile-img {
        display: block
    }

    .font29 {
        font-size: 26px !important
    }

    .font10 {
        font-size: 10px !important
    }

    .signupforNewsText {
        font-size: 9px !important;
        font-weight: 700;
        letter-spacing: 1.1px;
        margin-bottom: 15px
    }

    .goodthingDevider {
        border: .5px solid grey;
        width: 86%;
        margin: 0 auto;
        margin-bottom: 4px;
        background: grey
    }

    .specialSpaceText {
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 10px;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 9px
    }

    .submitFormContainer {
        display: flex;
        margin-bottom: 10px;
        justify-content: center;
        margin-top: 5px
    }

    .submitButton {
        background: #f47a44;
        color: #fff;
        border: none;
        height: 40px;
        width: 28%;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 700;
        display: inline-block
    }

    .inputField {
        height: 40px;
        width: 186px
    }

    .couponcodeheader {
        color: #414042;
        font-size: 62px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 0;
        line-height: 32px;
        font-family: ITCAvantGardePro-Bold
    }

    .couponcode {
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 0;
        color: #f47a44;
        margin-top: 44px
    }

    .coupenDevider {
        width: 98%;
        border: .5px solid grey;
        margin: 0 auto;
        margin-bottom: 4px;
        background: grey
    }

    .signedUpContainer {
        border: .5px solid grey;
        padding: 40px 0 45px 0
    }

    .disclimer {
        font-size: 9px
    }

    .font15 {
        font-size: 15px !important
    }

    .font8 {
        font-size: 8px !important
    }

    .font12 {
        font-size: 12px !important
    }

    .linebar {
        width: 80% !important
    }

    .radioButonsNewsLetter {
        margin-right: 10px
    }

    .see-more-card .product-detail-wrapper {
        position: relative;
        min-height: 200px;
        padding: 10px
    }

    .see-more-card .product-detail-wrapper {
        position: relative;
        min-height: 180px
    }

    #baskgdpopup .desktop-img {
        display: none
    }

    #baskgdpopup .mobile-img {
        display: block
    }

    .font29 {
        font-size: 26px !important
    }

    .font10 {
        font-size: 10px !important
    }

    .signupforNewsText {
        font-size: 9px !important;
        font-weight: 700;
        letter-spacing: 1.1px;
        margin-bottom: 15px
    }

    .goodthingDevider {
        border: .5px solid grey;
        width: 86%;
        margin: 0 auto;
        margin-bottom: 4px;
        background: grey
    }

    .specialSpaceText {
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 10px;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 9px
    }

    .submitFormContainer {
        display: flex;
        margin-bottom: 10px;
        justify-content: center;
        margin-top: 5px
    }

    .submitButton {
        background: #f47a44;
        color: #fff;
        border: none;
        height: 40px;
        width: 28%;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 700;
        display: inline-block
    }

    .inputField {
        height: 40px;
        width: 186px
    }

    /* 08-3-2024 Issue #570  */
    #newsLetterModal h1 {
        font-size: 26px !important;
    }

    .couponcodeheader {
        color: #414042;
        font-size: 62px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 0;
        line-height: 32px;
        font-family: ITCAvantGardePro-Bold
    }

    .couponcode {
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 0;
        color: #f47a44;
        margin-top: 34px;
        /* Issue - #570 - Reduced the margin */
    }

    .coupenDevider {
        width: 98%;
        border: .5px solid grey;
        margin: 0 auto;
        margin-bottom: 4px;
        background: grey;
        margin-top: 10px;
        /* 08-3-2024 Issue #570 - Added margin-top */
    }

    .signedUpContainer {
        border: .5px solid #fff;
        padding: 40px 0 45px 0;
    }

    .disclimer {
        font-size: 9px
    }

    .font15 {
        font-size: 15px !important
    }

    .font8 {
        font-size: 8px !important
    }

    .font12 {
        font-size: 12px !important
    }

    .linebar {
        width: 80% !important
    }

    .radioButonsNewsLetter {
        margin-right: 10px
    }

    #global-mini-basket-container {
        margin-left: -200px;
        right: 0
    }
}

@media (max-width: 800px) {
    .product-item .product-details {
        padding: 3px 7px 10px
    }

    .product-item {
        font-size: 13px
    }
}

@media screen and (max-device-width: 990px) and (orientation:portrait) {

    /*  .owl-stage-outer {
        top: 30px
}*/
    .showpair_card_img {
        min-height: 360px;
        height: 360px
    }

    .membership_card {
        min-height: 360px;
        height: 360px
    }

    .membership_parents .col-sm-6 {
        font-size: 12px
    }

    .category_headers #membership, .category_headers #wsmembership {
        font-size: 20px
    }

    .save-card {
        min-height: 360px;
        height: 360px;
        padding: 15px
    }

    .save-card .heart_img {
        margin-bottom: 5px;
        justify-content: flex-end
    }

    .tips-card {
        padding: 15px;
        min-height: 354px;
        height: 354px
    }

    .tip_card_img {
        margin: unset;
        min-height: 354px;
        height: 354px
    }

    .savecard-images {
        margin-top: unset
    }

    .membership_card_img {
        padding: 15px
    }

    .pd-left-30 {
        padding-left: 15px
    }

    .pd-right-30 {
        padding-right: 15px
    }
}

@media (max-width: 990px) {
    .product-details-1 .product-item .padding form .form-check {
        max-width: 62%
    }
}

@media screen and (max-width: 767px) {
    .cat-name {
        width: 300px;
        text-wrap: wrap;
        display: inline-flex !important;
    }

    .pd-left-30 {
        padding-top: 30px;
        padding-left: 15px
    }

    .pd-right-30 {
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .pagecord {
        padding: 0px 5px 5px 5px;
        /* WR-44711 FAQ Content */
    }

    .footer-logo img {
        width: unset
    }

    .footer-icons {
        width: 100%
    }

    footer p {
        /* font-size: 9px!important WR-19685 */
    }

    footer .newletter-section {
        display: block
    }

    footer .footer-titles {
        font-size: 14px;
        /* WR-19685 - updated font size */
    }

    footer .newletter-section .ftbutton, footer .newletter-section input {
        height: 25px;
        font-size: 10px;
        letter-spacing: 1px
    }

    .mobile-search img {
        height: 14px
    }

    #minibsk .minibsk-footer, #minibsk table tbody td, .account-links a:hover, body .search-account-basket-wrapper a {
        font-size: 14px !important
    }

    .newsletter-wrapper {
        padding: unset
    }

    .pd-10 {
        padding: 10px
    }

    div#showpair1, div#showpairs, div#showpairs1 {
        padding-left: 15px
    }

    .showpair_tip_card {
        height: 380px !important;
        margin-bottom: 20px
    }

    .wine-text .generic-btn {
        bottom: 5px;
        left: 5px
    }

    .SFNT .membership_card_img {
        border: 3px solid #434143;
        padding: 10px 8px !important;
    }

    .membership_card_img {
        border: 3px solid #434143;
        padding: 30px 8px !important
    }

    .save-card {
        min-height: 354px;
        height: 354px;
        padding: 15px
    }

    .save-card .heart_img {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 5px
    }

    .readytheme-contentsection .showpair_card_img {
        min-height: 354px;
        height: 354px;
        width: 100%
    }

    .readytheme-contentsection .tips-card {
        padding: 15px;
        min-height: 354px;
        height: 354px;
        border: 4px solid #F47A44
    }

    .tip_card_img {
        margin: unset;
        min-height: 354px;
        height: 354px
    }

    .savecard-images {
        position: absolute;
        bottom: 10%;
        right: 0;
        left: 0
    }

    .give-feedback {
        margin: unset
    }

    .membership_card_img {
        padding: 5px
    }

    .membership_parents .col-sm-6 {
        font-size: 12px
    }

    #membership_card .membership_card {
        min-height: 354px;
        height: 354px
    }

    .learnmores {
        text-decoration: underline
    }
}

@media (max-width: 793px) {
    #navigation-bar {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1199px) {
    #minibsks .minibsk-holder {
        width: min-content;
        position: absolute;
        right: 0;
        z-index: 9999;
        background: #fff;
        min-width: 400px;
        border: 1px solid #ddd;
        box-shadow: 0 5px 15px rgb(0 0 0 / 10%)
    }
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .footer-logo img {
        width: unset
    }

    .footer-icons {
        width: 100%
    }

    .show_estimate_shipping {
        text-align: justify
    }
}

@media screen and (min-width: 1366px) {
    #minibsks .minibsk-holder {
        width: min-content;
        position: absolute;
        right: 0;
        z-index: 9999;
        background: #fff;
        min-width: 400px;
        border: 1px solid #ddd;
        box-shadow: 0 5px 15px rgb(0 0 0 / 10%)
    }
}

@media screen and (min-width: 1367px) {
    #minibsks .minibsk-holder {
        width: min-content;
        position: absolute;
        right: 0;
        z-index: 9999;
        background: #fff;
        min-width: 400px;
        border: 1px solid #ddd;
        box-shadow: 0 5px 15px rgb(0 0 0 / 10%)
    }
}

@media (max-width: 450px) {
    .chefShop {
        /* display: -webkit-inline-box !important; */
    }

    #global-mini-basket-wrapper {
        border: none;
    }

    #CodeRotatingBanner-tablet {
        display: none
    }

    #CodeRotatingBanner-mobile {
        display: block;
        /*margin-top: 20px;*/
        /*reduce space between banner and header */
    }

    #CodeRotatingBanner-desktop {
        display: none
    }

    .expanded.CTGY {
        padding: 0;
        position: relative
    }

    .mobile-banner {
        width: 100%;
        display: block
    }

    .fa-chevron-circle-left, .fa-chevron-circle-right {
        font-size: 4vw !important
    }

    #promo-iberico-mobile {
        display: block;
        width: 100%
    }

    #promo-iberico-desktop, #promo-iberico-tablet {
        display: none
    }

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

/* mini basket delete icon hover */
.deleteitem .grey-lighter-1:hover, .remove-item1 .grey-lighter-1:hover {
    color: #414042;
}

.CTGY .sub-ctgy-content .sort-by, .SRCH .srch-content .sort-by {
    text-align: left;
}

.productcardbtn input {
    display: inline;
    text-align: center;
    font-size: 14px;
    font-family: 'ITCAvantGardePro-MD';
    border: none;
    width: 80px;
    line-height: normal;
    background-color: #fff;
}

.prod-card-btn {
    width: 135px;
}

.productcardbtn .addbtn {
    color: #fff;
}

.product-item-new .adding, .card-secondary-content .adding {
    background: #2B5249 !important;
}

.addbtn:hover, .addbtn:focus {
    color: #fff !important;
}

.visibleformobile {
    display: hidden !important;
}

/* Apply styles for screens with max width 1300px excluding iPads
@media only screen and (max-width: 1300px) and 
       (not (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)) and
       (not (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape)) {

    .search-account-basket-wrapper {
        display: inline-grid;
        grid-template-columns: 700px 29px 186px;
        align-items: center;
        justify-items: center;
        grid-gap: 2%;
    }

    .search-container-top {
        min-width: 200px;
        position: relative;
        width: fit-content;
        display: inline-grid;
        grid-template-columns: 700px;
        align-items: center;
        justify-content: space-between;
        justify-items: start;
    }

    .search {
        position: relative;
        width: 80%;
    }
}

@media only screen and (pointer: coarse)  and (-webkit-min-device-pixel-ratio: 1) {
    .search-account-basket-wrapper {
        display: inline-grid;
        grid-template-columns: 759px 20px 186px;
        align-items: center;
        justify-items: center;
        grid-gap: 2%;
    }

    .search-container-top {
        min-width: 200px;
        position: relative;
        width: fit-content;
        display: inline-grid;
        grid-template-columns: 536px;
        align-items: center;
        justify-content: space-between;
        justify-items: start;
    }

    .search {
        position: relative;
        width: 80%;
    }
} */
@media screen and (max-width: 1023px) {
    .productcardbtn input {
        display: inline;
        text-align: center;
        font-size: 14px;
        font-family: 'ITCAvantGardePro-MD';
        border: none;
        width: 60px;
        background-color: #ffffff;
    }

    .cheese-carouesl .productcardbtn input, .meat-carousel .productcardbtn input {
        display: inline;
        text-align: center;
        font-size: 14px;
        font-family: 'ITCAvantGardePro-MD';
        border: none;
        width: 30px;
    }

    .cheese-carouesl .prod-card-btn, .meat-carousel .prod-card-btn {
        width: 90px;
    }
}

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

    /* PS-26775 Consolidation of Global CSS */
    .header1 {
        font-size: 22px;
        margin: 48px 0px 16px 0px;
    }

    .SFNT .titles {
        font-size: 22px;
        text-transform: unset;
        margin: 48px 0px 16px 0px;
        /* R-50002 */
    }

    .mbllogn a:focus {
        background: orange;
    }

    /* To show the quote for mobile in cart page */
    #global-footer .footer-quote {
        position: fixed;
        bottom: 60px;
        background: white;
        padding: 8px 0px;
        letter-spacing: 0.5px;
        z-index: 100;
        box-shadow: 0px 0px 5px 0px #414042
    }

    /* To show the quote for mobile in cart page */
    .BASK .basket-total {
        float: none;
    }

    .mob-nopadding {
        padding: 0px;
    }

    .seperater {
        border-top: 1px solid #d1d3d4;
        margin: 0px 10px;
        width: 50%;
    }

    #navigation-bar .navigation-background .container .mbllogn {
        border-bottom: none;
    }

    #navigation-bar .mob-left-align {
        text-align: left;
    }

    .search {
        /* position: absolute; */
        width: 100%;
        height: 45px;
    }

    /* Fix to reduce the gap in responsive */
    .titles {
        width: 75%;
        /* margin-top:20px; */
        margin: 48px 0px 16px 0px;
    }

    .SFNT .featured-categories {
        /*  margin-top:20px !important; */
        /* R-50002 */
    }

    .viewAllRight {
        top: 15px !important;
    }

    /* Fix to reduce the gap in responsive */
    .prod-card-btn {
        width: 118px;
        font-size: 10px;
        font-weight: 600;
        max-width: 140px;
    }

    /* .PROD .prod-card-btn {
        width: 90px;
        font-size: 10px;
        font-weight: 600;
        max-width: 140px;
    } */
    .productcardbtn input {
        display: inline;
        text-align: center;
        font-size: 12px;
        font-family: 'ITCAvantGardePro-MD';
        border: none;
        width: 40px;
        background-color: #ffffff;
    }

    /* .PROD .productcardbtn input {
        display: inline;
        text-align: center;
        font-size: 12px;
        font-family: 'ITCAvantGardePro-MD';
        border: none;
        height: 20px;
        width: 35px;
    } */
    .PROD .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 13px;
        padding: 4px 7px;
        background: none;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

    .PROD .owl-item .product-item-new, .prod-col .product-item-new {
        width: 100%;
        padding: 0 15px;
    }

    .addbtn {
        padding-left: 1px;
        padding-right: 1px;
        width: 30px;
        height: 30px;
    }

    .SFNT .cheese-carouesl .col-xs-12, .SFNT .meat-carouesl .col-xs-12 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .SRCH .PROD .owl-item .product-item-new, .prod-col .product-item-new {
        padding: 0 7px;
    }

    .visibleformobile {
        display: inline-block !important;
    }

    /*#loadlovelyitems .product-item-new .product-details .product-thumbnail img {
        width: 100%;
    }*/
    .product-item-new .dLabel3 .SaleBase {
        bottom: 20px;
        right: 25px;
        direction: rtl;
    }
}

.substitutionmodal .prod-wishlist {
    visibility: hidden;
}

.CTGY #new_globalerrorpopup, .PROD #new_globalerrorpopup {
    z-index: 99999999 !important;
}

/* new product card button */
/* new modal changes */
.modal-dialog {
    margin: 30px auto;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

#threebie_modal_dialog {
    margin: 30px auto;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/* new modal changes */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.inlinebk {
    display: inline-block;
}

.viewAllRight {
    /* position: absolute; */
    /* right: 10px; */
    /*top: 30px; */
}

.viewallbtn {
    background-color: #d1d3d44a;
    border: 1px solid #d1d3d44a !important;
}

/* WR-64892 Consolidation of Global CSS - Button Standardization */
/* .viewallbtn:hover {
    background-color: #d3d3d3;
} */
#register_country, #register_state {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #d1d3d4;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 26px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #ffc841;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.CTGY #breadcrumbs {
    margin: 10px 0 -5px;
}

.switchcontainer {
    margin: 15px 20px -5px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.switchcontainers {
    margin: 15px 16px -5px;
}

.stickybutton {
    position: fixed;
    width: 100%;
    padding: 0 15px;
    background-color: #fff !important;
    top: 153px;
    z-index: 100;
    right: 0;
}

.overflow_none {
    /* overflow: unset !important; */
}

/* Commented this code because added in productcard.css 05-12-2023
 .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: visible;
    line-height: 2;
    height: auto;
} */
.mm_searchfield_menuitem {
    cursor: pointer;
    margin: 10px 0;
    font-family: 'ITCAvantGardePro-Md';
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mm_searchfield_menuitem_image {
    width: 20px;
}

/* need to change in the styles.2020 file 
@media (max-width: 767px){
#site-container {
    padding-top: initial;
    background: #fff;
}
}
 need to change in the styles.2020 file */
@media (max-width: 600px) {
    .mobile-bars {
        width: 12%;
        padding: 10px 0px;
        height: 55px;
    }
}

.hidelandscape {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #ffff;
    inset: 0;
    z-index: 99999999999;
    background-image: url('/Merchant5/graphics/00000001/4/orientation.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250px;
}

/* added for displaying text only when guest checkout clicked */
.signinFormText {
    margin: 10px 8px 0px 8px;
    cursor: pointer;
}

/*added for google verfication check */
.pac-container {
    z-index: 99999999 !important;
}

/*added for google verfication check */
.pd-15 {
    padding: 15px;
}

#responsiveButton .cartqty {
    position: absolute;
    left: 45px;
    font-size: 14px;
    background-color: inherit;
    border-radius: 10px;
    height: 20px;
    width: 30px;
    top: 12%;
    text-align: center;
    color: #f47a44;
    display: flex;
    align-items: center;
    justify-content: center;
}

[hidden], template {
    display: none
}

/* PS-26775 Consolidation of Global CSS */
label {
    font-weight: unset;
}

/* Navbar code added here */
@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    .search-container-top {
        grid-template-columns: 80%;
        /* Removed 60px because displaying account info in navigation bar section */
    }

    .threebie-vid-container {
        position: absolute;
        right: 185px;
        top: 40px;
    }

    #navigation-bar {
        top: -12px !important;
    }
}

@media (min-width: 768px) and (max-width:1300px) and (orientation:landscape) {

    /* depencdency settings */
    .ipadtxtcenter {
        /* text-align: center; */
        text-align: center;
    }

    .search {
        position: relative;
        width: 100%;
    }

    .logo-wrapper {
        padding: 5px;
        width: 18%;
        /* changed from 16 to 18 */
    }

    /* WR-00265 */
    .account-wrapper {
        margin-right: 10px !important;
    }

    #customer_name {
        width: 70px !important;
        /* changed from 130px to 70px */
        text-align: right;
    }

    .signIn_signUp {
        width: 280px !important;
    }

    .search-account-basket-wrapper {
        grid-template-columns: 500px;
    }

    .search-container-top {
        grid-template-columns: 600px;
        /* Removed 60px because displaying account info in navigation bar section */
        justify-items: center;
        grid-template-columns: 500px;
        justify-items: start;
    }

    #navigation-bar {
        top: -20px !important;
        /* changed from -12 to -20px */
        text-align: left;
    }

    .threebie-vid-container {
        position: absolute;
        right: 185px;
        top: 40px;
    }

    .font10 {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    .search-account-basket-wrapper {
        grid-template-columns: 400px;
    }

    .search-container-top {
        grid-template-columns: 435px;
        justify-items: center;
    }

    .search {
        position: relative;
        width: 86%;
    }

    div .shownavbar a, .shownavbar a:visited {
        margin: auto;
    }

    div .shownavbar {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #your-cart-link {
        min-width: auto;
    }

    .logo_devider {
        border: 1px solid #ffc841;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .searchhistorycontainer {
        width: 90%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }
}

/* Navbar code added here */