div.section { width: 95%; }
@media all and (min-width: 52em) { div.section { width: 94% } }
@media all and (min-width: 54em) { div.section { width: 93% } }
@media all and (min-width: 56em) { div.section { width: 92% } }
@media all and (min-width: 58em) { div.section { width: 91% } }
@media all and (min-width: 60em) { div.section { width: 90% } }

.left { float: left; clear: left; margin-right: 10px; }
.right { float: right; clear: right; }
.primary { width: 75%; }
.secondary { width: 23%; }
.half { width: 49%; }

.align-right {
	text-align: right;
}

/******************************************************************************
NEW PRODUCT PAGE STYLING @author Cole
*******************************************************************************/
.add-to-cart-div{
  float: none;
  clear: none;
  text-align: left !important;
}

.product-title-center{
  text-align: initial !important;
}

.product-images{
  display: inline-block;
  clear: none;
  float: left;
}

div.product-description{
  text-align: initial !important;
}
/******************************************************************************
END OF PRODUCT PAGE STYLING 
*******************************************************************************/


form.search {
    text-align: right;
	display: inline-block;
    position: relative;
}

form.search.hide {
	display: block;
}
ul.collection-nav.hide {
  	display: block; 
}
a.search-toggle,
a.nav-toggle {
  display: none;
}

h1 {
	font-size: 48px;
}
h2 {
	font-size: 32px;
	margin: 0.5em 0 0.5em 0;
}
label {
	display: inline-block;
	line-height: 1.5em;
	width: 8em;
}
ul.global-nav {
	margin: 0 0 0 0;
}
a.quantity-minus,
a.quantity-plus {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	width: 1.1em;
	height: 1.1em;
	padding: 0.2em;
	text-align: center;
	
	background-color: #D1D7C4;
	
	color: #333;
	text-shadow: 0 1px #FFF;
	opacity: 0.9;
}
a.quantity-minus:hover,
a.quantity-minus:focus,
a.quantity-plus:hover,
a.quantity-plus:focus {
	text-decoration: none;
	opacity: 1;
}
a.quantity-minus {
	margin-right: 0.25em;
}
a.quantity-plus {
	margin: 0 0.25em;
}

.global-nav-nav{
  display: inline-block !important;
  margin-bottom: 10px !important;
  min-width: auto !important;
  text-align: initial !important;
  clear: none !important;
}

ul.global-nav {
	
	margin-top: 0.5em;
	
}
ul.global-nav li {
	font-size: 13px;
}

.cart-search-trust-div{
  display: inline-block;
  clear: none !important;
  float: right !important;
  width: auto !important;
}

div.cart-summary {
	width: 17em;
	overflow: hidden;
}

div.cart-summary a {
	display: block;
	
	background-color: #CCC;
	background-color: rgba(0,0,0,0.1);
	color: #666;
	border: 1px dashed #666;
	-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
	box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	overflow: hidden;
	text-transform: uppercase;
	text-decoration: none;
}

div.cart-summary.active a {
	
	background-position: 7px -37px;
	
}

div.cart-summary a span.items {
	float: left;
	
	background-position: 7px 11px;
	padding: 0.9em 0.2308em 0.9em 36px;
	
}

div.cart-summary.active a:hover span.items {
	text-decoration: underline;
}
div.cart-summary a span.total {
	display: block;
	
	background-position: 7px 11px;
	padding: 0.9em 1.2308em 0.9em 0.2308em;
	
}
div.site-title {
    display: inline-block !important;
    float: left !important;
    min-width: auto !important;
}

table.cart a.product img {
	display: inline-block;
	float: left;
	margin-bottom: 0;
}
div.site-title a {
	font-size: 65px;
	margin-right: 0em;
}

 a.aromatherapy {
   display: inline-block !important;
   clear: none !important;
   min-width: auto !important;
   float: left !important;
  }

.title-testimonial-wrapper{
  margin: 0; padding: 0;
  display: inline-block !important; 
  clear: left !important; 
  float: none !important;
  min-width: auto !important;
  max-width: 550px !important;
}

.testimonial-div{
  margin-left: 30px !important;
  margin-bottom: 0px !important;
  display: inline-block !important;
  float: left !important;
  max-width: 30%;
}

