/* Dave M Added - Reserve the INITIAL space for the chat widget to prevent CLS */
#chat-widget-container {
  min-width: 100px;
  min-height: 100px;
}

@media (min-width: 992px) and (max-width: 1023px) {
  .new-theme-navbar .container {
    max-width: 95% !important; 
  }
}

/* Avenir LT Std - Global Font Definitions */
@font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Oblique.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-BookOblique.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Light.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-LightOblique.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-MediumOblique.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Heavy.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-HeavyOblique.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/fonts/avenir-lt-std/AvenirLTStd-BlackOblique.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
  }
  
  
  body {
      font-family: 'Avenir LT Std', sans-serif !important;
      background: #f6f7f9;
  }
  
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select {
  
      font-family: 'Avenir LT Std', sans-serif !important;
  }
  
  #wrapper-navbar .navbar #main-menu li a {
      font-family: 'Avenir LT Std', sans-serif !important;
  }
  
  .new-header-elems {
      flex: 6;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      align-content: center;
  }
  
  .new-header-phone {
      width: fit-content;
      max-width: 370px;
  }
  
  .new-header-coin {
      width: fit-content;
      max-width: 100px;
      padding: 0 !important;
  }
  
  a.new-header-phone-button {
      background: #4d7e29;
      padding: 4px 20px !important;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      gap: 10px;
      font-weight: 500 !important;
      border-radius: 50px;
      text-transform: uppercase;
      font-size: 1.1em !important;
      transition: .1s linear !important;
  }
  
  a.new-header-phone-button:hover {
      background: #629b38;
      color: #fff !important;
  }
  
  a.new-header-phone-button:before {
      content: '' !important;
      background: none !important;
      width: 0 !important;
      height: 0 !important;
  }
  
  a.new-header-phone-button > img {
      width: auto;
      height: 30px;
  }
  
  .new-header-coin div img {
      height: 30px;
      width: auto;
  }
  
  .new-header-coin div p {
      font-weight: bold;
      font-size: 0.8em;
      margin-top: 3px;
  }
  
  .new-menu-header a.navbar-brand img {
      max-width: 300px;
  }
  
  .new-theme-navbar-wrapper {
      background: #e9e9e9 !important;
  }
  
  #wrapper-navbar .navbar {
      background: #e9e9e9 !important;
  }
  
  @media screen and (min-width:1024px) {
  
  #wrapper-navbar .navbar #main-menu > li {
      background: #e9e9e9 !important;
      margin: 0 14px;
  }
  
  #wrapper-navbar .navbar #main-menu li a {
      padding: 10px 0;
  }
  
  #wrapper-navbar .navbar #main-menu li .dropdown-menu {
      background: none !important;
      border-radius: 6px;
      overflow: hidden;
  }
  
  #wrapper-navbar .navbar #main-menu li .dropdown-menu a {
  color: #fff !important;
      padding: 10px 30px;
      font-size: 0.9em !important;
      font-weight: 500;
      text-transform: uppercase;
  }
  
  #wrapper-navbar .navbar #main-menu li a::after {
      background: #f48903 !important;
      height: 5px !important;
      width: 1.5rem !important;
      left: 0px !important;
      top: 80%;
  }
  
  #wrapper-navbar .navbar #main-menu li a.dropdown-toggle::after {
      border: none;
  }
  
  #wrapper-navbar .navbar #main-menu > li a {
      font-weight: bold;
      font-size: 1em;
      color: #1c470f !important;
  }
      
  }

  .homepage-hero-section {
      background: url('https://oaktreemotorhomes.co.uk/wp-content/themes/omcmotorhomes/images/new/hero-section-header.jpg');
      width: 100%;
      min-height: 600px;
      background-size: cover;
        padding: 30px 150px 100px 150px;
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-content: center;
      align-items: flex-start;
      gap: 30px;
  }
  
  .homepage-hero-section .shop-filters-horizontal,
  .homepage-hero-section .shop-filters-horizontal .taxonomy-filter__items {
      background: none !important;
  }
  
  .homepage-hero-section .shop-filters-horizontal .taxonomy-filter__items .post-tags select {
      border-radius: 8px;
      max-width: 250px;
  }
  
  .hero-section-title {
      min-width: 100%;
      max-width: 100% !important;
  }
  
  .hero-section-title h1 {
      color: #fff;
      text-transform: uppercase;
      font-weight: 900;
      font-size: 3rem;
  }
  
  .hero-section-reviews {
      margin-left: 0;
      width: 180px;
      margin-bottom: -30px;
  }
  
  
/* --- Styles for the slider container that apply on ALL screen sizes --- */
section.section-slider.new-homepage-slider {
  /* The fixed width has been REMOVED from this main rule */
  overflow: hidden;
  max-height: 180px !important;
  background: #fff;
  margin: -90px auto 30px auto;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 16px;
  position: relative !important;
}

/* --- Rule for DESKTOP screens (wider than 1350px) --- */
@media (min-width: 1351px) {
  section.section-slider.new-homepage-slider {
    /* We apply the fixed width only on large screens */
    width: 1350px !important;
  }
}

