@media ( max-width: 1190px ) {

    #nav {
        display: block;
    }

    .banner-content {
        height: 67vw;
        min-height: 620px;
    }

    .inner-page .banner-content {
        height: 45vw;
        min-height: 350px;
    }

	.about-page .about-logo-section {
		padding: 15vw 0;
	}

    .about-page .about-page-item {
        margin-bottom: 100px;
    }

    .about-new .bring-calm-section {
        margin: 150px 0;
    }


}

@media ( max-width:1024px ) {

    .about-page .about-page-item {
        margin-bottom: 80px;
    }
}

@media ( max-width:980px ) {
    .banner-title {
        font-size: 50px;
        line-height: 60px;
        max-width: 380px;
        width: 100%;
    }

    .inner-page .banner-title {
        max-width: 400px;
        width: 100%;
    }

    .header-section .header-content {
        padding: 20px 0;
    }

    .banner-button {
        margin-top: 30px;
    }


    .featured-collection {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .product-loop .product-index {
        margin-bottom: 40px;
    }

    .easy-live-section {
        min-height: 500px;
        margin-bottom: 80px;
    }

    .easy-live-section .easy-live-content {
        padding: 50px 7%;
    }

    .collection-item {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .bring-calm-section-left .calm-banner-title,
    .collection-item-top-right .h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .padding-top-bottom {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .faq-block {
        padding: 30px 0;
    }

    .faq-block .faq-answer {
        padding-top: 30px;
    }

	.about-page .about-logo-section {
		width: 95%;
		padding: 40px 0;
	}

	.about-page .about-page-inner-content .about-page-item-left h2 {
		font-size: 50px;
		line-height: 60px;
	}

    .about-new .bring-calm-section {
        margin: 100px 0;
    }

    .inner-page-container {
        margin-top: 200px;
    }

    .we-loved-section {
        margin: 50px auto 100px;
    }
}

@media ( max-width:840px ) {
	.footer-logos {
		flex-direction: column;
	}
	.footer-logos .gray {
		margin-bottom: 15px;
	}

	.footer-middle {
		padding: 60px 0 40px;
	}

	.drop-down-filter .dropdown-box {
		width: 31%;
	}

	.drop-down-filter .dropdown-box:nth-child(n+4) {
		width: 48%;
	}
}


@media ( max-width:767px ) {

    .product-loop .product-index {
        width: 33.33%;
    }

    .about-page .about-page-item {
        margin-bottom: 80px;
    }

    .we-loved-section {
        margin: 20px auto 80px;
    }
}

@media ( max-width:749px ) {

    .header-middle {
        order: 0;
    }

    .header-left {
        display: none;
    }

    .header-right {
        width: auto;
    }

    .inner-page-container {
        margin-top: 70px;
    }

    .header-section {
        transition: background-color 0.2s ease;
    }

    .header-section.open--menu {
        background-color: #fff;
    }

    #nav,
    #nav.isStuck {
        display: none;
        position: absolute !important;
        top: 100% !important;
        left: 0;
        z-index: 999;
        background-color: #fff;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

    #nav #nav-menu {
        display: block;
    }

    #nav #nav-menu li {
        display: block;
        text-align: left;
        padding: 0;
    }

    #nav #nav-menu li a {
        display: block;
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #dcdcdc;
    }

    #nav-menu .submenu {
        position: static;
        display: block;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0 0 0 15px;
    }

    #nav-menu .submenu li a {
        font-size: 13px;
        line-height: 17px;
        text-transform: none;
    }

    .header-section .header-content {
        padding: 10px 0;
    }

    .header-middle img {
        max-width: 150px;
    }

    .header-right-content > * + * {
        margin-left: 15px;
    }

    #menuToggle {
        display: block;
        position: relative;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #221716;
        border-radius: 3px;
        z-index: 1;
        transform-origin: center;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }

    #menuToggle span:last-child {
        margin: 0;
    }

    #menuToggle span:first-child{
        transform-origin: center;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: center;
    }

    #menuToggle.active span {
        opacity: 1;
        transform: rotate(45deg) translate(-13px,0px);
        transform-origin: center;
        background: #221716;
    }

    #menuToggle.active span:nth-last-child(2){
        opacity: 0;
        transform: rotate(0deg) scale(0.2,0.2);
    }

    #menuToggle.active span:nth-last-child(3){
        transform: rotate(-45deg) translate(-13px,-1px);
        transform-origin: center;
    }

    .banner-section {
        margin-bottom: 20px;
    }

    .banner-content {
        min-height: 400px;
        padding-top: 20px;
    }

    .inner-page .banner-content {
        min-height: 300px;
    }

    .padding-top-bottom {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .about-page .about-page-inner-content .about-page-item-left h2,
    .banner-title {
        font-size: 30px;
        line-height: 40px;
    }

    .banner-button {
        margin-top: 20px;
        padding-top: 1em;
        padding-bottom: 1em;
        width: auto;
    }

    .featured-collection {
        padding-top: 40px;
		padding-bottom: 40px;
    }

	.section-heading {
		margin-bottom: 30px;
	}

	.product-loop .product-index {
		width: 50%;
	}

	.product-title {
		margin-bottom: 20px;
	}

	.easy-live-section {
		min-height: 400px;
		margin-bottom: 30px;
	}

	.easy-live-section .easy-live-content {
		padding: 30px;
		text-align: center;
		background-color: rgba(255,255,255,0.8);
		margin: 0 auto;
		max-width: 90%;
	}

	.collection-item {
		padding: 40px 0;
	}

	.collection-item-top-right,
	.collection-item-top-left {
		width: 100%;
	}

	.collection-item-top-right {
		padding-top: 10px;
	}

	.collection-item-top-right .h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
	}

    .collection-item-top-right .collection-name {
        margin: 0 0 10px;
    }

	.collection-item-bottom-left {
		width: 100%;
	}

	.collection-product-img {
		margin-top: 20px;
	}

	.collection-item-bottom {
		margin: 0;
	}

	.collection-item-bottom-right {
		margin-top: 15px;
	}

	.collection-name {
		margin-top: 10px;
	}

	.bring-calm-section {
		margin-top: 40px;
	}

	.bring-calm-section > .container {
		flex-wrap: wrap;
	}

	.bring-calm-section .bring-calm-section-right,
	.bring-calm-section .bring-calm-section-left {
		width: 100%;
		text-align: center;
	}

	.bring-calm-section .bring-calm-section-left {
		margin: 0;
		padding: 30px 0;
	}

	.bring-calm-section-left .calm-banner-title,
	.collection-item-top-right .h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.bring-calm-section .bring-calm-section-right img {
		margin: 0 auto;
		max-width: 320px;
	}

	.footer-top {
		padding: 30px 0;
	}

	.footer-headline {
		font-size: 24px;
		line-height: 1.2;
	}

	.footer-top .footer-top-left {
		width: 100%;
		display: block;
	}

	.footer-top ul {
		margin-bottom: 0;
	}

	.footer-top .container > * + * {
		margin-top: 30px;
	}

	.footer-top .footer-top-left * + p {
		margin-top: 0.3em;
	}

	.footer-top-middle {
		width: 100%;
	}

	.footer-top-right {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.footer-top-right .social-icons {
		display: flex;
		justify-content: center;
	}

	.social-icons li + li {
		margin: 0 0 0 10px;
	}

	.footer-middle {
		padding: 40px 0;
	}

	.footer-middle > .container {
		flex-wrap: wrap;
	}

	.footer-middle .text-14 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.footer-middle .footer-logos {
		order: -1;
		width: 100%;
	}

	.footer-logos .gray {
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}

	.footer-logos .retailer-section {
		justify-content: center;
		width: 100%;
	}

	.retailer-section li {
		margin: 0 10px 10px;
	}

	.footer-bottom .container {
		justify-content: center;
	}

	.footer-bottom li + li,
	.footer-bottom li {
		margin: 0 10px 10px;
	}

    .faq-block {
        padding: 20px 0;
    }

    .faq-block .faq-answer {
        padding-top: 20px;
    }

	.about-page .about-logo-section {
		flex-direction: column;
	}

	.about-page .about-logo-section .about-logo-content {
		width: 100%;
		margin-top: 30px;
	}

	.about-page .about-logo-section .about-logo-content p {
		font-size: 20px;
		line-height: 1.5;
		text-align: center;
	}

    .about-new .bring-calm-section {
        margin: 80px 0;
    }

    .about-new .bring-calm-section-right {
    	padding: 50px 0 0;
    }

    .error-page.banner-section .banner-desc {
        max-width: 70%;
    }

    .login-account, .create-account {
        width: 100%;
        margin-bottom: 40px;
    }

    #search-bar h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .we-loved-section {
        margin: 20px auto 40px;
    }

	.collection-category.flex {
		padding-bottom: 80px;
	}
}


