/* SOOTHE YOUR SOUL */

@media screen and (max-width: 1415px) {
	.heroCarousel-content {
		bottom:15px;
	}
} /* end 1415px */


@media screen and (max-width: 1370px) {
	.productPageRightCol .card-figcaption-button, .productPageRightCol .card-figcaption-button:hover {
		display:block;
		width:100%;
		font-size:13px;
		line-height:2em;
		text-align:center;
		padding:0;
	}
} /* end 1370px */


@media screen and (max-width: 1315px) {
	.heroCarousel.slick-initialized {
		max-height:540px;
	}
	.heroCarousel-content {
		bottom:45px;
		right:65px;
	}
	.heroCarousel-title {
		font-size:30px;
	}
} /* end 1315px */


@media screen and (max-width: 1300px) {
	.pad,
	.body {
		width:97%;
	}
} /* end 1300px */

@media screen and (max-width: 1280px) {
	.heroCarousel-content {
		bottom:65px;
	}
	.productPageLeftCol {
		width:75%;
	}
	.productPageRightCol {
		width:20%;
	}
	.productPageRightCol .card-body .card-text,
	.productPageRightCol .card-title {
		line-height:1.3em;
	}
} /* end 1280px */

@media screen and (max-width: 1260px) {
} /* end 1260px */

@media screen and (max-width: 1050px) {
	.heroCarousel.slick-initialized {
		max-height:420px;
	}
	.heroCarousel-content {
		bottom:65px;
		right:75px;
	}
	.card-body {
		min-height:180px;
	}
	.card-figcaption-button, .card-figcaption-button:hover {
		display:block;
		width:100%;
		font-size:13px;
		text-align:center;
		padding:6px 0;
	}
} /* end 1050px */


@media screen and (max-width: 900px) {
	/* HOME*/
	.heroCarousel.slick-initialized {
		max-height:345px;
	}
	.heroCarousel-content {
		position:absolute;
		top:30%;
		right:auto;
		bottom:auto;
		left:calc(50% - 25%);
		width:50%;
		border-radius:0;
		padding:15px;
	}
	.heroCarousel-title {
		font-size:20px;
	}
	.heroCarousel .slick-next, .heroCarousel .slick-prev {
		top:calc(50% - 10px);
	}
	.productPageLeftCol {
		float:none;
		width:100%;
	}
	.productPageRightCol {
		float:none;
		width:100%;
	}
	.productPageRightCol .productGrid .product {
		display:inline-block;
		width:33%;
	}
} /* end 900px */




