
@media only screen and (max-width: 1799px ){
	.visible-xlg {
		display: none;
	}
}
@media only screen and (min-width: 1800px ){
	.hidden-xlg {
		display: none;
	}
	.visible-xlg {
		display: block!important;
	}
}

@media only screen and (max-width: 1200px ){
	.page p, .page ul, .page table {
	/*	font-size: 16px;
		line-height: 30px;*/
	}
	#home-feat-header a.pink-underline {
		font-size: 12px;
		top: 15px;
	}
	.newsletter-top {
		right: 20px;
	}

	#material-page .sustaining h3 {
		font-size: 60px;
		text-align: center;
	}
	#material-page .sustaining img {
		height:80px;
	}

	#giving-page .rightcol .point1 {
		top: 55%;
	}
	#giving-page .rightcol .point3 {
		top: 63%;
	}
}


@media only screen and (max-width: 1025px) and (min-width: 768px) {
	#collection-header .tabletcontainer {
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}
}

@media only screen and (max-width: 991px ) and (min-width: 768px) {
	#navbar .navbar-top > ul > li {
		height: 50px;
		padding-top: 15px;
	}
	#navbar .navbar-top > ul > li > a {
		line-height: 1em;
	}
	.newsletter-top span {
		font-size: 14px;
	}
	.newsletter-inline button i {
		display: none;
	}
	#home-callouts h1 {
		font-size: 22px;
	}
	#home-callouts .caption p{
		font-size: 14px;
	}
	.product-carousel .slide .caption {
		font-size: 12px;
	}

	.customize-block span {
		margin: 0;
		min-width: 0;
	}
	.ymal-container h1 {
		margin-left: 15px;
	}

	.hidetablet {
		background-image: none!important;
	}
}
@media only screen and (min-width: 768px){
	.d-flex {
		display: flex;
	}
	
	.sale-page-2018 .product .details .text-gray:before {
		content: '\00a0';
	}
}
@media only screen and (max-width: 767px ){
	.purchase-qty.row, .low-stock, .last-chance {
		margin-left: auto;
	    margin-right: auto;
	}
	.bubble-overlay {
		margin-top: -70px;
	}
	.fadebottom h5, .fadetop h5 {
		font-size: 20px;
	}
	.sale-page-2018 .fadetop h5 {
		font-size: 20px;
	}
	.sale-page-2018 .d-flex {
		display: block;
	}
	#sticky-footer {
		display: none;
	}
	.collections-wrapper .collection-item {
		position: relative;
	}
	.collections-wrapper .collection-item h3 {
		position: absolute;
		display: block;
		width: calc(100% - 30px);
		bottom: 0;
		left: 15px;
		background: rgba(63, 36, 19, 0.8);
		color: #fff;
		padding: 5px 0 5px;
		margin: 0;
		font-size: 18px;
	}
	#topbar .mailinglist-callout {
		padding: 6px 5px 8px;
	}
	#topbar .mailinglist-callout span {
		line-height: 1em;
		margin-bottom: 0.3em;
	}
	#topbar .mailinglist-callout strong {
		font-size: 16px;
	}
	.container,
	.container-wide {
		max-width: 100%;
	}
	.container-wide  {
		padding:0;
	}
	.container-wide >.row {
		margin: 0;
	}
	p, ul,
	.page p, .page ul, .page table,
	#material-page .sustaining, #material-page .sustaining .partners p,
	#press-page .presslist .press p {
		font-size: 14px;
		line-height: 1.8em;
	}

	select, textarea, input {
		font-size: 16px!important
	}

	/*HEADER*/

	#checkout-link,
	.social-links em,
	.navpanel .image,
	#home-carousel-container p,
	#home-callouts p,
	#material-page .images {
		display: none!important;
	}
	.border-left {
		border-width: 0;
	}
	#header img {
		width: 220px;
		height: auto;
		display: block;
		margin: 15px auto;
	}
	#shopheader li {
		width: 50%;
		float: left;
		text-align: left;
	}
	#shopheader li + li {
		text-align: right;
	}

	#navbar {
		padding-top: 15px;
		margin: 25px 0 0;
	}
	#navbar .mobile-active {
		background: #fff;
		box-shadow: 0 -2px 5px #ddd;
	}
	.navpanel .container {
		padding: 15px;
		min-height: 0;
	 }
	.navpanel .list {
		margin: 0;
		padding: 0 15px;
	}
	.navpanel a {
		margin-bottom: 7px;
		font-size: 14px;
	}
	#navbar .navbar-top > ul > li {
		display: block;
		width: 50%;
		float: left;
		padding: 5px 5px 5px 10px!important;
	}

	#navbar .navbar-top > ul > li.active {
		background:transparent;
		box-shadow: none;
	}
	#navbar .navbar-top > ul > li.mobile-active {
		background: #fff;
		box-shadow: 0 -1px 5px #ddd;
	}

	#navbar .navbar-top > ul > li > a {
		line-height: 35px;
		font-size: 11px;
		white-space: nowrap;
	}
	#topbar .bar a.bg-pink {
		position: absolute;
	    width: 170px;
	    right: 0;
	    top: 30px;
	    font-size: 11px;
	    text-align: center;
	    margin: 0;
	}

	#navbar .navbar-top a.search-toggle span {
	    text-align: center;
	}
	#navbar .navbar-top a.search-toggle span.opened {
		left: 3px;
		top: 4px;
		font-size: 11px;
	}
	#navbar .navbar-top a.search-toggle {
		width: 36px;
		height: 36px;
		text-align: center;
		display: block;
		margin: -25px auto 0;
	}
	#navbar-search {
		padding-top: 30px;
	}
	#navbar-search-container,
	#navbar-search-container .bg-text {
		height: 205px;
	}
	#navbar-search-container .bg-text {
		background-size: 100% auto;
	}
	#navbar-search img {
		display: none;
	}

	/* Home */
	#home-carousel-container .large-carousel .img {
		width: 100%;
	}
	#home-carousel-container h2 {
		font-size: 35px;
	}
	#home-carousel-container .carousel-nav {
		display: none;
	}
	.item-overlay .imagecontainer {
		max-height: 300px;
	}

	#home-feat-header > .col-sm-6 {
		margin-bottom: 5px;
	}

	#home-callouts .col-sm-6,
	#home-callouts .caption {
		height: 190px;
		padding: 15px;
	}
	#home-callouts .left-pad .caption {
		width: 200px;
		float: right;
	}
	#home-callouts .right-pad .caption {
		width: 200px;
		float: left;
	}
	#home-callouts .caption span.white-underline {
	    position: relative;
	    bottom: 0;
	    font-size: 12px;
	}

	#home-callouts h1 {
		white-space: normal;
		font-size: 25px;
		margin: 15px 0 0 0;
	}
	#home-callouts .left-pad h1 {
		text-align: right;
		float: right;
		width: 120px;
	}

	#home-callouts .text-right span.white-underline {
		font-size: 12px;
		position: relative;
		bottom: 0;
		right: 0;
	}
	#home-callouts .bg {
		background-size: cover;
