@media screen and (max-width: 560px) {
.categorycard{
display: flex;
flex-direction: row-reverse;
}
.non-flip-image {
width: 40% !important;
}
.products.wrapper.grid.products-grid .product-item-name {
height: auto !important;
}
}

@media screen and (min-width: 768px) {
.minicart-items-wrapper {
    max-height: 46vh !important;
    height: 100% !important;
}
}

/* Popup on list page */
@media (min-width: 768px) {
.popup-ez-list ._ez_list_popup img{
    vertical-align: middle;
    width: 30px;
    float: left;
    margin-right: 10px;
}
.popup-ez-list .modal-inner-wrap {
    width: 35% !important;
    margin: 26rem auto !important;
}
}
@media (max-width: 767px) {
    .popup-ez-list .modal-inner-wrap {
        width: 100% !important;
        margin: 5rem auto !important;
    }
    .popup-ez-list ._ez_list_popup img{
        vertical-align: middle;
        width: 30px;
        float: left;
        margin-right: 10px;
    }
    .popup-ez-list.modal-slide {
        left: 0px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .popup-ez-list ._ez_list_popup img{
        vertical-align: middle;
        width: 30px;
        float: left;
        margin-right: 10px;
    }
    .popup-ez-list.modal-slide .modal-inner-wrap {
        max-height: 56vh;
    }
    .popup-ez-list .modal-inner-wrap {
        width: 81% !important;
        margin: 26rem auto !important;
    }
}

/* Street Address css to add label start */
.street ._street-2 .label {
    position: relative !important;
    right: 142px;
    top: 10px;
    overflow: visible !important;
    font-size: 14px;
}

.street legend{
    display: flex !important;
    justify-content: right;
}

@media (max-width: 560px) {
    .street ._street-2 .label {
        right: 104px;
    }
}
/* Street Address css to add label end */

/* Shipping Method disable css start */
.table-checkout-shipping-method .cercle-method-row-ez {
    opacity: 0.7;
    cursor: not-allowed;
}
.checkout-index-index .methods-shipping {
  overflow: unset !important;
}
.table-checkout-shipping-method{
  min-width: 100% !important;
}
/* Shipping Method disable css end */

/* header accound icon css */
@media (max-width: 560px) {
    .header-cart>li {
        position: relative;
        right: 50px;
        bottom: 27px;
    }
    .minicart-wrapper .action.showcart .counter.qty.empty {
        visibility: hidden !important;
        display: inline-block !important;
    }
    .minicart-wrapper .action.showcart .counter.qty {
        visibility: visible !important;
        display: inline-block !important;
    }
}

.related-upsell-cross-info {
    max-width: 100%;
    width: 100% !important;
}

.related-title {
    margin-top: 36px;
    text-align: center;
    line-height: 100px;
}

@media screen and (min-width: 768px) {
    .related-upsell-cross-section {
        width: 31% !important;
    }
}

@media (min-width: 1024px), print {
    .page-layout-1column .products-grid .product-item.related-upsell-cross-section {
        width: 31% !important;
    }
}
@media (min-width: 769px) {
    ol.products.list.items.product-items li.item.product.related-upsell-cross-section {
        margin: 10px;
    }
}

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

.related-price .pop-icon{
    display: none !important;
}

.price-icon-source .related-price {
    display: inline-block;
    float: left;
}

.price-icon-source .box-popup {
    display: inline-block;
    float: inline-end;
    margin-top: 23px;
}

.products.list .related-upsell-cross-section
{
    position: relative;
}
.related-info{
    padding: 0 !important;
}

.products-related ol.products.list.items.product-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.related-list .item.product.product-item.related-upsell-cross-section.related
{
    width: unset !important;
    margin-bottom: ;
}
@media screen and  (max-width: 899px) and (min-width: 769px)
{
    .products-related ol.products.list.items .product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 768px)
{
    .products-related ol.products.list.items.product-items {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .catalog-product-view .related, .crosssell, .upsell, .amrelated-grid-wrapper {
        margin-bottom: 0px !important;
    }
}
.related-price span.price-container.price-final_price.tax{
    margin-top: 0px !important;
}
.related-info .price-icon-source .box-popup{
    margin-top: 0px !important;
}

.item.product.product-item.related-upsell-cross-section.related .related-info .flip-card-inner{
    margin-bottom: 16.5px !important;
}


/*Minicart layout design fix css start*/
.block-minicart{
    position: relative;
}

.block-minicart ._ez-minicart{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    padding-inline: 12px;
    z-index: 2;
    background: #f3ecdb;
}

.block-minicart ._ez-minicart .actions #top-cart-btn-checkout{
    display: block;
    width:95% !important;
    margin-inline: auto !important;
}

.block-minicart .recently_added hr.cart-line {
    margin-bottom:10px
}

.block-minicart .amount.price-container {
    margin-bottom:10px;
}
.block-minicart ._ez-minicart .actions #top-cart-btn-checkout{
    background-color: #003D33;
    color: #fff;
}