@media screen and (max-width: 800px) {
	body {
		padding-top:0;
	}
	.header {
	    height:155px;
	    border-bottom: solid 3px #c9c9c9
	}
	.header.is-open {
		min-height:175px;
	}
	.hdrBottomBar {
	    border:none;
	    background:none;
	    width:80%;
	    top:0px;
	    left:30px;
	}
	.hdrBottomBar a.affiliate span {
	    display:none;
	}
	.navUser {
		top:19px;
		padding-right:20px;
	}
	.hdrAddress {
	    font-size:14px;
	}
	#topBarPhone {
		display:none;
	}
	.navUser-section.navUser-section--alt {
		width:85px;
	}
	.navUser-item.navUser-item--account,
	.navUser-item.navUser-item--cart {
	    display: inline-block;
	    width:30px;
	    margin:0;
	}
	
	.mobileMenu-toggle {
		top:4px;
		left:10px;
		width:30px;
		height:30px;
		border:solid 2px #666;
		border-radius:4px;
		background:#FFF;
		padding:0;
	}
	.mobileMenu-toggle .mobileMenu-toggleIcon {
		top:13px;
		left:4px;
	}
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after,
	.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
		width:1.22rem;
		background:#666;
	}
	.mobileMenu-toggle .mobileMenu-toggleIcon::before {
		top:-0.4rem;
	}
	.mobileMenu-toggle .mobileMenu-toggleIcon::after {
		bottom:-0.4rem;
	}
	.mobileHdrNav.is-open {
		display:block !important;
		position:absolute;
		top:38px;
		width:100%;
		min-height:450px;
		z-index: 9;
	}
	.navPages-container.is-open {
		padding-top:0;
		margin:0 15px;
		border:solid 1px #CCC;
		-webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.35);
		box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.35);
	}
	.navPages {
		background:#FFF;
	}
	.navPages-container.is-open .form-input {
		background:#e4e4e4;
		color:#000;
	}
	.navPages-item.navPages-item-page {
		display:none;
	}
	ul.navPages-list > li, ul.navPages-list > li:nth-child(1) {
		Xbackground:url('./img/navDot.jpg') 6px 13px no-repeat;
	}
	ul.navPages-list > li:before,
	ul.navPages-list > li:nth-child(1):before {
	    top:10px;
	}
	.navPages-action {
		padding:3px 10px;
	}
	.navPage-subMenu.is-open {
		width:auto;
		box-shadow:none;
		background:none;
	}
	.navPages .navPage-subMenu-list {
		margin-left:30px;
	}
	.navPage-subMenu-item > .navPage-subMenu-action {
		font-size:16px;
	}
	ul.navPages-list .navPage-subMenu .navPages-action {
		font-size:15px;
		padding:0;
		margin:0 0 10px 0;
	}
	/* aromatherapy */
	ul.navPages-list li:nth-child(1) .navPage-subMenu {
		display:none;
		padding:0 !important;
	}
	ul.navPages-list li:nth-child(1) .navPage-subMenu.is-open {
		display:block;
		left:0;
	}
	ul.navPages-list li:nth-child(1) ul.navPage-childList {
		margin-left:20px;
	}
	ul.navPages-list li:nth-child(1) .navPage-subMenu .navPages-action {
		font-size:15px;
		padding:0;s
		margin:0 0 10px 0;
	}
	ul.navPages-list li:nth-child(1) .navPages-action-moreIcon {
		display:block;
	}
		/* sub sub menu */
		ul.navPages-list li:nth-child(1)  li.navPage-subMenu-item:hover  ul.navPage-childList {
			position:relative;
			top:0;
			left:0;
			background:none;
			box-shadow:none;
		}
	/* end aromatherapy */
	.navPages-list.navPages-list--user .navPages-action { /*sign in or register*/
		display:inline-block;
		width:auto;
	}
	.header-logo {
	    top:38px;
	    left: 0;
	    width:350px;
	    height: 108px;
	    z-index: 0;
	}
	.header-logo > a,
	.header-logo-image-container {
	    width:100%;
	    height: 100%;
	}
	.header-logo > a {
	    z-index: 1;
	}
	.hdrAddress {
	    top:41px;
	    width:180px;
	    line-height:1.3em;
	    text-align: center;
	}
	.hdrAddress br,
	.hdrAddress span.phoneDivider {
	    display: none;
	}
	.hdrAddress img,
    .hdrAddress .phoneNums a {
	    display:block;
	    margin:0 auto;
	}
	.hdrAddress img {
	    margin:5px auto;
	}
	.hdrBottomBar {
		top:173px;
		height:42px;
	}
	.hdrBottomBar ul { /* move to top bar */
		position:absolute;
		top:-168px;
		left:0;
		text-align:left;
		z-index:9;
	}
	.hdrBottomBar a {
		font-size:13px;
	}
		
	
	/* componensts/common/BODY.html */
	#leftCol {
		display:none;
	}
	.container {
		float:none;
		width:100%;
		max-width:100%;
		padding:0;
	}
	
	/* CAROUSEL */
	.heroCarousel.slick-initialized {
		max-height:385px;
	}
	.heroCarousel .slick-next, .heroCarousel .slick-prev {
		top:calc(50% - 25px);
	}
	
	.main,
	.productView,
	.tabs {
		width:93%;
		margin:0 auto;
	}
	.card--alternate .card-body {
		background:#FFF;
	}
	
	/* product page */
	.productView-details {
		width:100%;
		float:none;
	}
	.productView-images {
		float:none;
		width:100%;
		max-width:300px;
		text-align:center;
		margin:0 auto;
		clear:both;
	}
	.tabs {
		width:100%;
	}
	.tab {
		float:left;
		padding:0 15px;
	}
	
	/* GIFT CERTIFICATES */
    .gcInfoMessage {
        font-size:14px;
        margin:0 10px 30px 10px;
    }
    .gcInfoMessage strong {
        display: block;
        font-size:20px;
    }
	
	.ftrNewsletterBlurb,
	.ftrNewsletterBar .form {
		float:none;
		text-align:center;
	}
	.footer-info-col {
		width:50%;
	}
	.footer-info-col.ftrCats {
		display:block;
		width:100%;
		clear:both;
		border-top:solid 1px #CCC;
		padding-top:30px;
	}
	.ftrCats ul {
		text-align:left;
	}
} /* end 800px */



@media screen and (max-width: 580px) {
	.header-logo {
	    width:280px;
	    height: 90px;
	}
} /* end 800px */



@media screen and (max-width: 550px) {
	.heroCarousel-title {
		font-size:18px;
	}
} /* end 550px */



@media screen and (max-width: 536px) {
	.productPageLeftCol .form-label--alternate {
		text-align:left;
	}
	.productView-options .form-field > .form-radio + .form-label {
		width:100%;
		text-align:left;
		margin-left:0;
	}
} /* end 536px */



@media screen and (max-width: 510px) {
    .topBanner {
        display:none;
    }
    .header-logo {
        position: relative;
        margin:0 auto;
    }
    .hdrAddress {
        top:131px;
        width:100%;
    }
    .hdrAddress span.hermosa {
        display: none;
    }
    .hdrAddress .phoneNums a, 
    .hdrAddress span.phoneDivider {
        display: inline-block;
    }
    .hdrBottomBar a {
        margin: 0 0 0 10px;
    }
    
	/* GIFT CERTIFICATES */
    .gcInfoMessage {
    }
    .gcInfoMessage strong {
        font-size:18px;
    }
    
    /*product page*/
    .productView-brand {
        display:none;
    }
    .productView-img-container {
        height:160px;
    }
    .productView-img-container img {
        max-height:160px;
    }
} /* end 510px */



@media screen and (max-width: 450px) {
    .navUser {
        padding-right:5px;
    }
    .navUser-section.navUser-section--alt {
        width:65px;
    }
    .navUser-action,
    .navUser-action.navUser-action--cart{
        width:100%;
        margin: 0;
    }
    .hdrBottomBar {
        left:37px;
    }
    .hdrBottomBar .contactUs {
        display: none;
    }
    .hdrBottomBar a {
        margin:0 4px;
    }
	.heroCarousel .slick-dots {
		bottom:-23px;
	}
	.heroCarousel .slick-dots li {
		background:none;
	}
	#homeQuickLinks .box {
		width:22%;
	}
} /* end 450px */



@media screen and (max-width: 400px) {
	.navUser {
		margin-right:0;
	}
	.navUser-action.navUser-action--cart {
		margin-left:4px;
	}
	.mobileMenu-toggle {
		left:10px;
	}
	.hdrBottomBar {
		padding:5px;
	}
} /* end 400px */




