@media only screen and ( min-width: 769px ){
/*@media all and ( min-width: 768px ) {*/

    h1 {
    	font-weight: 600;
    	font-size: 4em;
    	letter-spacing: 1px;
    }
    .banner p {
    	line-height: 1.8em;
    }

	.image-gallery img {
	}

	.image-gallery li {
		margin-bottom: 45px;
	}

	.collection-list h3 {
		font-size: 2vw;
	}
	.home .desktop-only.collection-list li {
		padding: 0;
		margin-bottom: 30px;
	}
	a.button {
		padding: 16px 45px;
	}
	#menu,
	#search {
		width: 33%;
		float: left;
		position: relative;
	}

	#logo {
		width:188px;
		height:125px;
		position: relative;
		padding-top: 0px;
		margin: 0 auto;
	}

	#logo {
		top: -5px;
		left: 0;
	}
	#search {
		text-align: right;
		text-transform: uppercase;
	}
	header .header-content {
		min-height: 210px;
		padding-top: 25px;
	}
	.oversized-container,
	.container {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.oversized-container {
		overflow: hidden;
	}
	.container article {
		width: 70%;
		max-width: 675px;
	}
	footer .first-column {
		width: 22%;
	}
	footer .general-column {
		width: 22%;
	}
	footer .social-column {
		width: 15%;
	}
	footer .last-column {
		width: 41%;
	}
	footer .column input {
		width: 47.5%;
		margin-right: 5%;
		clear: none;
		margin-bottom: 1em;
	}
	footer .column input[name="email"] {
		margin-right: 0%;
	}
	footer .last-column input[type="submit"] {
		float: right;
		width: auto;
		margin-right: 0;
	}
	#menu {
		height: 125px;
	}
	.navigation {
		display: block;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		font-size: 1em;
		z-index: 10;
		position: absolute;
		left: -22px;
		margin-top: 0;
	}
	.navigation a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 0 5px;
	}
	.navigation li {
		border-top: 0;
		padding: 0;
	}
	.navigation > li:last-child {
		border-bottom: 0;
	}
	.navigation li ul {
		/*margin-top: 0.5em;*/
	}
	.navigation li.active a:hover,
	.navigation a:hover {
		color: #d2a272;
	}
	/*.navigation ul {
		display: none;
	}
	.navigation span {
		display: none;
	}
	.navigation span.expand {
		display: inline;
	}
	.navigation .active span.expand {
		display: none;
	}
	.navigation .active span.collapse {
		display: inline;
	}
	.navigation .active ul {
		display: block;
	}*/
	.navigation li li {
		padding-left: 30px;
	}
/*	.navigation li.active li.active a {
*/
	.navigation li.active a {
		/*color: #fff;  #9b7e64 */
		padding-bottom: 5px;
	}
	.navigation li.active li a {
		padding: 0 0 0.5em;
	}
	.navigation li.active li a {
		color: #fff;
		text-decoration: none;
	}
	.navigation li.active li.active a {
		color: #c29263;
	}
	#logo a {
		display: block;
		/*background: url(../images/LOGO-DSK.png) no-repeat 50% 50%;*/
		background: url(../images/LOGO-DSK.svg) no-repeat 100% 100%;
		width: 100%;
		height: 125px;
	}

	.mobile-only,
	.tablet-only {
		display: none
	}
	.desktop-only {
		display: block;
	}

	.list li a {
		/*margin-bottom: 60px;*/
	}
	/* turn off responsivness on the images */