@media (min-height:700px){
    .block-minicart .minicart-items-wrapper {
         max-height:47vh !important;
         height:100%;
}
}
@media (max-height:700px){
    .block-minicart .minicart-items-wrapper {
/*        height:168px !important;*/
        max-height: 36vh !important;
    }
        .block-minicart{
            overflow-y: hidden !important;
    }
}
@media (max-width:600px){
   body .block-minicart .minicart-items-wrapper {
        padding: 15px 0px 0px!important;
    }
}
@media (min-height:800px){
    .block-minicart .minicart-items-wrapper {
         max-height:51vh !important;
         height:100% !important;
}
}
@media (min-height:900px){
    .block-minicart .minicart-items-wrapper {
         max-height:53vh !important;
         height:100% !important;
}
}
@media (min-height:1020px){
    .block-minicart .minicart-items-wrapper {
         max-height:60vh !important;
         height:100% !important;
}
}
/*Minicart layout design fix css end*/
/*Minicart product doesn't have image design fix css start*/
@media only screen and (max-width: 660px) {

#html-body #mini-cart .product-image-container {
    width: 108px !important;
}
#html-body #mini-cart .product-image-container .product-image-photo {
    height:108px !important;
    width:108px !important; 
}
}
/*Minicart product doesn't have image design fix css end*/

/*Minicart Calendar design fix css start*/
#ui-datepicker-div {
    background-color:#F2ECDA !important;
    border: 2px solid #003D33 !important;
    border-radius: 25px !important;
}

#ui-datepicker-div table.ui-datepicker-calendar {
    border: 1px solid #003D33 !important;
    border-radius:10px !important;
    overflow:hidden;
    background-color: #003D33 !important
}
#ui-datepicker-div table.ui-datepicker-calendar tr{
    background-color:#fff !important;
}

#ui-datepicker-div table.ui-datepicker-calendar th{
    background-color:#F2ECDA !important;
    border: 1px solid #003D33 !important;
    font-family: "Open Sans" !important;
    font-weight: bold !important;
}
#ui-datepicker-div table.ui-datepicker-calendar tr td{
    border-color:#707070 !important;
}
#ui-datepicker-div table.ui-datepicker-calendar tr td span,#ui-datepicker-div table.ui-datepicker-calendar tr td a{
    text-align:center;
}

#ui-datepicker-div span.ui-icon.ui-icon-circle-triangle-w {
    border-color: transparent #003D33 transparent transparent;
}

#ui-datepicker-div span.ui-icon.ui-icon-circle-triangle-e {
    border-color: transparent transparent transparent #003D33;
}

#ui-datepicker-div a.ui-state-highlight, .ui-state-active {
    background-color:#003D33 !important;
    color:#fff !important;
}
#ui-datepicker-div .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year {
    color: #003D33 !important;
}
#ui-datepicker-div .ui-datepicker-buttonpane button{
    margin-bottom:0 !important;
}
.ui-datepicker-calendar th {
    text-align: center;
}
.checkout-index-index .ui-datepicker .ui-datepicker-week-col, .ui-datepicker-current,.ui-datepicker-close {
    display:none;
}

@media (max-width:767px){
#ui-datepicker-div .ui-datepicker-title {
    width:80% !important;
    margin-inline: auto !important;
}
}
/*Minicart Calendar design fix css end*/

/*Minicart Title design fix css start*/
.header-cart .minicart-wrapper .block-minicart {
    padding: 3px 20px !important;
}
/*Minicart Title design fix css end*/

/*Logout Icon css start*/
.authorization-link .customer-logout{
    font-family: 'Iconic-Pictograms-Bold-trial';
    font-size: 2.7rem;
}
@media only screen and (max-width: 768px) {
  li.link.authorization-link {
    margin-top: -13px;
  }
}
/*Logout Icon css end*/

