/* input(988,23): 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(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
    }
}

@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;}

    .mobile-description{display: block;padding: 20px 15px;}
    .custom-tabs .tabs li.only-mob-tab{display: block;line-height: 30px;}
    .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-repeat: no-repeat;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-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;
}
   
    
    .decription-text{display: none;}
    .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%
    }
}