@media screen and (max-width: 1500px) {
	.flexItem.title h2 {
		letter-spacing: .2rem;
	}

	.sideBar h1 {
		font-size: 4.6rem;
	}

	.sideBar h2 {
		font-size: 3.4rem;
	}
}

@media screen and (max-width: 1240px) {
	/* 2colums */
	html {
		border-top-color: rgb(255, 255, 2);
		font-size: 15px;
	}

	div.moodNavi {
		height: 8rem;
		flex-basis: 8rem;
	}

	div.moodNavi .item h1 {
		font-size: 2rem;
		line-height: 2rem;
	}

	.search i span {
		display: none;
	}

	.search {
		margin-left: auto;
	}

	.search i:before,
	.search i {
		padding: 0;
		border: 0;
		margin: 0;
		position: relative;
	}

	.flexItem.title h2 {
		letter-spacing: .5rem;
	}

	.sideBar h1 {
		font-size: 4rem;
	}

	.sideBar h2 {
		font-size: 2.8rem;
	}
	
	.flexCollection div.flexItem.header.basket{
		margin-left: 0;
		margin-top:2rem;
	}
}

@media screen and (max-width: 800px) {
	/*SMARTPHONE*/
	.onlyMobile {
		display: block;
	}

	.onlyDesktop {
		display: none;
	}

	html {
		border-top-color: rgb(255, 255, 1); /* 1column */
		font-size: 14px;
	}

	body.splash[data-node_id='1271'],
	body.splash[data-node_id='1'],
	body.main[data-node_id='1271'],
	body.main[data-node_id='1'] {
		position: fixed;
	}

	header > ul {
		display: none;
	}

	div.grabHandle {
		margin-left: calc(50% - 2.5rem) !important;
	}


	div.moodNavi .item {
		flex: 0 0 30%;
	}

	.flexItem.title {
		height: auto;
	}

	div.flexItem {
		width: 100%;
	}

	.onPageCMSControls,
	.flexItem.header .content > div:last-child,
	footer {
		display: none;
	}

	.flexItem.header .content > div.logoContainer:last-child{
		display:block;
	}

	.flexItem.header .content > div.logoContainer img{
		float:right;
	}

	body div.debug {
		/*	display: none !important; */
	}

	/***SPLASH***/
	div.splash .sectionLogos a img {
		margin: 0 auto 1.5rem auto;
		display: block;
	}

	div.splash img.claim {
		width: 60%;
	}

	div.splash img.logo {
		width: 90%;
	}

	div.splash .sectionLogos {
		display: block;
	}

	/***HOME SLIDER****/
	div.sliderItem {
		display: flex;
		flex-direction: column;
	}

	div.sliderItem .sideBar,
	div.sliderItem .image {
		width: 100%;
		height: auto;
		float: none;
		display: block;
	}

	div.sliderItem .sideBar {
		flex: 1 1 25%;
		padding-top: .5rem;
		padding-bottom: 1.5rem;
	}

	div.sliderItem .image {
		height: 100%;
		flex: 1 1 auto;
	}

	div.sideBar .logoContainer img,
	.flexItem.title .logoContainer img {
		margin-top: 2rem;
	}

	.sideBar .logoContainer {
		justify-content: center;
	}

	.sideBar h1 {
		font-size: 3.4rem;
	}

	.sideBar h2 {
		font-size: 2.2rem;
		margin-top: 0rem;
	}


	/***HEADER****/
	header {
		padding: 1.25rem;
		height: 4rem;
	}

	header .logos {
		width: 15rem;
	}

	div.megaDropdown {
		position: fixed;
		z-index: 4;
		top: 4rem;
	}

	main {
		padding-top: 4rem;
	}

	.moodNavi {
		margin-top: -2rem;
	}

	.search i:before {
		top: 0;
	}


	/***TILES****/
	[data-csp4col="2"] .textColumn {
		column-count: 1;
	}

	.flexItem.header .content > div:first-child {
		width: 100%;
		grid-column: 1 / span 2;
		display: block;
	}

	div.content_collection_item {
		display: block;
	}

	div.content_collection_item.first,
	.flexCollection div.flexItem.header {
		width: 100%;
	}

	.flexItem.title .logoContainer img{
		max-width: 300px;
	}

	/***ELEMENTS****/
	input[type="text"],
	input[type="email"],
	input[type="date"] {
		height: 2.2rem;
	}


	/*****MEGA DROPDOWN*****/
	div.megaDropdown .content {
		padding: 0 1.25rem;
	}

	body.showMegeMenu div.megaDropdown:before {
		left: 1.25rem;
		right: 1.25rem;
	}

	body.showMegeMenu div.megaDropdown {
		height: 81%;
		max-height: 81%;
	}

	body.showMegeMenu div.megaDropdown .content {
		height: 97%;
		max-height: 97%;
		overflow-x: hidden;
		overflow-y: auto;
	}

	body.showMegeMenu div.megaDropdown .grabHandle {
		bottom: -2.7rem;
	}


	body div.megaDropdown .content {
		display: flex;
		height: auto;
		max-height: 0;
		flex-wrap: nowrap;
	}

	body div.megaDropdown .content {
		height: auto;
		max-height: 0;
	}


	.megaDropdown .onlyMobile > ul:first-child li {
		position: relative;
		display: inline-block;
	}

	.megaDropdown .onlyMobile > ul:first-child li:before {
		bottom: 2px;
	}

	.megaDropdown div.onlyMobile {
		width: 8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	div.megaDropdown .grab:before {
		box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.13);
	}

	header > ul li:hover:before,
	header > ul li.selected:before,
	.megaDropdown .onlyMobile > ul:first-child li.selected:before {
		opacity: 1;
	}

	.megaDropdown .onlyMobile {
		margin-right: 2.5rem;
	}

	.megaDropdown .onlyMobile ul:first-child a {
		font-weight: bold;
	}

	body .megaDropdown .content .onlyMobile + ul {
		text-transform: none;
		width: 100%;
	}

	div.megaDropdown .content ul.footerNavi {
		padding-bottom: 0;
	}

	div.megaDropdown .content ul.footerNavi li a {
		font-size: 1rem;
		padding: .2rem 0;
	}

	div.megaDropdown ul.footerNavi li:nth-child(2):after {
		content: ' ';
		display: none;
	}

	div.megaDropdown ul.onlyMobile li {
		white-space: normal;
		display: flex;
		align-items: center;
	}

	div.megaDropdown ul.onlyMobile li i {
		padding: .6rem .6rem .6rem 1.5rem;
		line-height: 1.55rem;
		margin-left: auto;
	}

	div.megaDropdown ul.onlyMobile li.back i,
	div.megaDropdown ul.onlyMobile li.back span{
		margin-left: 0;
		margin-right: .8rem;
		padding-left: 0;
		margin-bottom: 1rem;
	}

	div.searchResults div.searchResultsContent {
		padding: 1rem;
	}

	h3.breadcrumb i, h3.breadcrumb a {
		margin-bottom: 0;
	}
	
	div.layout{
		flex-wrap: wrap;
	}
	
	div.halfColumn{
		width:100%;
		padding:0;
	}
	
	div.halfColumn:last-of-type{
		margin-top:4rem;
		padding:0;
	}
	
	
	.basketItem > div:last-child{
		padding-left:0;
	}
	
	.basketItem > div{
		align-content: flex-start;
	}
}

div.flexCollection[data-columncount='4'] div.flexItem[data-csp4col='2'] {
	width: 50%;
}

div.flexCollection[data-columncount='2'] div.flexItem[data-csp2col='2'] {
	width: 100%;
}

div.flexCollection[data-columncount='4'] div.flexItem[data-csp4col='4'],
div.flexCollection[data-columncount='4'] div.flexItem[data-csp4col='4'].header.hasImg {
	width: 100%;
}

div.flexCollection[data-columncount="2"] div.content_collection_item.first {
	width: 100%;
}

div.flexCollection[data-columncount="4"] div.flexItem[data-csp4col="3"] {
  width: 75%;
}