.fa-2x { font-size: 1.8em;}
@media screen and (max-width: 1000px) {
 #rightCol { width: 18%; float: right;    }
 img { max-width: 100%; }
 .quoteBk1 { width: 34%; }
 .socialcol img {    margin: 4px 8px;}
 .Shoprange, .Shoprange2 { border-top: 1px solid #66d303; border-bottom: 1px solid #66d303; height: auto; max-width: 100%; padding: 4px;}
 .bloc20T  { width: 25%; }
}

/* 
========================================================================
Main Navigation ( copy this section to Kartris Custom )
========================================================================
*/
@media screen and (max-width: 990px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { font-size: 0.9rem; padding: 6px 18px 7px;}
.sm-blue a span.sub-arrow {    top: auto;    margin-top: 0;    bottom: 0px;    left: 60%;    margin-left: -5px;   right: 5%;}
}
@media screen and (max-width: 900px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 6px 15px 7px;}
.sm-blue a span.sub-arrow {    top: auto;    margin-top: 0;    bottom: 0px;    left: 60%;    margin-left: -5px;   right: 5%;}
}
@media screen and (max-width: 850px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 6px 15px 7px; font-size: 0.85rem;}
#main-menu .mega-menu ul li {  margin: 0px 0px 8px 0px;}
}
@media screen and (max-width: 820px) {
.sm-blue a, .sm-blue a:hover { padding: 7px 11px 8px; font-size: 0.80rem;}
}
@media screen and (max-width: 700px) {
#headernav { text-align: right; }
.main-menu-heading { float: right;}
}

/* 
========================================================================
Mobile - Landscape
========================================================================
*/
@media screen and (max-width: 850px) {
#subwrap {display: flex; flex-direction: column-reverse; width: 100%;}
#mainnav { display: none;}
#main { max-width: 100%; float: left; margin-left: 20px; height: auto; }
.newsletter {margin-bottom: 8%;}
#explore { margin: 0 0 1.0rem 0;}
.modal-content { width: 95%;}
.handmade { margin: 5% 0 10% 0;}
#header-basket {    margin-right: 0px;  margin-left: 5px;}
.list li { padding: 5px 0px;}
#main li {  padding: 0.9rem 0 0 .2rem;  line-height: 1.3rem;}
}
@media screen and (max-width: 820px) {
.blocOutlss { max-width: 48%;}
.crystal-herbs {  padding: 5.0rem 0 0;}
}

@media screen and (max-width: 780px) {
.imageheader { margin: 16px 18px 5px 25px;}
.headerm {  font-size: 1.2rem; }
.shop { font-size: 125%; padding-top: 4px;}
.bloc33r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc33cl { width: 100%; padding: 1% 2.5% 0% 2.5%; float: left; border-left: 1px solid black; box-sizing: border-box; margin-top: 15px;}
.imageHome4 { max-width: 32% !important; height: auto;padding: 1% 2% 0 0; box-sizing: border-box; margin: 1% 0%;}
.bloc20T  { width: 33%; }
.bloc40r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.bloc50 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box; display: inline-block;}
.bloc50r { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box; display: inline-block;}
.bloc60 { width: 100%; padding: 1.5% 0 1.5% 0; float: none; box-sizing: border-box;}
.Explore-H .bloc50 { padding: 1.5% 0 1.5% 0; }
.Explore-H .bloc50r { padding: 1.5% 0 1.5% 0; }
.state30 p { line-height: 1.5rem; font-size: 1.0rem; text-align: left;}
.state30 p { line-height: 1.5rem; font-size: 1.0rem; text-align: left;}
.boxll {    width: 98%; padding: 3px;    margin: 4px 25px 4px 0px;}
.boxlxl {    width: 98%; padding: 3px;    margin: 4px 25px 4px 0px;}
.boxrm {    width: 98%; padding: 3px;    margin: 4px 0px 4px 25px;}
.boxrmOut { width: 98%; padding: 3px;    margin: 4px 0px 4px 25px;}
.boxrs {    width: 98%; padding: 3px;    margin: 4px 0px 4px 25px;}
.boxlm {    width: 98%; padding: 3px;    margin: 4px 8px 4px 0px;}
.boxls {    width: 98%; padding: 3px;    margin: 4px 8px 4px 0px;}
.boxrl {    width: 98%; padding: 3px;    margin: 4px 8px 4px 0px;}
.boxrxl {    width: 98%; padding: 3px;    margin: 4px 8px 4px 0px;}
.boxlmOut {    width: 98%; float: left;    padding: 3px;    margin: 4px 8px 4px 0px;}
.Col2 { width: 98%;    float: left;    padding: 3px;    margin: 4px 8px 4px 0px; }
.Col2r { width: 98%;    float: right;    padding: 3px;    margin: 4px 0px 4px 25px; }
.Shoprange { height: auto;    width: 100%; border: none;}
.Shoprange a {    font-size: 100%;    font-weight: bold;    height: 18px;    padding:15px 5px 15px 5px; float: left;   width: 40%; border-bottom: 1px solid #66D303; margin-right: 20px; }
.Shoprange2 {     width: 45%;}
.bafep { display: none;}
.hide-780 {display: none;}
	}

@media screen and (max-width: 700px) {
#Columnwrapper {  width: 99%;    } 
#rightCol { position: relative;    padding-left: 0.8rem;    padding-right: 0.0rem;    float: left;    width: 85%;    margin: 2px 5px 20px 10px;  }
.header-nav { padding: 5px 0px;}
.navExtra2 {    visibility: hidden;    height: 0px;}
.imageheader { margin: 16px 13px 5px 18px;}
.crystal-herbs { font-size: 2.4rem; }
.headerm { font-size: 1.15rem;}
.shop { font-size: 1rem; padding-top: 2px;}
}
@media screen and (max-width: 650px) {

}

