.desktop-sort {
  display: none;
}

 .ui-datepicker .ui-datepicker-header {
    background: #000000 !important;
  }
@media screen and (max-device-width: 770px) {
    .hentry { padding-left: 10px; padding-right: 10px; width: auto; }
  .header select {
    border: 2px solid #14141440 !important;
  }
  .modal-form .google-dropdown {
    height: 50px;
  }
  .modal-form span.md_button.green {
    color: #333333 !important;
  }
  .header select {
    border: 2px solid #14141440 !important;
  }
  .modal-form {
    display: block !important;
  }
  .header_mobile_search * {
    display: inline-block;
  }
  .header select {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #626262 !important;
    height: 47px !important;
    line-height: 1.6em !important;
  }
  .logo {
    padding: 0px !important;
  }
  .logo h1,.logo .site_main_logo {
    margin-left: 0 !important;
  }
  .container {
    width: 100% !important;
    padding: 0px !important;
  }
  .row.login-box {
    background: none !important;
    border: solid 0px #c7d3d1 !important;
  }
  .login-block {
    padding: 0;
  }
  .introtext .bg .entry-content p {
    line-height: 1.8em !important;
  }
  .entry-content p {
    font-size: 14px !important;
  }
  .introtext .bg .entry-content p {
    color: #394a61 !important;
  }
  .login-sec {
    padding: 0px !important;
  }	
  .customer_txt h1,.customer_txt h2 {
    margin-bottom: 0 !important;
    line-height: 1.3em !important;
    margin-top: 0 !important;
    font-family: Cocon, "Trebuchet MS", arial !important;
    font-weight: 500;
    font-size: 15px !important;
    padding-top: 0px !important;
  }
  .half-gutter .grid-col p.delivery-areas-title {
    padding-top: 10px !important;
    font-size: 20px !important;
    padding-bottom: 7px !important;
    font-family: Cocon, "Trebuchet MS", arial !important;
    font-weight: 500 !important;
  }	
  p.delivery-areas-title br {
    display: none;
  }	
  .col-xs-12 {
    width: 100%;
    flex: auto;
  }
  .fade {
    margin-top: -130px;
    height: 115px !important;
  }
  .page-container {
    gap: 0;
  }
  .desktop-sort {
    display: block;
  }
  #menu-wrapper {
    overflow-x: scroll !important;
    overflow: auto !important;
  }
  .header select {
    height: 40px !important;
    border-radius: 0.28rem !important;
    background: none
  }
  .header .d-none-h {
    display: none;
  }
  .header .row-dropdown {
    padding: 0 10px;
    border: none;
    width: auto;
  }
  _::-webkit-full-page-media, _:future, :root .safari_only {
    .header .opening {
      min-width: 42%
    }
    .header .row-dropdown {
      width: 100%
    }
  }
  .header .opening {
    flex-direction: row;
    padding: 0;
    float: left !important;
    width: auto !important;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-left: auto;
  }
  .header p:last-child {
    border-right: 0px;
  }
  .header .cart {
    border-right: 0px;
    padding-right: 0;
    border-left: solid 1px #ccc;
    padding-left: 8px;
    float: right;
    position: relative;
    top: 9px;
    margin-left: 10px;
  }
  .header .select2-container--default .select2-selection--single {
    height: 40px !important;
    padding: 5px 5px !important;
  }
  .select2-container--default .select2-selection--single {
    border: solid 1px #ddd !important;
    height: 40px !important;
    padding: 5px 5px !important;
    border-radius: 0.28rem !important;
  }
  .header #book_form_date {
    height: 40px;
    padding: 5px 10px 5px 28px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 65%;
  }
  .header .select2-container .select2-selection--single .select2-selection__rendered {
    background: url({$img_srv}/_css/images/locationpin-2.png?22) no-repeat 0px -2px !important;
    max-width: 350px;
  }
  .modal-form .select2-container .select2-selection--single .select2-selection__rendered {
    max-width: 100%;
  }
  .header .calender_container {
    height: 40px;
  }
  .header .green a, .header .md_button {
    height: 30px;
    background: #f34f3f !important;
  }
  .header .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 28px;
    padding-top: 0px;
  }
  .header-bg #menu-wrapper {
    background: #edf1f2 !important;
    padding-right: 0;
  }
  .header-bg #menu-wrapper ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-bg #menu-wrapper .international_menu2 {
    background: #edf1f2 !important;
    border: none;
  }
  .header-bg .faq-icon {
    width: 20px;
  }
  #basket_counter {
    top: -11px;
    left: 16px;
  }
  #menu-wrapper2 {
    top: -100px;
    position: relative;
    background: #fff;
    z-index: 3333;
  }
  ul.nav_header li {
    border-right: 1px solid #ccc;
    line-height: 30px;
    padding: 0 7px;
  }
  ul.nav_header li img {
    vertical-align: middle;
  }
  ul.nav_header a:hover {
    text-decoration: none;
  }
  ul.nav_header li li {
    border-right: none !important;
  }
  .international_menu {
    border-right: none !important;
  }
  ul.nav_header {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .currency-select {
    padding: 0;
    height: auto;
  }
  ul.nav_header li:last-child {
    border-right: 0;
  }
  .header #book_form_date {
    font-weight: normal;
    font-size: 15px;
  }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    padding-left: 0px;
  }
  .header .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
  }
  .header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
  }
  .modal-form {
    padding: 20px 20px 10px !important;
    border: none;
    width: 70% !important;
    left: 15% !important;
    right: 15% !important;
    top: 30vh !important;
    position: fixed !important;
    z-index: 1000;
  }
  .modal-form #book_form_date {
    padding: 5px 10px 5px 20px !important;
  }
  .row-dropdown .featured {
    display: none;
  }
  .modal-form .featured {
    display: block;
    margin: 19px 0;
    font-size: 20px;
    line-height: 1.3em;
    padding: 12px 0 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 600;
  }
  .row-dropdown .f-text {
    display: none;
  }
  .modal-form .f-text {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding: 0 10px;
    font-size: 14px;
    color: #696969;
    line-height: 1.5;
  }
  .modal-form .select2-container--default .select2-selection--single {
    height: 50px !important;
  }
  .modal-form #book_form_date {
    height: 50px;
  }
  .modal-form .calender_container {
    height: 50px;
  }
  .modal-form .green a, .modal-form .md_button {
    height: 40px;
  }
  .c-ratings {
    min-width: 35%;
    margin-right: auto !important;
    border: none !important;
  }
  .calendar-bg {
    background: none
  }
  .cart_title {
    position: absolute;
    top: 10px;
  }
  .header .cart {
    height: 35px;
  }
  .cart a {
    display: block;
  }
  .cart_title {
    display: none;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    margin-left: -8px;
  }
  .calendar-bg {
    width: 94%;
    padding: 0 3%;
    float: right;
    background: #fff url({$img_srv}/images/calendar-icon-v4.png) no-repeat scroll 2% 50% !important;
  }
  .calender_container {
    padding-left: 10px;
  }
  .logo {
    flex-direction: row;
  }
  li.international_menu a {
    padding: 4px 5px 4px 4px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    border: none !important;
  }
  .international_menu {
    padding-right: 0px !important;
    overflow-x: hidden !important;
  }
  .grid-wrap {
    background: #fff;
  }
  .row-dropdown-dialog .select2-container--default .select2-selection--single {
    height: 60px !important;
  }
  .container_img img {
    width: 100%;
  }
  @media screen and (min-width: 175px) {
    ifram .tp-widget-wrapper {
      text-align: left !important;
    }
  }
  @media screen and (max-device-width: 660px) {
    .modal-form h3.featured, .f-text {
      padding-top: 0px !important;
    }
  }
  @media screen and (min-device-width: 900px) and (max-device-width: 1170px) {
    .logo h1,.logo .site_main_logo {
      min-width: 360px;
      width: 55%;
      text-align: center;
      font-size: 20px;
    }
  }
  @media screen and (min-device-width: 767px) and (max-device-width: 899px) {
    .logo h1,.logo .site_main_logo {
      min-width: 240px;
      width: 40%;
      text-align: center;
      font-size: 24px;
    }
    .logo h1 small,.logo .site_main_logo small {
      font-size: 10px;
      padding-right: 10px;
    }
  }
  @media screen and (min-device-width: 768px) and (max-device-width: 1170px) {
    .header .cart {
      border: none !important;
    }
    .c-ratings {
      display: none !important;
    }
    .logo h1,.logo .site_main_logo {
      font-size: 20px;
    }
    .logo h1 small,.logo .site_main_logo small {
      font-size: 12px;
    }
    #menu-wrapper2 {
      top: -75px;
    }
    .logo {
      position: relative;
      padding-top: 0 !important;
    }
    .header .opening {
      width: 100% !important;
      margin-top: 0;
    }
    .header .opening .row-dropdown {
      border-radius: 0;
      width: 100% !important;
    }
    .header .cart {
      position: absolute;
      right: 10px;
      top: 16px;
      z-index: 333
    }
    .header_top #menu-wrapper ul.nav {
      margin-top: 0px !important;
    }
    .header .opening .modal-form {
      width: auto !important;
    }
  }
  @media only screen and (min-width: 771px) and (max-width: 1430px) {
    .logo, .wrapper, .opening p {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .header {
      padding: 0px 0px;
    }
    .flower-categories-container { grid-template-columns: repeat(4, 1fr); }
    .popup-content { grid-template-columns: 260px 148px 70px; }
  }
  @media screen and (min-device-width: 768px) and (max-device-width: 1170px) {
    .header .cart {
      position: absolute;
      right: 16px;
      z-index: 333;
      top: 29px !important;
    }
    #menu-wrapper {
      display: contents;
    }
  }
    .filter-heading.secondary.calendar {
    background: url("https://internetflorist.b-cdn.net/v4/_css/images/calendar-icon-green-v4.webp") #f5f5f5 no-repeat 10px !important;
    }
    .filter-heading.secondary.calendar:hover {
    background: url("https://internetflorist.b-cdn.net/v4/_css/images/calendar-icon-green-v4-h.webp") #3596b5 no-repeat 10px !important; border: 1.5px solid #3596b5 !important;
    }
    .filter-heading.secondary:hover, .filter-heading.secondary.active { background:  #3596b5; border: 1.5px solid #3596b5 !important; }
  @media screen and (max-device-width: 770px) {
    lord-icon {
      display: none !important;
    }
    .modal-form #book_form_date {
      padding: 5px 10px 5px 35px !important;
    }
    .header .green a, .header .md_button {
      height: 50px;
      background: #f34f3f !important;
    }
    .row-dropdown .button_width {
      margin: 0 0 10px 0 !important;
    }
    .google-dropdown {
      width: 100%;
      margin: 10px 0 0px 0 !important;
    }
    .logo .calendar-bg {
      width: 100% !important;
    }
    .header .cart {
      display: none;
      border-left: none !important;
    }
    .logo h1,.logo .site_main_logo {
      margin-left: 65px;
    }
    .modal-form {
      width: 90% !important;
      left: 5% !important;
      right: 5% !important;
    }
    .opening p {
      float: right;
      width: auto !important;
    }
    .modal-form .md_button {
      width: 100% !important;
    }
    .header .row-dropdown {
      padding: 0;
    }
    .modal-form {
      padding: 0 10px !important;
    }
    .show_banner_mobile {
      display: none;
    }
    .panel-text {
      margin: 0em auto 4em;
      max-height: 145px
    }
    .header .row-dropdown {
      padding: 20px 20px !important;
    }
    .modal-form {
      top: 10vh !important;
    }
	.prod_det p.product-title {
        padding-bottom: 0 !important;
        margin-top: 0 !important;
		height: auto;
    }
    .prod_det p.product-title a {
        color: #454056 !important;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: .2rem !important;
        display: inline-block;
        width: 100%;
    }  
  }
  @media screen and (max-device-width: 900px) {
    .modal-form .google-dropdown, .modal-form .button_width, .modal-form .date_width, .modal-form .calendar-bg {
      width: 100%;
    }
    .modal-form .md_button {
      width: 96%;
    }
  }
  @media only screen and (min-device-width: 1024px) {
    .md_button {
      width: 87%;
    }
  }
  /**********************new menu start**********************/
  @media only screen and (max-width: 770px) {
    .menu-hb ul li {
      padding: 0px 0 2px 0 !important;
      border-bottom: none !important;
      height: 36px;
    }
    .menu-hb ul li a {
      text-decoration: none;
      padding: 0px 0 0px 5px !important;
      border-bottom: 1px solid #ddd !important;
    }
    .menu-hb ul li a span {
      background: none !important;
      display: flex !important;
      align-items: baseline;
      height: 30px !important;
      left: 12px !important;
      top: 8px !important;
      width: auto !important;
    }
    .menu-hb li a img {
      filter: brightness(0) !important;
    }
    #menuMobile li.categories-menu {
      margin: 0 0 0 0;
      position: relative;
      background: #fff;
      top: 61px;
      border: none;
      border-top: 1px solid #ddd;
    }
    #menu-hb-toggle img:first-child {
      float: left;
      margin: 0 0 0 0;
    }
    #menu-hb-toggle img:last-child {
      float: right;
      margin: 10px 0 0 0;
    }
    #side-menu-hb h4 {
      border-bottom: 1px solid #3a97b3 !important;
      margin: 0 0 10px;
      padding: 0;
      font-size: 14px;
      color: #626262;
      line-height: 26px;
    }
	#side-menu-hb .menu-title {
      border-bottom: 1px solid #3a97b3 !important;
      margin: 0 0 10px;
      padding: 0;
      font-size: 14px;
      color: #626262;
      line-height: 26px;
    }  
    ul.menu-cont {
      height: auto;
      max-height: 70vh;
      overflow: auto;
      overflow-x: hidden;
      scrollbar-color: #3a97b3 #fff;
      scrollbar-width: thin;
      padding-right: 10px;
    }
    ul.languages_right li a img {
      filter: brightness(1) !important;
    }
    ul.languages_right ul {
      left: -5px;
      width: 290px;
      top: 36px;
    }
    #international3 .nav-column {
      padding-left: 0 !important;
      width: 85% !important;
    }
    ul.city_shops {
      width: 100%;
    }
    #menuToggle span {
      width: 28px;
      height: 3px;
      margin-bottom: 4px;
    }
    #menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(45deg) translate(-3px, 0px);
    }
    .mobile-welcome {
      padding: 24px 20px !important;
      margin-top: -3px;
    }
    #menuMobile {
      margin: -106px 0 0;
    }
    #menuToggle {
      top: -2px !important;
      padding-top: 5px;
    }
    .menu-hb ul.languages_right li a span {
      top: 3px !important;
    }
  }
  /**********************new menu end**********************/
  .icon_en, .icon_us {
    background-position: -403px -26px !important
  }
  .icon3 {
    background-repeat: no-repeat !important;
    /*background-image: url("https://1b72baaee35757a86404-7610be60af2ebcae44739170e09e9aeb.ssl.cf1.rackcdn.com/images/flags-small-v5.png");*/
  }
  .icon3_en {
    width: 24px;
    height: 24px;
    background-position: -10px -10px !important
  }
  .icon3_es {
    width: 24px;
    height: 24px;
    background-position: -54px -10px !important
  }
  .icon3_ge {
    width: 24px;
    height: 24px;
    background-position: -10px -54px !important
  }
  .icon3_de {
    width: 24px;
    height: 24px;
    background-position: -10px -54px !important
  }
  .icon3_fr {
    width: 24px;
    height: 24px;
    background-position: -54px -54px !important
  }
  .icon3_it {
    width: 24px;
    height: 24px;
    background-position: -98px -10px !important
  }
  .icon3_du {
    width: 24px;
    height: 24px;
    background-position: -98px -54px !important
  }
  .icon3_nl {
    width: 24px;
    height: 24px;
    background-position: -98px -54px !important
  }
  .icon3_he {
    width: 24px;
    height: 24px;
    background-position: -10px -98px !important
  }
  .icon3_ms {
    width: 24px;
    height: 24px;
    background-position: -54px -98px !important
  }
  .icon3_id {
    width: 24px;
    height: 24px;
    background-position: -98px -98px !important
  }
  .icon3_in {
    width: 24px;
    height: 24px;
    background-position: -98px -98px !important
  }
  .icon3_da {
    width: 24px;
    height: 24px;
    background-position: -142px -10px !important
  }
  .icon3_sl {
    width: 24px;
    height: 24px;
    background-position: -142px -54px !important
  }
  .icon3_sk {
    width: 24px;
    height: 24px;
    background-position: -142px -98px !important
  }
  .icon3_sv {
    width: 24px;
    height: 24px;
    background-position: -98px -142px !important
  }
  .icon3_sr {
    width: 24px;
    height: 24px;
    background-position: -10px -142px !important
  }
  .icon3_fi {
    width: 24px;
    height: 24px;
    background-position: -54px -142px !important
  }
  .icon3_se {
    width: 24px;
    height: 24px;
    background-position: -98px -142px !important
  }
  .icon3_tr {
    width: 24px;
    height: 24px;
    background-position: -142px -142px !important
  }
  .icon3_cs {
    width: 24px;
    height: 24px;
    background-position: -186px -10px !important
  }
  .icon3_zh {
    width: 24px;
    height: 24px;
    background-position: -186px -54px !important
  }
  .icon3_ko {
    width: 24px;
    height: 24px;
    background-position: -186px -98px !important
  }
  .icon3_ru {
    width: 24px;
    height: 24px;
    background-position: -186px -142px !important
  }
  .icon3_el {
    width: 24px;
    height: 24px;
    background-position: -10px -186px !important
  }
  .icon3_bg {
    width: 24px;
    height: 24px;
    background-position: -54px -186px !important
  }
  .icon3_ja {
    width: 24px;
    height: 24px;
    background-position: -98px -186px !important
  }
  .icon3_th {
    width: 24px;
    height: 24px;
    background-position: -142px -186px !important
  }
  .icon3_uk {
    width: 24px;
    height: 24px;
    background-position: -186px -186px !important
  }
  .icon3_ar {
    width: 24px;
    height: 24px;
    background-position: -230px -10px !important
  }
  .icon3_hr {
    width: 24px;
    height: 24px;
    background-position: -54px -230px !important
  }
  .icon3_hu {
    width: 24px;
    height: 24px;
    background-position: -230px -54px !important
  }
  .icon3_no {
    width: 24px;
    height: 24px;
    background-position: -230px -98px !important
  }
  .icon3_pl {
    width: 24px;
    height: 24px;
    background-position: -230px -142px !important
  }
  .icon3_pt {
    width: 24px;
    height: 24px;
    background-position: -230px -186px !important
  }
  .icon3_ro {
    width: 24px;
    height: 24px;
    background-position: -10px -230px !important
  }
  .sprite {
    background-image: url(images/flag.png);
    background-repeat: no-repeat;
    display: inline-block
  }
  .sprite-bg {
    width: 16px;
    height: 11px;
    background-position: -2px -2px
  }
  .sprite-cs {
    width: 16px;
    height: 11px;
    background-position: -22px -2px
  }
  .sprite-da {
    width: 16px;
    height: 11px;
    background-position: -42px -2px
  }
  .sprite-de {
    width: 16px;
    height: 11px;
    background-position: -62px -2px
  }
  .sprite-el {
    width: 16px;
    height: 11px;
    background-position: -2px -17px
  }
  .sprite-es {
    width: 16px;
    height: 11px;
    background-position: -22px -17px
  }
  .sprite-fi {
    width: 16px;
    height: 11px;
    background-position: -42px -17px
  }
  .sprite-fr {
    width: 16px;
    height: 11px;
    background-position: -62px -17px
  }
  .sprite-he {
    width: 16px;
    height: 11px;
    background-position: -2px -32px
  }
  .sprite-hr {
    width: 16px;
    height: 11px;
    background-position: -22px -32px
  }
  .sprite-hu {
    width: 16px;
    height: 11px;
    background-position: -42px -32px
  }
  .sprite-in {
    width: 16px;
    height: 11px;
    background-position: -62px -32px
  }
  .sprite-it {
    width: 16px;
    height: 11px;
    background-position: -2px -47px
  }
  .sprite-ja {
    width: 16px;
    height: 11px;
    background-position: -22px -47px
  }
  .sprite-ko {
    width: 16px;
    height: 11px;
    background-position: -42px -47px
  }
  .sprite-ms {
    width: 16px;
    height: 11px;
    background-position: -62px -47px
  }
  .sprite-nl {
    width: 16px;
    height: 11px;
    background-position: -2px -62px
  }
  .sprite-no {
    width: 16px;
    height: 11px;
    background-position: -22px -62px
  }
  .sprite-pl {
    width: 16px;
    height: 11px;
    background-position: -42px -62px
  }
  .sprite-pt {
    width: 16px;
    height: 11px;
    background-position: -62px -62px
  }
  .sprite-ro {
    width: 16px;
    height: 11px;
    background-position: -2px -77px
  }
  .sprite-ru {
    width: 16px;
    height: 11px;
    background-position: -22px -77px
  }
  .sprite-sa {
    width: 16px;
    height: 11px;
    background-position: -42px -77px
  }
  .sprite-sk {
    width: 16px;
    height: 11px;
    background-position: -62px -77px
  }
  .sprite-sl {
    width: 16px;
    height: 11px;
    background-position: -82px -2px
  }
  .sprite-sr {
    width: 16px;
    height: 11px;
    background-position: -82px -17px
  }
  .sprite-sv {
    width: 16px;
    height: 11px;
    background-position: -82px -32px
  }
  .sprite-th {
    width: 16px;
    height: 11px;
    background-position: -82px -47px
  }
  .sprite-tr {
    width: 16px;
    height: 11px;
    background-position: -82px -62px
  }
  .sprite-uk {
    width: 16px;
    height: 11px;
    background-position: -82px -77px
  }
  .sprite-us {
    width: 16px;
    height: 11px;
    background-position: -2px -92px
  }
  .sprite-zh {
    width: 16px;
    height: 11px;
    background-position: -22px -92px
  }
  ul.foldershops li a {
    padding: 10px 7px
  }
  .ui-datepicker {
    z-index: 1000 !important
  }
  #basket_counter {
    top: 29px
  }
  .nav > li > div {
    top: 58px
  }
  .nav {
    justify-content: flex-start
  }
  .nav > li > a {
    padding: 11px 15px 12px 20px
  }
  .logo h1 a, .logo h1 span,.logo .site_main_logo a, .logo .site_main_logo span {
    letter-spacing: -1px;
    font-weight: 500
  }
  .logo h1 span,.logo .site_main_logo span {
    color: #777
  }
  .logo h1 small,.logo .site_main_logo small {
    font-family: Cocon, trebuchet ms, arial !important;
    font-size: 14px;
    letter-spacing: 0;
    color: #999;
    font-weight: 400
  }
  .logo h1 small span,.logo .site_main_logo small span {
    color: #999
  }
  h2.a-center.entry-title span {
    color: #9848b2
  }
  ul.foldershops li strong {
    font-size: 15px !important
  }
  .contact_form .opening p {
    border-right: 0
  }
  .wishlist_v2 {
    z-index: 10000000000;
    position: absolute;
    margin-top: 7px;
    left: 10px
  }
  .wishlist_v2 a {
    background: #51b549;
    color: #fff;
    padding: 5px 9px;
    border-radius: 5px;
    font-size: 17px;
    margin-top: 12px;
    text-decoration: none
  }
  .main-content {
    position: relative;
	z-index: 99;
  }
  .main-content .owl-theme .custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0
  }
  .main-content .owl-theme .custom-nav .owl-next, .main-content .owl-theme .custom-nav .owl-prev {
    position: absolute;
    height: 100px;
    color: inherit;
    background: 0 0;
    border: none;
    z-index: 100
  }
  .main-content .owl-theme .custom-nav .owl-next i, .main-content .owl-theme .custom-nav .owl-prev i {
    font-size: 2.5rem;
    color: #cecece
  }
  .main-content .owl-theme .custom-nav .owl-prev {
    left: -10px
  }
  .main-content .owl-theme .custom-nav .owl-next {
    right: -5px
  }
  ul.products li div.ext, ul.products li div.ext:hover {
    box-shadow: none !important;
    border: solid 2px #efefef
  }
  .valentine_msg {
    position: absolute;
    font-size: 20px;
    line-height: 1.8em;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #696969;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    width: auto;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    top: 25px
  }
  .valentine_msg h3 {
    color: #bb152a;
    font-size: 38px;
    line-height: 1.6em;
    letter-spacing: -.5px
  }
  .valentine_msg sup {
    vertical-align: super;
    font-size: 11px
  }
  #countbox1 {
    width: 174px !important
  }
  div.slider_content h4 {
    font-size: 22px;
    font-family: Montserrat, sans-serif, Verdana !important;
    color: #6d9106;
    font-weight: 400;
    margin-bottom: 5px
  }
  .select-items {
    max-height: 400px;
    overflow-y: scroll
  }
  .row-dropdown {
    background-color: #edf1f2;
    flex-direction: row;
    width: 100%;
    padding: 20px;
    margin-top: 10px;
    display: block;
    box-sizing: border-box
  }
  .address-dropdown {
    float: left;
    max-width: 465px;
    margin-right: 40px;
    margin-right: 40px;
    flex-flow: column
  }
  .google-dropdown {
    float: right;
    margin-right: 0;
    flex-flow: column;
    margin-top: 5px;
    width: 46%
  }
  .country_name_mobile {
    display: none;
    visibility: hidden
  }
  .nav .nav-column h3 {
    box-sizing: border-box
  }
  @media only screen and (max-width: 480px) {
    .nav .nav-column {
      width: 100% !important;
      padding-left: 0;
      padding-right: 0
    }
    .nav > li > a {
      min-height: 35px !important
    }
    .show_banner_mobile {
      height: 115px !important
    }
    .show_banner_mobile span {
      margin-top: 24px !important
    }
    .cart_title {
      display: none
    }
    .google-dropdown {
      width: 100%;
      margin: 10px 0 !important
    }
    .address-dropdown {
      width: 100%
    }
    .phoneicon a {
      border-right: 0 !important
    }
    .gift-basket-block a {
      max-width: 107px !important
    }
    ul.products li {
      width: 100% !important;
      justify-content: center;
      display: flex
    }
    .owl-theme .owl-dots {
      display: none
    }
    .header-bg {
      padding-top: 0 !important
    }
    .logo h1,.logo .site_main_logo {
      margin-left: 33px
    }
    .logo h1 a,.logo .site_main_logo a {
      flex-direction: column !important
    }
    .introtext .bg h2 {
      display: flex;
      flex-direction: column
    }
  }
  @media only screen and (max-width: 770px) {
    .nav .nav-column {
      width: 100% !important;
      padding-left: 0;
      padding-right: 0
    }
    .country_name_mobile {
      visibility: visible;
      display: block;
      padding: 3px 0 0 !important;
      margin-top: 3px;
      font-size: 17px;
      border-top: solid 1px #f3f3f3;
      font-family: Cocon, trebuchet ms, arial !important
    }
    .google-dropdown {
      width: 100%;
      margin: 10px 0 !important
    }
    .address-dropdown {
      width: 100%
    }
    .select-items {
      max-height: auto;
      overflow-y: auto
    }
    .header-bg {
      padding-top: 10px
    }
    .introtext {
      padding-top: 28px
    }
    .logo h1,.logo .site_main_logo {
      width: 75%
    }
    .logo h1 span,.logo .site_main_logo span {
      font-weight: 500;
      color: #777;
      padding-right: 5px
    }
    .logo h1 a,.logo .site_main_logo a {
      flex-direction: row
    }
    .introtext .bg h2 {
      font-size: 18px !important
    }
    .basket_counter {
      opacity: 1;
      top: 16px;
      right: 30px;
      background-color: #9848b2
    }
    #menuToggle {
      top: 23px
    }
  }
  .select2-search--dropdown .select2-search__field {
    padding: 10px 8px;
    font-size: 17px;
    border-radius: 0;
    -webkit-appearance: none
  }
  .nav > li > a.home {
    padding: 11px 30px 12px
  }
  .nav > li > a {
    padding: 11px 30px 12px
  }
  #cartDiv {
    position: absolute;
    display: none;
    width: auto;
    top: 61px;
    z-index: 9999999;
    right: 0;
    background: #fff;
    margin: 0 auto;
    width: 360px;
    min-height: 200px;
    font-size: 12px !important;
    border-radius: 7px;
    box-shadow: 0 14px 80px rgb(34 35 58/.2);
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-shadow: 3px 3px 9px -2px rgba(0, 0, 0, .75)
  }
  .viewcart {
    overflow-y: auto;
    height: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500
  }
  #cartDiv li strong {
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 600
  }
  #cartDiv h4 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    color: #394a61
  }
  #cartDiv h4 a {
    color: #394a61
  }
  #cartDiv li {
    width: 328px !important;
    padding: 0;
    border-bottom: 1px dotted #ccc !important;
    clear: both;
    float: left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    grid-template-columns: 54px 143px 30px 100px;
    display: grid
  }
  .viewcart li .imgblock {
    float: left;
    width: 50px;
    line-height: normal;
    padding: 9px 5px
  }
  .viewcart li .problock {
    float: left;
    width: 146px;
    line-height: normal;
    padding: 0 5px;
    font-weight: 500
  }
  .viewcart li .qtyblock {
    float: left;
    width: 25px;
    padding: 5px;
    line-height: normal
  }
  .viewcart li .priceblock {
    float: left;
    padding: 5px;
    line-height: normal;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    color: #9848b2
  }
  #cartDiv .md_button {
    width: 140px;
    margin: 10px auto 15px !important;
    padding: 3px 5px;
    height: 35px;
    font-size: 12px;
    border-radius: 0
  }
  #cartDiv .md_button .green a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    width: 100%;
    box-sizing: border-box;
    height: 41px;
    padding: 0;
    display: flex !important;
    justify-content: center;
    align-items: center
  }
  .fullwidth h3 {
    position: relative;
    display: inline-block;
    padding: 13px 11px;
    background-color: #9848b2;
    color: #fff !important;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: .05em;
    border-radius: 0;
    border: none;
    -webkit-background-size: 200% auto;
    background-size: 200%;
    background-image: -webkit-gradient(linear, left top, right top, from(#9a49b2), color-stop(51%, #d55fad), to(#9a49b2));
    background-image: -webkit-linear-gradient(left, #9a49b2 0, #d55fad 51%, #9a49b2 100%);
    background-image: -moz-linear-gradient(left, #9a49b2 0, #d55fad 51%, #9a49b2 100%);
    background-image: -o-linear-gradient(left, #9a49b2 0, #d55fad 51%, #9a49b2 100%);
    background-image: linear-gradient(to right, #9a49b2 0, #d55fad 51%, #9a49b2 100%)
  }
  .fullwidth h3:after {
    text-align: center;
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 42px solid #d55fad;
    border-bottom: 0 solid #b46b78;
    border-right: 10px solid transparent;
    z-index: 1
  }
  ul.city_types li {
    border-bottom: 1px dotted #ddd
  }
  .fullwidth {
    box-sizing: border-box
  }
  .nav .nav-column {
    width: 30%
  }
  ul.city_shops {
    clear: both
  }
  #book_form_date {
    z-index: 0
  }
  .dialog-picker {
    max-width: 300px;
    z-index: 10000 !important
  }
  #book_form_date2 {
    cursor: pointer;
    border: none;
    background: 0 0;
    font-size: 1.5em;
    width: 100%;
    float: none;
    text-align: left;
    padding: 0;
    position: relative;
    z-index: 100000;
    font-size: 16px;
    font-family: Montserrat, sans-serif, Verdana !important;
    color: #333;
    font-weight: 600;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: 20px 20px 20px 55px
  }
  .ui-widget-content a {
    color: #fff;
    font-weight: 700
  }
  .international_menu {
    cursor: pointer
  }
  svg.faq-icon path {
    fill: red
  }
  .nav > li > a img {
    margin-right: 10px;
    padding-right: 0
  }
  #basket_counter {
    top: -10px;
    left: 16px;
  }
  ul.nav {
    width: 1140px;
    margin: 0 auto;
    z-index: 10
  }
  .field {
    width: 100%;
    padding-left: 8px;
    padding-right: 20px;
    color: #444;
    line-height: 28px;
    font-size: 16px
  }
  .pac-item {
    font-size: 14px
  }
  .select2-container .select2-selection--single {
    height: 50px !important
  }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333;
    line-height: 30px;
    font-size: 15px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 35px
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 35px;
    background: url(images/locationpin.png?22)no-repeat 5px !important
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #535151 transparent transparent transparent;
    border-width: 10px 6px 0;
    top: 56%
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
    font-weight: 600
  }
  .select2-search--dropdown .select2-search__field {
    font-weight: 500;
    font-size: 16px;
    color: #444
  }
  .select2-container--default .select2-results > .select2-results__options {
    font-size: 15px
  }
  .loader_image {
    background-image: url({$css_srv}/images/ajax-loader-blue.gif);
    background-repeat: no-repeat;
    background-position: 100%
  }
  .fotovisorleft img {
    margin-top: -35px
  }
  .calender_container {
    border: 1px solid #ddd;
    color: #727272;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 90%;
    text-align: left;
    box-sizing: border-box;
    height: 60px;
    margin-bottom: 12px
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 8px
  }
  .select2-container--default .select2-selection--single {
    height: 60px !important;
    border: 1px solid #ddd !important;
    color: #727272;
    font-size: 18px;
    font-weight: 600
  }
  .select2-dropdown {
    border: 1px solid #ddd
  }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: Montserrat, sans-serif, Verdana !important;
    color: #727272
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    width: 35px
  }
  .google-dropdown {
    float: left;
    width: 50%
  }
  .md_button {
    padding: 3px 12px
  }
  .date_width {
    width: 30%
  }
  .button_width {
    width: 15%;
    float: right
  }
  .modal-backdrop-google {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #000;
    opacity: .65
  }
  .contact_form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    font-weight: 500
  }
  .contact_form #book_form_date {
    height: 50px;
    background: 0 0;
    padding: 0 47px !important
  }
  .contact_form .calender_container {
    border: 0 solid #ddd;
    color: #727272;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 12px
  }
  #contact_form2 input, #contact_form2 select, .contact_form2 input, .contact_form2 select {
    width: 98%
  }
  .contact_form .row-dropdown {
    padding: 0 20px
  }
  .contact_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: grey transparent transparent transparent;
    border-width: 5px 5px 0;
    top: 56%
  }
  .contact_form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 0 !important
  }
  .contact_form .select2-container--default .select2-selection--single {
    height: auto !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important
  }
  @media only screen and (max-width: 480px) {
    .row-dropdown {
      padding: 5px
    }
    .google-dropdown {
      width: 100%;
      margin: 10px 0 !important
    }
    .calender_container {
      width: 100%
    }
    .date_width {
      width: 100%
    }
    .button_width {
      width: 100%
    }
    .select2-container {
      width: auto !important
    }
  }
  /*old css end*/
  .introtext .bg h2 {
    text-align: center !important;
  }
  .container {
    width: 100%;
  }
  body {
    background: #fff;
  }
  #cartDiv {
    top: 35px;
  }
  .delivery h3.featured {
    border-bottom: solid 0px #e8e8e8;
  }
  .row-dropdown {
    background-color: #fff;
    margin-top: 0;
  }
  .introtext {
    background: #ede7e1 bottom center no-repeat;
    border-bottom: solid 1px #edf1f2;
    min-width: 1430px;
    padding-top: 0
  }
  .header {
    width: 1430px;
    width: 100%;
    border-bottom: solid 1px #edf1f2;
    background: #fff;
  }
  .introtext .bg {
    width: 63%;
    border: 0 solid rgba(88, 60, 99, .63);
    padding-top: 24px;
    padding-bottom: 74px;
  }
  .entry-content .banner-h2 {
    margin-bottom: 23px !important;
  }
  .introtext .align {
    width: 1430px;
    float: right;
    display: flex;
    margin-bottom: 0
  }
  .row-dropdown {
    z-index: 1;
  }
  .tp-widget-businessinfo {
    font-size: 14px;
    color: #191919;
    max-width: 100%;
    padding: 5px;
    text-align: center;
  }
  .tp-widget-businessinfo strong {
    color: #00744ec2;
  }
  .tp-widget-businessinfo__total, .tp-widget-businessinfo__trustscore {
    display: inline-block;
    vertical-align: middle;
  }
  .tp-widget-businessinfo__trustscore::after {
    content: '|';
    margin: 0 2px;
    color: #999;
  }
  .introtext .trustpilot {
    width: 26% !important;
    padding: 10px !important;
  }
  .logo h1 small,.logo .site_main_logo small {
    padding-left: 50px;
    padding-right: 50px;
  }
  li.flower a {
    background-color: #51b549;
  }
  .nav-column li a {
    background-color: transparent;
  }
  .nav > li {
    display: flex;
    float: left;
    flex-grow: 1;
    flex-basis: 0;
  }
  .nav > li > a.home {
    padding: 11px 0 12px 0px;
    width: 100%;
  }
  .nav > li > a {
    padding: 11px 0 12px 0px;
    width: 100%;
  }
  .nav > li > a img {
    margin-right: 5px;
  }
  .nav > li > a img {
    filter: brightness(0) !important;
  }
  .image-over {
    z-index: 1 !important;
  }
  ul.nav {
    max-width: 1140px;
    width: 100%;
  }
  #menu-wrapper {
    background: #ffffff !important;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper {
    background: none !important;
    width: 1430px;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0
  }
  .md_button {
    background: #000 !important;
  }
  ul.nav {
    max-width: 1430px;
    background: transparent !important;
    margin: 16px auto;
  }
  .nav > li > a.home {
    width: 100%;
  }
  .nav > li > a {
    color: #191a51;
    display: flex;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 15px;
  }
  .nav > li {
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 150ms linear 0s, box-shadow 150ms linear 0s;
    box-shadow: rgb(0 32 77 / 15%) 0px 1px 4px 0px;
    border-radius: 8px;
    display: flex;
    float: left;
    flex-grow: 1;
    flex-basis: 0;
    border: 2px solid rgb(25, 26, 81);
    white-space: nowrap;
    color: rgb(25, 26, 81);
    background-color: white;
    border-collapse: collapse;
    font-weight: 700;
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0px;
    text-decoration: none;
    height: 64px;
    min-height: 8px;
    margin-left: 16px;
  }
  .nav > li.active > a, .nav > li:hover > a {
    background-color: #fff;
    color: rgb(25, 26, 81);
  }
  .nav > li:hover {
    border-color: rgb(25, 26, 81);
    color: rgb(25, 26, 81);
    background-color: white;
    box-shadow: rgb(0 3 77 / 15%) 0px 3px 8px 0px;
  }
  .logo {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 1430px;
  }
  .international_menu .nav > li > a {
    padding: 0;
  }
  .prodcut-details-box-trustpilot {
    text-align: left !important;
    width: 100%;
    display: block;
    padding: 20px 0;
    width: 100%;
    display: block;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 10px 0 0;
    border: solid 0#ddd;
    border-radius: 3px;
    margin-top: 0;
    white-space: nowrap;
    box-sizing: border-box;
  }
  ul.nav_header {
    width: 100%;
  }
  h2.a-center.entry-title span {
    color: #16a085;
  }
  .logo h1 a,.logo .site_main_logo a {
    color: #16a085;
  }
  #basket_counter {
    background-color: #16a085;
  }
  h3, h4, strong {
    color: #16a085;
  }
  .prod_price span strong {
    color: #16a085;
  }
  .prod_det h4 a {
    color: #16a085;
  }
  .md_button:hover {
    background: #16a085 !important;
  }
  .calendar-bg {
    background: #fff url({$css_srv}/_css/images/calendar-icon-v3.png) no-repeat scroll 4% 50%;
  }
  /*.cta-container {
    width: 360px !important;
    }
    .cta-bg-image {
    
    width: 360px !important;
    }*/
  .index_slider {
    display: inline-block;
    width: 1430px;
    max-width: 100%;
  }
  .sliderwrapper {
    width: 1020px;
    max-width: 72%;
  }
  .valentine_main_div + img {
    width: 100%;
  }
  .slider_right {
    height: 219px;
    width: 455px;
    max-width: 27%;
  }
  ul.products li {
    height: auto;
  }
  ul.upc_events li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
  }
  ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
  .same_day_delivery {
    height: 140px !important;
  }
  ul.products li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0px;
  }
  ul.products li div.ext, ul.products li div.ext:hover {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .prod_price {
    margin-bottom: 0;
  }
  .introtext {
    min-width: 1440px;
  }
  h3, h4, strong {
    color: #16a085 !important;
  }
  .ui-datepicker .ui-datepicker-header, a.ui-state-default.ui-state-hover {
    background: #16a085 !important;
  }
  .navihouse {
    fill: #191a51;
  }
  ul.breadcrumbs li strong {
    color: #333333 !important;
  }
  ul.breadcrumbs {
    padding: 0px 0 10px;
  }
  .flowerinfo {
    max-width: 660px;
    width: 54%;
    justify-content: center;
    display: flex;
    text-align: center;
  }
  .imageinfo {
    text-align: center;
    justify-content: center !important;
  }
  .grid-col h4 {
    font-weight: 600;
    padding-bottom: 5px !important;
    color: #333 !important;
    font-size: 20px;
  }
  .prodcut-details-box {
    width: 100%;
    background: #f9f7f7;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  ul.sizes li {
    margin-bottom: 28px;
  }
  ul.sizes li:last-child {
    margin-bottom: 20px;
  }
  #floweroptions {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .flowerinfo {
    max-width: inherit !important;
    width: 54%;
    justify-content: center;
    display: flex;
    text-align: center;
  }
  .floweroptions {
    max-width: inherit;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    width: 37%;
  }
  p.prod_button.d-flex {
    margin-top: auto;
  }
  .hentry {
    margin-bottom: 20px;
  }
  ul.smallproducts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  ul.smallproducts li {
    width: 100%;
  }
  ul.breadcrumbs li a {
    color: #333333;
  }
  .ragings img {
    margin: -3px 5px 0 0 !important;
  }
  ul.faq li.question {
    margin: 0px;
    color: #333;
  }
  ul.foldershops li strong {
    color: #333 !important;
  }
  .introtext .bg h2 {
    color: #333 !important;
  }
  ul.addons li {
    width: 32%;
  }
  ul.addons li:last-child {
    margin-right: 0;
  }
  ul.addons {
    width: 100%;
    justify-content: space-between;
  }
  .sc_details strong {
    padding-right: 3px;
    color: #333 !important;
  }
  .sc_details {
    width: 400px;
    font-size: 14px;
  }
  .sc_details h4 a {
    color: #16a085 !important;
  }
  .nav > li:first-child {
    margin-left: 0;
  }
  .ragings p span:first-child {
    font-size: 14px !important;
  }
  .grid-wrap {
    margin-left: 0;
  }
  .bg-categories {
    background-image: none !important;
  }
  h2, h3.featured {
    color: #333;
  }
  .logo h1 span,.logo .site_main_logo span {
    color: #777 !important;
  }
  .logo h1 small,.logo .site_main_logo small {
    color: #999 !important;
  }
  .banner-images-gifts img {
    margin: 5px 0 0;
    border-radius: 5px;
  }
  .content-box {
    padding: 17px;
    transition: background-color 150ms linear 0s, box-shadow 150ms linear 0s;
    box-shadow: rgb(0 32 77 / 15%) 0px 1px 4px 0px;
    border-radius: 8px;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    border: 2px solid rgb(25, 26, 81);
    color: rgb(25, 26, 81);
    background-color: white;
    border-collapse: collapse;
    /* line-height: 1.5rem; */
    min-height: 8px;
    width: 100%;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    box-sizing: border-box;
    box-shadow: #191a5140 0px 0px 0px 1px inset;
    border: none;
  }
  .sort-dropdown {
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 150ms linear 0s, box-shadow 150ms linear 0s;
    box-shadow: rgb(0 32 77 / 15%) 0px 1px 4px 0px;
    border-radius: 8px;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    border: 2px solid rgb(25, 26, 81);
    white-space: nowrap;
    color: rgb(25, 26, 81);
    background-color: white;
    border-collapse: collapse;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0px;
    text-decoration: none;
    height: 64px;
    min-height: 8px;
    margin-left: 16px;
    /* padding: 20px; */
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 8px;
    color: rgb(26, 26, 26);
    padding-left: 16px;
    padding-right: 48px;
    width: 100%;
    height: 50px;
    appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSIjNTA1MDUwIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=) calc(100% - 16px) 50% / 28px no-repeat scroll white;
    box-shadow: rgb(163 163 163) 0px 0px 0px 2px inset;
    border: none;
    font-size: 16px;
    background-color: white;
    box-shadow: none;
    border: solid 2px #a3a3a3;
  }
  .content-box2 {
    padding: 17px;
    transition: background-color 150ms linear 0s, box-shadow 150ms linear 0s;
    border-radius: 8px;
    flex-grow: 1;
    flex-basis: 0;
    white-space: nowrap;
    color: rgb(25, 26, 81);
    background-color: white;
    border-collapse: collapse;
    /* line-height: 1.5rem; */
    min-height: 8px;
    width: 100%;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    box-sizing: border-box;
    display: grid;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    grid-template-columns: auto 1fr 1fr 1fr 1fr;
    width: 100%;
    gap: 8px;
  }
  .sort-dropdown:hover {
    border-color: #767676;
    color: rgb(25, 26, 81);
    background-color: white;
    box-shadow: rgb(0 3 77 / 15%) 0px 3px 8px 0px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    background: url(https://internetflorist.b-cdn.net/v4/_css/images/locationpin-2.png?23) no-repeat 5px !important;
  }
  .ui-datepicker .ui-datepicker-header, a.ui-state-default.ui-state-hover {
    background: #000000 !important;
  }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #000000 !important;
  }
  .intro-bg2 {
    display: flex;
    height: 333px;
    width: 37%;
    margin-top: auto;
    margin-bottom: 66px;
  }
  .content-box2 .sort-text {
    font-size: 15px;
    color: #191a51 !important;
  }
  .content-box {
    margin-top: 15px;
  }
  .nav > li.active > a {
    background-color: transparent;
  }
  ul.languages_right_call ul li:nth-child(2n+1) {
    color: #000;
  }
  content-box3 {
    grid-template-columns: auto 1fr 1fr 1fr;
  }
  .opening {
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .button_width {
    width: 18%;
  }
  .md_button {
    padding: 5px 12px;
  }
  span.select2.select2-container.select2-container--default {
    width: 100% !important;
  }
  .international_menu {
    border-right: solid 1px #ccc;
    padding-right: 17px;
    float: left;
    width: auto !important;
  }
  .nav > li.active > a, .nav > li:hover > a {
    background-color: transparent;
  }
  .nav > li > a {
    white-space: normal;
    line-height: 1.3em;
  }
  .faq-icon {
    padding-right: 5px
  }
  a, a:hover, a:visited {
    color: #000000;
  }
  #countbox1 {
    background: #000;
    border: 1px solid #0000;
    color: #fff !important;
    display: inline-block;
    padding-bottom: 3px;
    width: 125px;
  }
  .slider_right strong.title, .special_bouquet a, .special_bouquet strong {
    color: #000000 !important;
  }
  .grid-col h4 a {
    color: #16a085 !important;
  }
  .grid-col h5 {
    color: #000;
    line-height: 1.3em;
    font-weight: normal;
    font-size: 16px;
  }
  ul.addons li h4, ul.addons li strong {
    font-size: 13px !important;
    color: #333 !important;
    line-height: 1.4em;
  }
  ul.addons li strong {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #16a085 !important;
  }
  ul.addons li:hover, ul.addons li:hover h4, ul.addons li:hover strong {
    background: #cacfd3;
    color: #fff;
  }
  .same_day_delivery span strong {
    color: #000 !important;
  }
  .express_service_small {
    width: 125px !important;
    height: 125px !important;
    background: #01406d;
    border-radius: 50%;
    border: solid 2px #fff;
  }
  .express_service_small:hover {
    background: #fff;
    border: solid 2px #01406d;
  }
  .express_service_small h4 {
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .express_service_small h5 {
    margin-top: 0 !important;
    padding-top: 0px !important;
    color: #fff !important;
    font-size: 27px;
    font-weight: bold;
  }
  .panel-secondary:hover .express_service_small > * {
    color: #01406d !important;
  }
  .panel-secondary:hover .express_service_small {
    border: solid 2px #01406d;
    background: #fff !important;
  }
  .sliderwrapper {
    overflow: hidden !important;
  }
  div.slider_content_container {
    z-index: 2 !important;
  }
  .slider_image {
    z-index: 1;
  }
  .jssora07l, .jssora07ldn, .jssora07r, .jssora07rdn {
    z-index: 101;
  }
  @media only screen and (max-width: 1440px) {
    .introtext {
      min-width: 100%;
    }
  }
  @media only screen and (min-width: 771px) and (max-width: 1430px) {
    .logo, .wrapper, .opening p {
      padding-left: 8px;
      padding-right: 8px;
      box-sizing: border-box;
    }
    .international_menu {
      padding-right: 0px;
    }
    .wrapper, .logo, .header, .align, ul.nav, .introtext {
      width: 100% !important;
      min-width: auto !important;
    }
    .logo {
      flex-wrap: nowrap;
      justify-content: flex-start;
      flex-direction: row;
    }
    .header .opening p {
      white-space: nowrap;
    }
  }
  ul.city_shops li {
    padding: 2px 0;
  }
 
  @media only screen and (max-width: 1150px) {
    .prod_price > span {
      padding: 5px 0 10px !important;
    }
    .prod_det {
      height: auto;
    }
    .prod_det h4 {
      height: auto;
      padding-bottom: 9px;
    }
    .prod_img {
      height: auto;
    }
    .prod_img a img {
                    width: 100% !important;
      height: auto;
    }
    .ipad_hidden2 {
      display: none !important;
    }
    .currency-select {
      padding: 20px 0;
    }
  }
  @media only screen and (max-width: 770px) {
    #menuMobile #lang_list_mobile li {
      padding: 0 !important;
    }
    ul.languages_right ul {
      width: 353px;
    }
    .jssor_imgbox {
      width: 770px !important;
    }
    #lang_list_mobile lil {
      padding: 0px !important;
    }
    ul.languages_right > li:after {
      display: none;
    }
    .mobile_flag {
      margin: 3px 12px;
    }
    #menuMobile .city_shops li {
      padding: 0;
    }
    #menuMobile a {
      white-space: nowrap;
      padding: 10px 10px;
    }
    #menuMobile .city_shops li a:hover {
      color: #fff;
    }
    .international_menu {
      width: 100% !important;
      box-sizing: border-box;
    }
    .nav .nav-column {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
    }
    .opening h3 {
      color: #000000 !important;
    }
    .opening p {
      padding-left: 0;
      border-right: solid 0 #ccc;
    }
    .calender_container {
      width: 100%;
    }
    .md_button {
      width: 100%;
      box-sizing: border-box;
    }
    .row-dropdown > * {
      display: flex;
      justify-content: center;
      width: 100%;
      box-sizing: border-box;
    }
    .mobile-welcome {
      background: #000 !important;
    }
    .valentine_button {
      display: flex;
    }
    .valentine_main_div {
      position: relative !important;
      left: 10px;
    }
    .header-bg {
      height: auto !important;
    }
    .nav > li {
      border: 2px solid rgb(25, 26, 81);
      height: 46px;
      margin-left: 2px;
    }
    .btn-read-more {
      border-radius: 3px;
      background-color: #ffffff !important;
      color: #6a6a6a !important;
      border: solid 1px #818181;
      font-family: Montserrat, sans-serif, Verdana !important;
    }
    .content-box2 .sort-text {
      grid-column: auto/span 2;
    }
    .sort-dropdown {
      grid-column: auto/span 1;
      margin-left: 0px;
    }
    .content-box2 {
      grid-template-columns: 1fr 1fr;
    }
    ul.products {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .basket_counter {
      background-color: #16a085;
    }
    #menuToggle span {
      background: #16a085;
    }
    .show_banner_mobile {
      background: #000000;
    }
    .introtext .bg .panel-text h2.a-center.entry-title {
      padding-top: 0px !important;
    }
    .intro-bg2 {
      display: none;
    }
    .introtext .bg {
      padding-bottom: 0;
      width: 100% !important;
    }
    .wrapper {
      width: 95% !important;
    }
    .container {
      width: 100% !important;
      margin-top: 0 !important;
    }
    .introtext {
      min-width: auto !important;
      border-bottom: solid 0px #edf1f2;
      margin-bottom: 20px;
    }
    .logo {
      width: 100% !important;
    }
    .logo h1 small,.logo .site_main_logo small {
      padding-left: 0;
      padding-right: 0;
    }
  }
  @media only screen and (max-width: 480px) {
    .nav > li > a {
      padding: 6px 9px !important;
    }
    .sort-dropdown {
      grid-column: auto/span 2;
    }
    .content-box2 {
      grid-template-columns: 1fr;
    }
  }
  /*  New style start 2024*/
  .introtext .bg h2 {
    text-align: left;
  }
  .calender_container {
    border-radius: 0.28rem !important;
  }
  .select-items {
    left: auto;
    right: 0;
  }
  .opening p:last-child {
    border-right: none !important;
  }
  ul.foldershops li a strong:hover, ul.foldershops li a strong:visited {
    color: #0087cb !important;
  }
  .md_button:hover {
    top: 0;
    transition-delay: 1.5s linear;
  }
  #cartDiv {
    top: 36px;
  }
  ul.upc_events {
    max-height: 150px;
    overflow: auto;
    overflow-y: scroll;
  }
  @media only screen and (max-width: 814px) {
    .logo .opening {
      top: 10px;
    }
    .logo .opening #basket_counter {
      top: -11px;
      left: 9px;
    }
  }
  @media only screen and (max-width: 1200px) {
    .wrapper {
      padding-left: 10px;
      padding-right: 10px;
      max-width: 100%;
    }
    div.slider_content_container {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px;
    }
    .slider_right {
      max-width: 360px;
    }
    .footer-content {
      padding-left: 0;
      padding-right: 0;
    }
    .footer {
      padding: 33px 10px;
    }
    .index_slider {
      max-width: 100%;
    }
    .sliderwrapper {
      width: 65%;
    }
    .jssora07r {
      background-position: -190px -35px;
      right: 85px;
    }
    .jssora07rdn {
      background-position: -190px -35px;
      right: 85px;
    }
    .jssora07r:hover {
      background-position: -190px -35px;
      right: 85px;
    }
    .jssora07l {
      background-position: -120px -35px;
      left: 85px;
    }
    .jssora07l:hover {
      background-position: -120px -35px;
      left: 85px;
    }
    .jssora07ldn {
      background-position: -120px -35px;
      left: 85px;
    }
    div.slider_content_text {
      left: 100px;
    }
    .slider_image {
      right: 100px;
    }
  }
  @media only screen and (max-width: 1100px) {
    .jssor_imgbox {
      max-width: 90% !important;
    }
    .slider_image {
      right: 160px;
    }
    div.slider_content_text {
      left: 60px;
    }
  }
  @media only screen and (max-width: 1066px) {
    .jssor_imgbox {
      max-width: 89% !important;
    }
    .slider_image {
      right: 200px;
    }
    .slider_right {
      max-width: 28% !important;
    }
    div.slider_content_text {
      left: 114px !important;
    }
  }
  @media only screen and (max-width: 960px) {
    .sliderwrapper {
      margin-bottom: 20px;
      width: 99.6%;
      margin-left: auto;
      margin-right: auto;
      max-width: 100% !important;
    }
    .jssor_imgbox {
      max-width: 97% !important;
    }
    div.slider_content_container {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
    }
    .jssora07r {
      background-position: -70px -35px;
      right: 30px;
    }
    .jssora07rdn {
      background-position: -70px -35px;
      right: 30px;
    }
    .jssora07r:hover {
      background-position: -70px -35px;
      right: 30px;
    }
    .jssora07l {
      background-position: 2px -35px;
      left: 30px;
    }
    .jssora07l:hover {
      background-position: 2px -35px;
      left: 30px;
    }
    .jssora07ldn {
      background-position: 2px -35px;
      left: 30px;
    }
    .slider_right {
      float: left;
      max-width: 48% !important;
    }
    .same_day_delivery {
      float: right;
    }
    .content-box2 {
      grid-template-columns: 1fr 1fr;
    }
    .sort-dropdown {
      grid-column: auto/span 1;
      margin-left: 0px;
    }
    .content-box2 .sort-text {
      grid-column: auto / span 2;
    }
  }
  @media only screen and (max-width: 770px) {
    .wrapper {
      width: auto;
    }
    #menuToggle input:checked ~ ul {
      box-shadow: 1px 4px 1px 0px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 1px 4px 1px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 1px 4px 1px 0px rgba(0, 0, 0, 0.2);   background: #fff !important;
    }
    .jssora07r {
      background-position: -70px -35px;
      right: 40px;
    }
    .jssora07rdn {
      background-position: -70px -35px;
      right: 40px;
    }
    .jssora07r:hover {
      background-position: -70px -35px;
      right: 40px;
    }
    .jssora07l {
      background-position: 0px -35px;
      left: 40px;
    }
    .jssora07l:hover {
      background-position: 0px -35px;
      left: 40px;
    }
    .jssora07ldn {
      background-position: 0px -35px;
      left: 40px;
    }
    ul#menuMobile {
      min-height: auto;
      left: 0;
      right: auto;
      min-width: 320px;
      padding-top: 96px;
      padding-bottom: 61px;
    }
    ul.foldershops {
      padding-left: 10px;
      padding-right: 10px;
    }
    .floweroptions {
      width: 100% !important;
    }
    .jssor_imgbox {
      width: 100% !important;
    }
  }
  @media only screen and (max-width: 770px) {
    ul.breadcrumbs {
      padding: 0.5rem 1rem;
    }
    .content-box {
      padding: 0.1rem 1rem;
    }
    .content-box {
      all: unset;
    }
    .wrapper {
      padding-bottom: 0 !important;
      min-height: auto !important;
    }
    .wrapper.flowerpage {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .floweroptions span.md_button.green {
      background: #16a085 !important;
    }
    /* Override all footer elements with Brandon Grotesque */
    .footer, .footer *, #footer-content2, #footer-content2 *, #footer-content2 h2 {
      font-family: "Brandon Grotesque", sans-serif !important;
    }
    #footer-content2 ul li {
      border-bottom: solid 1px #424242 !important;
    }
    #footer-content2 ul.socialbuttons li {
      border-bottom: solid 0px #424242 !important;
    }
    #footer-content2 ul {
      padding-top: 0;
    }
    #menuToggle {
      width: 63px;
      height: 46px;
      top: 11px !important;
    }
  }
  .header-bg #menu-wrapper .international_menu2 {
    background: #edf1f2 !important;
  }
  .header-bg #menu-wrapper {
    background: #edf1f2 !important
  }
  .header .cart {
    top: -4px !important;
  }
  /* Flag stays centered */
  .languages_right {
    display: flex;
    justify-content: center;
    position: relative;
  }
  /* Dropdown default (desktop) */
  .languages_right > li > ul {
    position: absolute;
    right: 0;
    left: auto;
  }
  @media only screen and (max-width: 770px) {
    /* Brandon Grotesque Medium - Bold (700) */
    @font-face {
      font-family: "Brandon Grotesque";
      /*src: url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Medium.woff2") format("woff2"),
       url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Medium.woff") format("woff"),
       url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Medium.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;*/
      src: url('https://internetflorist.b-cdn.net/v4/_css/fonts/BrandonGrotesque-Medium.woff2') format('woff2'), url('https://internetflorist.b-cdn.net/v4/_css/fonts/BrandonGrotesque-Medium.woff') format('woff');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    /* Brandon Grotesque Light (300) */
    @font-face {
      /*font-family: "Brandon Grotesque";
  src: url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Light.woff2") format("woff2"),
       url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Light.woff") format("woff"),
       url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;*/
      font-family: 'Brandon Grotesque';
      src: url('https://internetflorist.b-cdn.net/v4/_css/fonts/BrandonGrotesque-Light.woff2') format('woff2'), url('https://internetflorist.b-cdn.net/v4/_css/fonts/BrandonGrotesque-Light.woff') format('woff');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }
    /* Brandon Grotesque Regular (400) */
    @font-face {
      font-family: "Brandon Grotesque";
      /*src: url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Regular.woff2") format("woff2"),
       url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Regular.woff") format("woff"),
       url("https://www.euroflorist.pl/assets/fonts/BrandonGrotesque-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;*/
      src: url('https://internetflorist.b-cdn.net/v4/_css/fonts/BrandonGrotesque-Regular.woff2') format('woff2'), url('https://internetflorist.b-cdn.net/v4/_css/fonts/BrandonGrotesque-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }
    .header {
      border-bottom: solid 1px #eeeeee !important;
    }
    .logo {
      padding: 1px 0 0;
    }
    ul.languages_right li img {
      height: 20px;
    }
    ul.languages_right {
      padding-top: 0;
    }
    ul.languages_right ul {
      width: 320px !important;
    }
    .languages_right > li > ul {
      position: absolute;
      top: 100%;
      left: -146px;
      right: auto !important;
      width: 240px;
      background: #fff;
      z-index: 9999;
      top: 24px;
    }
    .languages_right > li > ul li a {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 6px 10px;
      text-align: left;
    }
    ul.languages_right ul li span {
      margin-left: 2px;
      font-weight: normal;
      font-size: 14px;
    }
    ul.languages_right li a img {
      height: 20px !important;
    }
    ul.languages_right ul li {
      margin-right: 1% !important;
      margin-left: 1% !important;
      padding-right: 0;
      padding-left: 0;
    }
    .basket_counter {
      top: 13px !important;
    }
    .mobile-currency {
      font-size: 15px;
    }
    /* Base button style */
    .btn-read-more, .btn-read-less {
      background: transparent !important; /* White button */
      color: #394a61 !important;
      /* Dark text */
      font-weight: 500;
      text-decoration: none; /* Remove underline */
      padding: 10px 16px;
      border-radius: 6px;
      font-size: 14px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px; /* Space between text & arrow */
      transition: all 0.3s ease;
      border: solid 0px #818181 !important; /* No border */
    }
    .hide-more {
      display: none !important;
    }
    .show-more:target ~ .hide-more {
      display: block !important;
      top: unset;
      bottom: 19px;
      font-weight: 500 !important;
    }
    a#show-more {
      background: transparent !important;
      color: #394a61 !important;
      font-weight: 500;
    }
    .btn-read-more {
      position: absolute;
      top: 155px;
    }
    /* Hover effect = Green */
    .btn-read-more:hover, .btn-read-less:hover {
      background: #007373; /* Green background */
      color: #fff; /* White text */
    }
    /* Arrows */
    .arrow-down {
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #008066;
      display: inline-block;
      transition: border-color 0.3s ease;
    }
    .arrow-up {
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #008066;
      display: inline-block;
      transition: border-color 0.3s ease;
      text-decoration: none !important;
    }
    .btn-read-more .arrow-up {
      border: solid #008066;
      border-width: 2px 0px 0 2px;
      display: inline-block;
      padding: 3px;
      margin-left: 6px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      vertical-align: middle;
      margin-bottom: 0;
      margin-top: 3px;
      text-decoration: none !important;
    }
    /* Change arrow color on hover */
    h3 {
      padding-top: 10px !important;
      font-size: 20px !important;
      padding-bottom: 7px !important;
      font-family: Cocon, "Trebuchet MS", arial !important;
      font-weight: 500;
      color: #454056 !important;
    }
    ul.products li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 0px;
      border: 1px solid #fff3f3;
      /* border-bottom: 2px solid #008066; */
      padding: 0rem;
      box-sizing: border-box;
      background-color: #fff;
      border-collapse: collapse;
    }
    ul.products {
      grid-template-columns: 1fr 1fr !important;
      gap: 0px !important;
    }
    ul.products li div.ext, ul.products li div.ext:hover {
      box-shadow: none !important;
      border: solid 0px #efefef !important;
      padding: 0 !important;
    }
    .prod_price span strong small {
      display: none !important;
    }
    strong.a-center br {
      display: none;
    }
    .prod_det {
      margin-bottom: 0px !important;
    }
  }
  span.md_button.green {
    background: #16a085 !important;
  }
  .introtext {
    margin-bottom: 10px !important;
  }
  .introtext .bg .panel-text h2.a-center.entry-title {
    line-height: 1.3em !important;
  }
  .introtext .bg h2 {
    margin-bottom: 0 !important;
    line-height: 1.3em !important;
    margin-top: 0 !important;
    font-family: Cocon, "Trebuchet MS", arial !important;
    font-weight: 500;
    font-size: 15px !important;
    padding-top: 0px !important;
  }
  .introtext .bg .panel-text h2.a-center.entry-title {
    display: inline-block;
  }
  .introtext .bg {
    padding-top: 12px !important;
  }
  .flower-categories-container {
    justify-content: flex-start !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important; /* allow manual scroll */
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth; /* enables smooth animation */
    width: 100% !important;
  }
  /* Carousel item styles */
  .flower-categories-container > * {
    flex: 0 0 auto !important;
    width: 50% !important; /* changed from 46% for full slide — you can use 80% to show part of the next card */
    margin-right: 0rem !important;
    box-sizing: border-box;
    transition: transform 0.5s ease-in-out !important;
    padding: 0rem !important;
  }
  /* Pause animation (if using keyframes) */
  .flower-categories-container:hover {
    animation-play-state: paused !important;
  }
  .bg.panel-text-wrapper {
    background-color: #f9f9f9;
    padding: 0.1rem 1rem;
    max-width: 700px;
    margin: 0rem auto;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    font-family: Montserrat, sans-serif, Verdana !important;
    color: #333;
    padding-top: 12px !important;
  
  max-height: 193px;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out; /* smooth expand */
}

.panel-text-wrapper.expanded, .panel-text.expanded {
  max-height: 2000px; /* expand on click, user-triggered */
}

    
  /* Mobile banner title */
  .show_banner_mobile span {
    font-size: 1.4rem;
    font-weight: 700;
    color: #008066;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.2;
  }
  /* Read more / Read less buttons */
  .btn-read-more {
    display: inline-block;
    font-weight: 600;
    color: #008066;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 0;
    user-select: none;
  }
  .btn-read-more .arrow-down {
    border: solid #008066;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    vertical-align: middle;
    margin-bottom: 4px;
  }
  /* Headings */
  .entry-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #008066;
    margin-bottom: 1rem;
    text-align: center;
  }
  .banner-h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
    color: #444;
  }
  /* Paragraphs */
  .entry-content p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    color: #555;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  /* Optional: subtle fade effect at bottom */
  .bg.panel-text-wrapper .fade {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    background: linear-gradient(transparent, #f9f9f9);
    pointer-events: none;
  }
  .index_slider {
    display: none !important;
  }
  .content-box2 {
    margin-top: 10px;
  }
  .content-box2 #sort-text {
    padding-top: 0px !important;
    font-size: 20px !important;
    text-align: center;
    color: #454056 !important;
    font-family: Cocon, "Trebuchet MS", arial !important;
    font-weight: 500;
  }
  .prod_det h4 a {
    color: #454056 !important;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .2rem !important;
              display: inline-block;
        width: 100%;
  }
  .prod_det h5 {
    color: #9691a4 !important;
    font-size: .875rem !important;
    margin-bottom: .5rem !important;
    font-weight: 400;
    color: #454056;
  }
  .prod_price > span {
    padding: 5px 0 10px;
    color: #454056 !important;
    font-size: 12px;
    font-weight: 600;
  }
  .prod_price span strong {
    color: #454056 !important;
    font-size: 18px;
  }
  span.md_button.green {
    /*background: #fff !important;*/
    color: #1f1b2d !important;
    border: solid 1px #1f1b2d;
    border-radius: 50rem !important;
    display: inline-flex;
    align-items: center;
  }
  .ext .addbskext_off, .ext .addbskext_off:hover {
    font-size: 14px;
    padding: 0;
    color: #1f1b2d !important;
    font-weight: 600;
    height: 29px !important;
  }
  .wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important
  }
  .prod_img {
    padding-bottom: 0 !important;
  }
  .prod_det h5 {
    margin-bottom: 0 !important;
    font-weight: 500;
    font-size: 12px !important;
    color: #16a085 !important;
    height: auto !important;
  }
  .prod_det h4 {
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .header {
    padding: 0 15px;
  }
  .logo {
    width: 100% !important;
  }
  .logo h1,.logo .site_main_logo {
    width: 100%;
    margin-left: 0px
  }
  /* Footer accordion base */
  .footer h3 {
    font-size: 15px !important;
    color: #fff !important;
    font-family: Montserrat, sans-serif, Verdana !important;
    font-weight: 500 !important;
  }
  .footergrid li {
    position: relative;
    list-style: none;
    margin-bottom: 15px;
  }
  /* Add arrow to h3 */
  .footer-content h2::after, .footergrid li h3::after {
    content: "\25BC"; /* ▼ */
    font-size: 0.8em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s;
    cursor: pointer;
  }
  /* Hide all content (p, div, ul) by default */
  .footer-content p, .footergrid li p, .footergrid li div, .footergrid li ul {
    display: none;
    margin-top: 8px;
  }
  /* Expanded state */
  .footer-content.open p, .footergrid li.open p, .footergrid li.open div, .footergrid li.open ul {
    display: block;
  }
  /* Rotate arrow when open */
  .footer-content .open h2::after, .footergrid li.open h3::after {
    transform: translateY(-50%) rotate(180deg);
  }
  .footer {
    padding: 25px 20px !important;
  }
  #footer-content2 h2 {
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    padding-right: 0 !important;
  }
  .footergrid li.open a {
    color: #fff !important;
    padding-bottom: 10px;
    display: flex;
  }
  ul.footergrid li > * {
    position: relative;
  }
  .phone-numbers .row {
    display: grid !important;
    grid-template-columns: auto 1fr;
    padding-left: 20px;
  }
  ul.socialbuttons div {
    display: flex !important;
  }
  .footer_phones div {
    display: grid !important;
  }
  .footer_phones .row {
    display: flex !important;
    flex-wrap: wrap;
  }
  p.d-table-cell.align-middle.bottom0, .col-md-2.text-center.phone-icon {
    display: none !important
  }
}
.footergrid li p, .footergrid li div, .footergrid li ul {
  margin-top: 0px !important;
}
/* Apply arrow + accordion style to h2 and h3 */
.footer-content h2 {
  font-size: 15px !important;
  color: #fff !important;
  font-family: Montserrat, sans-serif, Verdana !important;
  font-weight: 500 !important;
  padding-right: 0;
  position: relative;
  cursor: pointer;
  /* padding-right: 20px;*/ /* space for arrow */
}
/* Add arrow */
.footer img {
  height: auto !important;
}
/* Ensure both inner divs stack in one grid flow */
/* Grid wrapper for all logos */
.footer_local_wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  gap: 10px;
  width: 100%;
  justify-items: center; /* Center items in each cell */
}
/* Keep inner divs from breaking the grid layout */
.footer_local_wrapper > div {
  display: contents !important; /* Let children flow directly into the grid */
}
/* Style each logo container */
.footer_local_logos {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.footer_local_logos:nth-child(2n) {
  border: solid 0px #00bcd4 !important;
}
.footer_local_logos {
  border: solid 0px #cd0b66a1 !important;
}
#footer-content2 h2 {
  font-family: "Brandon Grotesque", sans-serif !important;
  border-bottom: solid 1px #424242 !important;
  padding-bottom: 20px;
}
.filter-heading.secondary:hover, .filter-heading.secondary.active { background: #3596b5 !important; border: 1.5px solid #3596b5 !important; }