/* --- Rule for TABLET & MOBILE screens (1350px and smaller) --- */
@media (max-width: 1350px) {
  section.section-slider.new-homepage-slider {
    /* We use a percentage width on smaller screens to make it responsive */
    width: 95% !important; 
  }
}
  
  .hero-section-filters-nav ul {
      display: flex;
      padding: 0 !important;
      flex-flow: row nowrap;
      gap: 20px;
      list-style-type: none !important;
      color: #fff !important;
  }
  
  .hero-section-filters-nav ul li a {
      color: #fff;
      font-weight: bold;
      position: relative;
      text-decoration: none;
  }
  
  .hero-section-filters-nav ul li a:after {
      content: '';
      width: 18px;
      height: 4px;
      background: orange;
      display: none;
      bottom: -5px;
      position: absolute;
  }
  
  .hero-section-filters-nav ul li a:hover:after {
      display: block;
  }
  
  .product-buttons-bottom {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      gap: 17px;
  }
  
  .product-buttons-bottom .button-details {
      width: 100%;
  }
  
  .product-buttons-bottom .button-details button {
      border-radius: 50px;
      width: 100%;
      font-weight: bold;
      padding: 0.9rem 1.2rem;
  }
  
  .product-buttons-bottom .button-details-calculate button {
      background: none;
      color: #204711;
      border-color: #204711 !important;
      font-weight: bold !important;
          -webkit-transition: all .2s;
      transition: all .2s;
  }
  
  .product-buttons-bottom .button-details-calculate button:hover {
      background-color: #204711;
      color: #fff !important;
  
  }
  
  .product-buttons-bottom + .product-calculate {
      width: 100%;
    text-align: right;
      display: flex;
      font-weight: bold;
      justify-content: flex-end;
      align-items: center;
      align-content: center;
      gap: 6px;
      padding: 0 15px !important;
  }
  
  .product-buttons-bottom + .product-calculate strong {
      font-weight: bold;
      color: #ec8d21;
  }
  
  .product-buttons-bottom + .product-calculate > a {
      font-size: 13px;
          cursor: pointer;
      margin-left: 0px;
      margin-top: -9px !important;
      display: block;
  }
  
  
  element.style {
      /* margin: 0 10px; */
  }
  .page-template-search .products .product {
      position: relative;
      margin: 0 13px;
  }
  
  
  .products .product.zk-single-product {
      border-radius: 16px;
      padding: 0 !important;
      border: 1px solid rgba(230,230,230, 0.5) !important;
      box-shadow: none !important;
      background: #fff;
  }
  
  @media (min-width: 992px) {
  
  .zk-single-product {
      width: 31% !important;
  margin: 30px 12px !important;
  }
      
      .zk-row-products {
          margin-right: -65px !important;
          margin-left: -65px !important;
      }
      
  }
  
  .zk-row-products .product-buttons .button--primary.button-details.button-mobile-class {
      display: block !important;
  }
  
  .products .product.zk-single-product > a > img {
          border-radius: 16px 16px 0 0 !important;
  }
  
  .zk-single-product .product-title__container {
      padding: 5px 15px 10px 15px;
  }
  
  .products .zk-single-product.product .product-title__container {
      float: none;
      display: block !important;
      
  }
  
  .zk-single-product .stock.out-of-stock {
      border-radius: 50px;
      font-weight: bold;
      font-size: 13px !important;
      padding: 2px 10px !important;
      box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }
  
  .zk-single-product .ribbon-wrapper-red {
      top: 0 !important;
      left: 0 !important;
  }
  
  .zk-single-product .product-single__taxonomy,
  .zk-single-product .product-single__taxonomy a,
  .zk-single-product .product-single__taxonomy button {
      font-weight: bold !important;
      color: #000 !important;
      font-size: 14px !important;
  }
  
  .zk-single-product .product-single__taxonomies .product-single__taxonomy {
      width: 33.333% !important;
  }
  
  .zk-single-product .product-single__taxonomies {
          display: flex !important;
      flex-flow: row wrap !important;
      justify-content: space-between !important;
      padding: 0 5px;
      gap: 10px 0;
          margin: 25px 0 !important;
  }
  
  .zk-single-product.product .product-title__container .woocommerce-loop-product_title a {
      position: relative;
      transition: .1s linear;
  }
  
  .products .zk-single-product.product .product-title__container .product-buttons {
      padding-bottom: 15px !important;
  }
  
  .zk-single-product.product .product-title__container .woocommerce-loop-product_title a:hover {
      text-decoration: none !important;
      color: #000;
  }
  
  .zk-archive-header {
  display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      margin-right: -35px !important;
      padding: 10px 20px !important;
      height: auto;
      background: #fff;
      margin-left: -50px !important;
  }
  
  .zk-archive-header .woocommerce-notices-wrapper, .zk-archive-header .woocommerce-result-count, .zk-archive-header .woocommerce-ordering {
      float: none;
      display: block;
      padding:0;
      margin:0;
  }
  
  .zk-archive-header .woocommerce-notices-wrapper {
      display: none !important;
  }
  
  .zk-archive-header select {
      border: 0;
  }
  
  .cta-section {
    background-color: #1a460d;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    text-align: center;
      margin: 0;
    gap: 24px;
  }
  
  .cta-avatar img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .cta-content {
    max-width: 600px;
  }
  
  .cta-content h2 {
    font-size: 20px;
    font-weight: 700;
      color:#fff;
    margin-bottom: 12px;
  }
  
  .cta-content p {
    font-size: 16px;
    line-height: 1.5;
    color:#fff;
    margin-bottom: 20px;
  }
  
  .cta-button {
    display: inline-block;
    background: white;
    color: black;
    font-weight: bold;
    padding: 12px 28px;
    border-radius: 999px;
    text-decoration: none;
    transition: background 0.3s;
  }
  
  .cta-button:hover {
    background: #eaeaea;
  }
  
  @media (min-width: 768px) {
    .cta-section {
      flex-direction: row;
      justify-content: center;
      text-align: left;
    }
  
    .cta-avatar {
      margin-right: 40px;
    }
  
    .cta-content {
      max-width: 500px;
    }
  }
  
  .zk-box-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px 40px;
      width: 85%;
      margin: 80px auto 80px auto;
      justify-content: center;
  }
  
  .zk-box-container .box {
    background: #fff;
    padding: 24px 20px;
    border-radius: 8px;
    width: 100%;
    max-width: 280px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    height: 200px;
    transition: box-shadow 0.3s;
  }
  
  .zk-box-container .icon {
    width: 32px;
    height: 32px;
  }
  
  .zk-box-container h3 {
    color: #004812;
    font-size: 16px;
    font-weight: bold;
  }
  
  .zk-box-container p {
    color: #000;
    font-size: 15px;
    margin: 0;
      padding-top:15px;
  }
  
  .zk-box-container p a:hover{
      text-decoration: none;
  }
  
  .zk-box-container .arrow {
    color: #f39c12;
    font-weight: bold;
    margin-left: 4px;
  }
  
  @media (min-width: 768px) {
      .zk-box-container {
      flex-direction: row;
    }
  
    .zk-box-container .box {
      flex: 1 1 calc(25% - 30px);
      max-width: none;
    }
  }
  
  @media screen and (max-width: 600px) {
      .zk-box-container {
              padding: 0 20px;
      width: 100%;
          gap: 20px;
          margin: 40px 0 50px 0;
      }
      .zk-box-container .box {
          max-width: 100%;
          width: 100%;
          height: 180px !important;
          justify-content: center;
      align-items: center;
      }
      .zk-box-container .box h3,
      .zk-box-container .box p,
      .zk-box-container .box img {
  margin: 0;
      padding: 0;
      }
  }
  
  @media screen and (max-width: 767px) 
  {
      .zk-newsletter {
          padding: 40px 20px !important;
      }
      .zk-newsletter-text {
      width: 100% !important;
      text-align: center !important;
      }
      .zk-newsletter-form input,
      .zk-newsletter-form button {
          width:100% !important;
          max-width:100% !important;
          margin: 0 !important;
      }
  }
  
  span.arrow > img {
      width: 16px;
      height: auto;
      margin-left: 5px;
  }
  
  .zk-newsletter {
      margin: 0;
      background: #d17406;
    padding: 60px 100px;
    display: flex;
    flex-direction: column;
    gap: 24px 100px;
    align-items: flex-start;
    justify-content: center !important;
    color: #fff;
  }
  
  .zk-newsletter-text h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
      color: #fff;
  }
  
  .zk-newsletter-text p {
    font-size: 16px;
    line-height: 1.5;
      margin: 0;
    max-width: 600px;
  }
  
  .zk-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  
  .zk-newsletter-form input {
    padding: 12px 16px;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    width: 100%;
      margin: 0 9px;
    max-width: 250px;
  }
  
  .zk-newsletter-form button {
      background-color: #4e811e;
      color: #fff;
      font-weight: bold;
      padding: 16px 24px;
      border: none;
      border-radius: 999px;
      font-size: 14px;
      cursor: pointer;
      transition: background 0.3s;
      width: 200px;
      margin-left: 10px;
  }
  
  .zk-newsletter-form button:hover {
    background-color: #3a660f;
  }
  
  @media (min-width: 768px) {
    .zk-newsletter {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  
    .zk-newsletter-form {
      flex-direction: row;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
          max-width:900px;
      justify-content: flex-end;
    }
  }
  
  .z-results-counter-pagination {
      text-align: center;
      font-size: 14px;
      margin: 0;
      padding: 0;
  }
  
  .woocommerce nav.woocommerce-pagination ul {
      border: 1px solid transparent;
  }
  
  .woocommerce nav.woocommerce-pagination ul li {
      border-right: 1px solid #4d7e29;
      background: #4d7e29;
  }
  
  .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
      background: #2f5513;
      color: #fff;
  }
  
  .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
      padding: 0.9em 1.15em;
      color:#fff;
  }
  
  .woocommerce .woocommerce-pagination ul.page-numbers li:first-child {
      border-radius: 6px 0 0 6px;
      border-color:transparent;
  }
  
  .woocommerce .woocommerce-pagination ul.page-numbers li:last-child {
      border-color:transparent;
      border-radius: 0 6px 6px 0;
  }
  
  .highlight-box {
    display: flex;
      flex-flow: row nowrap;
    border-radius: 10px;
    overflow: hidden;
    margin: 40px auto;
    max-width: 700px;
    background-color: #000;
    color: white;
  }
  
  .highlight-left,
  .highlight-right {
    padding: 30px 20px !important;
      text-align: center;
      width: 45%;
  }
  
  .highlight-right {
          width: 55%;
  }
  
  .highlight-left {
    background-color: #000;
    display: flex;
    flex-flow: column wrap;
      justify-content: center;
      align-items: center;
      align-content: center;
  }
  
  
  .highlight-right {
    background-color: #acabab;
    color: white;
    display: flex;
    flex-flow: column wrap;
      justify-content: center;
      align-items: flex-start;
      align-content: center;
  }
  
  .highlight-right h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
      color:#fff;
  }
  
  .highlight-right p {
    font-size: 16px;
    color: #eee;
  }
  
  @media (min-width: 768px) {
    .highlight-box {
      flex-direction: row;
      max-width: auto;
    }
  
    .highlight-left,
    .highlight-right {
      flex: 1;
      text-align: left;
      padding: 30px;
    }
  }
  
  @media screen and (max-width: 640px) {
      .zk-archive-header {
          flex-flow: column wrap;
      gap: 20px;
      padding: 20px !important;
      }
  }
  
  .shop-filters-horizontal {
      background-color: #e9e9e9;
  }
  
  .shop-filters-horizontal .taxonomy-filter__items {
      background-color: #e9e9e9;
  }
  
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select {
      box-shadow: none;
      border-radius: 5px;
      border: 1px solid transparent !important;
      font-weight: bold !important;
      letter-spacing: 0.3px;
	  background: #fff;
  }
  
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select:focus-visible,
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select:focus,
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select:active,
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select:target,
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select:focus-within,
  .shop-filters-horizontal .taxonomy-filter__items .post-tags select:hover {
      border: 1px solid #eee !important;
      box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }
  
  .z-main-archive-container button.btn.more-less {
      float: initial !important;
      margin: 0 auto !important;
      display: flex;
      padding: 0;
      text-decoration: underline;
      font-weight: bold;
      color: #ec8d21;
      font-size: 1.1em;
      border: none;
      text-transform: capitalize;
      transition: .1s linear;
  }
  
  
  .z-main-archive-container button.btn.more-less:hover {
      color: #000;
  }
  
  .z-main-archive-container p:not(#breadcrumbs):not(.invisible-content p) {
      text-align: center;
  }
  
  .z-main-archive-container  .header--section {
    margin-bottom: 15px;
      margin-top: 30px;
  }
  
  .z-main-archive-container .header--green:after {
      display: none;
      width: 0;
      border: none;
      margin: 0;
  }
  
  @media screen and (max-width:1023px) {
      
      .new-menu-header div {
          flex: auto !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
      }
      
      .new-menu-header a.navbar-brand img {
          max-width: 230px !important;
      }
      
      .z-phone-info {
          display: none;
      }
      
      .new-header-phone {
              width: fit-content;
              max-width: 200px;
              flex: auto !important;
      }
      
  }
  
  @media screen and (max-width:770px) {
      
      .new-header-phone {
          max-width: 150px;
      }
      
      .new-header-elems {
          justify-content: center;
      }
      
      a.new-header-phone-button {
          padding: 4px !important;
          font-size:0.9em !important;
      }
      
          a.new-header-phone-button > img {
              width: auto;
              height: 24px;
      }
      
      .new-menu-header {
          flex-flow: row nowrap !important;
      }
      
  }
  
  @media screen and (max-width:575px) {
          .new-menu-header a.navbar-brand img {
          max-width: 200px !important;
      }
      .new-header-elems {
          padding-right: 10px !important;
      }
      #wrapper-navbar .section-logo-header .section-logo-header__phone a {
          margin-left: 10px;
      line-height: 2rem;
  }
      a.new-header-phone-button {
          font-size: 0.8em !important;
      }
  }

  @media screen and (max-width: 418px) {
        .new-menu-header a.navbar-brand img {
            max-width: 150px !important;
        }
        .new-header-coin div img {
            height: 20px;
            width: auto;
        }
        .new-header-elems .new-header-coin > div img + p {
            font-size: 10px;
        }
        a.new-header-phone-button > img {
            width: auto;
            height: 18px;
        }
        .new-menu-header .section-logo-header__phone a.new-header-phone-button > img + span {
            font-size: 0.85em;
        }
    }
  
  @media screen and (max-width:1023px) {
      #wrapper-navbar .navbar {
      background-color: #295b1a  !important;
          border: 0 !important;
  }
  }
  
  @media screen and (max-width:770px) {
      .shop-filters-horizontal {
          padding: 22px 0;
      }
  }
  
  @media screen and (max-width:1023px) {
      
      div#navbarNavDropdown {
      margin-top: 10px;
      border-radius: 6px;
      overflow: hidden;
  }
      #wrapper-navbar .navbar #main-menu li a {
          text-align: center;
      }
      
      #wrapper-navbar .navbar #main-menu li a::after {
          display: none !important;
      }
      
      #wrapper-navbar .navbar #main-menu li .dropdown-menu > li {
          background: #1c470f !important;
      }
      
  }
  
  .new-homepage-slider .slick-list.draggable {
      overflow: hidden !important;
  }
  
  .new-homepage-slider .slider-for-manufacturers {
      width: auto;
  }
  
  
  .new-homepage-slider .slider-for-manufacturers .slick-slide {
      display: inline-flex !important;
      justify-content: center;
      align-items: center;
      align-content: center;
      height: 180px;
  }
  
  .new-homepage-slider .slider-for-manufacturers .slick-track {
      display: flex;
  }
  
  .new-homepage-slider .slider-for-manufacturers .slick-slide .popular-manufacturers__logo {
      max-height: 90px;
      max-width: auto;
      width: auto;
  }
  
  .homepage-hero-section .shop-filters-horizontal  div {
      padding: 0 !important;
      margin: 0px !important;
  }
  
  @media (min-width: 768px) {
      .homepage-hero-section .row.no-gutters {
          gap: 15px 5px;
          margin-top: 26px !important;
      }
      .homepage-hero-section .col-md-2 {
          flex: 0 0 31%;
          max-width: 31%;
      }
  }
  
  @media screen and (max-width: 780px) {
      
      .homepage-hero-section {
          padding: 100px 0 0 0;
          align-items: flex-start;
          min-height: auto !important;
      }

      .hero-section-reviews {
        padding-left: 27px !important;
        padding-right: 27px !important;
      }
      
      .homepage-hero-section .hero-section-title {
        padding-left: 27px;
        padding-right: 27px !important;
      }

      .homepage-hero-section .hero-section-title h1 {
              text-align: center;
      }
      
      section.section-slider.new-homepage-slider {
          margin-top: 0 !important;
      }
      
      .homepage-hero-section .hero-section-filters {
          width: 100% !important;
          background: #f6f7f9;
                  padding-bottom: 30px;
      }
      
          .homepage-hero-section .col-md-2 {
          flex: 0 0 46%;
          max-width: 46%;
      }
      
      .homepage-hero-section .shop-filters-horizontal .taxonomy-filter__items .post-tags select {
      max-width: 95%;
  }
      
      .homepage-hero-section .shop-filters-horizontal div {
      margin: 0 auto !important;
          gap: 20px;
  }
      
      
      .hero-section-filters-nav ul li a {
      color: #1c470f;
      }
      
      .hero-section-filters-nav {
      margin: 25px 0 40px 0;
      text-align: center;
  }
      
      .hero-section-filters-nav ul {
      justify-content: center;
      }
      
      .hero-section-filters-wrapper {
          padding: 0 20px;
      }
      
      .hero-section-filters-nav ul {
          flex-wrap: wrap !important;
      }
      
      section.section-slider.new-homepage-slider {
      width: 90% !important;
      }
      
      .section-slider .slick-prev {
      left: -10px;
  }
      
      .section-slider .slick-next {
      right: -10px;
  }
          
  }
  
  .zk-heading {
  color: #1c470f;
      text-align: center;
      padding: 20px 30px;
      max-width: 850px;
      margin: 0 auto;
      line-height: 140%;
      font-weight: 900;
      font-size: 2rem;
  }
  
  .zk-paragraph {
      color: #1c470f;
      text-align: center;
      padding: 20px 30px;
      max-width: 1100px;
      margin: 0 auto;
      font-size: 1em;
  }
  
  .zk-section-text-block {
      margin-top:1rem !important;
  }
  
  .z-loader {
    width: 43px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}
  
  .new-homepage-slider-overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: #fff;
      z-index: 100;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
  }
  
  .z-homepage-btn-see-all a {
      border-radius: 100px;
      font-weight: bold;
      padding: 18px 40px;
      display: block;
      margin: 10px auto;
      width: fit-content;
      max-width: 400px;
  }
  
  .z-homepage-btn-see-all {
      margin-top: 45px !important;
  }
  
  .z-homepage-slider .slider-with-video .object-fit-cover {
      border-radius: 10px;
  }
  
  .zk-slick-progress-bar {
    width: 90%;
      margin: 0 auto;
    height: 12px;
    background-color: #d8d8d8;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px; 
    position: relative;
  }
  
  .zk-slick-progress-fill {
    height: 100%;
    background-color: #1a460d; 
    width: 0%;
    border-radius: 10px;
    animation: slickProgressAnim 40s linear infinite;
  }
  
  @keyframes slickProgressAnim {
    0%   { width: 0%; }
    100% { width: 100%; }
  }
  
  .z-homepage-slider .section-home-slider {
      margin-bottom: 0 !important;
  }
  
  .zk-services-section {
    padding: 40px 20px 0;
    background: #f6f7f9;
      margin-top:2.5rem;
  }
  
  .zk-services-heading {
  color: #1c470f;
      text-align: center;
      padding: 20px 30px;
      max-width: 850px;
      margin: 0 auto;
      line-height: 140%;
      font-weight: bold;
      font-size: 2rem;
    margin-bottom: 24px;
  }
  
  .zk-tab-content {
      width: 90%;
      margin: 0 auto;
  }
  
  .zk-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
  }
  
  .zk-tab {
    background: none;
    border: none;
    font-weight: bold;
    cursor: pointer;
    color: #999;
    font-size: 16px;
  }
  
  .zk-tab.active {
    color: #e07800;
  }
  
  .zk-tab-panel {
    display: none;
  }
  
  .zk-tab-panel.active {
    display: block;
  }
  
  .zk-main-box {
    display: flex;
    flex-wrap: wrap;
    background: white;
    padding: 0;
    border-radius: 10px;
    margin-bottom: 0;
  }
  
  .zk-image {
    flex: 1 1 50%;
  }
  
  .zk-image img {
    width: 100%;
          border-top-left-radius:8px;
      border-bottom-left-radius: 8px;
  }

  .zk-tab-content .zk-image img {
    max-height: 470px;
    min-height: 470px;
    object-fit: cover;
  }
  
  .zk-text {
    flex: 1 1 50%;
    padding: 10px 90px;
          padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .zk-box-title span {
    font-weight: bold;
    color: #1a460d;
    font-size: 1.6em;
    display: block;
    margin-bottom: 10px;
  }
  
  .zk-box-desc {
    font-size: 1.05em;
    color: #1a460d;
    margin-bottom: 30px;
  }
  
  .zk-button {
      background: #4e811e;
      color: white;
      padding: 15px 70px;
      font-size: 0.9em;
      border-radius: 999px;
      text-decoration: none !important;
      text-transform: uppercase;
      font-weight: bold;
      width: fit-content;
      border: 1px solid transparent;
  }
  
  .zk-button:hover {
      transition: 0.1s linear;
      background: #fff !important;
      border-color: #4e811e;
      color: #4e811e;
  }
  
  .zk-info-bar {
    background: #1a460d;
    display: flex;
    justify-content: space-around;
    align-items: center;
      margin: 0 auto;
    padding: 43px 20px;
    border-radius: 10px;
      width: 72%;
    flex-wrap: wrap;
    margin-top: -40px;
    position: relative;
    z-index: 1;
  }
  
  .zk-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white !important;
    font-size: 14px;
    font-weight: bold;
  }
  
  .zk-info-item img {
    width: 60px;
    height: 60px;
  }
  
  .zk-info-item p {
      font-size: 1.4em;
      font-weight: 400;
      margin: 0;
      padding-left: 5px;
  }
  
  .zk-info-item a {
    color: white;
    text-decoration: none;
  }
  
  @media (max-width: 1024px) {
    .zk-main-box {
      flex-direction: column;
    }
  
      .zk-image img {
      border-radius: 8px 8px 0 0;
      }
      
    .zk-image, .zk-text {
      flex: 1 1 100%;
    }
  
    .zk-tabs {
      gap: 10px;
    }
      
      .zk-text {
      padding: 35px 50px;
  }
  
      .zk-info-bar {
          flex-direction: row;
          gap: 16px;
          margin-top: 20px;
          text-align: center;
          width: 90%;
      }
          .zk-info-item img {
              width: 40px;
              height: 40px;
          } 
      
      .zk-info-item p {
      font-size: 1.2em;
      }
      
      
  }
  
  
  @media (max-width: 840px) {
      
      .zk-info-item {
      flex-flow: column wrap !important;
  }
      
      .zk-info-item p {
          font-size: 1.1em;
          max-width: 120px;
          text-align: center;
          min-height: 50.4px;
      }
      
      .zk-info-bar {
      padding: 20px 10px;
  }
      
  }
  
  @media (max-width: 600px) {
      .zk-tab-content {
      width: 100%;
      }
      .zk-info-bar {
          width: 100%;
      }
          
      .zk-info-item p {
          font-size: 0.92em;
      }
      
      .zk-info-item img {
          width: 30px;
          height: 30px;
      }
      
      .zk-tab { 
              font-size: 14px;
      }
      
  }
  
  
  
  
  
  
  
  .zk-review-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .zk-trustpilot-box,
  .zk-reviews-box {
    flex: 1 1 50%;
      min-height: 450px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .zk-trustpilot-box h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #1a460d;
  }
  
  .zk-review-slider {
    position: relative;
  }
  
  .zk-review {
      display: none;
      text-align: center;
      max-width: 500px;
      margin: 0 auto;
      gap: 22px;
      justify-content: center;
      align-items: center;
      align-content: center;
  }
  
  .zk-review.active {
    display: flex;
  }
  
  .zk-review img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 16px;
  }
  
  .zk-review-text {
    font-size: 16px;
    margin-bottom: 12px;
    color: #222;
      text-align: left;
  }
  
  .zk-review-author {
          text-align: left;
  }
  
  .zk-review-author span {
    color: #1a460d;
    font-weight: bold;
      text-align: left;
  }
  
  .zk-slider-nav {
    text-align: center;
    margin-top: 30px;
  }
  
  .zk-slider-nav button {
      border: none;
      color: #999;
      cursor: pointer;
      padding: 0;
      background: #eee;
      height: 50px;
      width: 50px;
      border-radius: 3px;
      margin: 0 8px;
  }
  
  @media (max-width: 768px) {
    .zk-review-section {
      flex-direction: column-reverse;
      align-items: center;
    }

    .zk-trustpilot-box,
    .zk-reviews-box {
      flex: 1 1 100%;
      text-align: center;
      padding: 20px 10px;
    }
      
      .zk-trustpilot-box {
          width: 100% !important;
          min-height: 200px !important;
      }
  
    .zk-review-slider {
      width: 100%;
    }
      
      .zk-review {
          flex-flow: column wrap;
      }
      
      .zk-review-author {
          text-align: center;
      }
  
  
      .zk-slider-nav {
          text-align: center;
      }
  
  }
  
  .zk-trustpilot-box {
      background: #fafafa;
  }
  
  .zk-reviews-box  {
          background: #fff;
  }
  
  .tp-widget-wrapper {
      max-width: 455px !important;
  }
  
  button.zk-prev img {
      transform: rotate(90deg);
      width: 20px;
  }
  
  button.zk-next img {
      transform: rotate(270deg);
          width: 20px;
  }
  
  .z-homepage-video .zk-heading {
      margin-bottom: 15px;
  }
  
  .z-homepage-video iframe {
      width: 90%;
      border-radius: 10px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }
  
  .z-homepage-video .unique-selling__video {
      text-align: center;
  }
  
  .zk-contact-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
          margin-top: 1.5rem;
    min-height: 100%;
      margin-bottom: 1rem;
  }
  
  .zk-contact-left {
    flex: 1 1 50%;
    background: #1a460d;
    color: white;
    padding: 60px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .zk-contact-title span {
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
  }
  
  .zk-contact-text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  
  .zk-contact-right {
    flex: 1 1 50%;
    padding: 60px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #222;
    font-size: 16px;
  }
  
  @media (max-width: 768px) {
    .zk-contact-section {
      flex-direction: column;
    }
  
    .zk-contact-left,
    .zk-contact-right {
      flex: 1 1 100%;
      padding: 40px 20px;
    }
  
    .zk-contact-title span {
      font-size: 1.25rem;
    }
  }
  
  .zk-contact-section input.wpcf7-submit {
      background: #4e811e;
      color: white;
      padding: 13px 80px;
      margin-top: -30px;
      height: auto;
      font-size: 0.9em;
      border-radius: 999px;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: bold;
      width: fit-content;
      border: 1px solid transparent !important;
  }
  
  .zk-contact-section input, .zk-contact-section textarea, .zk-contact-section select {
      border: 1px solid #1a460d !important;
  }
  
  .zk-contact-section form .row.mt-3 .col-md-6 + .col-md-12 > p {
      margin-top: 20px;
      margin-bottom: -15px;
      font-weight: 600;
  }
  
  .zk-contact-section form .row.mt-3 .col-md-6 + .col-md-12 > p:before {
      content: '*';
  }
  
  .zk-faq-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 00px 20px 60px 20px;
    background: #f6f7f9;
  }
  
  .zk-faq-heading span {
    font-size: 1.75rem;
    font-weight: bold;
    color: #1a460d;
    display: block;
    text-align: center;
    margin-bottom: 40px;
  }
  
  .zk-faq-item {
    border-bottom: 1px solid #ccc;
    padding: 16px 0;
      margin: 25px 0;
  }
  
  .zk-faq-item summary {
    list-style: none;
    cursor: pointer;
    font-weight: bold;
    color: #1a460d;
    font-size: 17px;
    display: flex;
      padding-left: 10px;
          padding-right: 10px;
    justify-content: space-between;
    align-items: center;
  }
  
  .zk-faq-item summary::-webkit-details-marker {
    display: none;
  }
  
  .zk-faq-item img {
    width: 16px;
    height: 16px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
  }
  
  .zk-faq-item[open] summary img {
    transform: rotate(180deg);
  }
  
  .zk-faq-content {
      padding: 20px;
      background: #fff;
      margin-top: 20px;
      border-radius: 6px;
      color: #333;
      font-size: 15px;
      line-height: 1.6;
  }
  
  .zk-faq-content p {
      margin: 0;
      padding: 0;
  }
  
  .z-blog-section {
      margin-top: 0 !important;
  }
  
  .z-blog-section .display-posts-listing {
      display: flex;
      flex-flow: row wrap;
      gap: 30px;
      margin: 0 -60px;
      justify-content: center;
  }
  
  .z-blog-section .listing-item {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      background: #fff;
      float: none !important;
      width: auto;
      width: 351px;
      border-radius: 12px;
      overflow: hidden;
  }
  
  .z-blog-section .title {
          padding: 30px 30px 10px 30px;
      display: flex;
      align-content: center;
      min-height: 112px;
      margin: 0 !important;
      color: #1c470f;
      font-size: 1em !important;
      text-align: center;
  }
  
  .z-blog-section .excerpt {
      padding: 10px 30px;
      color: #666;
      display: block;
          margin: 0 !important;
      padding-bottom: 40px;
  }
  
  .z-blog-section .excerpt-dash {
      display: none;
  }
  
  .z-blog-section .display-posts-listing.image-top img {
      width: 100%;
      height: 240px;
      object-fit: cover;
  }
  
  .zk-heading-blog {
      margin-bottom: 35px;
  }
  
  .z-product-upper {
      background: #fff;
      padding: 30px 20px;
      width: 100%;
      margin-bottom: 30px;
      border-radius: 10px;
  }
  
  .z-calculate-button {
      box-shadow: rgba(0, 0, 0, 0.03) 0px 6px 24px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
      border: 1px solid #000;
      background: #fff;
      width: fit-content;
      padding: 8px 10px;
      border-radius: 8px;
      display: flex;
      flex-flow: column wrap;
      gap: 10px;
      justify-content: center;
      align-content: center;
      align-items: center;
      color: #f48905;
      font-weight: bold;
      cursor: pointer;
      transition: .15s linear;
  }
  
  .z-calculate-button img {
      height: 35px;
      width: auto;
  }
  
  .z-calculate-button:hover {
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  }
  
  .z-product-button-enquire {
          margin-top: 30px !important;
      margin-bottom: 25px !important;
  }
  
  .z-product-button-enquire a {
      border-radius: 50px;
      font-weight: bold;
  }
  
  .product-single__enquiry-phone {
      font-size: 1em !important;
  }
  
  .z-product-icon-phone {
      color: #fff !important;
      background: #1c470f;
      width: 36px;
      height: 36px;
      transform: rotate(90deg);
      border-radius: 50%;
      display: flex;
          justify-content: center;
      align-content: center;
      align-items: center;
  }
  
  .z-product-upper .product-single__price {
      display: flex;
          flex-flow: row wrap;
      justify-content: flex-start;
      gap: 20px;
  }
  
  .wpgs-wrapper .slick-prev, .wpgs-wrapper .slick-next {
      border-radius: 50%;
  }
  
  .z-warranties-container {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: stretch;
  }
  
  .z-warranties-container .col-md-6 {
      width: 50% !important;
  }
  
  .z-warranties-container .col-md-6:not(.img-container) {
      background: #fff;
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      padding: 50px 40px;
  }
  
  .z-warranties-container .custom-listong i {
      color: #507e2c;
  }
  
  .z-warranties-container .img-container  {
      padding: 0;
  }
  
  .z-warranties-container .img-container .img-fluid {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
  }
      
  .woo-related-products-container .zk-single-product:nth-child(4),
      .woo-related-products-container .zk-single-product:nth-child(5),
      .woo-related-products-container .zk-single-product:nth-child(6) {
          display: none;
      }
  
  .z-products-related-wrapper .woorelated-title:after {
      display: none;
  }
  
  .z-products-related-wrapper .woorelated-title {
      color: #1c470f;
      text-align: center;
      padding: 20px 30px;
      max-width: 850px;
      margin: 0 auto;
      line-height: 140%;
      font-weight: bold;
      font-size: 2rem;
      margin-bottom: -1rem !important;
  }
  
  .woocommerce .zk-product-flex-wrapper .woocommerce-product-gallery, 
  .woocommerce .zk-product-flex-wrapper .summary.entry-summary {
      float: none !important;
      width: 100% !important;
      margin-bottom: 0 !important;
  }
  
  .zk-product-flex-wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
  }
  
  .woocommerce .zk-product-flex-wrapper-left {
      width: 67% !important;
  }
  
  .woocommerce .zk-product-flex-wrapper .summary.entry-summary  {
      width: 33% !important;
      min-width: 350px !important;
  }
  
  .single-product__left-desc {
      background: #fff !important;
      padding: 30px 50px;
      border-radius: 10px;
  }
  
  .single-product__left-desc h3.header {
      margin-top: 1rem !important;
      text-align: center !important;
      width: 100%;
      margin-bottom: 1.5rem !important;
  }
  
  .z-features-specific-icon {
          width: 40px !important;
      height: 40px;
      margin: 0 auto !important;
      text-align: center;
      display:block;
  }
  
  .single-product__left-desc ul.pl-3 {
      display: flex;
      flex-flow: row wrap;
  }
  
  
  .zk-accordions-product .single-product__left-desc__specification > .row {
      flex-flow: column wrap !important;
  }
  
  
  .zk-spec-block {
    margin-bottom: 40px;
  }
  
  .zk-spec-block:last-child {
      margin-bottom: 5px !important;
  }
  
  .zk-spec-heading {
    font-size: 1.1rem;
    font-weight: bold;
      text-align: center;
    color: #1a460d;
      padding-top: 5px !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px;
  }
  
  .zk-spec-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
  }
  
  .zk-spec-item {
    flex: 1 1 49%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0px 0;
  }
  
  .zk-spec-item strong {
    color: #1a460d;
    font-weight: 600;
    flex-shrink: 0;
  }
  
  .zk-spec-item div {
    text-align: right;
    flex-grow: 1;
  }
  
  @media (max-width: 768px) {
    .zk-spec-item {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .zk-spec-item div {
      text-align: left;
    }
  }
  
  .zk-faq-item .zk-spec-block img {
      width: 40px !important;
      height: 40px;
      margin: 0 auto !important;
      text-align: center;
      display:block;
  }
  
  .z-product-calculator .financeproposal-calculator-coloumn-3.calc-col-i-6.calc-col-4 {
      padding: 50px 50px; !important;
      background: #efa440 !important;
      border-top-left-radius: 16px;
  }
  
  .z-product-calculator .calc-col-i-6.calc-col-4.financeproposal-calculator-coloumn-2 {
      background: #fff !important;
          border-top-right-radius: 16px !important;
  }
  
  .z-product-calculator {
  padding: 0 !important;
          overflow: hidden;
          border-bottom-left-radius: 16px;
  background: #fff !important;
      border-radius: 16px !important;
      margin-top: 0 !important;
          margin-bottom: 0 !important;
  }
  
  .z-product-calculator .financeproposal-calc-wrapper .bottom-example {
      background: #1c470f !important;
      padding: 25px 30px !important;
  }
  
  .z-product-calculator .calc-bottom.financeproposal-calc-row>div {
      background: #fff !important;
      color: #000 !important;
      border-bottom-left-radius: 16px;
      overflow: hidden;
      text-align: center;
  }
  
  .z-product-calculator .financeproposal-calc-col-header.calc-col-12.financeproposal-calc-col-header-2.product-tab {
      background: #fff !important;
      color: #000 !important;
      padding-top: 40px;
      font-size: 1.5em;
      padding-bottom: 30px;
      
  }
  
  .z-product-calculator .financeproposal-calc-row.hp-results-row-grey.calc-col-i-12 {
         background: #eee !important;
      color: #000 !important;
          text-align: center !important;
  }
  
  .z-product-calculator a.hp_link {
      margin-top: 10px !important;
      border-radius: 50px !important;
      padding: 20px 60px !important;
      width: fit-content !important;
      min-width: auto !important;
  }
  
  .z-product-calculator .calc-col-i-12.calc-btn-container .what-is-hp {
      background: #999 !important;
      display: block !important;
      width:fit-content;
      margin: 0 auto;
      margin-top: -20px !important;
      padding: 15px 30px !important;
      max-width: 240px;
      cursor: pointer;
      border-radius: 50px;
  }
  
  .z-product-calculator .calc-col-i-12.calc-btn-container .what-is-hp svg {
      fill: #fff !important;
      margin-top: -9px !important;
  }
  
  @media screen and (max-width: 1199px) {
    .woocommerce .zk-product-flex-wrapper-left {
        width: 100% !important;
        padding: 0 !important;
    }
    .z-single-container .zk-product-flex-wrapper .zk-product-flex-wrapper-left + .summary {
        width: 100% !important;
        padding: 0 !important;
    }
    .z-single-container .zk-product-flex-wrapper .zk-product-flex-wrapper-left + .summary .zk-accordions-product {
        padding: 0 !important;
        margin: 0 !important;
    }
    .z-single-container .z-product-upper {
        margin-top: 40px !important;
    }
    .zk-spec-grid {
        display: flex;
        flex-flow: column wrap;
    }
    .z-warranties-container {
        flex-flow: column wrap;
    }
    .z-warranties-container .col-md-6 {
        width: 100% !important;
    }
  }
  
  @media screen and (max-width:740px) {
  
  .single-product__left-desc ul.pl-3 {
      flex-flow: column wrap;
  }
  
  .single-product__left-desc ul.pl-3 .col-6 {
      width: 100% !important;
      max-width: 100%;
  }
      
      .product-single__contact .contact-row {
      flex-flow: column wrap;
  }
      
  }
  
  .zk-newsletter ._form_3 {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 100% !important;
      background: transparent !important;
  }
  
  .zk-newsletter ._form-branding {
      display: none !important;
  }
  
  .zk-newsletter ._form_element._x54970257._full_width._clear {
      display: none !important;
  }
  
  .zk-newsletter ._form_element._x86597573._full_width._clear {
      display: none !important;
  }
  
  .zk-newsletter label._form-label {
      display: none !important;
  }
  
  .zk-newsletter ._form-content {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      align-content: center !important;
      padding: 0 !important;
      margin: 0 !important;
      background: transparent !important;
  }
  
  .zk-newsletter form#_form_67EF6B82DDD8B_ {
      border: none !important;
      background: transparent !important;
  }
  
  .zk-newsletter ._form-content > div {
      margin: 0 !important;
  }
  
  .zk-newsletter #_form_67EF6B82DDD8B_ ._submit {
      border: none !important;
  }
  
  .zk-newsletter ._field-wrapper input {
      padding: 10px !important;
  }
  
  ._form-content >._full_width {
      width: 100%;
      border: none !important;
      background: #d17406 !important;
  }
  
  
  @media screen and (max-width: 1400px) {
      .zk-newsletter ._form-content {
          flex-flow: column wrap !important;
          gap: 20px !important;
      }
  }

  .product-single__enquiry-phone {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px 3px;
}

