/********************************************************************************************
 0. STYLES FOR MOBILE DEVICES - media screen max-width: 1024px (removes animation for mobile devices) (line 24)
 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px (line 55)
 2. STYLES FOR MOBILE DEVICES - media screen min width: 400px / max width: 568px (line 295)
 3. STYLES FOR MOBILE DEVICES - media screen min width: 568px / max width: 600px (line 541)
 4. STYLES FOR MOBILE DEVICES - media screen min width: 600px / max width: 700px (line 809)
 5. STYLES FOR MOBILE DEVICES - media screen min width: 700px / max width: 768px (line 1118)
 6. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 900px (line 1423)
 7. STYLES FOR MOBILE DEVICES - media screen min width: 900px / max width: 1024px (line 1747)
 8. STYLES FOR MOBILE DEVICES - media screen min width: 1024px / max width: 1200px (line 2077)
 9. STYLES FOR MOBILE DEVICES - media screen min width: 1200px / max width: 1280px (line 2472)
 10. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1366px (line 2574)
 11. STYLES FOR MOBILE DEVICES - media screen min width: 1336px / max width: 1536px (line 2806) 
 12. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1680px (line 3141)
 13. STYLES FOR MOBILE DEVICES - media screen min width: 1680px / max width: 1900px (line 3471) 
 ---
 14. NAVIGATION MEDIA QUERIES (line 3801)
 15. FEATURES MEDIA QUERIES (line 3810)
 16. TIMELINE MEDIA QUERIES (line 3859)
*********************************************************************************************/



/*-- 0. Unbounded --*/
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1024px){
  .hidden-mobile {display: none;}

  /* Header */
  .whb-main-header .whb-color-light .wd-tools-element {--wd-header-el-color: var(--purple);}

  /* Page title */
  .title-size-large .title {
    font-size: 32px !important;
    color: var(--purple);
  }

  /* home */
  #header-carousel .wd-slide .remove-left-margin {margin-left: 0;}

  /* Home: Recomended */
  #product-recommended-section .products .product-wrapper .wd-entities-title {color: var(--purple);}
  #product-recommended-section .products .product-wrapper .conscentido-product-reference {color: var(--text);}
  

  #section-alchemy .alchemy-ingredients {flex-direction: row;}
  #section-alchemy .ingredients-title-container,
  #section-alchemy .ingredients-image {width: 100%;}
  #section-alchemy .ingredients-image .elementor-widget-container {text-align: center;}
  #section-alchemy .alchemy-ingredients .ingredient-container {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: 0;
    transform: none;
    width: 50%;
    padding: 0 4rem;
  } 

  /* shop single */
  .single-product #product-gallery-container {min-width: unset;}
}
@media (min-width: 1025px) {
  .title-size-large .title {
    font-size: 32px !important;
    color: var(--white);
  }

  .hidden-desktop {display: none;}
}

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

/*-- 1 Mobile --*/
@media screen and (max-width: 768px) {
  body {--wd-text-font-size: 14px;}
  h1 {font-size: 22px}
  h2 {font-size: 20px}
  h3 {font-size: 18px}
  h4 {font-size: 16px}
  h5 {font-size: 15px}
  h6 {font-weight:bold}

  #header-carousel .wd-slide .wd-slide-inner {margin: 0 auto;}

  #section-alchemy .alchemy-ingredients .ingredient-container {padding: 0 2rem;}  

  /* shop archive */
  .woodmart-archive-shop .product-categories .cat-parent > a,
  .woodmart-archive-shop .product-categories .cat-item-115 > a,
  .woodmart-archive-shop .products .wd-product .wd-entities-title,
  .single-product #bundled-items-conscentido .product-wrapper .wd-entities-title {font-size: 0.8rem; white-space: break-spaces;word-break: break-word;}
  .products .wd-product .wd-entities-title{--wd-entities-title-font: "Civilization", Arial, Helvetica, sans-serif;--wd-entities-title-font-weight:400}
  #product-recommended-section .products .product-wrapper .wd-entities-title {font-size: 0.8rem;}

  /* shop single */
  .single-product #product-tabs-container::before {
    content: "\f120";
    position: absolute;
    top: 0px;
    right: 0;
    left: auto;
    width: 20px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    font-family: "woodmart-font";
  }

  /* bundle page */
  #build-ui .product-selection-container {width: 80%;margin: 0 0.5rem 1rem 0.5rem;}
}

/*-- 2. STYLES FOR MOBILE DEVICES - media screen max width: 400px --*/
@media only screen and (max-width: 400px) {
  #section-alchemy .alchemy-ingredients .ingredient-container {width: 100%;}
  
  /* shop single */
  .single-product #product-single-value-icons .elementor-icon svg {height: 50px;}

  /* bundle page */
  .pack-selection-section #kit-type, .pack-selection-section #bundle-type {flex-direction: column;}
  #build-ui .product-selection-container {width: 100%;}
}