/* 	    background-position: -40px; */
	}
	#home-callouts .right-pad .bg {
/* 	    background-position: 90px; */
	}
	#home-new .product-carousel .slide {
		width: 90%;
		display: block;
		margin: 2px auto;
	}
	#home-new .text-right {
		text-align: center!important
	}

	#home-feat-content {
		padding: 0;
	}
	#home-feat-content .item {
		height: auto;
	}
	#home-feat-content .item.small {
		margin-bottom: 7px;
		padding-right: 0;
	}
	#home-feat-content .item.small .imagecontainer {
		background-position: top!important;
		padding: 15px;
	}
	#home-feat-content .item.small .imagecontainer a {
		z-index: 10;
		position: relative;
	}
	#home-feat-content .item.small h1 {
		position: absolute;
		bottom: 15px;
		left: 15px;
		font-weight: 500;
	}

	#home-feat-content .item-overlay h2 {
		font-size: 35px;
	}
	#home-newsletter {
		padding: 0;
	}
	.newsletter-inline input {
		width: 60%;
	}
	.newsletter-inline button {
		width: 40%;
	}

	.product-carousel .image {
		max-height: 150px;
	}
	.product-carousel .slide {
		width: 200px;
	}
	.faderight {
		width: 50px;
	}
	.product-detail-tpl .border-right {
		border: 0;
	}
	.product-detail-tpl .product-detail-form {
		margin-top: 380px;
		min-height: 0;
	}
	.product-detail-form.nogallerynav {
		margin-top: 300px;
	}

	.product-options .title-options, .swatch-slider-container .swatchtitle {
		padding-left: 15px;
	}
	.product-options [data-toggle="popover"] {
		display: block;
		height: 1px;
		text-decoration: none;
		color: #777;
	}
	.popover-closer {
		z-index: 3;
	    /*color: #fff;*/
	    color: #E30245;
	    float: right;
	    font-size: 18px;
	    margin-top: -5px;
	    padding-left: 10px;
	    display: block;
	}
	.popover-closer.absolute {
	    position: absolute;
		right: 15px;
	    top: 10px;
	    margin: 0;
	    padding: 0;
	   	width: 20px;
	    height: 20px;
	    background: rgba(255,255,255,0.5);
	    text-align: center;
	    line-height: 18px;
	    border-radius: 50%;
	}

	.slider-switch {
		position: absolute;
	    right: -10px;
	    top: -50px;
	}
	.alloptions {
		margin-left: -15px;
		margin-right: -15px;
		background: #f3f3f3;
		overflow: hidden;
	}
	.customize-block em {
		margin-left: -5px;
		line-height: 40px;
	}
	.customize-block img,
	.customize-block span {
		margin-left: 5px;
	}
	.swatch-slider-container {
		clear: both;
	}
	.product-options .clearfix {
		clear: both;
	}
	.ymal-container h1 {
	  margin-left: 0;
	}

	/*gen pages*/
	.bannertop.general {
		max-width: 100%;
	}
	.bannertop.general .header {
		/*padding-left: 15px;*/
		left: 0;
		bottom: 15px;
		font-size: 40px;
		max-width: 100%;
	}

	#collection-header h3.title,
	#material-page .materialinfo h3,
	#material-page .sustaining h3,
	h3.title-lg {
		font-size: 40px;
	}

	#mattress-page table td {
		padding: 5px;
		vertical-align: top;
	}

	#collection-header h3 {
		font-size: 40px!important
	}
	#collection-header h1 {
		font-size: 25px;
		margin: 5px 0;
	}
	#collection-header p.tagline {
		margin-top: 10px;
	}
	#collection-filters .filter-option {
		margin-bottom: 10px;
	}
	#collection-filters .btn {
		width: 100px;
		display: block;
		margin: 0 auto;
	}

	#press-page .bg-wood-lg {
		background-size: 100% auto;
	}
	#press-page .press-hidden{
		display: none;
	}
	#press-page .form-general h2 {
		font-size: 25px;
	}
	#press-page .presslist h4 {
		margin-top: 10px;
	}

	#downloads-page .downloads .imagecontainer {
		height: 150px;
  		padding-top: 30%;

	}
	#partners-page .partner img {
		margin: 15px auto;
	}

	#material-page .rightcol .point1 {
	    left: 0;
	    margin: 0 auto;
	    position: relative;
	    width: 280px;
	    top: 0;
	}
	#material-page .rightcol {
		height: auto;
	}
	#material-page .row {
		background-size: contain;
	}

	.pink-circle p {
		font-size: 15px;
		line-height: 18px;
	}
	#cafe-page .boxh2,
	#cafe-page .boxh3,
	#cafe-page .quoteblock {
		height: auto;
		padding: 10px 0;
	}
	#cafe-page .body2 {
		margin-top: 15px;
	}
	#cafe-page .infoblock .center-container {
		bottom: 0;
		padding: 15px;
		position: relative;
	}
	#cafe-page h1 {