@media screen and (max-width: 630px) {
.imageheader {    float: left;    padding: 0px;    margin: 30px 11px 5px; width: 17vw; }
.online { visibility: hidden; font-size: 0px;}
.headerm {  font-size: 1.1rem; }
	}
@media screen and (max-width: 600px) {
.imageheader {  float: none;  padding: 0px;  display: none;  margin: 0;  width: 0;}
.bloc25r { width: 35%; padding: 1% 0% 1% 4.2%; float: right; box-sizing: border-box;}
#header-ch { text-align: center;   padding: 0 25px;}
#header-basket {  width: 100%;}
#rhColmenu {	    float: none !important;    }
#headernav {	    padding-left: 0 !important;	    width: 100% !important;    }
.spot {	    width: 98% !important;    }
#header_right {  margin: 2px 10px -2px 10px;        clear: right;    }
img {        max-width: 100%; content-visibility: auto;    }
.Shoprange {     width: 100%; clear:right;}
#explore .bloc33c { padding: 2% 3.2% 3% 5.0%; width: 100%;}
.bloc33l { width: 100%;}
.Spotlight .bloc33  { width: 100%; padding: 1%; }
.navHead3 { width: 60%;}
.imageRightL {   float: none;  padding: 0px;    margin: 5px auto 5px auto; }
.quoteBk2 {    max-width: 90%;    float: none;}
.quoteBk2L {   max-width: 90%;   float: none;}
.blocOutls, .blocOutlsr { margin: 1% 1% 3% 0;  max-width: 100%; float: none;}
.blocOutlss { margin: 1% 2.0% 2% 0;}
}
@media only screen and (max-width: 535px) {
#header { background-image: url(/Images/header/header-test_mo.jpg); background-size: cover;}
.headerm { font-size: 110%;}
ul#mainNav { max-width: 95%;}
#section_searchbox { padding: 0px }
.bloc40r { width: 100%; float: none; padding: 0px; box-sizing: border-box;}
.quote30 {width: 38%;	padding: 0.1rem 0 0 1.0rem;	margin: 0.5rem 0 1.0rem 1.5rem;}
.quote40 {width: 38%;	padding: 0.1rem 0 0 1.0rem;	margin: 0.5rem 0 1.0rem 1.5rem;}
.quote30 p, .quote40 p {    line-height: 1.3rem;    font-size: 1.0rem;    font-style: italic; }
.state30, .state40 { width: 38%; }
.imageRightS {   visibility: hidden; width: 0px; }
}
/* 
========================================================================
Mobile - Portrait
========================================================================
*/
@media screen and (max-width: 485px) {
h1 { font-size: 1.7em;  clear: both;  }
#Columnwrapper { max-width: 100%;    }
#main {        width: 100%;       padding: 0px 15px 0px; margin-left: auto; margin-right: auto; height: auto;    }
#handmade {        display: none;    }
img {        max-width: 100%;    }
.bloc20T  { width: 50%; }
.imageHome4 { max-width: 45% !important; height: auto; padding: 1% 2% 0 0; box-sizing: border-box; margin: 1% 2%;}
.Shoprange2 {     width: 100%; clear:right;}
#header-ch { padding: 4px 25px; text-align: center;}
#header-ch h1 { font-size: 125%;   line-height: 18px;}
.crystal-herbs { padding: 32px 0 5px; line-height: 2.0rem; font-size: 2.2rem; }
.headerm { padding: 0px; line-height: 1.2rem;}	
.shop { padding-top: 0px; font-size: 1rem;}
#header-basket { margin: 17px 0 16px; width: 100%; text-align: center; }
#header-subnav { width: 0px; height: 0px; visibility: hidden;}
.imageHome3 {    max-width: 48% !important;    height: auto;}
.imageHome2 {    max-width: 100% !important;    height: auto;    margin: 15px 8px 0 0;}
.imageRight {    max-width: 45%!important;}
.imageRightM {    max-width: 35%!important;}
.boxlspot {    width: 18%;}
img.RHessences { width: 45%;}
#header-basket a { padding:  10% 7% 5%;}
.onlineshop { padding: 10px 10px !important;	}
.cusacc {  display: none; }
.sm, .sm ul, .sm li {  line-height: 1.0rem;}
.active {line-height: normal;}
.state40 { width: 85%; padding: 0.5rem; float: none; margin: 0.8rem 0; text-align: left;}
.state40 p { font-size: 1.0rem; line-height: 1.4rem;}
.homel2 { min-height: 65px; width: 31%;}
.Shoprange a { height: auto; padding: 15px 5px; display: inline-block; float: none; vertical-align: middle;}
}
	
 @media only screen and (max-width: 400px) {
.navh { visibility:hidden; height:10px;}
  }	
@media screen and (max-width: 370px) {
h1 { font-size: 1.6em; }
#Columnwrapper { max-width: 100%; }
#main { max-width: 100%; float: left; margin-left: 0px; height: auto;    }
#rightCol { max-width: 40%; }
#handmade { display: none; }
#header-basket a { padding:  10% 6% 5%; margin-right: 10px; border-radius: 5px;}
img { max-width: 100%; }
.Shoprange a {  width: 85%;}
.imageLeft { float: none;  padding: 0;  margin: 5px 10px 5px 0;}
}

/* Cookie Consent --> */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;color: #fff;text-align: left;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999;background:#8f8e8d; }.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:1em 2em;width:100%;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:0.5em 1.8em;background:#8f8e8d;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;color:#fff; background:rgb(20, 167, 208);font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px; margin: 0px 0px 0px 25px; }.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:0em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0; }.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1;max-width: 18em;}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0;background: #8f8e8d;}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0; }.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column;}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1; }.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset; }}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%;}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}