@media all and (min-width: 1100px) {
	footer .flex > div:not(:last-of-type){
		display: -webkit-box;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display:flex;

	}

}

@media all and (min-width: 1000px) {
	footer .flex{
		-webkit-justify-content: center;
    	-ms-flex-pack: center;
    	justify-content: center;
		
	}
	footer .flex > div:not(:last-of-type) .options{
	  margin-right:4em;
	  -webkit-transition: all 200ms ease-out;
    -moz-transition:all 200ms ease-out;
    -ms-transition:all 200ms ease-out;
    -o-transition:all 200ms ease-out;
    transition: all 200ms ease-out;
	}

	footer .flex .flex{
		width:auto;
	}
}

@media all and (max-width: 900px) {
	.gallery a {
	  width:31.3%;
	  margin:1%;
	}

}

@media all and (max-width: 900px) and (min-width: 700px) {
	.home .divide{
		height:85vh;
	}
}

@media all and (max-width: 700px) {
	footer > .flex {
		flex-direction:column;
	}

	footer .flex .flex{
		width:auto;
		-webkit-justify-content: space-between;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
	}

	footer > .flex > .flex:last-of-type{
		-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start !important;
	}

	footer .flex .flex > div{
		width:auto;
	}

	body{
		font-size: 1.2em;
		-webkit-transition: all 200ms ease-out;
   	 	-moz-transition:all 200ms ease-out;
    	-ms-transition:all 200ms ease-out;
    	-o-transition:all 200ms ease-out;
    	transition: all 200ms ease-out;
	}

	header {
		font-size:.6em;
	}

	header > div:last-of-type{
		font-size:1.1em;
	}

	.home .divide{
		height:auto;
	}

	.home .content > .divide {
		display: inline-block !important;
	}
	.home .content > .divide > div{
		width:100%;
		font-size: 1em;
		height:60vh;
	}

	.home .content > .divide > .img{
		height:90vh;
	}

	.home .content{
		margin-top:3.4em !important;
	}

	body:not(.home) .content{
		margin-top: 5em !important;
	}

	.content .margin{
	  margin:1em 7%;
	}

	#cart-panel{
	  width:80%;
	  font-size: .9em;
	   -webkit-transition: all 200ms ease-out;
	    -moz-transition:all 200ms ease-out;
	    -ms-transition:all 200ms ease-out;
	    -o-transition:all 200ms ease-out;
	    transition: all 200ms ease-out;
	}

	.divide.flex.text{
		display: inline-block !important;
	}
	.divide.flex.text > *{
		width:100%;
	}

	.divide.flex.text > *{
		padding-top: 60%;
	}

	.divide.flex.text > figure ~ figure{
	  width:100%;
	  margin-left: 0;
	  margin-top: .5em;
	}

	.divide.flex.text .margin{
		max-width:100%;
	}

	.contact > div p{
	  margin:2em 0;
	  font-size: .9em;
	}

	.divide.flex.text .margin{
		width:100%;
	}

	.gray .form{
		padding-top:0;
	}

	.divide.flex.gray{
		padding:2em 0;
	}

	.divide.flex.gray .margin{
	  margin: 1em 0;
	}

	.divide.flex.gray h2, .divide.flex.gray h3{
		margin:1em 0;
	}

	.details h2, .details h3{
		margin-top: 1em !important;
	}

	#checkout .summary{
		position: relative;
		display: inline-block;
		height:auto;
		z-index:1;
	}

	#checkout .summary .margin{
		width:86% !important;
	}

	#checkout > .content > .divide.flex{
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
		-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	    flex-direction: column-reverse;
	}
	
	.right-img{
		display: flex !important;
		-webkit-flex-direction: column-reverse;
	    	-ms-flex-direction: column-reverse;
    		flex-direction: column-reverse;
	}

	#checkout .summary #cart-items{
		display: none;
		width:100%;
		height:auto;
		margin-top: 1em;
	}

	#checkout .summary #cart-items.show{
		display: inline-block;
	}

	#checkout .summary h2{
		margin:.5em 0 0 0;
		width:100%;
	}

	#checkout .breadcrumb{
		margin-top:0;
	}

	#checkout .divide.flex.text > div:not(.summary) .margin{
		width:100%;
	}
	#checkout .divide.text.flex > div:first-of-type > .margin > *:nth-child(1):not(.breadcrumb){
		margin-top: 1em;
	}

	#checkout #logo a{
		width:4em;
		height:4em;
	}

	#checkout .summary h2 .arrow{
		top:0;
	}

	#checkout .summary h2.active .arrow{
		top:.5em;
	}
	#account .orders > .flex > div{
	  margin-right:1em;
	  margin-bottom: .5em;
	}

	#account .select-selected{
		width: 90% !important;
	}


}


@media all and (min-width: 700px){
	
	.right-img{
		-webkit-flex-direction: row;
	    	-ms-flex-direction: row;
    		flex-direction: row;
	}

	.home header.init{
	  background-color: transparent !important;
	  color:white;
	  -webkit-transition: all 400ms ease-out;
	    -moz-transition:all 400ms ease-out;
	    -ms-transition:all 400ms ease-out;
	    -o-transition:all 400ms ease-out;
	    transition: all 400ms ease-out;
	}

	header.init a:hover, header.init input[type=submit]:hover, header.init .lang.active, header.init #cart:hover{
	  color:#C69B54;
	}

	header.init .tooltip, header.init .search ~.tooltip input{
	  background-color: #BE1F2C;
	  color:white;
	}

	header.init .search > a{
	  background-image: url(../images/search-wh.svg);
	}


	#checkout .summary h2 .arrow{
		display: none;
	}

	
}