@media screen and (min-width: 700px) and (max-width: 1024px) {
	.zk-row-products-home {
		width: 100%;
        justify-content: center;
        margin: 0 auto !important;
    }
	.home .products {
		display: flex;
		justify-content: center !important;
		margin: 0 auto;
	}
    .home .products .zk-row-products-home .product.zk-single-product {
        width: 340px !important;
    }
    .z-container-homepage-list {
        width: 95% !important;
        max-width: 95% !important;
    }
}

.products .product .product-single__taxonomies a {
    padding-left: .35rem !important;
}

div.lmp_load_more_button.br_lmp_button_settings {
	margin: 30px auto 25px auto;
}

div.lmp_load_more_button.br_lmp_button_settings a.lmp_button {
    background-color: #4e811e !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 16px 34px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    cursor: pointer;
    transition: linear 0.15s;
    max-width: 250px !important;
}

div.lmp_load_more_button.br_lmp_button_settings a.lmp_button:hover {
	color: #000 !important;
	    border: 1px solid #000 !important;
	background: transparent !important;
}

.zk-archive-header--search {
    justify-content: flex-end;
    margin-bottom: 30px;
}

.zk-apply-button {
	max-width: 250px !important;
	background: #507e2c;
	border: none !important;
	font-weight: bold;
	font-size: 0.8em;
	height: 43px;
	max-height: 43px !important;
	text-transform: uppercase;
}

