@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px ;
}
@media (min-width: 1400px){
    .navigation, .mycustom-breadcrumbs-div .breadcrumbs, .breadcrumbs-wrap .breadcrumbs, .customer-account__breadcrumbs .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, main.page-main, header .header.content, body .page-main, .container {
        max-width: 1360px;
    }
    main.page-main, .mycustom-breadcrumbs-div .breadcrumbs, .customer-account__breadcrumbs .breadcrumbs{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1600px){
    .navigation, 
    .mycustom-breadcrumbs-div .breadcrumbs, .breadcrumbs-wrap .breadcrumbs, .customer-account__breadcrumbs .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, main.page-main, header .header.content, body .page-main, .container {
        max-width: 1560px;
    }
    main.page-main{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 767px){
    body .page-main,
    body .container {
        max-width: 100%;
    }
}

/* ------------------
Common Color CSS
------------------*/
.text-black{
    color: #000;
}
.violet-blue-color{
    color: #87A776;
}
a:hover{
    text-decoration: none;
}
.btn.violet-blue-btn,
.violet-blue-btn,
.violet-blue-bg{
    background: #A865A8;
    color: #fff;
}
.violet-blue-btn:hover{
    background: #87A776;
    color: #fff;
}
.violet-green-bg{
    background: #87A776;
    color: #fff;
}
.light-pink-bg{
    background: #F5C3F4;
}
.black-bg{
    background: #000;
}
.light-black-bg {
    background: #080607;
}
.blue-bell-bg{
    background: #9D8DC4;
}
.tea-green-bg{
    background: #CBF3BE;
}
.green-bg{
    background: #D4F4C3;
}
body a{
    color: #A865A8;
}
body a:hover{
    color: #87A776;
}
.cms-home .page-title-wrapper,
.cms-privacy-policy .page-title-wrapper,
.cms-dg-privacy .page-title-wrapper,
.cms-standard-conditions-of-sale .page-title-wrapper,
.sidebar.sidebar-additional,
.mpblog-post-index .page-title-wrapper,
.mpblog-post-view .page-title-wrapper{
   display: none; 
}
.ptb-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
.py-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-50{
    padding-top: 50px;
}
.pb-50{
    padding-bottom: 50px;
}
.ptb-35{
    padding-top: 35px;
    padding-bottom: 35px;
}
.pt-35{
    padding-top: 35px;
}
.pb-70{
    padding-bottom: 70px;
}
.relative {
    position: relative;
}

.common-header h4{
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 40px;
}
.common-header p{
    margin-bottom: 10px;
}
div.slick-slider .slide-arrow{
    background: #87A776 !important;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 0.1) !important;
    position: absolute !important;
    height: 50px !important;
    width: 50px !important;
    line-height: 50px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 100px !important;
    z-index: 1;
}
button.slide-arrow:hover,
button.slide-arrow:focus, 
button.slide-arrow:active {
    background: #A865A8 !important;
    border: none !important;
    color: #fff !important;
}
button.slide-arrow:focus{
    outline: none !important;
}
.slide-arrow.next-arrow{
    right: -10px !important;
}
.slide-arrow.prev-arrow{
    left: -10px !important;
}
.slide-arrow.prev-arrow::before,
.slide-arrow.next-arrow::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 10px;
}
.prev-arrow::before {
    background: url(../images/arrow-white.svg) !important;
    background-size: contain;
    background-repeat: no-repeat !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
}
.next-arrow::before {
    background: url(../images/arrow-white.svg) !important;
    background-size: contain;
    background-repeat: no-repeat !important;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

button:focus {
    outline: none !important;
}

.cms-page-view .page-content-wrapper a{
    color: #A865A8;
}
h4.sub-title {
    margin-bottom: 15px;
    color: #212121;
    margin-top: 15px;
    font-weight: 600;
}
html {
    scroll-behavior: smooth;
  }

.modal-popup .modal-footer{
    padding: 15px;
}

body ._keyfocus *:focus, 
form input:not([disabled]):focus, 
form textarea:not([disabled]):focus, 
form select:not([disabled]):focus{
    box-shadow: none;
}
body.contact-index-index .page-main{
    max-width: 100%;
}

.label, table tr th,
.abs-sidebar-totals tbody .amount, .abs-sidebar-totals tfoot .amount, .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount {
    color: #212121;
    font-weight: 500 !important;
}
form fieldset legend.label{
    font-size: 14px;
}

.cms-page-view .privacy-policy .message{display: none !important;}

/* ------------------
Header Notice CSS
------------------*/
.top-notice-wrapper{
    background: #D4F4C3;
    padding-top: 15px;
    padding-bottom: 15px;
}
.top-contact-email a:hover{
    color: #A865A8;
}

/* ------------------
Header CSS
------------------*/
header.page-header{
    transition: 0.3s all;
}
header.page-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    transition: 0.3s all;
    z-index: 999;
    background: #fff;
    animation: slide-down 0.7s; 
    animation-duration: 0.7s; 
    animation-direction: normal;
}

@keyframes slide-down{
	0%{opacity:0;transform:translateY(-100%);}
	100%{opacity:0.9;transform:translateY(0);}
}

header .header.content {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 15px;
}
.header-right {
    display: flex;
    align-items: center;
}
a.logo{
    width: 25%;
}
.block.block-search{
    width: 50%;
}
.header .block-search input {
    margin: 0;
    padding: 15px 40px 15px 20px;
    position: static;
    border-radius: 100px;
    border: 1px solid #DEDEDF;
    height: auto;
    font-size: 14px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
}

.search-autocomplete ul{
    margin-top: 0px;
    padding: 10px;
    border-top: 1px solid #c2c2c2 !important;
    border-radius: 5px;
}
.search-autocomplete ul li:hover, .search-autocomplete ul li.selected{
    background: transparent !important;
}
.header .block-search input{
    box-shadow: none;
}
.minisearch .actions button:focus {
    outline: none;
}
header .header.content .block-search .action.search{
    opacity: 1;
}
header .header.content .block-search .action.search:before{
    color: #87A776;
    font-size: 20px;
}
.form.minisearch{
    position: relative;
}
.header .block-search .action.search{
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}
.header-right {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.callus-today label{
    margin: 0px;
    font-size: 16px;
}
.callus-today{
    font-family: 'lato', sans-serif;
    font-size: 17px;
    font-weight: bold;
    white-space: nowrap;
}
.block-search .control{
    border: none;
}

/* .header-right .header.panel > .header.links > li > a{
    color: #000;
    position: relative;
} */

.header-right .header.panel > .header.links{
    margin: 0 10px 0 20px !important;
}

header.page-header .header.panel {
    padding: 0;
}

.customer-welcome button.action.switch,
ul.header.links li,
header .header-right .header.panel > .header.links li{
    position: relative;
}
header .header-right .header.panel > .header.links li{
    min-height: 25px;
}
header .header.panel > .header.links > li.welcome, 
header .header.panel > .header.links > li > a{
    display: block;
    white-space: nowrap;
}
header .header-right .header.panel > .header.links {
    position: relative;
    min-width: 40px;
    display: block;
    height: 30px;
}
/* header .greet.welcome span:first-child:before, 
header li.link.authorization-link a:before */
header .header-right .header.panel > .header.links li:first-child:before{
    position: absolute;
    content: "";
    background: url(../images/user-ei.png);
    background-size: contain;
    height: 27px;
    width: 25px;
    left: 50%;
    top: 2px;
    background-repeat: no-repeat !important;
    transform: translateX(-50%);
}
header .header-right .header.panel > .header.links .header.links li:first-child:before{
    display: none;
}
header .header-right .header.panel > .header.links li.customer-welcome,
.header.panel > .header.links > li.greet.welcome + .authorization-link {
    position: absolute;
    height: 30px;
    top: 0;
}
.customer-menu li.link.authorization-link > a::before,
.header.panel > .header.links > .customer-welcome + .authorization-link
header .greet.welcome span.not-logged-in{
    display: none;
}
.customer-menu li.link.authorization-link > a {
    height: auto;
    padding-top: 10px;
}
span.not-logged-in{
    padding-top: 30px;
}
header .header.panel > .header.links span.user-icon {
    padding-top: 30px;
    display: block;
    height: 0px;
    font-size: 0px;
}

.header.panel > .header.links > li.customer-welcome{
    position: absolute;
    top: 0;
    right: 10px;
    height: 40px;
}
header .header.panel > .header.links > li > a{
    white-space: nowrap;
}
.panel .header.panel > .header.links > li > a{
    color: #000;
    opacity: 0;
    text-decoration: none;
    height: 30px;
}
header .panel.header ul.header.links li ul.header.links li > a {
    font-size: 12px;
}

.minicart-items .product-item-details {
    padding-left: 15px;
    width: 100%;
    position: relative;
}
.product-item-details .product-item-name a {
    font-size: 16px;
    color: #212121;
    text-decoration: none;
}

.product-item-details .price-container .price-including-tax + .price-excluding-tax{
    margin-left: 0 !important;
}


.product-item-details .cart-price-wrapper .minicart-price .price{
    font-size: 14px !important;
    float: none !important;
    color: #212121;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart{
    padding: 15px;
}
header .header .quickcart-wrapper .block-quickcart{
    z-index: 500;
}

.customer-welcome .customer-name {
    position: absolute;
    top: 8px;
    line-height: normal;
    right: -20px;
}
ul.header.links .customer-welcome .action.switch {
    color: #000;
}
header .header.panel > .header.links > li {
    display: block;
    margin: 0px !important;
}
.block-content.block-content-quickcart .minicart-items-wrapper{
    padding: 15px 0;
}

header .header .quickcart-wrapper .block-quickcart .block-content-quickcart .no-items-position{ top: 30%; transform: translateY(-30%);
}
.quickcart-content-wrapper .block-content-quickcart .quickcart-top{
    background: #F3F3F3;
    color: #212121;
    padding: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close{
    opacity: 1;
    min-height: 0;
    min-width: 0;
    width: 0;
    height: 0;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close span{
    position: relative;
    font-size: 0;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close:before{
    display: none;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-top button.close span::before{
    position: absolute;
    content: 'X';
    color: #212121;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.product-remove .delete-text{
    color: #FBB71C;
    font-size: 12px;
}
.modal-footer button.action-secondary.action-dismiss{
    margin-right: 10px !important;
}
.modal-footer button.action-secondary.action-dismiss:hover {
    background: #2a2a2a;
}
.product-remove .action.delete-text.delete:before{
    display: none;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .actions.action-checkout button.checkout{
    font-family: 'Roboto', sans-serif;
    padding: 12px 25px;
    border-radius: 5px;
    border: none;
    min-width: 250px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    background: #A2589C;
    color: #fff;
    transition: 0.3s all;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .actions.action-checkout button.checkout:hover{
    background: #87A776;
    transition: 0.3s all;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .actions.action-checkout button.checkout + .extra-actions,
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items .product-item .product-item-details .product-item-pricing .price-including-tax + .price-excluding-tax:after,
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items .product-item .product-item-details .product-item-pricing .price-including-tax:after,
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items .product-item .product-item-details .product-item-pricing span.price-excluding-tax.inline{
    display: none;
}

.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items .product-item .product-item-details .product-item-pricing .price-including-tax:after{
    max-width: 0px;
    padding-left: 0px;
    top: 2px;
}


header .block-content-quickcart .quickcart-bottom-container .subtotal{
    background: #DDF0E9;
    color: #3B5D50;
}
.details-qty.qty-wrapper{
    display: flex;
    align-items: center;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .cart-item-qty{
    border: 1px solid #000;
    height: 25px;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .subtotal .price-container span.price,
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-bottom-container .subtotal span.label span{
    font-weight: 600;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .details-qty *, 
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .details-qty {
    float: none !important;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .product-item-name{
    padding-right: 15px;
    max-width: 80%;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .price-container{
    margin-right: 10px;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .options{
    min-height: 0px;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .details-qty label.label{
    margin: 0 6px 0 0;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item span.qty-update{
    padding: 5px !important;
    border: 1px solid #212121;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item span.qty-update.item-minus:after {
    content: "-";
    font-size: 24px;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item span.qty-update.item-plus:after {
    content: '+';
    font-size: 18px;
    font-weight: bold;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item span.qty-update{
    padding: 5px;
    border: 1px solid #212121;
    height: 25px;
    cursor: pointer;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item span.qty-update.item-minus{
    line-height: 5px;
    margin-right: -1px;
}
.header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item span.qty-update.item-plus{
    line-height: 10px;
    margin-left: -1px;
}
a.action.viewcart {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
}
.product-remove {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media(min-width: 1100px){
    body.sticky-header header.page-header{position: fixed; top: 0px; z-index: 1; width: 100%; animation: slide-down 0.7s; animation-duration: 0.7s; animation-direction: normal; height: auto; visibility: visible; z-index: 99; background: #fff;}
    body.sticky-header header.page-header .top-notice-wrapper {
        display: none !important;
    }
}

/* ------------------
 Login Modal CSS
------------------*/
.cookie-div.cookie-div * {
    font-family: 'Roboto', sans-serif !important;
}

.cookie-div #action-custom-css {
    float: none;
    margin-top: 0;
    display: flex;
    align-content: center;
    width: 100%;
    justify-content: center;
}
.cookie-div #m-cookienotice.v-bar .m-actions{
    padding: 0px;
}
.cookie-div #m-cookienotice .m-button{
    padding: 7px 15px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 14px;
    border: none;
}

@media (max-width: 767px){
    
    .cookie-div #m-cookienotice.v-bar {
        padding: 5px 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
      }
}

/* ------------------
 Login Modal CSS
------------------*/
header.modal-header{
    display: none;
}

.modals-overlay:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    content: '\e616';
    position: fixed;
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    top: 10px;
    right: 15px;
    cursor: pointer;
    z-index: 99999;
}

.popup-authentication.modal-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-content {
    padding: 15px !important;
    height: auto !important;
}

.popup-authentication.modal-popup header.modal-header, .popup-authentication .block-authentication {
    border: none !important;
}

.block-authentication .block-title strong {
    font-weight: 500;
    font-size: 20px !important;
}

/* .modal-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-content {
    overflow: visible;
} */

aside.modal-popup .modal-content {
    min-height: 100px;
    padding: 15px;
    border: none;
    margin: 0 auto;
}
.block-authentication .block.block-new-customer{
    padding-top: 0px;
}
.block.block-new-customer .block-title {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #222 !important;
    display: block;
}

.popup-authentication .block-new-customer .block-content ul {
    padding: 0px;
    margin-bottom: 35px;
}

/* ------------------
 Main Menu CSS
------------------*/
.sections.nav-sections{
    background: #A865A8;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px;
}
header.page-header,
header.page-header .ammenu-menu-wrapper,
header.page-header .nav-sections{
    margin: 0;
}
header.page-header .ammenu-nav-sections.-topmenu.-hamburger{
    padding: 0;
}
header.page-header .ammenu-nav-sections.-topmenu .ammenu-items{
    justify-content: center;
}
header.page-header .ammenu-nav-sections.-hamburger, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-desktop, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-hamburger-top, 
header.page-header .ammenu-nav-sections .ammenu-title, 
header.page-header .ammenu-main-container .ambrands-popup-filter {
    background: #A865A8 !important;
}
header.page-header .ammenu-nav-sections .ammenu-link.-main, 
header.page-header .ammenu-nav-sections .ammenu-menu-header, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-desktop .ammenu-item.-main:not(.current):not(:hover) > .ammenu-link, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-hamburger-top .ammenu-item.-main > .ammenu-link, 
header.page-header .ammenu-nav-sections .ammenu-title > .ammenu-link, .ammenu-nav-sections .header.links li > a,
header.page-header .ammenu-menu-wrapper .ammenu-items .ammenu-item.current:not(:hover):not(.-active) > .ammenu-link:not(:hover){
    color: #fff !important;
}
header.page-header .ammenu-items .current > .ammenu-wrapper,
header.page-header .ammenu-items .current, 
header.page-header .ammenu-nav-sections .ammenu-items .ammenu-link.current {
    color: #000 !important;
}
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper .ammenu-items-list > .ammenu-item:hover > .ammenu-link, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper .ammenu-items > .ammenu-item:hover > .ammenu-link, .ammenu-menu-wrapper.-desktop .ammenu-link:hover > .ammenu-wrapper, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-desktop .ammenu-link.-hovered > .ammenu-wrapper, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-mobile .ammenu-link.-level2:hover, 
header.page-header .ammenu-nav-sections .ammenu-menu-wrapper.-hamburger-top .ammenu-item:hover .ammenu-link, 
header.page-header .ammenu-nav-sections.-accordion .ammenu-item:hover > .ammenu-link, 
header.page-header .ammenu-nav-sections.-hamburger .ammenu-link:hover .ammenu-wrapper,
.ammenu-item.-child .category-item a:hover .ammenu-wrapper{
    color: #A865A8 !important;
}
header.page-header .ammenu-nav-sections .ammenu-link.-main {
    font-weight: 500;
}
header.page-header .ammenu-nav-sections.-topmenu .ammenu-items.-root > .ammenu-item > .ammenu-link{
    font-weight: normal;
}
.ammenu-item.-child .category-item a .ammenu-wrapper{
    font-weight: normal;
    text-transform: none;
    color: #000000;
}
.ammenu-item.-child .category-item a{
    padding-bottom: 0 !important;
}
header .ammenu-menu-toggle .ammenu-icon{
    border: none;
    height: 2px;
    background: #212121;
    border-radius: 3px;
    border-radius: 100px;
    width: 23px;
    margin: 2px 0;
}
header .ammenu-menu-toggle.-active .ammenu-icon:nth-of-type(3) {
    transform: translateY(-6px) rotate(-45deg);
}
header .ammenu-menu-toggle.-active .ammenu-icon:nth-of-type(1) {
    transform: translateY(6px) rotate(45deg);
}
@media (max-width: 1024px){
    body.-am-noscroll{
        overflow: hidden;
    }
}
@media (min-width: 1025px){
    .ammenu-menu-wrapper.-desktop .ammenu-items {
        justify-content: center;
    }
    .ammenu-menu-wrapper.-desktop .ammenu-categories-container > .ammenu-item.-child{
        padding: 15px !important;
    }
    .ammenu-categories-container.ammenu-categories ul.ammenu-item.-child:first-child{
        padding-left: 0px;
    }
}

/* ------------------
 Sub Menu CSS
------------------*/
.sub-nav-wrapper{
    background: #F3F3F3;
    padding: 12px 10px;
}
.sub-nav-list{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.sub-nav-list li {
    margin: 0px 20px 0px 0px;
}
.sub-nav-list li a .nav-icon{
    margin-right: 7px;
    position: relative;
    top: -2px;
}
.sub-nav-list .item img{ width: auto;}
ul.sub-nav-list li a {
    color: #2D2D2D;
}
.sub-nav-wrapper .slick-slide img{
    display: inline-block;
}

/* ------------------
 Login/Register CSS
------------------*/

.block-customer-login .block-title strong,
.block-customer-register .block-title strong,
form h4.block-title{
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #222;
    font-size: 16px;
    display: block;
}

form input[type="text"], 
form input[type="password"], 
form input[type="url"], 
form input[type="tel"], 
form input[type="search"], 
form input[type="number"], 
form input[type*="date"], 
form input[type="email"],
form select{
    border: 1px solid #939393;
    border-radius: 5px;
    height: 42px;
    font-family: 'Roboto', sans-serif;
}
form .action.primary,
body .action.primary,
button.action-primary{
    font-family: 'Roboto', sans-serif;
    background: #A865A8;
    color: #fff;
    padding: 12px 25px !important;
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: 500;
    line-height: normal !important;
    border: none;
}
form .action.primary:hover,
form .action.primary:focus,
body .action.primary:hover,
body .action.primary:focus,
button.action-primary:focus,
button.action-primary:hover{
    background: #87A776;
    color: #fff;
    border: none;
}

.action.primary:focus,
.primary:focus,
button.action-primary:focus{
    outline: none;
}
.remind.forgot-pwd-link,
form.form-login .actions-toolbar .secondary a.action:hover{
    color: #000;
}
.remind.forgot-pwd-link:hover,
form.form-login .actions-toolbar .secondary a.action{
    color: #A865A8;
}


/* ------------------
 Header-benefits-bar
------------------*/
.header-benefits-bar{
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.cms-home .header-benefits-bar{
    margin-bottom: 0px;
}
.prop_item .vl_info {
    position: relative;
    padding-left: 70px;
    font-size: 14px;
    padding-right: 10px;
    min-height: 55px;
}
.prop_item .vl_info::before {
    position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    left: 0;
    top: 0;
    background-repeat: no-repeat !important;
}
.prop_item .vl_info .line2 {
    font-size: 12px;
    line-height: normal;
}
.prop_item .vl_info.best-price-icon::before {
    background: url(../images/best-price.svg);
    background-size: contain;
}
.prop_item .vl_info.discounts-icon::before {
    background: url(../images/huge-discounts.svg);
    background-size: contain;
}
.prop_item .vl_info.fast-turnaround-icon::before {
    background: url(../images/fast-turnaround.svg);
    background-size: contain;
}
.prop_item .vl_info.customer-reviews-icon::before {
    background: url(../images/customer-reviews.svg);
    background-size: contain;
}
.header-right .minicart-wrapper .action.showcart .counter-number {
    text-shadow: none;
}
.header-right .minicart-wrapper .action.showcart:before{
    display: none;
}
.header-right .minicart-wrapper .action.showcart .counter.qty.empty{
    display: block;
}
.header-right .minicart-wrapper .action.showcart .counter{
    position: relative;
    overflow: visible;
}
.header-right .minicart-wrapper .action.showcart .counter::before{
    position: absolute;
    content: "";
    height: 10px;
    width: 15px;
    left: 50%;
    top: -10px;
    background-repeat: no-repeat !important;
    transform: translateX(-50%);
    background: url(../images/basket-top.png);
    background-size: contain;
}
header .minicart-wrapper .action.showcart {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
header .header-right .minicart-wrapper .action.showcart .text{
    height: auto;
    color: #000;
    width: auto;
    position: relative;
    font-weight: 400;
    top: 1px;
    display: none;
}
.header-right .minicart-wrapper .action.showcart .counter.qty{
    background: #fff;
    color: #000;
    border: 2px solid #000;
    min-width: 30px;
    margin: 7px 0 0 0px;
    border-radius: 5px;
    height: 21px;
    line-height: 20px;
}

/* ------------------
 Hero Banner CSS
------------------*/

body:not(.cms-home) .main-hero-banner{
    display: none;
}

.banner-img-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 400px;
}

/* .banner-img-wrapper {
    padding-top: 70px;
    padding-bottom: 100px;
    position: relative;
}
.banner-img-wrapper img {
    height: 300px;
    object-fit: contain;
} */
.banner-btn {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

/* ------------------
 Footer CSS
------------------*/
@media (min-width: 768px){
    .footer.content{
        max-width: 100% !important;
        padding: 0px !important;
    }
}
footer.page-footer {
    background: #fff;
    margin-top: auto;
    padding-bottom: 25px;
}
.callback-line p, 
.callback-line p * {
    color: #fff;
    margin: 0;
}
.callback-line p a:hover{
    color: #050505;
}
.callback-line{
    margin-bottom: 70px;
}
.copyright-section {
    margin: 40px auto 0;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.footer-box-wrapper h4{
    font-size: 14px;
    color: #050505;
    font-weight: 600;
    margin-bottom: 25px;
}
footer .footer.content ul {
    padding-right: 0px;
}
.cat-links-box ul.footer-links li {
    width: 50%;
    display: inline-block;
    float: left;
}
footer.page-footer p, 
footer.page-footer li a, 
.address-box p.mail a {
    font-size: 14px;
    line-height: 22px;
    color: #050505;
    text-decoration: none;
}
footer.page-footer li a:hover, 
.address-box p.mail a:hover,
footer a:hover{
    color: #A865A8;
}

.footer-box-wrapper .social-link-block ul li{
    margin-right: 10px !important;
}

small.copyright,
.block.newsletter {
    display: none;
}
.mgc-logo p a{
    color: #000;
}
.footer .copyright-section{
    margin-top: 0px;
}

/* ------------------
 Brand-section CSS
------------------*/
.mgs-brand-home {
    margin-top: 50px;
}
.mgs-carousel-home .slick-slide .image img{
    object-fit: contain;
    text-align: center;
    margin: 0 auto;
}

.mgs-carousel-home .slick-slide{
    margin-left: 10px;
    margin-right: 10px;
}

.brand-logo-item a {
    pointer-events: none;
}


/* ------------------
 category-section CSS
------------------*/

.beer-glasses{max-height: 500px; min-height: 400px; object-fit: contain;}
.beer-glasses.max-h-400{max-height: 400px;}
.font-40{
    font-size: 40px;
    line-height: 50px;
}
.font-25{
    font-size: 25px;
    line-height: 30px;
}
.category-section .box-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
    z-index: 1;
}

.category-section .box-content.bottom-left-position{
    position: absolute;
    bottom: 50px;
    right: 30px;
    transform: none;
    top: initial;
    z-index: 1;
}

.beer-glasses-empty-bg{
    position: absolute;
    height: 100%;
    right: 0px;
    top: 0;
    bottom: 0;
}
a.btn,
button.primary {
    padding: 12px 25px;
    border-radius: 5px;
    min-width: 250px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

a.btn:focus,
button:focus{
    outline: none !important;
    box-shadow: none !important;
}

.latest-products{
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    gap: 20px;
    grid-auto-rows: minmax(297px, 150px);
    margin-bottom: 20px;
}
.latest-products .lp-box{
    position: relative;
    height: 100%;
    transition: 0.3s all;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.latest-products .lp-box:nth-child(5) {
    grid-column: 3 / span 2;
    grid-row: 1 / 3;
    background: #D4F4C3;
}

.lp-content-wrapper{
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.lp-content-wrapper h4.lp-title {
    font-size: 20px;
}

.offer-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    justify-content: center;
    z-index: 1;
    border-radius: 100px;
    padding: 5px;
    top: 15px;
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
    width: 90px;
    height: 90px;
    text-align: center;
}
.offer-badge span{
    font-size: 12px;
    line-height: normal;
}
.top-right-position{
    right: 15px;
}
.top-left-position{
    left: 15px;
}
h4.lp-title a{
    color: #fff;
}
h4.lp-title a:hover,
.latest-products .lp-box:nth-child(5) h4.lp-title a:hover{
    color: #A865A8;
}
.latest-products .lp-box:nth-child(5) h4.lp-title a{
    color: #020204;
    font-size: 18px;
}
.lp-box:nth-child(5) .lp-content-wrapper{
    right: 50px;
    bottom: 40px;
}

@media (max-width: 767px){
    .latest-products{
        display: flex;
        flex-wrap: wrap;
    }
}

/* ------------------
 Category-section CSS
------------------*/
.box_category {
    text-align: center;
}
.box_category .box-content-wrapper h4 a{
    font-size: 16px;
    color: #292930;
    font-weight: 500;
    margin-top: 24px;
    display: block;
}
.box_category .box_img img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 100px;
    margin: 0 auto;
    background: #1F201E;
}

/* ------------------
 review-section CSS
------------------*/
.review-seciton{
    padding-top: 70px;
    padding-bottom: 70px;
    background: #F3F4F6;
}
.review-slider.slick-slider .slick-track{
    display: flex;
}
.slick-track .slick-slide > div, .slick-track .slick-slide, .slick-track .slick-slide .item {
    height: 100%;
}
.review-block{
    padding: 30px;
    background: #fff;
    border: 1px solid #fdfafa;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 0.1);
    text-align: center;
    height: 100%;
}
.review-block .star-img img{
    margin: 0px auto 25px;
}
.review-slider .slick-slide{
    padding: 5px 15px;
}

.review-seciton .item img {
    width: auto;
}

/* ------------------
 Product List CSS
------------------*/

.main .toolbar-products {
    background-color: rgba(144, 208, 182, 0.3);
    padding: 10px;
    border: 1px solid #dadada;
}

.list-toolbar-bottom .toolbar-products .pages{display: block !important;}
.main .list-toolbar-bottom .toolbar-products{background-color: transparent; border: none;}
.list-toolbar-bottom .toolbar-products .pages .items li.item .page{
    background: #fff;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    color: #212121;
    font-weight: 700;
}
.list-toolbar-bottom .toolbar-products .pages .items li.item.current strong.page{
    background: #A865A8;
    color: #fff;
}
.product-wrapper.product-list{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);;
    margin-bottom: 30px;
}
a.product.photo.product-item-photo {
    display: block;
}
span.product-image-wrapper {
    padding-bottom: 0 !important;
}
.order-details-items .product-item-name,
.product-item-name{
    font-size: 16px;
    line-height: 26px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
}
.action.tocart.cart-button{
    background: #A865A8;
    padding: 16px;
    width: 100%;
    display: block;
    border-radius: 10px;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: 0.3s all;
}
.action.tocart.cart-button:hover{
    background: #87A776;
    transition: 0.3s all;
}
.action.tocart.cart-button .basket-btn-text{
    color: #fff;
}
.position-relative.product-image-wrapper img {
    background: #000;
    height: 250px;
    width: 100%;
    object-fit: cover;
    padding: 10px;
    background: #fff;
}
.items-content-wrapper{
    padding: 15px;
}
.product-item-name .product-item-link,
.product-item-name .product-item-link:hover{
    color: #000;
    font-weight: 500 !important;
    text-decoration: none;
}
.product-item-name .product-item-link{
    min-height: 55px;
    display: block;
}
.item-price .price,
.item-price .price-wrapper{
    font-size: 18px !important;
    font-weight: 600;
    color: #90D0B6;
}

span.price-container.price-final_price.tax.weee {
    display: flex;
    align-items: center;
}
.price-container .price-including-tax + .price-excluding-tax, .price-container .weee{
    margin-top: 0 !important;
    margin-left: 0px;
}

.price-including-tax + .price-excluding-tax:before, .weee[data-label]:before,
.price-including-tax:before {
    display: none !important;
}

.price-including-tax + .price-excluding-tax:after{
    content: "EX VAT" !important;
}

.price-including-tax:after{
    content: "INC VAT" !important;
}

.price-including-tax + .price-excluding-tax:after,
.price-including-tax:after{
    font-size: 8px !important;
    max-width: 19px !important;
    display: inline-block !important;
    white-space: break-spaces !important;
    padding-left: 8px !important;
    font-weight: 600;    
    color: #212121;
}

.item-price .minimal-price-link{
    display: none;
}
.minimal-price-link{
    position: relative;
    padding-left: 20px;
    cursor: auto;
}

.items-content-wrapper .price-box.price-final_price {
    display: flex;
    align-items: center;
}
a.minimal-price-link::before {
    position: absolute;
    content: "-";
    left: 6px;
    color: #90D0B6;
    font-size: 20px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
}

.items-content-wrapper .item-price span.price-label,
.toolbar-top .modes,
.toolbar-top .toolbar-sorter.sorter{
    display: none;
}
.toolbar-top .toolbar-amount{
    float: none;
    text-align: right;
}
.page-title-wrapper h1.page-title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.mycustom-breadcrumbs-div .breadcrumbs a,
.breadcrumbs-wrap .breadcrumbs a,
.customer-account__breadcrumbs .breadcrumbs a{
    color: #000;
}
.mycustom-breadcrumbs-div .breadcrumbs .item:not(:last-child):after,
.breadcrumbs-wrap .breadcrumbs .item:not(:last-child):after,
.customer-account__breadcrumbs .breadcrumbs .item:not(:last-child):after{
    color: #000;
    content: '|';
    margin: -1px 3px 0;
}

.page-main .sidebar-additional .block,
.filter-options-item {
    margin-bottom: 40px;
}

.block.filter .block-content.filter-content{
    padding-left: 15px;   
}

.filter .block-subtitle{
    display: none;
}

.filter-options .filter-options-title,
.sidebar.sidebar-additional .block .block-title{
    font-size: 16px;
    color: #000;
    text-transform: none;
    font-weight: 500;
    padding-bottom: 10px;
    padding-left: 0px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
    overflow: visible;
    position: relative;
}
.sidebar.sidebar-additional .block .block-title strong{
    font-size: 16px;
    font-weight: 500;
}
.filter-options .filter-options-title::before,
.sidebar.sidebar-additional .block .block-title::before{
    position: absolute;
    content: "";
    background: #A865A8;
    height: 3px;
    width: 80px;
    left: 0;
    bottom: -2px;
    top: initial;
    right: initial;
}
.filter-options .filter-options-item{
    border-bottom: none;
    padding-bottom: 0;
}
.filter-options .filter-options-content{
    padding: 0px;
}
.filter-options .filter-options-content a {
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    font-weight: 500;
}
.filter-options-content .count,
.brand-list .item .brand-link a{
    color: #000;
    font-weight: 400;
}
.brand-list .item .brand-link a:hover{
    color: #A865A8;
}
.filter-options-item .filter-options-content a:hover {
    background-color: transparent;
    color: #A865A8;
}

.catalog-category-view .filter-options .filter-options-item:first-child .filter-options-content{
    display: block !important;
}

.catalog-category-view .filter-options .filter-options-item:first-child .filter-options-title{
    pointer-events: none;
}

.catalog-category-view .page-main + .category-view,
.block-brand .brand-link a:first-child,
.catalog-category-view .filter-options .filter-options-item:first-child .filter-options-title:after,
.filter-options-content label[for="amount"]{
    display: none;
}

.filter-options-content .swatch-option,
.swatch-opt .swatch-option {
    min-width: 20px;
    border-radius: 100px;
}

.filter-options-content label[for="amount"] + input{
    color: #000000 !important;
    font-size: 16px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    pointer-events: none;
}

#price-slider span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #A865A8;
    height: 20px;
    width: 20px;
    top: -6px;
}

.ui-slider-horizontal{
    background: #E1E1E1;
}

.filter-content .filter-current .items,
.block.filter .block-content.filter-content .block-actions.filter-actions{
    padding-left: 0px;
}
.filter-content .filter-current .item{
    padding-left: 0px;
}
.filter-content .filter-current .filter-value {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.filter-content .filter-current .action.remove {
    position: static !important;
}
.filter-content .filter-current .action.remove:before{
    color: #fff;
    background: #A865A8;
    border-radius: 100px;
    padding: 0;
    line-height: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}




/* ------------------
 Product search CSS
------------------*/

.catalogsearch-result-index.page-layout-2columns-left .column.main{
    width: 100%;
    padding: 0px 15px;
}
.catalogsearch-result-index .page-title-wrapper {
    margin-top: 50px;
    padding: 0 15px;
}
/* ------------------
Product Details CSS
------------------*/

.page-title-wrapper.product ~ .product-info-price .price-box, 
.page-title-wrapper.product ~ .product-info-price .product.attribute.sku {
    display: none;
}
.catalog-info-wrapper .product-title-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #c1c1c1;
    align-items: center;
    margin-bottom: 20px;
}

.page-title-wrapper.product h1.page-title{
    font-size: 26px;
    line-height: 30px;
    color: #222222;
    margin-bottom: 20px;
}

.product-info-main .catalog-info-wrapper .page-title-wrapper.product {
    max-width: 80%;
    width: 80%;
}

.product-info-main .catalog-info-wrapper .product-info-price{
    border: none;
    display: initial;
    margin: 0px;
    width: auto;
}

.catalog-info-wrapper .product-title-top .product-info-price .price-container .price-label{
    display: none !important;
}
.catalog-info-wrapper .product-title-top .product-info-price .price-container .price{
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #212121;
}

.product-info-main .product-title-top .product-info-price .price-container .price-including-tax+.price-excluding-tax:after, 
.product-info-main .product-title-top .product-info-price .price-container .price-including-tax:after{
    font-size: 9px;
    color: #212121;
    font-weight: 600;
}

.product-custom-main-container .product-info-main .product-info-stock-sku {
    display: block;
    float: none;
    padding-bottom: 10px;
    padding-left: 0;
    text-align: initial;
}
.product-custom-main-container .product-info-price .price-box .price-container .price{
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
}
.page-title-wrapper.product ~ .product-info-price .stock,
.catalog-info-wrapper .product-info-stock-sku .stock{
    font-size: 20px;
    font-weight: 600;
    color: #87A776;
    text-transform: capitalize;
}
.page-title-wrapper.product ~ .product-info-price .stock.unavailable,
.catalog-info-wrapper .product-info-stock-sku .stock.unavailable{
    color: #A70000;
}

.product-info-main .product.attribute.overview,
.catalog-info-wrapper .product-sku{
    display: none;
}
.product-info-main .product-info-stock-sku{
    float: none;
    padding-left: 0;
}
.product.info.detailed .product.data.items > .item.title{
    margin-top: 2px;
}
.product.data.items > .item.title > .switch{
    padding: 10px 20px !important;
    background: #fff !important;
    color: #000 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    font-weight: 500 !important;
    line-height: 20px !important;
}
.product.info.detailed{
    width: 100%;
}
.product-more-info-tabs ul.item-contents li {
    margin: 0px 5px 0px 0px ;
}
.product.info.detailed .product.data.items > .item.title.active > .switch,
.product.info.detailed .product.data.items > .item.title:hover .switch{
    background: #A865A8 !important;
    color: #fff !important;
}
.product.data.items > .item.content{
    position: relative;
}
.product.data.items[role="tablist"] > .item.content::before {
    position: absolute;
    content: "";
    background: #85CDCA;
    height: 2px;
    width: 100%;
    top: 0px;
    left: 0;
}
.tab-content{
    display: none; 
    padding: 20px 0;
}
.tab-content.active{
    display: block;
}
.product.info.detailed .product.data.items > .item.content{
    padding: 15px 0px;
    border: none;
}

.review-form .review-fieldset .review-legend > span{
    font-size: 16px;
    font-weight: 500;
}
.review-form .review-fieldset .review-legend > strong {
    font-weight: 400;
    margin-top: 10px;
    font-size: 16px;
}
.review-form .review-fieldset .review-legend{
    margin-bottom: 15px;
}

.review-add .review-form .action.submit.primary {
    background: #A865A8;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    min-width: 200px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.review-add .review-form .action.submit.primary:hover{
    background: #87A776;
}

.info-attributes-wrapper .info-attributes-box {
    padding: 7px;
}
.info-attributes-wrapper .info-attributes-box:nth-child(even) {
    background: #efefef;
}

ul.prices-tier{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}
ul.prices-tier .item{
    font-size: 16px;
    padding: 10px;
    width: 150px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
    margin: 0px 20px 20px 0;
    text-align: center;
    cursor: pointer;
}
ul.prices-tier .item .price-wrapper .price{
    font-size: 10px !important;
    line-height: normal;
    font-weight: 500 !important;
}
ul.prices-tier .item .price-including-tax:after,
ul.prices-tier .item .price-excluding-tax:after {
    display: none !important;
}
ul.prices-tier .item .price-wrapper{
    margin: 0px !important;
    font-size: 16px !important;
}
ul.prices-tier .item .price-wrapper .total-unit-price{
    color: #A865A8;
    font-weight: bold;
    font-size: 16px !important;
    display: block;
    width: 100%;
    text-align: center;
    margin: 4px 0px;
}
ul.prices-tier .item.selectedtier {
    background: #a865a8;
    color: #fff;
}
ul.prices-tier .item.selectedtier .price-wrapper .total-unit-price{ color: #fff; }
li.item.custom-quotation { min-height: 86px; display: flex; align-items: center; color: #A865A8; font-weight: bold; }
.calculate-btn a.btn{min-width: max-content; margin-top: 10px;}
.contact-text{ font-size: 16px; font-weight: 500; color: #eb2a2a;}
.custom-qty-wrapper { max-width: 100%; margin: 0 auto 30px; border: 1px solid #EEEEEE; border-radius: 5px; }
.qty-header { background: #EEEEEE; padding: 10px; }
a.close-icon { background: #000000; display: block; font-size: 18px; height: 18px; width: 18px; color: #fff; border-radius: 100%; text-align: center; line-height: 18px; font-weight: bold; transform: rotate(45deg); }
a.close-icon:hover{color: #A865A8;}
.qty-body-wrapper{padding: 15px;}
.qty-body-wrapper .qty-input{ max-width: 115px; border: 1px solid #EEEEEE; border-radius: 5px;}
.qty-body-wrapper .qty-input input{border: none; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-size: 20px; height: 100%; max-height: 65px; min-height: 50px;} 
.units-label { background: #A865A8; text-align: center; font-size: 14px; color: #FFFFFF; padding: 2px; border-radius: 0 0 5px 5px;}
ul.prices-tier .item .price-container.price-tier_price {
    width: 100%;
    display: block;
}
.custom-qty-wrapper .custom-bulck-qty-total{height: 90px; cursor: default;}

.product-info-main .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after{
    display: none;
}

.catalog-product-view .breadcrumbs {
    padding: 20px 0;
}
div [data-content-type='row'][data-appearance='contained']{
    max-width: 1560px;
}
.product-info-main .product-social-links,
.mpblog-post-view.page-layout-2columns-right .column.main ~ .sidebar{
    display: none;
}
.box-tocart button.primary.tocart{
    background: #A865A8;
    padding: 20px !important;
    width: 100%;
    max-width: 250px;
    border-radius: 10px;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}
.box-tocart button.primary.tocart:hover{
    background: #87A776;
    transition: 0.3s all;
}

.qty-wrapper .control .input-text.qty{
    height: 32px;
    border-radius: 0px;
    border-color: #2A2A2A;
    color: #000;
    max-width: 50px;
    text-align: center;
}

.qty-wrapper .qty-action{
    border: 1px solid #2A2A2A;
    height: 32px;
    padding: 0 9px;
    font-size: 20px;
    color: #000;
    cursor: pointer;
}

span.qty-action.minus{
    margin-right: 5px;
}
span.qty-action.add{
    margin-left: 5px;
}

.product-info-main .product-reviews-summary{
    display: none;
}

.product-info-main .product-reviews-summary,
.product-gallery-wrapper .new-page-gallery-placeholder{
    float: none;
}
.steps-wrapper{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
    background: #F8F8F8;
}
.steps-wrapper > label{
    background: #87A776;
    padding: 9px 25px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    margin: 0px;
    font-size: 16px;
}
.steps-wrapper .step-text{
    background: #F8F8F8;
    padding: 9px 25px;
    color: #2D2D2D;
    width: 100%;
}

.vat-switch {
    white-space: nowrap;
    font-size: 10px;
    font-weight: 600;
}
/* .vat-switch .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin: 0 5px 0 5px;
} */

.vat-switch .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.vat-switch .lever {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #A865A8;
    -webkit-transition: .4s;
    transition: .4s;    
    width: 38px;
    height: 22px;
    border-radius: 100px;

}

.vat-switch .lever:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    top: 3px;
    left: 6px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100px;
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 40%);
}
.vat-switch .switch input:focus + .lever {
    box-shadow: none;
}

.vat-switch .switch input:checked + .lever:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}
  

.page-main-description.product-full-width-section,
.tab-view .directional-pad{
    display: none !important;
}

.personalised-design-title{
    border-bottom: 1px solid #222222;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.personalised-design-title h3{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.gurantee-section{
    margin-top: 40px;
}

h3.gurantee-title {
    font-size: 16px;
    border-bottom: 1px solid #222222;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.gurantee-content-box .media-img img {
    width: 24px;
    min-width: 24px;
}

.catalog-info-wrapper .product-add-form .personalized-container {
    width: 100% !important;
    left: 0 !important;
}

.catalog-info-wrapper .product-add-form .personalized-container.tab-view label:hover{
    color: #2d2d2d !important;
    transition: 0.3s all;
}

.catalog-info-wrapper .product-add-form .personalized-container.tab-view label {
    padding: 7px 12px;
    font-weight: 500;
    color: #fff !important;
    border: 1px solid #dadada;
    border-radius: 3px;
    background-color: #A865A8;
    transition: 0.3s all;
}

.product-gallery-wrapper .gallery-placeholder .custom-personalized-wrapper img#imageDiv{
    object-fit: contain;
}

.product-add-form .configurable label.label { font-size: 16px; padding: 0 0 5px 0; }


.product-add-form .configurable .control select,
select,
.product-add-form .configurable .control select option,
select option{
    color: #212121 !important;
}

.field.qty.qty-wrapper label.label{
    font-size: 14px;
    padding: 0;
    font-weight: 600;
}

/* ------------------
Checkout/Cart CSS
------------------*/
.basket__content .cart-summary,
div.cart-container .form-cart{
    float: none;
    width: 100%;
}
div.cart-container .form-cart{
    padding: 0px;
}
.basket__content .cart-summary .block .content{
    padding-bottom: 0px;
}
.cart.items.data .cart.item tr td{
    padding-top: 12px;
    padding-bottom: 12px;
}
.basket__content .page-title-wrapper h1.page-title{
    margin-bottom: 20px;
}
.product-item-name a{
    font-size: 16px;
    color: #222222;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 500;
}

.shoping-link a,
button.update-cart-btn{
    background: #EBEBEB;
    color: #222222;
    padding: 7px 15px;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    border: none;
    transition: 0.3s all;
}
.shoping-link a:hover,
.cart.main button.update-cart-btn:hover{
    background: #A2589C;
    color: #fff;
    transition: 0.3s all;
}
form.form-cart .cart.table-wrapper .cart thead tr th.col{
    padding: 15px 0px;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}
.cart.table-wrapper .cart > tbody.item{
    border: none;
}
.cart.table-wrapper .table tbody td{
    border-bottom: 1px solid #222222;
}
.product-content .price{
    font-size: 14px;
    color: #222;
}

.form-cart .cart.table-wrapper .col.subtotal .price{
    font-size: 16px;
    color: #222222;
    font-weight: 600;
}
.form-cart .cart.table-wrapper .actions-toolbar > .action-edit{
    display: none;
}
.form-cart .cart.table-wrapper .actions-toolbar > .action-delete{
    position: static;
}
.form-cart .cart.table-wrapper td.col.actions .actions-toolbar{
    padding-bottom: 0px;
}
.action-delete-item{
    color: #A2589C;
}
.action-delete-item:hover{
    color: #87A776;
}

.cart-table .col-qty {
    width: 180px;
    min-width: 180px;
}
.cart-table .col-subtotal,
.cart-table col.price,
.cart-table td.item-actions {
    width: 100px;
    min-width: 100px;
}
.form-cart .cart.table-wrapper .col.qty .input-text {
    height: 40px;
    margin-top: 00;
    text-align: center;
    width: auto;
}
.cart-table td.item-actions .actions-toolbar{
    padding-bottom: 0px;
}
.cart-table td.item-actions .actions-toolbar .action-delete-item img{
    width: 20px;
}

.cart.table-wrapper .product-item-name + .item-options dt{width: 100%;}
.cart.table-wrapper .product-item-name + .item-options dd{font-weight: 500; margin: 5px 0 10px;}

.cart.table-wrapper .cart.items.data .col-item-img .product-item-photo{
    width: auto;
}
.cart.items.data .cart.item tr td{
    min-width: 120px;
    padding-top: 10px;
}
/* .cart.items.data .cart.item tr td{ vertical-align: middle; } */
.form-cart .cart.table-wrapper .col.price, 
.form-cart .order-items.table-wrapper .col.price, 
.form-cart .cart.table-wrapper .col.qty, 
.form-cart .order-items.table-wrapper .col.qty,
.form-cart .cart.table-wrapper .col.subtotal, 
.form-cart .order-items.table-wrapper .col.subtotal, 
.form-cart .cart.table-wrapper .col.msrp, 
.form-cart .order-items.table-wrapper .col.msrp{
    text-align: left;
}

.cart.items.data .cart.item tr td .price-including-tax + .price-excluding-tax:before{
    display: none;
}
.cart.items.data .cart.item tr td .col-price .cart-price .price{
    font-size: 14px;
}


.cart-summary{
    background: #A865A8;
    padding: 30px 20px;
    color: #fff;
    border-radius: 10px;
}

.delivery-box-wrapper{
    background: #87A776;
    padding: 30px 20px;
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
}

.basket__content .cart-summary .checkout-methods-items .item button.checkout{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    background: #FFFFFF;
    padding: 24px !important;
    color: #A865A8;
    font-weight: 500;
    border-radius: 10px;
    justify-content: center !important;
    border: none;
}
.basket__content .cart-summary .checkout-methods-items .item button.checkout:hover{
    background: #87A776;
    color: #fff;
}

.cart-summary .block.discount .content{
    display: block;
}

.cart-summary .summary.title{
    display: none;
}

.cart-summary .cart-totals{
    border: none;
}

.checkout-secure-text{
    margin-top: 40px;
}
.checkout-secure-text h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

form.discount-coupon-form{
    margin-bottom: 40px;
}

form.discount-coupon-form input[type="text"]{
    font-family: 'Roboto', sans-serif;
    border-radius: 0px;
}
form.discount-coupon-form input[type="text"]:focus{
    box-shadow: none;
}
.discount-code-text{
    margin-bottom: 20px;
}
.cart-summary .block.discount .actions-toolbar > .primary .action.primary{
    font-family: 'Roboto', sans-serif;
    background: #87A776;
    color: #fff;
    padding: 12px 11px;
    border-radius: 0px;
    font-size: 14px;
    height: 42px;
    min-width: 100px;
    margin: 0px;
    border: none;
    box-shadow: none;
    font-weight: 500;
}
.cart-summary .block.discount .actions-toolbar > .primary .action.primary:hover{
    background: #fff;
    color: #A865A8;
}
a.action.multicheckout {
    color: #fff;
}
.fieldset.coupon .control div.mage-error{
    position: absolute;
    bottom: -25px;
    left: 0px;
    color: #fff;
}
.checkout-cart-index .messages,
.checkout-cart-index .table.cart-table .media-body .product-item-details .col-price .price-excluding-tax,
.checkout-cart-index .table.cart-table .col.subtotal .price-excluding-tax,
.checkout-cart-index .table.cart-table .item-actions .actions-toolbar .towishlist.action-towishlist,
.cart-summary .checkout-methods-items .paypal.checkout.paypal-logo.paypal-express-in-context-mini-cart-container{
    display: none;
}

.bss-onestepcheckout .columns .checkout-container .authentication-wrapper button.action.action-auth-toggle{
    font-family: 'Roboto', sans-serif;
    padding: 12px 25px;
    border-radius: 5px;
    border: none;
    min-width: initial;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    background: #A2589C;
    color: #fff;
    transition: 0.3s all;
    text-decoration: none;
}
.bss-onestepcheckout .columns .checkout-container .authentication-wrapper{
    max-width: initial;
    text-align: left;
    padding: 15px 15px 0;
}

.payment-method._active .payment-method-content #paypay-in-context-button{
    width: min-content;
    white-space: nowrap;
}

.checkout-payment-method .checkout-billing-address .billing-address-details{
    padding: 0px;
}

.bss-onestepcheckout .columns .checkout-container .authentication-wrapper .authentication-dropdown .modal-inner-wrap{
    padding: 10px;
}
.bss-onestepcheckout .columns .checkout-container .authentication-wrapper .authentication-dropdown .modal-inner-wrap .modal-content{
    border: none;
}

.checkout-index-index .nav-sections, .checkout-index-index .nav-toggle{
    display: block !important;
}

.checkout-index-index .opc-block-summary .product-item-details .subtotal .price-including-tax{
    display: none;
}
.opc-block-summary .product-item .subtotal{
    padding: 5px 0;
    margin-top: -36px;
}

.checkout-cart-index .messages,
.catalog-product-view .messages{
    display: none !important;
}
.minicart-items .action.edit, .minicart-items .action.delete{
    cursor: pointer;
}

.checkout-index-index .opc-block-summary .product-item-details .subtotal .price-including-tax,
.checkout-container .product-item-details .product-item-inner .subtotal .price-including-tax + .price-excluding-tax{
    text-align: right;
}

/* ------------------
 About Us page CSS
------------------*/

.banner-img img {
    max-height: 400px;
    width: 100%;
    object-fit: contain;
}

.inner-banner-caption {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.banner-img.banner-black-overlay::after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.banner-img.banner-black-overlay::after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.inner-page-content-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.inner-page-content-wrapper h2,
.list-heading h2,
.cms-privacy-policy-cookie-restriction-mode .page-title-wrapper h1.page-title{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #222222;
    width: 100%;
}
.cms-privacy-policy-cookie-restriction-mode .page-title-wrapper h1.page-title{
    margin-top: 30px;
}
.client-review-wrapper{
    padding-top: 100px;
    padding-bottom: 100px;
    border-top: 1px solid #707070;
}

.review-media .client-img img{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    object-fit: cover;
}
.media-content{
    margin-left: 20px;
}
.media.gurantee-content-box{
    align-items: center;
}
.gurantee-content-box .media-content h4 {
    margin: 0;

}
.gurantee-content-box .media-content p{
    display: none;
}
.written-by{
    text-transform: uppercase;
    color: #A865A8;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
}
h4.client-name{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;
}
.client-designation{
    font-size: 16px;
    margin-bottom: 15px;
    color: #2D2D2D;
    font-weight: 500;
}

.catalog-product-view .page-main.page-main-details .product.data.items > .item.title {
    float: none;
    width: auto;
    display: inline-block;
}
.catalog-product-view .page-main.page-main-details .product.data.items > .item.content{
    margin-top: 0px !important;
}

section.coronation-slider-seciton {
    background: #F3F4F6;
    padding: 50px 0;
}

.coronation-img img {
    max-height: 350px;
    margin: 0 auto;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

/* ------------------
Checkout Page CSS
------------------*/

.opc-wrapper .step-title,
.opc-block-summary > .title {
    display: block;
    margin: 0 0 30px 0;
    padding: 10px 0px;
    background: transparent;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #000;
}
.checkout-container .opc-block-summary {
    background: transparent;
    margin: 0 0 20px;
    padding: 10px;
}
.opc-block-summary .mark, mark{
    background: transparent;
}
.bss-onestepcheckout .step-title:before,
.bss-onestepcheckout #opc-sidebar .opc-block-summary > .title:before,
.opc-wrapper .shipping-address-item.selected-item:after,
.bss-onestepcheckout .opc-wrapper input[type="radio"]:checked::after,
#opc-sidebar .choice.field {
    display: none;
}
.bss-onestepcheckout .opc-wrapper #shipping,
.bss-onestepcheckout .opc-wrapper #shipping:hover,
.bss-onestepcheckout .opc-wrapper .opc > li:hover,
.bss-onestepcheckout input:not([disabled]):focus,
.bss-onestepcheckout .opc-wrapper #payment,
.bss-onestepcheckout .opc-wrapper #opc-shipping_method {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bss-onestepcheckout .opc-wrapper input[type="radio"]{
    width: 22px;
    min-width: 22px;
    height: 22px;
    background: #fff !important;
    border: 2px solid #212121;
    position: relative;
}
.bss-onestepcheckout .opc-wrapper input[type="radio"]:checked{
    border-color: #a865a8;
}

.bss-onestepcheckout .opc-wrapper input[type="radio"]:checked::before {
    background: transparent;
    position: absolute;
    content: "";
    background: #a865a8;
    height: 12px;
    width: 12px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    margin: 0 !important;
}

.opc-wrapper .shipping-address-item.selected-item {
    border-color: #a865a8;
}

button.action.action-show-popup{
    background: #A865A8;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.payment-option-content form.form.form-discount{
    display: flex;
    align-items: center;
}
.payment-option-content form.form.form-discount .payment-option-inner{
    width: 100% !important;
}
.payment-option-content form.form.form-discount button.action.action-apply > span{
    white-space: nowrap;
}
.payment-option-content form.form.form-discount input[type="text"]{
    border-radius: 5px 0px 0px 5px;
}
.payment-option-content form.form-discount button.action.action-apply{
    margin: 0;
    height: 42px;
    border-radius: 0 5px 5px 0;
    border: none;
    background: #FBB71C;
    color: #fff;
    font-weight: 500;
}
.payment-option-content form.form-discount button.action.action-apply:hover{
    background: #87A776;    
}

button.action.primary.checkout.btn-placeorder.disabled,
.checkout-index-index .modal-popup .modal-footer .action-save-address,
.actions-toolbar a.action.action-register.primary,
.actions-toolbar .action.action-login.secondary,
.billing-address-details .action.action-edit-address{
    background: #A865A8;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    font-size: 15px !important;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    min-width: initial;
}
#opc-sidebar .actions-toolbar button.action.primary.checkout:hover,
.checkout-index-index .modal-popup .modal-footer .action-save-address:hover,
.actions-toolbar a.action.action-register.primary:hover,
.actions-toolbar .action.action-login.secondary:hover,
.billing-address-details .action.action-edit-address:hover{
    background: #87A776;
}

.checkout-index-index .modal-popup .modal-title {
    border-bottom: none;
    font-weight: 500;
    padding-bottom: 0;
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
}
.checkout-index-index .modal-header{
    padding: 10px;
}
.checkout-index-index .modal-popup .fieldset .field .label{
    font-weight: 500;
}
.checkout-index-index .modal-popup .modal-content{
    border: none;
}
body.checkout-index-index .modal-popup .form-shipping-address {
    max-width: initial;
}
body.checkout-index-index .modal-popup.modal-slide .modal-footer {
    padding: 10px;
    justify-content: center;
}
.checkout-index-index .modal-popup .modal-footer button.action.secondary.action-hide-popup,
.modal-footer button.action-secondary.action-dismiss {
    background: #707070;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 0 14px;
    text-decoration: none;
}

.opc-block-summary .product-item .product-item-inner{
    display: block;
    width: 100%;
}

.opc-block-summary .items-in-cart > .title strong {
    font-size: 16px;
    font-weight: 500;
  }

.checkout-payment-method .billing-address-same-as-shipping-block,
.bss-onestepcheckout .create-account .field{
    position: relative;
}
.bss-onestepcheckout .create-account .field > input[type="checkbox"],
.billing-address-same-as-shipping-block > input[type=checkbox]{
    position: absolute;
    opacity: 0;
    height: 20px;
    width: 20px;
    z-index: 1;
    cursor: pointer;
}
.billing-address-same-as-shipping-block > input[type=checkbox] + label,
.bss-onestepcheckout .create-account .field > input[type="checkbox"] + label{
    position: relative;
    padding-left: 30px;
}
.billing-address-same-as-shipping-block > input[type=checkbox] + label::before,
.bss-onestepcheckout .create-account .field > input[type="checkbox"] + label::before{
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    background: #fff !important;
    border: 2px solid #212121;
    border-radius: 3px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.billing-address-same-as-shipping-block > input[type=checkbox]:checked + label::before,
.bss-onestepcheckout .create-account .field > input[type="checkbox"]:checked + label::before{
    border-color: #a865a8;
}
.billing-address-same-as-shipping-block > input[type=checkbox]:checked + label::after,
.bss-onestepcheckout .create-account .field > input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: "\e610";
    font-family: 'luma-icons';
    font-size: 14px;
    color: #a865a8 !important;
    border: none;
    border-radius: 2px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-method .checkout-billing-address .primary .action-update,
button.action.primary.checkout.btn-placeorder{
    background: #A865A8;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border: none;
    min-width: initial;
}
.checkout-payment-method .checkout-billing-address .primary .action-cancel{
    background: #707070;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border: none;
    min-width: initial;
    margin-top: 0px;
    text-decoration: none;
}
.checkout-payment-method .checkout-billing-address .action-cancel{
    color: #fff;
}
#checkout-shipping-method-load .shipping-method .carrier {
    margin-bottom: 10px;
}
#checkout-shipping-method-load .shipping-method{
    margin-bottom: 20px;
}
#checkout-shipping-method-load .shipping-method .wrapper .carrier{
    font-weight: 500;
}
#checkout-shipping-method-load .shipping-method .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#checkout-shipping-method-load .shipping-method .wrapper label.label{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 40%;
}

.opc-block-summary .minicart-items li.product-item .product{
    display: flex;
}
.opc-block-summary .minicart-items li.product-item .product .product-image-container{
    border: 1px solid #ddd;
    padding: 5px;
}
.opc-block-summary .items-in-cart .product .item-options dd {
    margin-left: 10px;
}
.bss-onestepcheckout .opc-block-summary .product-item .product.actions { position: absolute; right: 10px; top: 0; }

.bss-onestepcheckout #opc-sidebar .label{margin: 0 8px 8px 0px;}
.opc-block-summary .table-totals tbody .amount {
    padding-left: 10px !important;
    text-align: left;
}
.opc-block-summary .minicart-items li.product-item .product.options {
    flex-direction: column;
}

.checkout-container .product-item-details .product-item-inner .subtotal .price-including-tax + .price-excluding-tax{
    font-weight: 600;
}
.checkout-index-index .checkout-container .product-item-details .product-item-inner .subtotal .price-including-tax + .price-excluding-tax:before{
    top: 0px;
    font-size: 14px;
}
.checkout-index-index .checkout-container .opc-block-summary .product-item .price-including-tax .price,
.checkout-index-index .checkout-container .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price{
    font-size: 16px;
    font-weight: 600;
}

.opc-block-summary .items-in-cart > .title{
    min-height: 40px;    
}

.opc-block-summary .minicart-items .product .toggle,
.opc-block-summary .minicart-items .product .toggle:after{
    display: none;
}
.opc-block-summary .minicart-items .product .content{display: block !important;}


div#checkout-shipping-method-load {
    padding: 0 15px;
}

header .block-content-quickcart .quickcart-top .text,
.checkout-cart-index button.checkout .text{
    padding: 0;
    font-weight: 500;
}

.personalized-modal-wrapper.modal-opened .callbacks_container{
    margin-bottom: 0px;
    width: 100%;
}
.personalized-modal-wrapper.modal-opened .callbacks_container ul li{
    height: calc(100vh - 280px);
    width: 100%;
}
.personalized-modal-wrapper.modal-opened .callbacks_container ul li > object{
    width: 100%;
    height: 100%;
}

.personalized-container.tab-view .text_style button {
    width: 6%;
}
.text_effect_buttons img {
    width: 15px;
    height: auto;
}
.text_effect_buttons .font_color{
    background-size: 20px !important;
    background-position: 50% 50% !important;
}
.text_effect_buttons .background_color{
    background-size: 24px !important;
    background-position: 50% 50% !important;
}


.box-tocart .tab-view section {
    background: #fff none repeat scroll 0 0;
    border-style: solid;
    padding: 15px 0 15px 0;
    margin: 0 0 40px 0;
    border-color: #85CDCA;
    border-width: 2px 0 0 0;
}
.tab-view .text_effects_title,
.tab-view h4.personalized-options {
    font-family: 'Roboto', sans-serif;
    padding: 10px;
    width: 100%;
}
.box-tocart .tab-view label,
.box-tocart .tab-view input + label,
.box-tocart .tab-view #tab-image{
    color: #000 !important;
    border: none !important;
    background: transparent !important;
    text-shadow: none;
    font-family: 'Roboto', sans-serif;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.box-tocart .tab-view input:checked + label,
.box-tocart .tab-view #tab-image:hover,
.product-add-form form .tab-view input:checked + label {
    color: #fff !important;
    background: #A865A8 !important;
    border: none !important;
}
.tab-view input:checked + label {
    padding: 12px 10px;
}
.product-add-form form .tab-view section{
    border-color: #85CDCA;
}

.box-tocart .tab-view label{
    color: #000;
}

.personalized-container label#tab-template{
    display: none !important;
}

.personalized-container.tab-view .text_content div.mage-error {
    margin-bottom: 15px;
}

/* .tab-view h4.personalized-options{
    float: none;
    position: static;
}
.tab-view section#content-upload{
    display: block;
    padding: 40px 20px;
    border: 1px dashed #212121;
}
.box-tocart .tab-view #template:checked ~ #content-template,
label#tab-template,
label#tab-image{
    display: none !important;
} */

/* ------------------
My Account CSS
------------------*/
.customer-account-login .page.messages{margin-bottom: 40px;}
.customer-account-login .customer-forms__breadcrumbs .breadcrumbs{
    display: none;
}

.customer-account-login .customer-forms__title.row {
    margin-bottom: 30px;
}

.cart-no-items{
    padding-top: 50px;
    text-align: center;
}
.cart-no-items .btn.btn--purple{
    font-size: 16px;
}
.cart-no-items .btn.btn--purple > a {
    padding: 12px 25px;
    border-radius: 5px;
    min-width: 250px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    background: #A865A8;
    color: #fff;
    display: block;
    margin-top: 30px;
}

.cart-no-items .btn.btn--purple > a:hover{
    background: #87A776;
}


body.account .page-main .page-title-wrapper .page-title,
body.account form.form-newsletter-manage .fieldset > .legend{
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin: 10px 0 30px 0;
}
body.account form.form-newsletter-manage .fieldset > .legend > span{
    font-size: 16px;
    font-weight: 500;
}

.account.page-layout-2columns-left .column.main{
    width: 100% !important;
}
.block-collapsible-nav-content ul.nav.items{
    flex-direction: column;
}
.block-collapsible-nav-content ul.nav.items .item{
    display: block;
    width: 100%;
}
.block-collapsible-nav .item > strong{
    padding: 8px 18px 8px 15px;
}

.customer-account__sidebar .block-collapsible-nav .item.current a, 
.customer-account__sidebar .block-collapsible-nav .item.current > strong{
    border-color: transparent;
    background: #A865A8;
    color: #fff;
}

.customer-account .block-title strong,
.account .block-title strong,
.account .block-title span{
    font-weight: 500 !important;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #222;
    font-size: 16px !important;
    display: block;
}
.customer-account .block-title,
.account .block-title{
    margin: 0px !important;
    border: none !important;
}

.account .block-title strong > span {
    margin: 0;
    border: none;
    padding: 0;
}

.account address{
    font-size: 14px;
}
.account-nav-trigger{
    display: none;
}
.customer-account{
    margin-bottom: 40px;
}

.account form .field {
    margin-bottom: 15px;
}
.account form .field .label{
    font-weight: 500;
    color: #212121;
}
.account .form-edit-account .field.choice label,
.form-address-edit .field .choice label{
    position: relative;
    display: flex;
    align-items: center;
}

.checkout-success__content {
    padding-top: 50px;
}

.account.sales-order-view .order-details-items.ordered {
    margin-bottom: 40px !important;
}

.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td{
    min-width: 200px;
    color: #212121;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.name{
    width: 300px !important;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.sku{
    width: 300px !important;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.price .price,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.subtotal .price{
    font-size: 14px;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.price span.price-including-tax,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.subtotal span.price-including-tax,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.price span.price-excluding-tax,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td.col.subtotal span.price-excluding-tax{
    display: block !important;
}

.account .block-order-details-comments .comment-date{
    max-width: initial;
}

.order-details-items .col.price .price-excluding-tax .price {
    font-weight: normal;
    font-size: 16px;
    color: #212121;
}

.account.sales-order-view .table.table-order-items tfoot,
.account.sales-order-view .table.table-order-items tfoot .mark {
    background: transparent;
}
.account.sales-order-view .page-main .page-title-wrapper .order-date{
    margin: 20px 0 0 0;
}

.account.sales-order-view .page-main ul.items.order-links li.nav.item strong{
    background: #fff;
    color: #212121;
    font-weight: 500;
    border: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.account.sales-order-view .page-main ul.items.order-links li.nav.item.current strong {
    background: #A865A8;
    color: #fff;
}
.account.sales-order-view .page-main .order-details-items {
    margin: 2px 0 0 0;
    padding: 20px 0 20px 0;
    border-top: 2px solid #85CDCA;
}

.data.table.table-order-items.history tbody > tr > td,
.data.table.table-order-items.recent tbody > tr > td{
    min-width: 150px;
}
/* ------------------
Blogs CSS
------------------*/
.blog-image img{
    width: 100%;
    object-fit: cover;
}
.blog-item-wraper{
    border: 1px solid #eee;
}
.blog-info-wraper{
    padding: 15px;
}

.blog-info-wraper h3.blog-title a{
    font-size: 18px;
    color: #212121;
    margin-bottom: 10px;
}
.blog-info-wraper h3.blog-title a:hover{
    color: #A865A8;
}

.mpblog-post-index .mp-sidebar.mpcss,
.mpblog-post-index .mp-sidebar.mpcss,
.mpblog-post-index .mp-sidebar.mpcss,
.mp-footerm,
.mpblog-post-view .block-blog-related.about-admin{
    display: none !important;
}

.sidebar-main .mp-sidebar .product.data.items > .item.content {
    padding: 20px 0 20px 0px !important;
}
.mp-sidebar .list-post-tabs a{
    color: #212121;
}
.mpblog-post-view .mp-sidebar .product.data .data.item.title a.dataswitch{
    display: block;
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
/* .product.data.items > .item.content{
    margin: 20px 0 0 0 !important;
    float: none !important;
} */

.sidebar-main .mpblog-search{
    margin-bottom: 30px !important;
}
.mpblog-search .field.search input.input-text{
    border: 1px solid #939393;
    border-radius: 5px;
    height: 42px;
}

.sidebar-main .mpblog-search button.action.search{
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.mpblog-post-view .mp-sidebar.product.info.detailed .data.item.title{
    float: none;
    width: 100% !important;
}

.mpblog-post-view .mp-sidebar.product.info.detailed .data.item .list-post-tabs {
    padding: 10px 0px;
    display: flex;
    align-items: center;
}
.mpblog-post-view .mp-sidebar.product.info.detailed .data.item .list-post-tabs:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.mpblog-post-view .sidebar-main .mp-sidebar .product.data.items > .item.content {
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    position: static;
}
.mp-sidebar.product.info.detailed .data.item .list-post-tabs .post-right {
    width: 70%;
}
.mp-sidebar.product.info.detailed .data.item .list-post-tabs .post-right a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212121;
}

.mp-sidebar.product.info.detailed .data.item .list-post-tabs:hover .post-right a {
    color: #A865A8;
}

.list-post-tabs .post-right span.create-at {
    font-size: 12px;
}

.mpblog-post-view.page-layout-2columns-right .column.main{
    width: 100%;
}

.blog-details-sidebar.blog-sidebar .sidebar.sidebar-main{
    padding: 0px;
    width: 100%;
}
.sharing-icons {
    background: transparent !important;
    display: flex;
    justify-content: end;
}

.sharing-icons .share-col {
    width: 100%;
    justify-content: center;
}
.post-sharing-button .at-resp-share-element .at-share-btn {
    border-radius: 100px !important;
    margin-right: 10px;
}
.post-sharing-button .at-resp-share-element .at-share-btn span.at-label {
    display: none;
}

@media (min-width: 769px){
    .mpblog-post-index.page-layout-2columns-right .column.main {
        width: 70%;
    }
    .mpblog-post-index.page-layout-2columns-right .sidebar-main {
        width: 28%;
    }
    .mp-sidebar.product.info.detailed .data.item .list-post-tabs:hover {
        background-color: transparent;
    }
}


/* ------------------
Contact page CSS
------------------*/


.contact-index-index .page-main{
    margin-top: 30px;
}
.contact-index-index .column.main {
    min-height: auto;
}

.contact-index-index .page-title-wrapper .page-title{
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #222;
    font-size: 16px;
    display: block;
    width: 100%;
}

.contact-index-index .form.contact > .fieldset br{
    display: none;
}

.contact-info-wrapper h3 {
    margin-bottom: 20px;
}

.contact-index-index .column .form.contact{
    width: 100% !important;
}

.contact-index-index .form.contact textarea{
    border: 1px solid #939393;
    border-radius: 5px;
}
.contact-index-index .form.contact .actions-toolbar{
    text-align: right;
}
.contact-index-index .form.contact .actions-toolbar .primary{
    float: none;
    width: 200px;
    min-width: initial;
}
.contact-index-index .form.contact .actions-toolbar button.submit{
    margin-right: 0px;
}
.contact-index-index .form.contact .actions-toolbar button.submit span::after{
    position: absolute;
    content: "";
    background: url("../images/right-arrow.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 19px;
    height: 9px;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
}

.contactpage-social-link .social-icons li a span{
    display: block;
    position: relative;
    height: 30px;
    width: 30px;
}
.contactpage-social-link .social-icons li a span.fb-icon::after{
    position: absolute;
    content: "";
    background: url("../images/fb-icon.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
}
.contactpage-social-link .social-icons li a span.insta-icon::after{
    position: absolute;
    content: "";
    background: url("../images/insta-icon-2x.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
}

.contact-address {
    margin-top: 20px;
    list-style: none;
    padding: 0px;
}

.contact-address li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
}

.contact-address li.address::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 20px;
    left: 0;
    top: 0;
    background-repeat: no-repeat !important;
    background: url(../images/map-pin-green.png);
    background-size: contain;
}
.contact-address li.phone::before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat !important;
    background: url(../images/phone-green.png);
    background-size: contain;
}
.contact-address li.mail::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 24px;
    left: 0;
    top: 5px;
    background-repeat: no-repeat !important;
    background: url(../images/mail-green.png);
    background-size: contain;
}

.gogole-map{
    min-height: 400px;
    background: #A865A8;
}

.products-viewed-section-wrapper{
    background: rgba(144, 208, 182, 0.2);
}
.products-viewed-section-wrapper .seation-heading{
    font-size: 24px;
    color: #000000;
    margin-bottom: 30px;
    font-size: 500;
}
.products-recentview .product-item-info-wrap {
    background: #fff;
}
.products-recentview .product-item-box.item {
    padding: 10px;
}
.products-recentview .products-list .product-item-photo{
    padding: 0px;
}
.products-recentview .products-list .product-item-details{
    display: block;
}
.products-recentview .position-relative.product-image-wrapper img{
    object-fit: contain;
}

/* ------------------
Media CSS
------------------*/
@media(max-width: 480px){
    .footer-box-wrapper.cat-links-box ul.footer-links li{
        width: 100%;
    }
    .footer-box-wrapper.social-box{
        margin-bottom: 0px;
    }
}
@media(max-width: 767px){
    body.sticky-header .top-notice-wrapper{display: none;}
    .font-40 { font-size: 20px; line-height: 30px; }
    .font-25 { font-size: 16px; line-height: 26px; }
    .mobile-sticky-text{background: #D4F4C3; color: #000000; font-size: 16px; font-weight: 500; text-align: center; padding: 0px; height: 0px; visibility: hidden;}
    .sticky-header .mobile-sticky-text{position: fixed; top: 70px; z-index: 1; width: 100%; animation: slide-down 0.7s; animation-duration: 0.7s; animation-direction: normal;  padding: 10px; height: auto; visibility: visible; z-index: 99;}
    header .header .logo { margin: 0px; }
    header.page-header .header.content{flex-wrap: wrap; padding: 20px;}
    .header a.logo { width: 120px; display: flex; justify-content: center;}
    .header .header-right,
    .top-contact-email a { width: 100%; justify-content: center;}
    .banner-btn{width: 80%;}
    .banner-btn a{width: 100%;}
    header .header-right .header.panel > .header.links li:first-child:before{top: 0px;}
    header .header-right .minicart-wrapper { margin-top: 4px; }
    .block-search .label { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
    .callback-line p { flex-wrap: wrap; width: 100%; }
    .callback-line p strong,
    .callback-line p a{ width: 100%; text-align: center;}
    .footer .callback-line,
    .footer-box-wrapper { margin-bottom: 30px; }
    .footer-box-wrapper ul li{margin-bottom: 5px;}
    .navlink-box ul.footer-links li{width: 100%;}
    footer .footer.content ul{ display: flex; flex-wrap: wrap; }
    .footer-box-wrapper h4{margin-bottom: 15px;}
    footer .mgc-logo {justify-content: start !important;}
    .category-section .box-content { top: initial; bottom: 15px; transform: none; right: 25px; }
    a.btn{min-width: 200px;}
    .latest-products .lp-box:nth-child(5){width: 100%;}
    .media.gurantee-content-box { padding-right: 0px; }
    .cart.items.data .cart.item tr td.col.subtotal,
    .cart.table-wrapper .col.qty[data-th]:before{display: none !important;}
    .cart.items.data .cart.item tr td{ display: block !important; width: 100% !important; border: none !important;}
    .cart.table-wrapper .product-item-photo{position: static !important; max-width: initial; width: auto;}
    .cart.items.data .cart.item tr td.col.item{ padding: 10px; }
    .cart.items.data.table .item-info .product-image-container{max-width: 100px;}
    .cart.items.data.table tr.item-info { border-bottom: 1px solid #dadada; }
    .cart.table-wrapper .actions-toolbar{text-align: center;}
    .product-gallery-wrapper .gallery-placeholder img{width: 100% !important;}
    /* .sticky-header .block.filter .filter-title strong { position: fixed; top: 124px; left: 50%; transform: translateX(-50%);  width: 80%; } */
    .steps-wrapper.vat-step-wrapper{margin-bottom: 60px; position: relative;}
    .vat-swich-wrapper .vat-switch .switch{padding: 0;}
    .vat-step-wrapper .position-relative{position: static !important;}
    .vat-step-wrapper .vat-swich-wrapper{ position: absolute; bottom: -40px; right: initial; left: 0px; }
    .sub-nav-list.sub-nav-list-slider.slick-slider{ padding: 0px; }
    .sub-nav-list-slider li.item { display: flex !important; padding-right: 10px; }
    .product-wrapper .product.info.detailed { width: 100%; padding: 0 30px; }
    .product.data.items > .item.title > .switch{border-radius: 0px;}
    .product.data.items .item.title a:after { top: 10px; }
    .product-add-form .tab-view label { font-size: 12px !important; padding: 12px 15px !important; color: #000 !important; }
    .category-section .box-content.bottom-left-position{text-align: center;}
    .black-bg.beer-glass-box{min-height: 400px; object-fit: cover;}
    .category-section .beer-glasses-empty-bg{right: 0px;}
    .product-info-main .catalog-info-wrapper .product-info-price .price-box{padding-left: 0px;}
    .product.info.detailed .product.data.items > .item.title.active > .switch, .product.info.detailed .product.data.items > .item.title:hover .switch {
        background: #fff !important;
        color: #212121 !important;
        padding-left: 0 !important;
        font-size: 16px !important;
    }
    .modal-popup._show.confirm .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(50%); }
    .abs-sidebar-totals tbody .amount, .abs-sidebar-totals tfoot .amount, .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount{ padding: 6px 0 6px 10px !important; text-align: left !important; }
    .bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-title {
        padding: 15px 0;
        display: flex;
        align-items: center;
    }
    .checkout-payment-method .payment-method + .payment-method .payment-method-title { max-width: 80%;}
    .payment-method label{margin: 6px 0 0 7px !important;}
    .opc-estimated-wrapper{margin: 0px !important; display: none;}
    .bss-onestepcheckout .columns .checkout-container .authentication-wrapper{margin: 0; width: auto; float: none; padding: 0 !important;}
    .checkout-index-index .header .minicart-wrapper { display: block !important; }
    .main .toolbar-products{margin-bottom: 20px;}
    .form.form-login .actions-toolbar > .primary, 
    .form.form-login .actions-toolbar > .secondary{width: 100%;}
    .custom-slide .modal-inner-wrap{background-color: #ffff !important;}
    .authentication-dropdown .block-authentication .actions-toolbar > .secondary { padding-top: 15px; text-align: center; }
    .product-title-top .product-info-price > *:first-child{padding-left: 0px;}
    .product-media .product-title-top{margin-bottom: 40px;}
}

@media only screen and (max-width: 768px){
    .customer-account{
        padding: 0;
    }
    ul.prices-tier { flex-wrap: wrap;}
    .catalog-info-wrapper ul.prices-tier .item{width: 42%;}
}
@media (min-width: 560px) and (max-width: 990px){
    .latest-products .lp-box{
        width: 48%;
    }
}
@media (max-width: 990px){
    /* .banner-img-wrapper img {
        height: 180px;
        object-fit: contain;
    } */
    .banner-img-wrapper img {
        height: auto;
        object-fit: cover;
        width: 100%;
    }
    .header-right .minicart-wrapper .block-minicart {
        width: 100%;
    }
    .lp-box::before,
    .beer-glass-box::before {
        position: absolute;
        content: "";
        background: #000;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(0deg, rgb(0 0 0) -15%, rgba(0,0,0,0.3) 50%, rgba(0,255,255,0) 100%);
    }
    h4.lp-title a,
    .beer-glass-box .box-content .text-black { color: #fff !important; }
    .lp-box:nth-child(5) div.lp-content-wrapper {right: 15px; bottom: 15px; }
    body.filter-active{overflow: hidden !important;}
    body.filter-active .page-wrapper {
        height: auto !important;
        margin-top: 0 !important;
        visibility: visible !important;
    }
    .sidebar-main .filter.active .filter-title strong:after{ position: absolute; right: 15px; color: #fff; }
    .filter.active .filter-options{ padding: 10px; }
    .block.filter.active .filter-title.sticky-filter-title { top: 0; width: 100%; }
    .block.filter.active .filter-title.sticky-filter-title { margin-top: 0px; }
    .sidebar-main .block.filter.active .filter-title strong{
        color: #fff;
        right: 0px;
        top: 0;
        width: 100%;
        max-width: initial;
        height: 100%;
        border-radius: 0px;
        text-align: left;
        position: relative;
        display: flex;
        align-items: center;
        margin: 0px;
    }
    /* .block.filter .filter-title.sticky-filter-title {
        position: fixed;
        top: 142px;
        z-index: 99;
        width: 90%;
    } */
    .block.filter .filter-title strong {
        background-color: #87A776;
        color: #fff;
        box-shadow: none;
        border: none;
        border-radius: 3px;
        font-weight: 400;
        padding: 7px 10px;
        text-align: center;
        width: 100%;
        display: block;
        position: static;
        margin-top: -50px;
    }
    .customer-account__sidebar .block-collapsible-nav{ position: static; }
    .customer-account__sidebar .block-collapsible-nav .title{
        margin-top: 15px;
        margin-bottom: 20px;
        background: #f5f5f5;
        border: none;
    }
    .cart-container .form-cart .actions.main{flex-direction: row !important;}
    .cart.table-wrapper .action.action-delete-item{position: absolute; right: 0px;}
    .cart.table-wrapper .action.action-delete-item img{width: 30px;}
    .cart.table-wrapper .col.qty .label{
        font-size: 16px;
        width: auto;
        height: auto;
        position: static;
        padding-right: 10px;
        font-weight: 500;
    }
    .cart.table-wrapper .col.qty[data-th]:before{display: none !important;}
    .review-media .client-img img{ min-width: 100px; height: 100px; }
    h4.client-name{ font-size: 20px; }
    .review-media .written-by, 
    .review-media h4.client-name, 
    .review-media .client-designation{margin-bottom: 5px;}
    .inner-page-banner-wrapper .banner-img img{min-height: 300px; object-fit: cover;}
    .inner-banner-caption{font-size: 30px; text-align: center;}
}
@media(max-width: 1024px){
    .header.links span.user-icon,
    header .header-right .minicart-wrapper .action.showcart .text{font-size: 0px;}
    .panel .header.panel > .header.links > li > a{opacity: 0;}
    header .ammenu-menu-overlay{ background-color: rgba(168, 101, 168, 0.8);}
    .ammenu-nav-sections .ammenu-content { margin-top: 0; }
    header .ammenu-menu-toggle{
        top: 19px;
        left: initial;
        right: 20px;
        padding: 3px 4px;
        border-radius: 5px;
        background: #fff;
        z-index: 9;
        border: 2px solid #212121;
    }
    .header .header-right{
        position: absolute;
        left: 60px;
    }
    .ammenu-nav-sections:not(.-hamburger) .ammenu-title,
    .ammenu-nav-sections.nav-sections.-opened .header.links,
    .block.block-search,
    .tab-view [data-icon]:before{display: none;}
    .header-right .minicart-wrapper .action.showcart .counter.qty{ margin: 0px; }
    header .greet.welcome span:first-child:before{ top: 8px; }
    .header-right .header.panel > .header.links { margin: 0 10px 0 10px !important; }
    .search-visible.block.block-search{display: block; position: absolute; width: 90%; left: 15px; right: 0px; top: 70px; z-index: 9;}
    /* .search-overlay{ position: fixed; background: rgb(0 0 0 / 0.3); top: 0px; left: 0; height: 100%; width: 100%; z-index: 8; } */
    .block.block-search { width: 100%; margin-top: 20px; margin-bottom: 20px; }
    .ammenu-menu-wrapper:not(.-icons-mobile):not(.-icons-desktopAndMobile) .ammenu-link.-main:before{display: none;}
    header.page-header .ammenu-nav-sections .ammenu-link.-main{ color: #000 !important;    }
    .ammenu-menu-wrapper.-mobile .ammenu-link.-main, .ammenu-menu-wrapper.-desktop .ammenu-link.-level1{ text-transform: none !important; }
    .ammenu-items .ammenu-item > .ammenu-wrapper{ padding-left: 0px; }
    .box-tocart .tab-view label, .box-tocart .tab-view input + label, .box-tocart .tab-view #tab-image{ font-size: 14px; padding: 10px 8px; }
    .review-form .label{ font-size: 14px; padding: 10px 0px; }
    div.offer-badge{width: 70px; height: 70px; font-size: 14px; font-weight: 500;}
    div a.btn, div button.primary{min-width: 200px;}
}
@media (min-width: 768px){
    .minicart-wrapper .block-minicart {
        width: 450px !important;
    }
    .gallery-placeholder,
    .product-gallery-wrapper .fotorama-item .fotorama__stage{
        width: 100% !important;
    }
    .product-gallery-wrapper .fotorama-item .fotorama__stage,
    .fotorama__stage__frame,
    .product-media .fotorama__stage__frame .fotorama__img{
        min-height: 400px;
    }
    .custom-personalized-wrapper > img#imageDiv{ object-fit: contain; }
    .product-media .fotorama__stage__frame .fotorama__img { top: 0; left: 0; transform: none; }
    .contact-index-index .page.messages { margin: 0 auto 40px; max-width: 83.333333%; }
}
@media (min-width: 1026px) and (max-width: 1100px){
    .product-gallery-wrapper .fotorama-item .fotorama__stage,
    .fotorama__stage__frame,
    .product-media .fotorama__stage__frame .fotorama__img{
        min-height: initial;
    }
    .price-tier_price ul.prices-tier .item { padding: 7px; width: 100px; margin: 0px 10px 15px 0; }
    .lp-img{height: 100%}
    .lp-img img{object-fit: cover;}
}
@media (min-width: 768px) and (max-width: 990px){
    header.page-header .header.content{flex-wrap: wrap; padding: 20px;}
    body.sticky-header .top-notice-wrapper{display: none;}
    header .header .logo { margin: 0; }
    header .header .header-right { right: 80px; left: initial;}
    .callus-today label{white-space: nowrap;}
    header .ammenu-menu-toggle:not(.-hamburger) { height: auto; }
    header.page-header .ammenu-menu-toggle{top: 25px; right: 20px;}
    header .header-right .header.panel > .header.links { margin: 0 20px 0 20px !important; }
    .sub-nav-list{flex-wrap: wrap;}
    .sub-nav-list li { margin: 8px 20px 8px 0px; min-width: 30%; }
    .prop_item .vl_info{margin-bottom: 25px;}
    .latest-products-wrapper .latest-products { display: flex; flex-wrap: wrap; }
    .latest-products-wrapper .latest-products .lp-box { width: 48%; }
    .latest-products-wrapper .latest-products .lp-box:nth-child(5){width: 100%;}
    .sidebar-main .block.filter .filter-title strong{ width: auto; margin: -80px auto 0; max-width: 150px; }
    /* .sticky-header .block.filter .filter-title strong{ position: fixed; top: 173px; left: 50%; transform: translateX(-50%); width: 100%;} */
    .cart.items.data .cart.item tr td{ display: block !important; width: 100% !important; border: none !important;}
    .cart.items.data.table tr.item-info { border-bottom: 1px solid #dadada; }
}
@media (min-width: 1025px){
    .ammenu-menu-wrapper.-desktop .ammenu-categories-container > .ammenu-item.-child > .ammenu-wrapper:not(:last-of-type) {
        margin-bottom: 20px !important;
    }
    .block.block-collapsible-nav{
        height: 100%;
        background: #f5f5f5;
    }
    .form-cart .cart.table-wrapper .col.qty .input-text{
        max-width: 50px;
    }
    .main-hero-banner a.btn:focus{
        color: #fff;
    }
    /* .banner-img-wrapper img{
        height: 400px;
    } */
    .banner-col .banner-img-wrapper {
        min-height: 500px;
    }
    .banner-img-wrapper img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        height: 100%;
    }
    .sub-nav-list li {
        width: 12%;
        min-width: 200px;
    }
    .bss-onestepcheckout .opc-wrapper #shipping{
        min-height: 550px;
    }
    .catalog-product-view .product.info.detailed .product.data.items {
        padding: 0 20px;
    }
    .header .quickcart-wrapper .block-quickcart .block-content-quickcart .quickcart-items-wrapper .quickcart-items .quickcart-product-item .product-item-pricing {
        margin-left: -15px;
    }
}
@media (min-width: 1350px){
    .prop_item .vl_info {
        padding-right: 60px;
    }
    .media.gurantee-content-box {
        padding-right: 40px;
    }
    .product-media .gurantee-section{
        margin-top: 100px;
    }
}

.hideProductPrice{
    display: none;
}

/* .qty-body-wrapper {
    display: flex;
    flex-direction: inherit;
    justify-content: center;
} */

.custom-bulck-qty-total {
    font-size: 16px;
    padding: 10px;
    width: 150px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
    margin: 0px 0px 0px 20px;
    text-align: center;
    cursor: pointer;
}

.custom-bulck-qty-total .total-unit-price{
    color: #A865A8;
    font-weight: bold;
    font-size: 16px !important;
    display: block;
    width: 100%;
    text-align: center;
    margin: 4px 0px;
}

.custom-bulck-qty-total .price{
    font-size: 10px !important;
    line-height: normal;
    font-weight: 500 !important;
}

.custom-bulck-qty-total .price-including-tax:after{
    content: none !important;  
}

.custom-bulck-qty-total .price-excluding-tax:after{
    content: none !important;
}