/* 		font-size: 18px; */
	}

	#giving-page .rightcol .point2 img, #sustainability-page .rightcol .point2 img {
		max-width: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	#giving-page .rightcol .point1 img,
	#giving-page .rightcol .point3 img,
	#sustainability-page .rightcol .point1 img,
	#sustainability-page .rightcol .point3 img {
		width: 150px;
	}
	#giving-page .rightcol, #sustainability-page .rightcol {
		height: 800px;
		width: 300px;
		margin: 0 auto;
		/*overflow: hidden;*/
	}
	.point1 .pink-circle h3,
	.point3 .pink-circle h3 {
		font-size: 55px;
		margin-top: 15px;
	}
	#giving-page .pink-circle, #sustainability-page .pink-circle {
		padding: 0;
	}
	#giving-page .rightcol .point1, #sustainability-page .rightcol .point1 {
		top: 53%;
		left:-10px;
	}
	#giving-page .rightcol .point2, #sustainability-page .rightcol .point2 {
		left: 11%;
		top: -20px;
	}
	#giving-page .rightcol .point3, #sustainability-page .rightcol .point3 {
		right: auto;
		left: 45%;
		top: 55%;
	}

	#giving-page .rightcol .point2>img, #sustainability-page .rightcol .point2>img {
		margin-left: -10px;
		margin-bottom: -70px;
	}
	#giving-page .rightcol .point3>img, #sustainability-page .rightcol .point3>img {
		left: 0;
	}
	#giving-page .rightcol .pink-circle, #sustainability-page .rightcol .pink-circle {
		margin: 5px auto
	}
	#giving-page .rightcol .pink-circle, #sustainability-page .rightcol .pink-circle {
		width: 150px;
		height: 150px;
		padding-top: 15%;
	}
	#giving-page .rightcol .pink-circle.circle-lg, #sustainability-page .rightcol .pink-circle.circle-lg {
		width: 240px;
		height: 240px;
		padding-top: 25%;

	}

	#family-page h3.handwriting {
		font-size: 36px;
	}
	#family-page .box-bg-light img {
		padding-bottom: 15px;
	}

	/*shop pages*/
	.relatedproducts > div {
		height: auto;
	}
	.related-family.relationblock {
		padding: 0;
	}

	.product-carousel .imagecontainer {
		max-height: 200px;
		/*max-width: 200px;*/
		margin: 0 auto;
	}

	#collection-header > .col-sm-6 {
		padding:15px;
	}
	#collection-header .imagecontainer {
		max-height: none;
		height: auto;
		margin: 0;
	}
	.sale-page-2018 #collection-header .imagecontainer {
		width: calc(100% + 30px);
		margin-left: -15px;
	}
	#collection .product {
		height: auto;
		margin-bottom: 10px;
		padding-bottom: 15px;
		border-bottom: 1px solid #ddd;
	}
	#collection .product .title {
		font-size: 18px;
		height: auto;
	}
	#collection .product .price {
		font-size: 16px;
		margin: 0;
	}
	#collection .product .imagecontainer {
		width: 150px!important;
		height: 150px!important;
		margin: 0 auto;
	}
	#collection-filters .text-right {
		text-align: center!important;
		margin-bottom: 15px;
	}
	#collection-filters > div {
		margin-bottom: 5px;
	}

	.prod-pagination {
		font-size: 15px;
	}
	.prod-pagination .next, .prod-pagination .prev {
		padding: 0;
		margin: 0 5px;
	}
	/*product*/
	.main-select .sod_label {
		white-space: normal;
	}
	.productgallery .imagecontainer {
		height: 300px;
		border: 0;
		background-size: contain!important
	}
	.productgallerynav-container,.productgallerynav .imagecontainer {
		height: 70px;
	}
	.social-mobile {
		text-align: right;
	}
	.purchase-section {
		clear: both;
		text-align: center;
		padding-top: 15px;
	}
	.product-detail-tpl .social a {
		display: inline-block;
		float: none;
		margin-top: 0;
	}
	.btn.btn-pink.addtocart {
		float: none;
	}
	h2.price {
		margin: 0;
		font-size: 28px;
		font-weight: 700;
	}

	/*footer*/
	.footernewsletter {
		height: auto;
	}
	#footerbar {
		padding: 20px;
	}
	#footerbar h3 {
		font-size: 45px;
	}
	#footer {
		text-align: center;
	}
	#footer img  {
		margin: 15px auto 0;
	}
	#footer a {
		display: block;
	}
	#footer #footer-links a {
		margin-right: 0;
		margin-top: 10px;
	}
	#footer-sitemap {
		display: none;
		margin-top: 15px;
	}
	.expand-footer-sitemap {
		font-weight: 700;
		text-decoration: underline;
		margin-top: 15px;
	}


	/*cart*/
	.cart-container .imagecontainer {
	  max-height: 120px;
	}
	.cart-item .qtychange {
		width: 145px!important;
		float: right;
	}
	.qtychange .row {
		margin: 0;
	}
