/* input(469,185): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(966,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(965,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(964,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(960,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(927,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(915,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(969,23): run-time error CSS1038: Expected hex color, found '#dddd' */
/* input(967,23): run-time error CSS1038: Expected hex color, found '#dddd' */
@media(max-width: 1920px) {
    .custom-login-page .returning-wrapper { position:static !important; transform: translate(0) !important }
}

@media(max-width: 1200px) {
    .footer-inner-links { width:100% }
    .custom-header .header-menu ul li a { padding: 5px 3px }
    .custom-header .header-menu .header-links ul li a.ico-account { padding: 12px }
    .custom-header .header-menu li.currency-dropdown { margin-left: 5px; padding-right: 15px }
    .custom-header .header-menu .header-links ul li#topcartlink { margin: 0 7px !important }
    .question-section-wrapper .col-md-6:first-child .customer-question-info { width: 78% }
    .custom-header .header-menu .header-links ul li a .wishlist-qty,.custom-header .header-menu .header-links ul li a .OwnedList-qty { top: 13px; left: -4px }
    .custom-header .header-menu li.currency-dropdown { padding-right: 8px }
    .header-menu .header-links ul li.wishlist-list,.header-menu .header-links ul li#topOwnedListlink { margin: 0 4px !important }
    li.admin-list a { font-size: 12px !important }
    .html-home-page .header-logo img { width: 140px; height: 43px; object-fit: contain }
}

@media(min-width: 1001px){
    .page-top-cover{display: none;}
    .mobile-product-detail{display: none;}
    .gallery-wrapper{display: none;}
    .mobile-header{display: none;}
    .chatbot-field-wrapper #SendMessageButton .desktop{display: block;}
    .chatbot-field-wrapper #SendMessageButton .mobile{display: none;}
    .question-ask-wrap.desktop{display: flex;}
    .question-ask-wrap.mobile{display: none;}
}