/*Searchbar css start*/
.ez-search-modal .modal-inner-wrap {
    background-color: #003d33 !important;
    width: 100% !important;
    height: 40% !important;
    border: unset !important;
    border-radius: unset !important;
    margin: 0px !important;
}
.ez-search-modal .modal-inner-wrap .action-close {
    background-color: #003d33 !important;
    color: #fff;
    padding: 0px;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
    top:12px;
    right: 14px;
    width: 34px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ez-search-modal .modal-inner-wrap .action-close:hover {
    background-color: #003d33;
}
.ez-search-modal .action-close:hover:before {
     color:#fff; 
}
.ez-search-modal .modal-footer {
    display:none;
}
.ez-search-modal .modal-content {
    width: 500px;
    height: 40px;
    padding: 0 15px;
}
.ez-search-modal input#search {
    border: none;
    outline: none;
    color: #fff;
    background: none;
    font-size: 16px;
    width: 100%;
    max-width: 434px;
    border-bottom: 1px solid #1c5146;
}
.ez-search-modal .modal-inner-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
}
.ez-search-modal .modal-popup .modal-header{
    padding-bottom: unset;
}
.ez-search-modal .block-search {
    bottom: 40px;
}
.ez-search-modal .block-search .action.search:before {
    font-size: 29px;
    color: #fff;
}
.ez-search-modal .block-search button:hover {
    color: #fff;    
}
.ez-search-modal .block-search .action.search:focus:before, 
.ez-search-modal .block-search .action.search:active:before  {
    color: #fff; 
}
.ez-search-modal .search-logo {
    position: absolute;
    bottom: 71%;
    left: 44%;
}
.header-cart .block-search.search-icon {
    width: 63px;
    bottom: 6px;
    float: none;
}
.ez-search-modal .search-autocomplete ul li {
    background: #f2ecda !important;
    text-transform: capitalize;
    border-top: 2px solid #e5e5e5 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #cfa751;
    white-space: nowrap;
}
.search-autocomplete ul li:not(:empty) {
    border-top: 0;
    border: 1px solid #c2c2c2;
    background: #f2ecda;
}
.header-cart .block-search .action.search {
    right: -8px;
}
.ez-search-modal input#search:focus{
   box-shadow:unset; 
}
.no-results-message {
    display: flex;
    align-items: center;
    background: #EEE2C6 0% 0% no-repeat padding-box;
    padding: 15px;
    border-radius: 10px;
    margin: 20px 95px;
}
.no-results-message .icon {
    margin-left: 63px;
}
.no-results-message .icon img {
    position: relative;
}
.no-results-message .message {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 818px;
    margin-left: 20px;
    font: normal normal normal 16px/19px TT Norms Pro;
    color: #CAA751;
}
.no-results-message .icon img {
    width: 40px;
    height: 40px;
}
.catalogsearch-result-index .ez_search_data-suggestion {
    display: none;
}
.modal-popup.ez-search-modal .modal-inner-wrap {
    overflow-y:unset;
}

@media only screen and (min-width: 769px) {
    .header-cart .search-icon .action.search:before {
        font-size: 26px !important;
        line-height: 18px !important;
        color: #000000 !important;
    }
}
/* Mobile specific styles to ensure they are applied */
@media only screen and (max-width: 768px) {
    .block-search .action.search {
        display:inline-block;
        background: none;
        font-weight: 400;
        padding: 5px 0;
        position: absolute;
        right: 80px !important;
        z-index: 1;
    }
    .ez-search-modal .block-search .action.search {
        right: 69px !important;
    }
    .search-icon .action.search:before {
        content: '\e615';
        font-size: 26px !important;
        line-height: 29px !important;
        color: #000000 !important;
        font-family: 'icons-blank-theme';
    }
    .block-search .action.search>span {
        overflow: hidden;
        position: absolute;
        width: 1px
    }
    .panel.header .header-common .header-right {
        top: 10px !important;
        right: 0px !important;
    }
    .header-common .menu-hamburger .menu-wrap {
        top: 0px !important; 
    }
    .ez-search-modal.modal-slide {
         left:0; 
    }
    .ez-search-modal .search-logo {
        left: 29%;
        top: 10%
    }
    .ez-search-modal .modal-inner-wrap .action-close {
        top: 20px;
        right: 16px;
    }
    .ez-search-modal input#search {
        width: 74% !important;
        margin-left: 43px !important;
    }
    .ez-search-modal .modal-inner-wrap {
        height: 37% !important;
    }
    .header-cart .search-icon button:active, button:focus {
        box-shadow:none;
        background: #e2e2e2;
        border:none; 
        color: #333
    }
    .ez-search-modal .block-search .action.search:before {
        font-size: 29px;
        color: #fff;
        content: '\e615';
        font-family: 'icons-blank-theme';
    }
    .ez-search-modal .block-search .action.search>span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .ez-search-modal .block-search {
        margin-top:0; 
        position: relative;
    }
    .modal-popup.ez-search-modal {
        overflow-y:unset;
    }
    .ez-search-modal .search-autocomplete {
        right: 32px;
        margin-top: 0;
    }
    .no-results-message .icon {
        margin-bottom: 10px;
        margin-right: 0;
        width: 78%;
    }
        
    .no-results-message .message {
        font-size: 14px;
    }
    .ez-search-modal input#search {
        max-width: 65%;
    }
}
@media only screen and (max-width: 420px) {
    .ez-search-modal .search-logo {
        left: 25%;
    }
    .ez-search-modal input#search{
        margin-left:65px !important;
    }
    .modal-popup.ez-search-modal {
        left: 0 !important;
        width: unset !important;
    }
    .ez-search-modal .search-autocomplete {
        right: 65px;
    }
}

