
@media screen and (max-width: 89em) { /*1424px*/
   .product .abs-left {
	    left: -2.2em;
	}
	#steps {padding-top: 8em;}
}

@media screen and (max-width: 77.5em) { /*1240px*/
	body {
		font-size: 1.3vw;
	}
	main .container,.product .banner .container, .homepage .banner .container {max-width:90%;}
	.product .banner .container {margin-left:6em;}
	.homepage .stamp {left:0;}
}

@media screen and (max-width: 64em) { /*1024*/
	#videoBg { opacity: 0 }
	#videoContainerInner, #videoContainer { width: 100%; left: 0; }
}

@media screen and (max-width: 73.75em) {
	.banner { 
		/*background: url('../_images/bg_mob.jpg') no-repeat; */
	    background-size: 100% 108%;
    	background-position: left -2.6em;
	}
}

@media screen and (max-width: 45em) { /*720px*/ 
	.zoom-100 #accs .zoom-options {display:none;}
	body {
		font-size: 3.55vw;/*3.4531vw;*/
	}
	main .container,.product .banner .container, .homepage .banner .container  {max-width:100%;}
	.d-desktop {
		display: none !important;
	}
	.d-mobile {
		display: inline-block !important;
	}
	.banner { 
		/*background: url('../_images/bg_mob.jpg') no-repeat; */
	    background-size: 100% 108%;
    	background-position: left -2.8em;
	}
	.dropdown-menu .separator.d-mobile {
		display: block !important;
	}
	.dropdown-menu .separator.d-desktop {
		display: none !important;
	}
	.nl.mob {display:block; clear:both;}
	.nl.dsk {display:none;}
	
	/* Header */
	#mainNav .logo {
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: -0.6em auto;
	}
	#mainNav .menu-cat {
	    margin-right: 2.4em;
	    margin-left: 0;
	}
	#mainNav .mobile-contact {  float: left; }
	.promo {
		letter-spacing: 0.025em;
    	font-size: 1.2em;
	}
	#mainNav {
		font-size: 0.8em;
    	padding: 1.5154em 0;
	}
	#mainNav .main-menu, #mainNav .mobile-contact {
	    padding-top: 0.4em;
	}
	#mainNav .share-menu {
		margin: 0;
    	margin-right: 1em;
	}
	.dropdown-menu {
    	font-size: 1.2em;
	    width: 100%;
	    right: 0;
	    left: 0;
	    background-size: cover !important;
	    height: auto;
	    padding-bottom: 1.3em;
	    background-repeat: no-repeat !important;
	    border-radius: 0;

        max-height: 83vh;
    	overflow: scroll;
	}
	.dropdown-menu-share {
		border-radius: 0;
		width: 100%;
		left: 0;
		background-position: center;
	}
	.dropdown-menu a.first {
		padding-bottom: 0.7em;
	    padding-top: 0.7em;
	    margin-top: 1.6em;
	}
	.dropdown-menu a {
		padding-top: 0.7em;
    	padding-bottom: 0.7em;
	}
	.dropdown-menu .separator {
	    width: 80%;
	    margin: 0 auto;
	}
	.dropdown-menu .menu-footer li {
		width: 100%;
	}
	.dropdown-menu .title {
	    margin-top: 0.32em;
	    padding-bottom: 0;
	    margin-top: 1em;
	}
	.dropdown-menu .title:hover { background: none; color: #482815 !important }
	.dropdown-menu .menu-footer li span {
	    vertical-align: middle !important;
	    font-size: 0.9em !important;
	    padding-right: 0.3em !important;
	}

	/*Home*/
	.banner { padding-bottom: 0; }
	.icon-arrow.rotated { font-size: 3em }
	.homepage .heading {
		left: 0;
		right: 0;
	    top: 1.8em;
	    margin: 0 auto;
	    font-size: 0.7em;
	}
	.homepage .heading p { max-width: 19em; font-size: 1.825em; margin-top: 0;}
	.homepage .heading h2 {
		font-size: 2.2em;
	}
	.homepage .heading h1 { font-size: 5em; margin: 0; margin-bottom: 0.3em; margin-top: 0.6em; }
	.homepage .heading .question { font-size: 3em }
	.product-content, .product-description, footer .newsletter, .product-image { width: 100%; }
	.product-image { max-width: 19.8em; }
	.product-content .content { padding: 0 7em; font-size: 0.7em }
	.product-content { padding: 3em 0; }
	.product-container .img-left, .product-container .img-right { max-width: 6em }
	.product-description { padding-top: 3em; }
	.product-description .title span.italic { display: block; }
	.product-container .img-left.bottom, .product-container .img-right.bottom { bottom: 18em; }
	.product-container .img-left.top, .product-container .img-right.top { top: 1em; }
	.product-container .img-left.bottom, .product-container .img-right.bottom { bottom: 12em; }
	.product-description p { margin-bottom: 2em; }
	
	footer.home, .product-container.bg1, .product-container.bg2 { background-size:30% auto;}
	
	/*Footer*/
	footer .title { font-size: 2.2em; max-width: 8em }
	footer .title.confirm { max-width: 100%; }
	footer .newsletter { font-size: 1em; padding:18vw 9vw 0 9vw;  width:auto;}
	footer .newsletter .custom-checkbox {font-size:1.125em; padding-bottom:2em;}
	footer .newsletter .custom-checkbox a {margin-top:1em; display:inline-block; position: relative;}
	footer .terms-check { font-size: 1.3em; line-height: 1.9em; }

	footer .form-container { padding: 0 2em 2em; max-width: 22em; z-index: 1; position: relative;}
	footer.home {
		padding-top: 3em;
		height: auto;
		overflow-y: visible;
		overflow-x: hidden;
		padding: 0;
	}
	footer .eaus, footer .eaus .no-overflow { width: 100%; height:100%; position: absolute; left:0; top:0; z-index:1; margin:0;}
	footer .footer-content {z-index:2;}
	footer .eaus .no-overflow {overflow: hidden;}
	footer .eaus span { position: absolute; width: 40%; }
	footer .eaus span.right-bottom {
		bottom: 70vw;
		right: -20%;
		transform: rotate(28deg);
	}
	footer .eaus span.right-top {
		top: -8vw;
		right: -10%;
		transform: rotate(-28deg);
	}
	footer .eaus span.left-bottom {
		bottom: 70vw;
		left: -20%;
		transform: rotate(-28deg);
	}
	footer .eaus span.left-top {
		top: -8vw;
		left: -10%;
		transform: rotate(28deg);
	}
	footer .eaus span.bottom-bottom { bottom: 6vw; left: 0; right: 0; margin: 0 auto; }
	footer .placeholder {
		width: 100%;
	    height: 23.85em;
	}
	footer .top {
		font-size: 0.8em;
	}
	footer .desc {
	    margin: 0.9125em auto;
	    font-weight: 400;
	    font-size: 2em;
    	padding: 0 1em;
    	max-width: 13em
	}
	footer .bottom {
	    position: relative;
	    padding-top: 2em;
	    padding-bottom: 0em;
	    background: #fff;
	    font-size: 0.65em;
		z-index: 3;
	}
	footer .bottom .copyright, footer .bottom .copyright a { color: #705e37; }
	footer.product .bottom {
		padding-top: 0;
	}
	footer .btn.left, footer .btn.right  {
		position: fixed;
		bottom: 0;
		border-radius: 0;
		z-index: 999;
	    width: 50%;
	    padding: 1.12em 0em;
		text-align: center;
		box-shadow: 0 0 0 0;
		font-size: 1.7em;
	}
	footer .btn .icon {
	    font-size: 1em;
	    vertical-align: middle;
	    display: inline-block;
	    height: 0.3em;
	    padding-right: 0.3em;
	    line-height: 0;
	}
	footer .btn.left {
		background: #8c845f;
		/*color: #482815;*/
		left: 0;
	}
	footer .btn.right {
		right: 0;
		background: #b4a77c;
	}
	footer .newsletter-confirm {
		padding-top: 4em;
	    padding-bottom: 4em;
	    height: 13em;
	    font-size: 1.2em;
	}
	footer .newsletter-confirm .border {
		height: 0.2em;
	    width: 4em;
	    background: #bda673;
	    display: block;
	    margin: 0 auto;
	    margin-bottom: 1em;
	}
	footer .newsletter-confirm .title {
		margin: 1em;
		font-style: italic;
	}
	footer .newsletter-confirm p {
		width: 11em;
	    margin: 0 auto;
	    padding-bottom: 1em;
	}
	footer .copyright { font-size:1.33em; padding-bottom: 6em; }
}
@media screen and (max-width: 36em) {
	footer .eaus .mob {display:block;}
	footer .eaus .dsk {display:none;}
	
	body {
		font-size: 0.9em;
	}
	.product-content .content {padding:0 5em;}
	.product-container .img-left {left:-2em;}
	.product-container .img-right {right:-2em;}
	footer .newsletter .custom-checkbox {font-size:1.25em;}
}