.zk-apply-button:hover {
	background: #456d25;
}

.zk-image-finance img {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.product-single__price .sth > p:not(.price) {
    font-weight: 900;
}

.product-single__price .sth > p:not(.price) > span {
    color: #f48905 !important;
}

.product-single__price .price .amount {
    font-weight: 900;
}

.z-single-container h1.product_title.entry-title {
    font-weight: 800 !important;
    font-size: 1.9rem;
}

.z-product-calculator .financeproposal-calc-wrapper.tablet .financeproposal-calc-col-content-1 {
    height: auto !important;
}

.z-share-widget-wrapper {
    width: fit-content;
    min-width: 210px;
    margin: 20px auto 0 auto;
}

.z-x33333 {
    display: flex;
    flex-flow: column wrap;
}

@media screen and (max-width: 450px) {
    .zk-apply-button {
        height: 32px;
        font-size: 0.7em;
    }
    .hero-section-filters-nav ul li a {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 900;
    }
    section.section-slider.new-homepage-slider {
        max-height: 100px;
    }
    .new-homepage-slider .slider-for-manufacturers .slick-slide {
        max-height: 100px;
    }
    .new-homepage-slider .slider-for-manufacturers .slick-slide .popular-manufacturers__logo {
        max-height: 50px;
    }
}

@media screen and (max-width: 550px) {

    .homepage-hero-section .hero-section-title h1 {
        text-align: left;
        font-size: 2rem;
    }

    .hero-section-filters-nav {
        margin-bottom: 0 !important;
    }

}


@media screen and (max-width: 384px) {

    .z-calculate-button {
        font-size: 0.7em;
    }

    .z-calculate-button img {
        height: 25px;
    }

}

.taxonomy-filter__items button#apply-filters:disabled {
    background: #999;
    cursor: not-allowed;
    opacity: 1;
}

.share-widget-mobile {
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px 20px;
    width: fit-content;
    transition: .1s linear;
    display: none;
    visibility: hidden;
}

.share-widget-mobile:hover {
    background-color: #eee;
}

.socialplug-elem-mobile {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
}

.socialplug-elem-mobile p.dpsp-share-text {
    margin: 0;
    padding: 0;
}

.social-share-btn-mobile img {
    width: 25px;  
    height: auto;
}

@media screen and (max-width: 768px) {
    .share-widget-mobile {
        display: flex !important;
        visibility: visible !important;
    }
    .z-share-widget-wrapper {
        display: none !important;
        visibility: hidden !important;
    }
    .woocommerce .zk-product-flex-wrapper .summary.entry-summary {
        min-width: auto !important;
    }
}

@media screen and (max-width: 600px) {
    .product-single__price .product-calculate {
        margin-top: 90px;
    }
    .z-calculate-button img {
        height: 25px;
        width: auto;
    }
    .z-calculate-button {
        font-size: 0.9em !important;
    }
    .z-product-upper .product-single__price {
        margin-top: -20px;
    }
}