@media only screen and (max-width: 365px) {
    .ez-search-modal .search-autocomplete {
        right: 35px;
    }
}
@media only screen and (min-width: 366px) and (max-width: 395px) {
    .ez-search-modal .search-autocomplete {
        right: 45px;
    }
}
@media only screen and (min-width: 421px) and (max-width: 435px) {
    .ez-search-modal .search-autocomplete {
        right: 85px;
    }
    .ez-search-modal input#search {
        max-width: 68%;
    }
}

.header-cart .switcher-language {
    margin-right: 30px !important;
}
/*Searchbar css end*/

/*Implementation of re-design the product display in PLP desktop css start*/
.categorycard .product-item-details .product-price-wrapper {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
}

.categorycard .product-item-details .product-price-wrapper. allergy_box {
    flex-flow: nowrap;
    display: flex;
    flex-direction: row-reverse;
}
.categorycard .product-item-details .product-description-flow {
    margin-top: 5px;
}
.categorycard .product-item-details .product-description-flow.allergy_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.product-item-details .product-item-actions.no-allergy {
    margin-top: unset !important;
}
.product-item-actions.no-allergy .field.qty .decreaseqty {
    margin: 11px 0 !important;
}
.product-item-actions.no-allergy .field.qty .input-text.qty {
    margin: 7px 0 !important;
}
.product-item-actions.no-allergy .field.qty .increaseqty {
    margin: 11px 0 !important;
}
.product-item-actions.no-allergy .action.tocart {
    margin: 3px 0 !important;
}
@media screen and (max-width: 765px) {
    .product-item-actions.no-allergy .action.tocart {
        margin: 42px 0 !important;
    }
}

.product-item .product-item-details .price-box {
    margin: 10px 0;
    margin-top: 0px;
}

@media(min-width:1200px){
    .product-item-inner .field.qty .control{
    display: flex;
    flex-direction:row;
}
.product.details.product-item-details{
    padding:unset;
}
.product-item-inner .actions-primary form {
    display: flex;
}
.product-item-inner button.action.primary {
    min-width: 65% !important;
    height: 50px;
    margin:15px 0;
    display: inline-block;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    padding: 10px 20px;
}
.product-item-inner input#qty {
    width: 38px !important;
    height: 38px !important;
}
.product-item-inner button.decreaseqty,.product-item-inner button.increaseqty {
    margin:25px 0;
}
}
/*Implementation of re-design the product display in PLP desktop css end */

/*Implementation of move product image in PLP mobile only css start */
@media screen and (max-width: 765px) {
    .product-item-info .categorycard .flip-card-inner {
        margin-top: 60px;
    }
    .product-item-info .categorycard .non-flip-image {
        margin-top: 54px;
    }
    .product-items .product-item-info .product-logo-bg img {
        top: 66px;
    }
    .products.wrapper.grid.products-grid .product-item-name {
        width: 380px;
        display: flex;
        align-items: end;
        padding-bottom: 4px;
    }
    button.action.tocart.primary {
        margin-top: 29px;
    }
    .categorycard .product-item-details .product-description-flow {
        margin-top: 22px;
    }
}

@media screen and (max-width: 480px) {
    .products.wrapper.grid.products-grid .product-item-name {
        width: 340px;
    }
    .categorycard .product-item-details .product-description-flow {
        margin-top: 10px;
    }
    .product-item-actions.no-allergy .action.tocart {
        margin-top: 17px;
    }
}

@media screen and (max-width: 380px) {
    .products.wrapper.grid.products-grid .product-item-name {
        width: 306px;
    }
}

@media screen and (max-width: 380px) {
    .product-item-actions.no-allergy .action.tocart {
        margin-top: 18px;
    }
}
/*Implementation of re-design the product display in PLP desktop css end */
/*Implementation of favourite and new images on the PLP css start */
.categorycard .flip-card .product-tags img.product-favourite,.product-new{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 0%;
    border-radius:25px; 
    max-height:376.7px;
    transform: translate(-50%, 0);
    z-index: 9999;
}

@media screen and (max-width: 768px) {
    .categorycard .flip-card .product-tags img.product-new {
        position: absolute !important;
        width: 40% !important;
        left: 80% !important;
        top: 60px !important;
    }
    .categorycard .flip-card .product-tags img.product-favourite {
        position: absolute !important;
        width: 40% !important;
        left: 79% !important;
        top: 57px !important;
   }
}
/*Implementation of favourite and new images on the PLP css end */