/* p.store-info, p.store-info a {
	font-size: 15px;
  	font-family: 'Museo Slab 500';
  	font-weight: normal;
} */
div.collection-header {
	padding: 2em;
}
div.collection-header.image {
	padding: 0;
	overflow: hidden;
}
div.collection-header.image img {
	display: block;
	float: left;
	margin-right: 2em;
}
div.collection-header.image div {
	padding: 2em;
}
div.collection-header h1 {
	font-size: 50px;
}
ul.collection-nav {
	min-height: 2.6em;
}
ul.collection-nav li {
	display: block;
	float: left;
	
	margin: 0
	padding: 0 1em 0 0;
	
}
/*added here*/
ul.collection-nav li li {
	display: block;
	float: none;
	border: none;
  	break-inside: avoid;
}


ul.collection-nav li:hover ul.collection-tags,
ul.collection-nav li:focus ul.collection-tags {
	display: block;
  	/* added */
  	column-count: 1;
  	column-gap: 0;
  	padding: 0px;
  	background-color: #5E5553;
  /* end added */
	position: absolute;
	z-index: 10;
	min-width: 9em;
	-webkit-animation: fadeIn 0.6s 1;
	-moz-animation: fadeIn 0.6s 1;
	animation: fadeIn 0.6s 1;
}

/*added*/

ul.collection-nav li:hover:nth-child(2) ul.collection-tags,
ul.collection-nav li:focus:nth-child(2) ul.collection-tags,
ul.collection-nav li:hover:nth-child(3) ul.collection-tags,
ul.collection-nav li:focus:nth-child(3) ul.collection-tags
{
  	column-count: 2;
}


/* end added */
ul.carousel-images div.text {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 50%;
	margin-top: 0;
	
	left: 3em;
	background-color: #8CBC00;
	padding: 0.75em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;	
	
	margin-right: 32px;
}
ul.carousel-images h2 {
	
	font-size: 22px;
	
}
ul.carousel-images div.product p {
	font-size: 18px;
}
ul.carousel-images div.product p.price {
	font-size: 16px;
  	color: #5E5553;
}
ul.carousel-nav {
	position: absolute;
	z-index: 2;
	
	left: 0;
	right: 0;
	bottom: 0;
  padding: 0 0 0 8px;
	
	overflow: hidden;
}
ul.carousel-nav li {
	display: block;
	list-style: none;
	max-width: 17.5%;
	float: left;
	margin-left: 2px;
}
ul.carousel-nav li.first {
	margin-left: 1.5%;
}
ul.carousel-nav.show4 li.first {
	margin-left: 10%;
}
ul.carousel-nav.show3 li.first {
	margin-left: 20.725%;
}
ul.carousel-nav.show2 li.first {
	margin-left: 31.25%;
}
ul.carousel-nav li img {
	display: block;
}
ul.carousel-nav li a {
	display: block;
	
	
}
ul.carousel-nav li a:hover,
ul.carousel-nav li a:focus {
	
	border-color: #EEE;
	border-color: rgba(255,255,255,0.75);
	
}
ul.carousel-nav li.prev a,
ul.carousel-nav li.next a {
	height: 300px;
    margin: 0;
}

ul.carousel-nav li.current a {
	
	border-color: #FFF;
	
	cursor: default;
}
ul.sublinks li {
	width: 32%;
	margin-left: 2%;
	float: left;
}
ul.sublinks li:first-child {
	margin-left: 0;
}
ul.sublinks img {
	width: 100%;
	float: none;
	margin: 0;
}
ul.sublinks a h3 {
	position: relative;
	z-index: 5;
	margin: -1.5em 0 0 0;
}
ul.half,
ul.third,
ul.quarter {
	width: auto;
}
ul.half li,
ul.third li,
ul.quarter li {
	float: left;
	margin-right: 2%;
}
ul.half li {
	width: 49%;
}
ul.third li {
	width: 32%;
}
ul.quarter li {
	width: 23.5%;
}
ul.products li:nth-child(odd) {
	clear:none;
}
ul.products li.first:nth-child(odd),
ul li.first {
	clear: left;
}
ul li.last {
	margin-right: 0;
}
div.enlarged .left,
div.enlarged .right,
div.enlarged .half,
div.enlarged .primary,
div.enlarged .secondary {
	width: auto;
	float: none;
}
ul.sub-list.hide {
	display: block;
}
p.list-toggle {
	display: none;
}

/* - Tablet View for Carousel - Navigation */

@media only screen 
and (min-width : 640px) 
and (max-width : 1054px) {


ul.carousel-nav li {
	display: inline-block;
	list-style: none;
	max-width: 9.5%;
	float: left;
	margin-left: 0.2%;
  	margin-right: 0.2%;
}
}