@media(max-width: 1000px) {
    body { background:#f9fbfc !important }
    .qr-code-screen { min-height: 375px; height: 100% }
    .header-menu .mob-links { display: block }
    .menu-toggle { background: none }
    .language-list li { padding: 0 10px }
    .language-selector { left: -60px; transform: translateX(50px) !important }
    .menu-toggle svg { height: 24px !important; width: 24px !important }
    .menu-toggle svg * { stroke: #fff !important }
    .mob-links ul { display: flex; align-items: center; padding: 0; margin: 0 }
    html .header-menu .mob-links ul li.currency-dropdown { border-left: none !important; margin: 0 !important }
    .custom-header .header-menu.mob-links ul li svg * { stroke: #2e3333 }
    .custom-header .header-menu .mob-links ul li svg * { stroke: #2e3333 }
    .custom-header .header-menu .menu-toggle { color: #2e3333 }
    .html-home-page .sticky.custom-header .header-menu .mob-links ul li svg * { stroke: #2e3333 }
    .html-home-page .sticky.custom-header .header-menu .menu-toggle { color: #2e3333 }
    .custom-header .header-lower .header-logo { z-index: 9999 }
    ul.top-menu.mobile { z-index: -1; display: block; width: 100%; position: fixed; top: 35px; height: 100vh; padding: 0; margin: 0; background: #fff; padding-top: 20px; left: 0; display: none; padding-left: 15px; padding-right: 15px }
    .html-home-page ul.top-menu.mobile { top: 90px }
    .html-home-page .home-header ul.top-menu.mobile { top: 30px }
    .downslide { transform: translateY(40px) }
    ul.top-menu.mobile li { background: none; width: 100%; padding: 0; margin: 0 }
    ul.top-menu.mobile li a { color: #2e3333 !important; text-align: left; width: 100% }
    .custom-header .header-menu>.header-links { display: none }
    .plant-col-text { text-align: left }
    .banner-inner-image .inner-image-plantbeeb img { height: 550px }
    .banner-info h1 { font-size: 60px }
    .banner-download-btn { width: 180px; padding: 16px 20px }
    .banner-box { padding: 0 }
    .custom-inner-row { width: 100% }
    .question-row { width: 100% }
    .custom-header .header-menu .header-links ul li a.ico-login { color: #fff !important }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul { display: flex; align-items: center }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li a { text-align: center !important }
    .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-account { border: none !important; color: #2e3333 !important; border-bottom: 1px solid #eaebec !important }
    .html-home-page .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-logout { background: none !important; color: #2e3333 !important }
    .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-register { margin-top: 10px }
    .html-home-page .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-register { border: 1px solid #93a77d !important; color: #93a77d !important }
    .html-home-page .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-login { background: #568278 !important; color: #fff !important }
    .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-login,.custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-register { text-align: center !important }
    .custom-header .header-menu>ul.mobile li a { min-height: auto !important; padding: 0; line-height: normal; border-bottom: 1px solid #eaebec; padding: 20px 0 !important; max-width: 100%; }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li a span { line-height: normal }
    .header-menu .header-links ul li.wishlist-list,.header-menu .header-links ul li#topOwnedListlink { margin-left: 0 !important }
    .custom-header .header-menu ul .mob-screen-list-login { padding: 18px 15px !important }
    .html-home-page .custom-header .header-lower .header-menu .mob-links ul li svg * { stroke: #fff !important }
    .html-home-page .custom-header.sticky .header-lower .header-menu .mob-links ul li svg * { stroke: #2e3333 !important }
    .html-home-page .custom-header .header-lower .header-menu .mob-search-icon .icon-search svg *{ stroke: #fff !important }
    .html-home-page .custom-header.sticky .header-lower .header-menu .mob-search-icon .icon-search svg *{ stroke: #2e3333 !important }
    .custom-header .header-menu .mob-search-icon .icon-search svg *{ stroke: #2e3333 !important }
    .html-home-page .custom-header.sticky { background: #fff !important }
    .menu-toggle { padding: 12px !important }
    .custom-header .header-menu li.currency-dropdown { padding-right: 12px !important; padding-left: 12px !important }
    .mob-links ul li:nth-child(2) { margin-left: 8px !important }
    .html-home-page .custom-header.home-header { background: #fff !important }
    .html-home-page .custom-header.home-header .header-lower .header-menu .mob-links ul li svg * { stroke: #2e3333 !important }
    .html-home-page .custom-header.home-header .header-menu .menu-toggle { color: #2e3333 }
    .html-home-page .custom-header.home-header .header-menu .menu-toggle span { background-color: #2e3333 }
    .html-home-page .custom-header.home-header .header-logo .homepage-logo { display: none }
    .html-home-page .custom-header.home-header .header-logo .main-logo { display: block }
    .mob-search-icon{display: block;}
    .navbar-toggler span { display: block; background-color: #2e3333; height: 2px; width: 22px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all .35s ease-out; transform-origin: center left }
    .html-home-page .custom-header .header-menu .navbar-toggler span { background-color: #fff }
    .html-home-page .custom-header.sticky .header-menu .navbar-toggler span { background-color: #2e3333 }
    .navbar-toggler span:nth-child(1) { margin-top: .3em }
    .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(15%,-33%) rotate(45deg) }
    .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0 }
    .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(15%,33%) rotate(-45deg) }
    .navbar-toggler span:nth-child(1) { transform: translate(0%,0%) rotate(0deg) }
    .navbar-toggler span:nth-child(2) { opacity: 1 }
    .navbar-toggler span:nth-child(3) { transform: translate(0%,0%) rotate(0deg) }
    .custom-header .header-lower .collapsed span { width: 20px }
    .custom-header .header-lower .collapsed span:nth-child(2) { width: 14px }
    .custom-header .header-menu .menu-toggle { padding-left: 0 !important }
    .language-selector { transform: translateX(45px) }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li a span { font-size: 16px !important; color: #2e3333 !important; text-transform: inherit !important }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li a span img { display: none }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul { flex-wrap: wrap; justify-content: space-between }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li { text-align: left }
    .custom-header .header-menu .top-menu.mobile li .mob-login-buttons .header-links ul li a.ico-login { margin-top: 15px !important }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul { flex-wrap: wrap }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li a { text-align: left !important }
    .custom-header .header-menu .mob-screen-list-login .header-links ul li a .wishlist-qty,.custom-header .header-menu .mob-screen-list-login .header-links ul li a .OwnedList-qty { display: none !important }
    .custom-header .header-menu .mob-screen-list-login .header-links ul li a .wishlist-label svg,.custom-header .header-menu .mob-screen-list-login .header-links ul li a .cart-label svg { display: none !important }
    html .custom-header .header-menu .mob-screen-list-login { padding: 0 !important }
    .custom-header .header-menu .header-links ul li#topcartlink,.custom-header .header-menu .header-links ul li#topcartlink a { max-width: 100% !important; width: 100% !important }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li.mob-account-btn,.mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li.mob-logout-btn { margin: 0 !important }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li.mob-account-btn a,.mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li.mob-logout-btn a { background: none; border: none; color: #2e3333 !important; font-weight: 500; border-bottom: 1px solid #eaebec; display: block; line-height: inherit }
    html .custom-header .header-menu .mob-screen-list-login .header-links ul li a { text-transform: capitalize }
    .question-section-wrapper .col-md-6:first-child .customer-question-info { text-align: left }
    .account-page .form-fields .inputs label { margin: 0; font-size: 14px; font-weight: 500 }
    .account-page .form-fields .inputs label { float: none; padding: 0; padding-bottom: 8px }
    .html-account-page .block-account-navigation { padding-top: 0; }
    .html-account-page .block-account-navigation .title { background: #fff !important; margin: 0 }
    .html-account-page .block-account-navigation .listbox { border-top: none; padding: 10px 25px; display: block !important; border:none; }
    .html-account-page .block .title strong { color: #2e3333 !important }
    .html-account-page .account-page .form-fields .inputs label.newsletter-label { width: auto; float: none; margin: 0 }
    .html-account-page .account-page .form-fields .inputs input.account-page-newsletter { height: fit-content; float: none; width: auto }
    .newsletter-input { display: flex; align-items: center }
    .newsletter-input label.newsletter-label { padding: 0 !important; padding-right: 7px !important }
    .custom-detail-page .product-essential { display: block }
    .custom-detail-page .product-essential .overview { padding-top: 0; padding-bottom: 30px }
    .custom-detail-page .product-essential .overview,.custom-detail-page .product-essential .custom-tabs { width: 100% !important; flex: 0 0 auto }
    .custom-detail-page .product-essential .overview .decription-text { width: 100% !important }
    .password-recovery-page .form-fields .inputs span.required { top: 0 }

    /*global*/
    .page-top-cover{position: relative; height:200px; background: radial-gradient(#93A77D, #568278);border-radius: 0 0 20px 20px; display: flex; justify-content: center;}
    .page-top-cover .back-btn-wrapper{ position: absolute; left: 20px; top: 12px;}
    .page-top-cover .back-btn-wrapper a{display: inline-flex; align-items: center; border-radius: 4px; background: rgba(46, 51, 51, 0.40); backdrop-filter: blur(1.5px);padding: 8px;}
    .question-ask-wrap.desktop{display: none;}
    .question-ask-wrap.mobile{display: flex; padding: 8px 12px; justify-content: center; align-items: center; gap: 8px;border-radius: 4px 0 0 4px; background: #93A77D;}
    .question-ask-wrap.mobile .question-text p{color: #FFF; text-align: right; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
    
    .question-ask-wrap.mobile .chatbot-image{height: auto !important;width: auto;}
    .mobile-header{position: relative;display: flex;justify-content: center;align-items: center;background: #568278;padding: 12px 20px;}
    .back-wrapper{position: absolute;top: 12px;left: 20px;}
    .back-wrapper a{display: flex; padding: 8px; align-items: center;border-radius: 4px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(1.5px);}
    .mobile-header .page-info h6{padding: 10.5px 0; margin: 0; color: #FFF; text-align: center; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
    /*header*/
    .header.custom-header.main-header{display: none;}

    /*login-page*/
    .html-login-page .master-wrapper-content{background: transparent;}
    .custom-login-page .returning-wrapper{width: 100%;padding: 24px 5px !important;}
    .custom-login-page .returning-wrapper form{width: 100%;}
    .custom-login-page .title{text-align: center;}
    .custom-login-page .title strong{ color: #2E3333; text-align: center; font-family: Blinker; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; }
    .login-inst{width: 100%;}
    .custom-login-page .returning-wrapper form p{text-align: center !important; color: #899191; text-align: center; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
    .login-page .returning-wrapper .inputs.reversed .forgot-password a{ color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
    .input-field-icon span{display: none;}
    .custom-login-page .returning-wrapper form .form-fields .inputs label{ color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 4px;}
    .custom-login-page .returning-wrapper form .form-fields .inputs input{height: 42px;padding: 12px;}
    .login-page .returning-wrapper .form-fields .inputs input{border-left: 1px solid #EAEBEC !important;border-radius: 4px !important;}
    .custom-login-page .returning-wrapper form .form-fields .inputs:first-child{margin-bottom: 16px;}
    .custom-login-page .returning-wrapper form .form-fields .inputs.reversed label{margin-bottom:0 ;}
    .custom-login-page .returning-wrapper form .buttons{margin: 24px 0 16px 0;}
    .login-page .returning-wrapper .inputs.reversed *{margin: 0;}
    .custom-login-page .returning-wrapper form .form-fields .inputs.reversed input{max-height: 17px;}
    .custom-login-page .returning-wrapper form .form-fields .inputs.reversed{margin-top: 8px;}
    .custom-login-page .returning-wrapper form p.reg-cust-links .register-button{color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}


    /*register-page*/
    .custom-register-page .registration-page-wrapper{background: transparent;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset{width: 100%;padding: 0;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form{width: 100%;padding: 24px 5px;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title{margin-bottom: 8px; min-height: auto !important; text-align: center !important;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title strong{color: #2E3333; text-align: center; font-family: Blinker; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro{width: 100%;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro p{ color: #899191; text-align: center !important; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{color: #899191; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent{margin-top: 12px !important;}
    .inputs.accept-consent span, .inputs.accept-consent a{color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent input{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #EAEBEC;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p{color: #899191; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p a{color: #568278; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
    .custom-register-page .name-wrapper{display: flex;gap: 12px;margin-bottom: 16px;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .name-wrapper .inputs{margin-bottom: 0 !important;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .name-wrapper .inputs:last-child{margin-bottom: 0 !important;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs:last-child{margin-bottom: 16px !important;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{display: inline-block !important;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs{margin-bottom: 16px !important;}
    .custom-register-page .required{display: none;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs label{display: none;}
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p{text-align: center !important;}

    /*product-detail*/
    .product-details-page.custom-detail-page{padding-top: 0;}
    .product-details-page.custom-detail-page .product-essential{padding-top: 0 !important;}
    .product-details-page.custom-detail-page .col-md-12{padding: 0;}

    .gallery{width: 100%;margin: 0;position: relative;}
    .gallery .picture{margin: 0;}
    .gallery .picture:before{content: none;}
    .gallery .picture img, .gallery .picture-thumbs img, .variant-picture img{position: relative;object-fit: cover;width: 100%;height: 260px;}

    .product-back-wrap{margin: 0;}
    .custom-detail-page .product-essential{background: #F2F5F7;}
    .custom-detail-page .product-essential .overview{padding: 18px 20px !important;background: #f2f5f7; margin-top: -20px; border-radius: 8px 8px 0 0 ;}
    .custom-detail-page .product-essential .custom-tabs{padding: 4px 20px 18px 20px;}
    .tabs-content{border: none !important;}
    .custom-tabs .tabs{margin-bottom: 12px !important;overflow: auto;}
    .custom-tabs .tabs li{white-space: nowrap; height: 100%; display: flex; padding: 8px 12px !important; justify-content: center; align-items: center; gap: 10px;color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
    .custom-tabs .tabs li.only-mob-tab{display: block;}
    .custom-tabs .tabs li.active-tab{ border: none !important;color: #93A77D !important; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;border-radius: 4px; background: rgba(147, 167, 125, 0.12);}
    .tabs .active-tab:after{content: none;}
    .full-description.acc-id{margin-bottom: 4px;}
    .accordion-flush .accordion-item .accordion-header{border-radius: 4px;}
    .accordion-flush .accordion-item:last-child{border-radius: 4px;}
    .accordion-flush .accordion-item .accordion-button.collapsed{border-radius: 4px; border: none !important;box-shadow: none;padding: 12px;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
    .accordion-flush .accordion-item .accordion-button{border: none !important;box-shadow: none;padding: 12px 12px 8px 12px !important;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
    .custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-button.collapsed{padding: 12px !important;}
    .custom-accordian-header button img{width: 40px;height: 40px;object-fit: cover;margin-right: 16px;}
    .custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-button span{color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
    .acc-id .accordion-item .accordion-collapse .accordion-body{border: none !important;padding: 12px;padding-top: 0;}
    .detail-inner-buttons{margin-top: 0;}
    .custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-collapse .accordion-body p{padding: 0;}
    .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button{color: #FFF; font-family: Blinker; font-size: 16px; width: 100%; font-style: normal; font-weight: 700; line-height: normal; display: flex; border-radius: 8px; background: #568278; padding: 16px; justify-content: center; align-items: center; gap: 10px;}
    .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check{color: #FFF; font-family: Blinker; font-size: 16px; width: 100%; font-style: normal; font-weight: 700; line-height: normal; display: flex; border-radius: 8px; background: #568278; padding: 16px; justify-content: center; align-items: center; gap: 10px;}
    .detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button svg *{fill: #fff !important;stroke: #fff;} 
    .detail-inner-buttons .add-to-wishlist{display: none;}
    .product-detailed-button{margin: 0 !important;}
    .detail-inner-buttons .product-detailed-button .add-to-cart{width: 100%;}
    .accordion-button::after{background-position: center; background-size: 14px !important; transition: .3s;background-repeat: no-repeat;background-color: #F2F5F7;border-radius: 4px;}
    .productCareTips .accordion-item .collapsed::after{transform: rotate(0deg);}
    .decription-text{display: none;}
    .mobile-description{display: block;padding: 12px;border-radius: 4px; background: #FFF;}
    .mobile-description > h3{display: none;}
    .full-description{color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
    .product-name.desktop,
    .prod-dt.desktop{display: none;}
    .gallery-wrapper{position: relative;}
    .mobile-product-detail-wrapper{position: absolute;bottom: 40px;left: 20px;right: 20px;display: flex; gap: 12px;align-items:start;}
    .mobile-product-detail-wrapper .svg-wrapper{border-radius: 4px; background: #93A77D;padding: 4px;width: 24px; height: 24px; display: flex;}
    .mobile-product-detail .product-name h1{margin-bottom: 4px; color: #FFF; font-family: Blinker; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
    .mobile-product-detail .prod-dt span{color: #FFF; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
    .mobile-product-detail .prod-dt .cart-date{display: none;}
    .another-Beeb-popup{display: none;}
    .beeb-popup{display: none;}
    .additional-details,
    .overview-buttons{margin: 0 !important;}
    .detail-inner-buttons{margin: 0 !important;}
    .notice-field-wraper{padding: 12px; border-radius: 4px; background: #FFF;display: flex;gap: 8px;margin-bottom: 12px;}
    .notice-field-wraper input{padding: 12px 8px 12px 12px;border-radius: 4px; border: 1px solid #EAEBEC;min-height: 42px;width: 100%;}
    .notice-field-wraper button{border: none; display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; flex-shrink: 0;border-radius: 4px; background: #568278;}
    .notice-detail-wrapper{display: flex;padding: 12px; flex-direction: column; align-items: flex-end; gap: 8px;border-radius: 4px; background: #FFF;}
    .notice-detail-wrapper .title{display: flex; justify-content: space-between; align-items: center; align-self: stretch;}
    .notice-detail-wrapper .title h5{ color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
    .notice-detail-wrapper .title button{display: flex; padding: 4px; justify-content: flex-end; align-items: center;border-radius: 4px; background: #F2F5F7;border: none;}
    .notice-detail-wrapper .detail p{color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
    .notice-wrapper{position: relative;}
    .notice-dropdown{position: absolute; right: 0; top: 35px;border-radius: 4px; border: 1px solid #EAEBEC; background: #FFF;;}
    .notice-dropdown .dropdown-item{padding: 8px !important;gap: 8px;background: transparent !important;}
    .notice-dropdown .dropdown-item:not(:last-child){border-bottom: 1px solid #EAEBEC;}
    .notice-dropdown .dropdown-item span{}
    .back-to-btn-wrapper{position: absolute;top: 12px;left: 20px;}
    .back-to-btn-wrapper a{ color: #FFF; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal;border-radius:4px;display: flex; justify-content: center; gap: 8px;padding: 8px;border-radius: 4px; background: rgba(46, 51, 51, 0.40); backdrop-filter: blur(1.5px);}

    /*chat-bot convo*/
    .chatbot-field-wrapper #SendMessageButton .desktop{display: none;}
    .chatbot-field-wrapper #SendMessageButton .mobile{display: block;}
    .chatbot-page .container{padding: 0 20px !important;}
    .chatbot-topic-wrapper .chatbot-topic{padding-top: 0;}
    .chatbot-topic-wrapper .parent-wrapper{padding: 0 !important;}
    .chat-person-name{display: none;}
    .professor-status-wrapper{display: flex; gap: 8px;padding: 8px 20px;align-items: center;}
    .professor-status-wrapper .chatbot-img{overflow: hidden; width: 40px;height: 40px; border-radius: 79px; border: 1px solid #EAEBEC;display: flex; padding-top: 4px; align-items: center; }
    .professor-status-wrapper .status-wrapper{display: flex;flex-direction: column;}
    .professor-status-wrapper .status-wrapper h4{margin: 0;color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
    .professor-status-wrapper .status-wrapper h6::before{content: '';width: 6px; height: 6px;position: absolute;top:50%; left: 4px;background-color: #14FF33;border-radius: 4px;transform: translate(-50% ,-50%);}
    .professor-status-wrapper .status-wrapper h6{position: relative;padding-left: 12px; margin: 0;color: #2E3333; font-family: Blinker; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
    .chatbot-block-wrapper{height: 80vh;}
    .conversation-block .FromBot .MessageSender:before{content: none;}
    .conversation-block .FromBot .MessageSender{color: #2E3333; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
    .conversation-block .FromBot .MessageContent{border-radius: 4px; color: #899191; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
    .conversation-block .FromUser .MessageContent{border-radius: 4px; color: #FFF; text-align: right; font-family: Blinker; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;}
    .chat-input-field.chatbot-field-wrapper{margin: 20px 0px !important;}

    /*faq-wrapper*/
    .faq-wrapper{margin: 0;}
    .faq-page-title{display: none;}
    .faq-wrapper .container{margin-top: 20px !important;padding: 0 20px !important;}
    .faq-wrapper .cus-accordion{gap: 4px 15px;}
    .faq-wrapper .cus-accordion .accordion-item .accordion-header .accordion-button.collapsed{transition: .3s; display: flex; padding: 12px; align-items: center; gap: 16px; align-self: stretch; border-radius: 4px; background: #FFF !important; border: none !important;}
    .faq-wrapper .cus-accordion .accordion-collapse .accordion-body{padding: 12px;padding-top: 0;border: none;transition: .3s;}
    .faq-wrapper .cus-accordion .accordion-item .accordion-header .accordion-button{padding: 12px;border: none !important;transition: .3s;}
    .faq-wrapper .cus-accordion .accordion-item .accordion-header .accordion-button span{color: #2E3333; font-family: Blinker; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}

    /*footer*/
    .footer.custom-footer{display: none;}
}

@media(max-width: 992px) {
   
    .affiliated-garden-inner .garden-right-column{ width: 100% !important; }
    .banner-inner-image .inner-image-plantbeeb img.desktop-person { object-fit:contain }
    .banner-image { height: 670px }
    .banner-inner-image .inner-image-plantbeeb img { height: 480px }
    .banner-info h1 { font-size: 55px }
    .banner-info { row-gap: 15px }
    .footer-links-list li { width: 48%; flex: 0 0 auto }
    .custom-login-page .returning-wrapper { width: 100% }
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset { width: 100% }
    .html-search-page body .page-title p { margin-bottom: 0 !important }
}

@media(max-width: 768px) {   
    .maintenance-cartoon img.open-img{display: none;}
    .maintenance-cartoon img.close-img{display: block;}
    .maintenance-close{ top: -3px; right: -15px;}
    .maintenance-note{right: 25px; bottom: 30px;}
    .maintenance-info{ width: 254px;}
    .duplicate-plantbeeb-section .custom-inner-row.revers-row-on-mob{flex-direction: column;}
    .duplicate-plantbeeb-section .custom-inner-row.revers-row-on-mob-2{flex-direction: column-reverse;}
    .app-top-banner .banner-wrapper .app-page-title h1{    font-size: 40px;margin-bottom: 10px !important;}
    .app-top-banner .banner-wrapper .app-page-title p{margin-bottom: 10px !important;}
    
    .pt-wrapper{}
    .pt-wrapper{}

    /* .pt-wrapper #product-details-form{display: flex;flex-direction: column-reverse;} */
    .pt-wrapper .product-essential{display: flex;flex-direction: column;}
    .html-topic-page .custom-detail-page{padding-top: 40px;}
    .html-topic-page .product-back-wrap{display: none;}
    .pt-wrapper .additional-details ,    .pt-wrapper  .overview-buttons{display: none;}
    .pt-wrapper .product-collateral{display: none;}

    .pt-wrapper .overview{order:1}
    .pt-wrapper .pt-details{order:2}
    .pt-wrapper .custom-tabs{order:3;}

    .custom-tabs .tabs li svg{display: block;height: 30px;width: 30px;fill: #899191;}
    .custom-tabs .tabs li svg + span{display: none;}
    .custom-tabs .tabs li.active-tab svg{ fill: #568278; }
    .mobile-description .full-description{text-align: left;}
    .custom-detail-page .product-essential{margin-bottom: 0;}
    .slider-wrapper .custom-tab-item{    height: auto;}
    .information-tab .owl-carousel .owl-stage-outer{height: auto;}
    .information-tab .owl-carousel{height: auto;    padding-bottom: 20px;}
    .custom-tabs .tabs-content .owl-nav{display: block;position: absolute;left: 0;right: 0;display: flex;justify-content: space-between;padding: 0 15px;top: 50%;transform: translateY(-50%);}
    .information-tab .owl-carousel .owl-nav button{ background: #568278; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
    .information-tab .owl-carousel .owl-nav button span{font-size: 0;}

    .information-tab .owl-carousel .owl-nav button.owl-next{
        background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }
    .information-tab .owl-carousel .owl-nav button.owl-prev{
        background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }
   
    
    .detail-inner-buttons{ margin-top: 10px;}
    span.cart-date p{ font-size: 16px;}
    .tab-box img{height: auto;}
    .slider-wrapper .custom-tab-item .tab-box{padding: 20px 20px;}
    .custom-detail-page .product-essential{ padding-top: 0 !important;}
    .product-details-page{padding: 10px 0 0;}
    .custom-detail-page .product-essential .overview{ padding-bottom: 0;}
    .plantbeeb-discover-section {padding-bottom:0}
    .custom-header .header-lower .header-logo a img {height: 65px !important}
    .inner-image-plantbeeb {height: 600px !important}
    .custom-inner-row .col-md-6 {max-width: 100%;flex: 0 0 auto}
    .conversation-block {height: auto}
    .close-chat-ico {padding-right: 13px}
    .question-row {text-align: left}
    .html-home-page .banner-content {flex-direction: column-reverse;padding-top: 0 !important}
    .inner-image-plantbeeb {width: 100% !important;max-width: 100%}
    .banner-box {top: 45%}
    .banner-info {width: 100%}
    .desktop-person {display: none !important}
    .mob-person {display: block}
    .banner-inner-image .inner-image-plantbeeb img {height: 100%;object-fit: contain}
    .mob-banner {  display: block}
    .desktop-banner {display: none}
    .banner-image {height: inherit}
    .banner-info {text-align: center;align-items: center}
    .banner-download-btn {width: 250px}
    .plantbeeb-discover-section .discover-info p {width: auto}
    .video-box-inner img {width: 100%}
    .custom-footer .footer-inner-wrap {align-items: center}
    .footer-inner-right-side {flex-direction: column-reverse !important}
    .custom-footer .footer-lower .footer-info {text-align: center}
    .custom-footer .upper-inner-row { row-gap: 30px }
    .footer-inner-wrap .header-links ul li a { padding: 14px 85px }
    .plantbeeb-discover-section .discover-info h2 { width: auto; font-size: 24px; }
    .plantbeeb-discover-section .plantbeeb-box-content strong{font-size: 18px;}
    .custom-plants-col h2{font-size: 24px;}
    .banner-inner-image .inner-image-plantbeeb img { width: 100% }
    .banner-inner-image { width: 100% }
    .banner-image { height: inherit }
    .duplicate-plantbeeb-section .custom-inner-row { flex-direction: column-reverse }
    .slider-wrapper { width: 80%; margin: 0 auto }
    .conversation-block { padding: 10px 20px }
    .chat-input-field { padding: 0 !important }
    #SendMessageButton { right: -50px }
    .chat-input-field { display: flex; margin: 20px 15px }
    .conversation-block .FromBot{margin:0}
    .chatbot-topic-wrapper .chat-input-field input { width: 73% !important }
    span.remaing-count { right: 10px }
    .chat-person-name .col-md-8 { width: 80%; flex: 0 0 auto }
    .chat-person-name .col-md-4 { width: 20%; flex: 0 0 auto }
    .chatbot-chat-info { visibility: visible }
    .chatbot-page { visibility: visible }
    .chat-person-name { visibility: visible; padding: 15px 0; margin-bottom: 0 }
    .chat-person-name .row { visibility: visible; max-width: 95%; margin: auto; justify-content: space-between }
    .chat-person-name .row .col-md-4 { padding: 0 }
    .chat-person-name .row .col-md-8 { padding: 0 }
    .chatbot-page { visibility: visible; height: 100%; display: flex; flex-direction: column }
    .chatbot-chat-info { visibility: visible }
    .chat-show+.chatbot-chat-info { visibility: visible; width: 100%; position: fixed; left: 0; right: 0; bottom: 0; background: #45414161; transform: translate(0,0); display: flex !important; align-items: end; min-width: 0; max-width: 100% }
    .conversation-block { visibility: visible; max-width: 100%; margin: auto; padding: 0; padding: 0 15px; flex: 1; width: 100%; overflow: auto; max-height: 70vh; }
    .chatbot-block-wrapper { visibility: visible; flex: 1; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 0 }
    .chat-input-field button img { visibility: visible }
    .chatbot-chat-info { visibility: visible }
    .question-section-wrapper .col-md-6:first-child .customer-question-info { width: 100% }
    .topic-box-inner .image img { transform: scale(.8) }
    .page-title h1 { font-size: 50px }
    .page-title p:last-child { margin-bottom: 0 !important }
    .footer-lower { padding-top: 25px !important }
}

@media(max-width: 650px) {
    .register-custom-modal-box { top:150% }
    .inner-image-plantbeeb { height: 600px !important }
    .banner-box { top: 50% }
    .footer-inner-wrap .header-links ul li a { padding: 14px 150px }
    .footer-links-list li { width: 100%; flex: 0 0 auto }
    .custom-login-page .returning-wrapper { padding: 0; padding-top: 24px; margin-bottom: 150px }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul { flex-direction: column; align-items: baseline }
    .custom-login-page .returning-wrapper form { background: none !important; width: 100%; margin: 0; padding: 0 }
    .custom-login-page .login-page-wrapper { background: #f9fbfc !important }
    .custom-register-page .registration-page-wrapper { background: #f9fbfc !important }
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form { background: none !important; width: 100%; margin: 0; padding: 0 }
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset { padding: 0; padding-top: 24px; margin-bottom: 150px }
    .custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p { text-align: left }
    .slider-wrapper { width: 100% }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li:nth-child(3),.mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li:nth-child(4) { width: 100%; flex: 0 0 100%; margin-right: 0 !important; margin-left: 0 !important; display: block }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li:nth-child(4) { margin-top: 0; max-width: 100%; flex: 0 0 100% }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li { width: 100%; flex: 0 0 auto; text-align: left }
    .banner-custom .topic-banner { margin-top: 40px !important }
    .custom-footer .footer-lower .footer-info { text-align: left !important; padding-top: 78px }
    .html-account-page .master-wrapper-content { background: #f9fbfc !important }
    .html-account-page .account-page .fieldset .title { text-align: left }
    .html-account-page .account-page .fieldset .title strong { color: #2e3333 !important; font-weight: bold; font-size: 24px }
    .account-page .form-fields .inputs label { color: #568278; font-size: 14px }
    .html-account-page .block-account-navigation .title { background: #568278 !important; display: none; }
    .html-account-page .block-account-navigation .listbox .list li, .html-scan-list-page .block-account-navigation .listbox .list li{ border-radius: 50px !important; border: 1px solid #dddd; margin-bottom: 10px; padding: 10px 15px !important; text-align: center; }
    .html-account-page .block-account-navigation .listbox .list li.active, .html-scan-list-page .block-account-navigation .listbox .list li.active{}
    .html-account-page .block-account-navigation .listbox .list li, .html-scan-list-page .block-account-navigation .listbox .list li a{}
    .html-account-page .block-account-navigation .listbox .list li.active, .html-scan-list-page .block-account-navigation .listbox .list li.active a{}
    .html-account-page .block .title strong { color: #fff !important }
    .customer-info-page .vat-status { color: #568278 !important }
    .customer-info-page .vat-note { color: #568278 !important }
    .save-customer-info-button,.change-password-button { width: 100%; text-transform: capitalize; border: 1px solid #93a77d !important; color: #93a77d !important; font-size: 16px; font-weight: bold; background: none !important }
    .html-account-page .side-2 .block-account-navigation .list .active>a { font-weight: 600; color: #fff !important }
    .html-account-page .side-2 .block-account-navigation .list a:hover,.html-account-page .side-2 .block-account-navigation .list a:focus { color: #568278; text-decoration: none }
    .question-ask-wrap { background: none; box-shadow: none; padding: 0 }
    .question-ask-wrap .question-text { display: none }
    .chatbot-wrapper { right: 15px }
    .chat-input-field input { background: none }
    .password-recovery-page { background: #f9fbfc !important }
    .custom-pass-recovery form { background: none !important; width: 100%; margin: 0; padding: 0 }
    .custom-pass-recovery { padding: 80px 0 }
    .password-recovery-page .form-fields .inputs label { margin-bottom: 7px }
    .password-recovery-page .form-fields .inputs { width: 100% } 
    .password-recovery-page .form-fields .inputs input { width: 100% }
    .custom-pass-recovery form .buttons .password-recovery-button { width: 100% }
}

@media(max-width: 550px) {
    .cus-accordion .accordion-item { width: 100%; }
    .header-logo a img { object-fit:contain }
    .banner-signature-plantbeeb { height: 70px }
    .banner-image { height: 1230px }
    .banner-custom { height: 250px }
    .banner-custom .topic-banner { margin: 0 auto }
    .banner-custom .topic-banner h2 { font-size: 55px }
    .banner-custom .topic-banner p { line-height: 20px }
    html body .custom-inner-row,html body .question-row { width: 100% }
    .customer-question-info .accordion-flush .accordion-item .accordion-button { padding: 21px 0 !important }
}

@media(max-width: 480px) {
    
    .register-custom-modal-box { top:100% }
    .custom-plants-img img { object-fit: contain !important }
    .custom-plants-col a { width: auto !important }
    .inner-image-plantbeeb { height: 500px !important }
    .banner-image { height: 1100px !important }
    .html-home-page .banner-content { padding-top: 100px !important }
    .footer-links-list li a { padding: 0 10px }
    .conversation-block { padding: 10px 0 }
    .banner-custom { height: 206px; justify-content: center !important }
    .banner-custom .topic-banner { margin: 0 auto !important }
    .banner-custom .topic-banner h2 { font-size: 40px }
    .banner-custom .topic-banner p { line-height: 23px }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li { width: 95%; flex: 0 0 auto; text-align: left }
    .mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li.wishlist-list,.mob-screen-list-login .mob-login-buttons .mob-login .header-links ul li#topOwnedListlink { width: 100% !important }
    .topic-box-inner h5 { font-size: 18px }
    .content-topic .row { row-gap: 0 }
    .topic-box-inner .image img { transform: scale(.9) }
    .chatbot-block-box { padding: 10px }
    .page-title h1 { font-size: 40px; margin-top: 0 }
    .topic-page .page-title { padding: 20px 0 }
    .header-logo a img { width: 114px; height: 33px; object-fit: contain }
    .chatbot-wrapper { bottom: 30px }
    .footer-inner-wrap .header-links { width: 100% !important }
    .footer-inner-wrap .header-links ul li { width: 100% !important }
    .footer-inner-wrap .header-links ul li a { width: 100% !important; padding: 14px 0 !important; text-align: center }
    .custom-pass-recovery { padding: 40px 0 }
    .html-search-page .search-results .warning { font-size: 14px }
    .pager ul { text-align: center; padding: 0 }
    .pager li { margin: 0 3px }
    .pager li a,.pager li span { min-width: 30px; height: 30px; padding: 4px }
    .flor-logo{ margin-left: 2px; width: 150px; top: -6px; }
    .footer-logo-wrapper{flex-direction: column;gap: 80px;}
}

@media(max-width: 380px) {
    
    .html-search-page .search-input .form-fields .basic-search .inputs .mySearchbtn { padding:0 10px }
    .register-custom-modal-box { width: 260px }
    .register-custom-modal-box { top: 250% }
}

@media(max-width: 370px) {
    .flor-logo{ display: none; }

}

@media(max-width: 320px) {
    .register-custom-modal-box { top:250% }
}