@media ( max-width:640px ) {

	.easy-live-section {
		min-height: 35px;
		padding: 30px;
	}

    .about-page .about-page-inner-content .about-page-item-left,
    .about-page .about-page-inner-content .about-page-item-right {
        width: 100%;
        max-width: 100%;
        margin-top: 40px;
    }

    .about-page .about-page-inner-content .about-page-item-right {
        order: -1;
    }

    .about-page .about-page-inner-content .about-page-item-right img {
        width: 100%;
    }

    .about-new .bring-calm-section {
        margin: 40px 0;
    }

    #search-bar h1 {
        line-height: 40px;
        font-size: 30px;
    }

	.drop-down-filter .dropdown-box,
	.drop-down-filter .dropdown-box:nth-child(n+4) {
		width: 48%;
	}

	.drop-down-filter .dropdown-box:last-child {
		width: 100%;
	}

	.collection-category.flex {
		padding-bottom: 40px;
	}

	.collection-category-item {
		width: 48%;
		margin-bottom: 20px;
	}
}

@media ( max-width:480px ) {
	.product-loop .product-index {
		width: 100%;
	}

	.product-loop .product-index {
		margin-bottom: 30px;
	}

	.product-loop .product-index:last-child {
		margin-bottom: 0;
	}

	.drop-down-filter .dropdown-box,
	.drop-down-filter .dropdown-box:nth-child(n+4),
	.drop-down-filter .dropdown-box:last-child {
		width: 100%;
	}
}
.product_body_desc li {
  margin-bottom:10px;
  font-size: 1em;
}

#product-description form,
.product-description form {
   padding-top: 3px;
}

ul.product_body_desc {
  list-style:disc;
}