/*	.list-four li {
		width: 25%;
	}
	.list-four li:nth-child(3n+4) {
		clear: none;
	}
	.list-four li:nth-child(4n+5) {
		clear: left;
	}*/
	/*.list-three li {
		width: 33.33%;
	}
	.list-three li:nth-child(2n+3) {
		clear: none;
	}
	.list-three li:nth-child(3n+4) {
		clear: left;
	}*/
	.collection-list {
		float: none;
		margin-top: 0;
		width: auto;
	}
	.collection-list li {
		margin: 15px;
		width: auto;
	}
	.collection-list li img {
		width: auto;
		max-width: none;
		min-width: 0;
	}
	.collection-list li.large-image {
		width: auto;
	}
	.related-products {
		padding: 0;
		/*margin-top: -6px;*/
	}

	.tiled-list {
		width: 100%;
		height: 600px;
		position: relative;
	}
	.tiled-list .box {
		position: relative;
	}
	.tiled-list .box a {
		overflow: hidden;
		display: block;
		position: absolute;
		text-decoration: none;
	}
	.tiled-list .column {
		box-sizing: border-box;
	}
	.home .tiled-list h3 {
		color: #fff;
	}
	.tiled-list img {
		width: 100%;
		vertical-align: bottom;
	}
	.tiled-list .large-image img {
		width: 200%;
	}
	.tiled-list .large-image h3 {
		font-size: 2.5em;
	}
	.tiled-list .right-align img {
		margin-left: -100%;
		right: 0;
	}

	.tiled-list .column-one,
	.tiled-list .column-two,
	.tiled-list .column-three,
	.tiled-list .column-four {
		width: 25%;
		float: left;
	}
	.tiled-list .column-one {
		padding-right: 2%;
	}
	.tiled-list .column-two {
		padding-right: 2%;
	}
	.tiled-list .column-three {
		padding-right: 2%;
	}
	.tiled-list .column-four {

	}
	.tiled-list .outerWrapper {
		opacity: 0;
		transition: opacity 0.3s;
	}
	.tiled-list .tile .outerWrapper {
		background-color: transparent;
		opacity: 1;
	}
	.tiled-list a:hover .outerWrapper {
		opacity: 1;
		transition: opacity 0.3s;
	}
	.home .box-1 {
		margin-bottom: 30px;
	}
	.home .box-2 {

	}
	.home .box-3 {
		margin-top: 100%;
	}
	.home .box-4 {
		margin-bottom: 30px;
	}
	.home .box-5 {
		margin-top: 155%;
		margin-bottom: 30px;
	}
	.home .box-6 {
		margin-top: 50%;
		margin-bottom: 30px;
	}

	.home .box-7 img {
		margin-left: -108%;
		width: 208%;
	}

	.home header .banner h1 {
		font-size: 3.4em;
	}
	header .banner {
		padding-top: 8px;
	}

	header .banner p {
        display:block;
    }

	.home .banner {
		min-height: 115px;
	}


	.our-story .banner p {
		/*border-bottom: 1px solid #fff;*/
		margin-top:2%;
		/* display: inline; */
	}

    .our-story header .banner {
        padding-top: 0;
        /* min-height: 240px; */
    }



	.collection-page .box-1 {

	}
	.collection-page .tiled-list .box-1 img {
		margin-left: -108%;
		width: 208%;
	}
	.collection-page .box-2 {
		margin-top: 161%;
	}
	.collection-page .box-3 {
		margin-top: 10%;
	}
	.collection-page .box-4 {
		margin-top: 45%;
	}
	.collection-page .box-5 {
		margin-top: 70%;
		margin-bottom: 10%;
	}
	.collection-page .box-6 {
		margin-top: 43%;
	}
	.collection-page .box-7 {
		margin-top: 182%;
	}
	.collection-page .box-9 {
		margin-top: 30%;
	}
	.collection-page .tiled-list .box-7 img {
		margin-left: -108%;
		width: 208%;
	}
	.content-page .banner p {
		font-size: 1.8em;
		/* text-decoration: none; */
		/*border-bottom: 1px solid #fff;*/
		padding-bottom: 0;
		/* display: inline; */
		max-width:540px;
	}
	.vertical-align {
		display: table-cell;
	}
	.content-page .vertical-align img {
		margin-top: -50%;
		padding-top: 50%;
		vertical-align: middle;
	}
	.extra-padding {
		margin-top: 50px;
	}
/*	.list.range-list li a .image {
		display: block;
		background-color: #000;
		padding: 0;
	}*/