/*	.cart-container  .controls {
		position: relative;
		margin-top: -40px;
		min-width: 200px;
	}*/
/*	.qtychange input[type=number] {
		height: 32px;
		position: relative;
		top: 2px;
	}
	.qtychange input{
		display: inline-block;
	}*/
/*	form.sendcart {
		padding: 0;
	}*/
	.cart-container .details {
	  height: 150px;
	  font-size: 12px;
	  width: 90%;
	}
	.cart-container,
	 .item-row {
		clear: both;
	}

	.cart-container .item-row h4 {
		font-size: 14px;
		font-weight: 700;
		margin: 0;
	}
	.cart-container .item-row b.visible-xs {
		display: inline!important;
	}
	.cart-container .btn, .cart-container input {
		margin:0;
	}
	.cart-container .coupon {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.cart-container .cart-remove {
		position: relative;
		text-align: right;
		top: -15px;
		left: -15px;
	}
	/*.cart-container .coupon .btn,*/
	/*.cart-container .qtychange .btn {*/
	    /*font-size: 12px!important;*/
	    /*line-height: 16px;*/
	/*}*/
/*
	.cart-container .cart-remove {
		position: relative;
	    margin: 0;
	    top: -30px;
	    z-index: 2;
	    float: right;
	}
	.cart-container .cart-remove .btn {
		padding: 5px;
    	line-height: 9px
	}*/
	.cart-container .item-row {
		border-bottom: 1px solid #ddd;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.nopadding-sm {
		padding: 0;
	}

	.cart-container .prices p {
		font-size: 12px;
	}
	.cart-container .prices h4 {
		font-size: 14px;
	}
	.cart-container .prices-list {
		text-align: right;
	}
	.cart-container .prices-list .col-sm-6 {
		padding-right: 0;
	}

	.cart-page .richtext {
		height: 60px;
		overflow: hidden;
		position: relative;
	}
	.cart-page .richtext:before {
		display: block;
		content: "";
		width: 100%;
		height: 20px;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		position: absolute;
    	bottom: 0;
    	left: 0;
    	z-index: 2;
	}
	.cart-page .richtext.opened {
		height: auto;
	}
	.cart-page .richtext.opened:after {
		display: none;
	}
	.cart-page .toggle-text {
		display: block;
		text-align: center;
		color: #e50045
	}
	.cart-page .richtext p{
		line-height: 1.5em;
	}
/*	.coupon-form .col-xs-3 {
		padding: 0 3px;
	}*/
	.emptyform { 
		margin-top: 10px;
		margin-bottom: 10px;
		width: 150px;
		float: right;
	}
	.emptyform .btn {
		white-space: normal;
		height: auto;
		font-size: 12px!important;
		line-height: 1em;
	}

	#blog-page .relatedposts {
		padding-left: 15px;
	}
	#blog-page .social a {
		float: none;
		display: inline-block;
		margin: 5px 5px 30px 5px;
	}
	.postgrid .grid-item {
		width: 100%;
		display: block;
		clear: both;
		margin-bottom: 15px;
	}
	#blog-page .feature .imagecontainer {
		max-height: 200px;
	}
	#sustainability-page .fsc-blurb .fsc-logo {
		display: block;
		margin: 0 auto;
		max-width: 150px;
		margin-bottom: 20px;
	}
	#sustainability-page .glossary .icon-row, #sustainability-page .d-flex {
		display: block;
	}
	#sustainability-page .glossary .icon-row .icon-block {
		border-right: none;
	}
	#sustainability-page h1, #sustainability-page .glossary h4.tagline, #sustainability-page .glossary .icon-row .icon-block h3, #sustainability-page .t4t-blurb .text-content h3, #sustainability-page .t4t-blurb .text-content h3 * {
		font-size: 22px;
	}
	#sustainability-page .glossary h2, #sustainability-page .t4t-blurb .btn {
		font-size: 30px;
	}
	#sustainability-page .t4t-blurb .btn i {
	    margin-top: -35px;
		margin-bottom: -35px;
	}
	#sustainability-page .reclaimed-wood {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#sustainability-page .handwriting {
		font-size: 30px;
	}
	#sustainability-page .text-content {
		padding-top: 0;
	}
	#sustainability-page .rightcol {
		position: relative;
	}
	#sustainability-page .rightcol .t4t-logo {
		position: relative;
		top: 80px;
	}
	#sustainability-page .rightcol .t4t-logo img {
		width: 50%;
	}
	#sustainability-page .rightcol .point1 {
		left: 1%;
	}
	#sustainability-page .rightcol .point2 {
		right: 0%;
		left: auto;
	}
	#sustainability-page .rightcol .point3 {
	    right: auto;
	    left: 31%;
	    top: 58%;
    }
	#sustainability-page .pink-circle p {
		padding-left: 15px;
		padding-right: 15px;
	}

	#instagram-container .item {
		width: 50%;
	}
}
@media only screen and (max-width: 500px){
	.text-bubbles .text-overlay p {
		font-size: 18px;
		line-height: 1.2em;
	}
}
@media only screen and (max-width: 450px){
	.text-bubbles .text-overlay p {
		font-size: 16px;
		line-height: 1.2em;
	}
}
@media only screen and (max-width: 380px){
	.cart-container .controls {
		font-size: 10px;
		margin-top: -5px;
		min-width: 160px;
	}
	.cart-container .cart-remove {
		margin-top: -20px;
	}
	.cart-container .prices-list, .cart-container .prices-list b {
		font-size: 10px;
	}
	.cart-container .controls .text-center {
		text-align: left!important
	}
	#navbar-search button {
		right: 15px;
	}
	#topbar .mailinglist-callout {
		font-size: 10px;
		width: 145px;
	}
	#topbar .mailinglist-callout strong {
		font-size: 12px;
	}
}

body.ie9 #content-home {
	position: relative;
	z-index: 0;
}