@media all and (max-width: 650px){	
	footer .flex{
		flex-direction: column;
		padding:0;
	}

	footer .flex > div .options{
		margin:0 !important;
	}

	footer .options{
		border-bottom:1px solid #C69B54;
		padding-bottom:1.4em;
	}

	footer .options > a{
		width:100%;
		padding:1.5em 2em 0 2em;
		margin:0;
		border:none;
	}

	footer .options > a:hover{
		color:#C69B54;
	}

	.subfooter{
		padding:0 2em;
		margin-top:2em;
	}

	footer a.visible .arrow{
		display: inline-block;
	}

	header .lang, header span{
		display:none;
	}

	header > div:last-of-type > *:nth-child(n+4){
		margin-right: 0;
	}

	header .search > a{
		width:1.4em;
	}
	header .search ~ .tooltip{
		position: fixed;
		top:5.1em;
		width:100%;
		text-align: center;
		-webkit-transition: all 200ms ease-out;
   	 	-moz-transition:all 200ms ease-out;
    	-ms-transition:all 200ms ease-out;
    	-o-transition:all 200ms ease-out;
    	transition: all 200ms ease-out;
	}
	
	header .search ~.tooltip input{
		width:80%;
	}

	.home .content > div:not(.divide){
	  padding:2em
	}

	.home .brands .flex{
		-webkit-flex-direction: column;
    	-ms-flex-direction: column;
    	flex-direction: column;
	}

	.home .brand{
		width:70%;
		padding-top: 70%;
		margin:.5em auto;
	}

	#account .flex.divide{
		display: inline-block;
	}

	#account .flex.divide > div{
		width:100%;
	}

	.modal .scroll input[type='button']{
		width:100%;
	}

	.modal .scroll ul{
	  padding-left:1em;
	}
}

@media all and (min-width: 650px){
	nav .lang{
		display:none;
	}
}


@media all and (max-width: 700px) and (min-width: 650px){
	footer > .flex{
		padding:2em 10em;
	}
}

@media all and (max-width: 600px){	
	.custom-select{
		text-align: center;
	}
	.select-items {
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    max-height:calc(100vh - 12.5em);
	    overflow-x:auto;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	}
	.select-items div:not(.same-as-selected), .same-as-selected{
		padding:1em;
		width:100%;
	}
	.select-selected{
		width:100% !important;
		padding:.8em 1em .5em 1em;
	}

	.details .custom-select{
		text-align: left;
	}

	.gallery a {
	  width:48%;
	  margin:1%;
	}

	.orders.details > .item{
		-webkit-flex-direction: column;
    	-ms-flex-direction: column;
    	flex-direction: column;
	}

	#account .orders.details > .flex > div{
		min-width:100% !important;
		margin-bottom: .7em;
	}
}

@media all and (max-width: 500px){	
	header > div{
		width:auto;
	}
	header > div:last-of-type{
		width:100%;
	}

	nav, #cart-panel{
		width:100%;
		-webkit-transition: all 200ms ease-out;
   	 	-moz-transition:all 200ms ease-out;
    	-ms-transition:all 200ms ease-out;
    	-o-transition:all 200ms ease-out;
    	transition: all 200ms ease-out;
	}

	#logo{
		display:none;
	}
	#checkout #logo{
		display: inline;
	}

	#checkout header{
		padding:1em;
	}

	#menu-btn{
		left:1em;
		top:1em;
		-webkit-transition: all 200ms ease-out;
   	 	-moz-transition:all 200ms ease-out;
    	-ms-transition:all 200ms ease-out;
    	-o-transition:all 200ms ease-out;
    	transition: all 200ms ease-out;
	}

	header{
		padding:2em 1em;
	}
	nav > div:first-of-type{
		height:4em;
		-webkit-transition: all 200ms ease-out;
   	 	-moz-transition:all 200ms ease-out;
    	-ms-transition:all 200ms ease-out;
    	-o-transition:all 200ms ease-out;
    	transition: all 200ms ease-out;
	}

	body:not(.home):not(#checkout) .content{
		margin-top:4em !important;
	}

	.home .content .icons{
		max-width:20em;
	}

	.gallery a {
	  width:98%;
	  margin:1%;
	}
	.center{
	  text-align: center;
	  width:90%;
	  margin:0 auto;
	}

	.center .flex{
	  display: inline-block;
	}

	.center .flex > div{
	  text-align: center;
	  margin: .5em 0 1em 0;
	}


	#cart-panel #cart-items > .item.flex {
		display:inline-block;
		width:100%
	}

	#cart-panel #cart-items > .item.flex > *{
		width:100%;
	}

	#cart-panel h3, .summary h3{
		font-size:1em;
	}

	#cart-items .selected-material > div{
		width:2em;
		height:2em;
	}

	.modal{
		width:100% !important;
		height:100% !important;
		padding:1em;
	}

}