/*	.similar-finishes .list li a:hover img,
	.list.range-list li a:hover img {
		opacity: 0.35;
		transition: opacity 0.3s;
	}
*/	.container {
		padding: 0 55px;
	}
	.large-copy p {
		line-height: 1.335em;
	}
	.collection-list .scale-text h3 {
		font-size: 2.3vw;
	}
	.collection-page .collection-list h3,
	.collection-page .collection-list .scale-text h3 {
		/*font-size: 2.5vw;*/
	}
	.modal .oversized-container h1 {
		font-size: 3.75em;
	}
	body.our-story .related-products,
	body.manufacture .related-products,
	body.finishing .related-products,
	body.provenance .related-products,
	body.assembly .related-products {
		margin-top: 40px;
	}
	body.provenance main .left-column img {
		margin-top: 40px;
	}
	body.provenance main .right-column img {
		margin-bottom: 80px;
	}
	body.finishing main .left-column img {
		margin-top: 40px;
	}
	body.finishing main .right-column img {
		margin-bottom: 80px;
	}
	body.assembly main .left-column img {
		margin-top: 40px;
	}
	body.assembly main .right-column img {
		margin-bottom: 80px;
	}
	body.our-story .right-column img {
		margin-bottom: 65px;
	}
	.filters-toggle {
		background: transparent;
		padding: 0;
	}
	.filters-toggle h4 {
		display: none;
	}
	.filters-toggle .content {
		height: auto !important;
	}
	.filters {
		margin: 35px auto 0;
	}
	.filters li {
		margin: 0 10px 20px;
		width: auto;
	}
	.filters li a {
		padding: 12px 30px;
		background: #5f6666;
		line-height: 1.1em;
		color: #d4d0c8;
	}
	.filters li a:hover {
		text-decoration: underline;
	}
	.filters li a:hover,
	.filters li.active a {
		background: #46595a;
		color: #ebe7de;
	}
	ul.center {
		float: left;
		position: relative;
		left: 50%;
		display: block;
	}
	ul.center li {
		float: left;
		position: relative;
		right: 50%;
	}

	/* Distributors */
	.distributor-item-container {
	  	margin: 0 auto;
	  	width:790px;
		background:none;
	}

	.distributor-item-container li {
		width:180px;
		padding: 45px 25px 10px 25px;
		margin-right:45px;
                font-size:15px;
	}

	.distributor-item-container li:nth-child(3n) {
		margin-right:0px;
	}

    .news-list li,
    .news-list a {
    	display: block;
    	width: 257px;
    	height: 241px;
    }

    .news-list .outerWrapper {
    	height: 234px;
    	margin-top: 0;
    	display: table;
    	padding: 5px 10px;
    	box-sizing: border-box;
    	background-color: transparent;
    }

    .news-list h3 {
    	font-size: 1.6em;
    	text-transform: none;
    	color: #fff;
    	font-weight: 600;
    }
    .news-list h4 {
    	font-size: 1.2em;
    	color: #fff;
    	text-transform: none;
    	margin-bottom: 5px;
    }

    .news-list li .instagramBody {
    	width:100%;
    	height:155px;
    	padding:10px 3px;
    	/*background:blue;*/
    	overflow:hidden;
    }

    .news-list li .instagramBody {
    	width:100%;
    	height:155px;
    	padding:10px 3px;
    	/*background:blue;*/
    	overflow:hidden;
    }

    .news-list li .instagramBody p {
    	font-size: 1em;
    	text-transform: none;
    	color: #fff;
    }


    .tile h4 {
    	font-weight: 600;
    	text-align: center;
    	color: #fff;
    	font-size: 1.2em;
    	text-transform: none;
    }

    .tile h3 {
    	font-weight: 600;
    	text-align: center;
    	color: #fff;
    	font-size: 1.75em;
    	text-transform: none;
    }

    .actions a {
    	display: block;
    	width: 54px;
    	height: 54px;
    }



}
@media only screen and ( min-width: 1024px ) {
	.product-details-page .right-column {
		padding-left: 4.5%;
		width: 33.5%;
	}

	.product-details-page .intro {
        text-align:left;
	}

	.product-details-page .left-column {
		width: 58%;
	}
	.new-our-story .banner {
		margin-top: -15px;
	}
	.content-page .banner p {
		font-size: 2.5em;
	}

    .news-list li,
    .news-list a {
    	display: block;
    	width: 257px;
    	height: 241px;
    }

    .news-list .outerWrapper {
    	height: 234px;
    	margin-top: 0;
    	display: table;
    	padding: 5px 10px;
    	box-sizing: border-box;
    	background-color: transparent;
    }

    .news-list h3 {
    	font-size: 1.6em;
    	text-transform: none;
    	color: #fff;
    	font-weight: 600;
    }
    .news-list h4 {
    	font-size: 1.2em;
    	color: #fff;
    	text-transform: none;
    	margin-bottom: 5px;
    }

    .news-list li .instagramBody {
    	width:100%;
    	height:155px;
    	padding:10px 3px;
    	/*background:blue;*/
    	overflow:hidden;
    }

    .news-list li .instagramBody p {
    	font-size: 1em;
    	text-transform: none;
    	color: #fff;
    }


    .tile h4 {
    	font-weight: 600;
    	text-align: center;
    	color: #fff;
    	font-size: 1.2em;
    	text-transform: none;
    }

    .tile h3 {
    	font-weight: 600;
    	text-align: center;
    	color: #fff;
    	font-size: 1.75em;
    	text-transform: none;
    }

    .actions a {
    	display: block;
    	width: 54px;
    	height: 54px;
    }

}
@media only screen and ( min-width: 1366px ) {
	header.js-with-banner-image {
		background-size: cover;
	}

	header.js-with-banner-image .header-content {
		max-height: 464px;
		/*min-height: 580px;*/
	}
	.content-page .banner p {
	}
	.new-provenance header .banner {
		padding-top: 40px;
	}

    .news-list li,
    .news-list a {
    	display: block;
    	width: 257px;
    	height: 241px;
    }

    .news-list .outerWrapper {
    	height: 234px;
    	margin-top: 0;
    	display: table;
    	padding: 5px 10px;
    	box-sizing: border-box;
    	background-color: transparent;
    }

    .news-list h3 {
    	font-size: 1.6em;
    	text-transform: none;
    	color: #fff;
    	font-weight: 600;
    }
    .news-list h4 {
    	font-size: 1.2em;
    	color: #fff;
    	text-transform: none;
    	margin-bottom: 5px;
    }

    .news-list li .instagramBody p {
    	font-size: 1em;
    	text-transform: none;
    	color: #fff;
    }


    .tile h4 {
    	font-weight: 600;
    	text-align: center;
    	color: #fff;
    	font-size: 1.2em;
    	text-transform: none;
    }

    .tile h3 {
    	font-weight: 600;
    	text-align: center;
    	color: #fff;
    	font-size: 1.75em;
    	text-transform: none;
    }

    .actions a {
    	display: block;
    	width: 54px;
    	height: 54px;
    }



}


}