/*-- 3. STYLES FOR MOBILE DEVICES - media screen min width: 401px / max width: 575px --*/
@media screen and (min-width: 401px) and (max-width: 575px) {
  #section-alchemy .alchemy-ingredients .ingredient-container {width: 100%;}

  /* shop single */
  .single-product #product-single-value-icons .elementor-icon svg {height: 50px;}

  /* bundle page */
  .pack-selection-section #kit-type, .pack-selection-section #bundle-type {flex-direction: column;}
  #build-ui .product-selection-container {width: 90%;}
}

/*-- 4. STYLES FOR MOBILE DEVICES - media screen min width: 576px / max width: 649px --*/
@media screen and (min-width: 576px) and (max-width: 649px) {
  /* bundle page */
  .pack-selection-section #kit-type, .pack-selection-section #bundle-type {flex-direction: column;}
}

/*-- 5. STYLES FOR MOBILE DEVICES - media screen min width: 650px / max width: 767px --*/
@media screen and (min-width: 650px) and (max-width: 767px) {}

/*-- 6. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 991px --*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pack-selection-section .type_option {padding: 0.5rem;}
  .pack-selection-section .type_option label {padding: 0.5rem;}

  /* bundle page */
  #build-ui .product-selection-container {width: 45%;}
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .pack-selection-section .type_option {padding: 0.5rem;}
  .pack-selection-section .type_option label {padding: 0.5rem;}

  /* bundle page */
  #build-ui .product-selection-container {width: 45%;margin: 0 0.5rem 2rem 0.5rem;}
}

/*-- 7. STYLES FOR MOBILE DEVICES - media screen min width: 992px / max width: 1199px --*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #header-carousel .wd-slide .remove-left-margin {
    margin-left: 0;
  }

  /* Home: alquimia */
  #section-alchemy .elementor-widget-image img {width: 400px;}
  #section-alchemy .ingredient-container .elementor-widget-image
  #section-alchemy .container-zanahoria {
    top: 4rem;
    left: 50%;
    transform: translate(-170%, 0);
  }
  #section-alchemy .container-feijoa {
    bottom: 2rem;
    left: 50%;
    transform: translate(-170%, 0);
  }
  #section-alchemy .container-jengibre {
    top: 4rem;
    right: 50%;
    transform: translate(170%, 0);
  }
  #section-alchemy .container-coco {
    bottom: 2rem;
    right: 50%;
    transform: translate(170%, 0);
  }

  /* bundle page */
  #build-ui .product-selection-container {width: 45%;margin: 0 0.5rem 2rem 0.5rem;}
}

/*-- 8. STYLES FOR MOBILE DEVICES - media screen min width: 1200px / max width: 1279px --*/
@media screen and (min-width: 1200px) and (max-width: 1279px) {
  #header-carousel .wd-slide .remove-left-margin {
    margin-left: 0;
  }

  /* Home: alquimia */
  #section-alchemy .elementor-widget-image img {width: 400px;}
  #section-alchemy .container-zanahoria {
    top: 4rem;
    left: 50%;
    transform: translate(-170%, 0);
  }
  #section-alchemy .container-feijoa {
    bottom: 2rem;
    left: 50%;
    transform: translate(-170%, 0);
  }
  #section-alchemy .container-jengibre {
    top: 4rem;
    right: 50%;
    transform: translate(170%, 0);
  }
  #section-alchemy .container-coco {
    bottom: 2rem;
    right: 50%;
    transform: translate(175%, 0);
  }

  /* bundle page */
  #build-ui .product-selection-container {width: 45%;margin: 0 0.5rem 2rem 0.5rem;}
}

/*-- 9. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1365px --*/
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  #header-carousel .wd-slide .remove-left-margin {margin-left: 0;}

  /* Home: alquimia */
  #section-alchemy .elementor-widget-image img {width: 400px;}
  #section-alchemy .container-zanahoria {
    top: 4rem;
    left: 50%;
    transform: translate(-170%, 0);
  }
  #section-alchemy .container-feijoa {
    bottom: 2rem;
    left: 50%;
    transform: translate(-170%, 0);
  }
  #section-alchemy .container-jengibre {
    top: 4rem;
    right: 50%;
    transform: translate(170%, 0);
  }
  #section-alchemy .container-coco {
    bottom: 2rem;
    right: 50%;
    transform: translate(170%, 0);
  }
}

/*-- 10. STYLES FOR MOBILE DEVICES - media screen min width: 1366px / max width: 1535px --*/
@media screen and (min-width: 1366px) and (max-width: 1535px) {}

/*-- 11. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1679px --*/
@media screen and (min-width: 1536px) and (max-width: 1679px) {}