@media screen and (max-width: 999px) {
	
	#dsmode { width: 11px; }
	
	#canvas {
		width: auto;
		margin: 0;
		box-shadow: none;
	}
	
/* 	#button-catalogue, */
/* 	#topMenu, */
	#categoryMenu {
		display: none !important;
	}
	
	
	#mainContent {
		margin-left: 0;
	}
	
	#main {
		background: #eee;
	}
	
	#header {
		vertical-align: top;
		z-index: 1
	}
	
	#logo {
		vertical-align: top;
	}
	#topMenu {
		position: relative;
		display: inline-block;
		right: auto;
		top: auto;
	}
	
	#mainMenu {
		padding-left: inherit;
		text-align: center;
		background: #555;
	}
	
	#mainMenu a {
	    height: 48px;
	    line-height: 48px;
/* 	    padding: 0 20px; */
	}
	#search .searchformContainer {
	    margin-top: 13px;
	}
	
	#mobileCatalogueSelectorContainer {
		display: block;
		background: #999;
		padding: 0.7em 10px;
		margin-right: 170px;
		text-align: center;
	}
	#mobileCatalogueSelectorContainer label {
		width: auto;
		margin: 0.15em 1em 0.25em 0;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 90%;
		font-weight: bold;
	}
	#mobileCatalogueSelectorContainer select {
		font-family: inherit;
		font-size: 100%;
		margin-bottom: 0.2em;
	}
	
	.grid-list li {
		height: 320px;
	}
	
	.grid-list .cover img {
		width: 190px;
		height: 190px;
	}
	
	.grid-list .cart-button { left: 0px; }
	.grid-list .price { left: 35px; }
}	

@media screen and (max-width: 885px) {
	
	#dsmode { width: 12px; }
	
	#main {
		margin-right: 10px;
	}
	#search .searchformContainer {
		display: none;
	}
	#mobileSearch { display: inline-block; }
	
/* 	#mainContent .searchformContainer { */
/* 		display: block; */
/* 	} */
	
	#topMenu {
		display: none !important;
	}

	#additionalInfoContainer {
		display: none;
	}
	#mainMenu {
		border-right: 0;
		margin-right: 10px;
	}
	
	#search {
		width: auto;
	}
	#searchButtonContainer {
		display: none;
/* 		width: auto; */
/* 		margin: auto; */
/* 		padding: 0; */
/* 		background: none;		  */
	}
	#searchButtonContainer a:hover {
		cursor: pointer;
	}
	.button-search:hover {
		background-position: -450px -70px;
	}	
	
	#mobileCatalogueSelectorContainer {
		display: block;
		margin-right: 10px;
	}
	
	.button-search {
		max-width: 150px;
		min-width: 76px;
		width: 76px;
		width: calc(100vw - 212px - 20px);
	}
}
@media screen and (max-width: 680px) {
	
	#dsmode { width: 13px; }
	
	#canvas { padding-left: 0; }
	
	#mobileCatalogueSelectorContainer,
	#mainMenu,
	#main { 	margin-right: 0; }
	
/* 	#mainMenu a { padding: 0 15px; } */
	#mainContent { padding-left: 10px; padding-right: 10px; }
	
	.grid-list {
		font-size: 100%;
	}
	.grid-list li {
		width: 48%;
		height: 340px;
	}
		
	.grid-list li.separator.n3 { display: none; }
	.grid-list li.separator.n2 { display: list-item; }
	
	.grid-list .cover img {
		width: 210px;
		height: 210px;
	}
	
}
@media screen and (max-width: 639px) {
	
	#dsmode { width: 15px; }
	
	#mainMenu #mainMenu-withdrawal {
		display: none;
	}
	
/* 	#mainMenu { */
/* 		padding: 0.5em 0; */
/* 	} */	
/* 	#mainMenu a { */
/* 		display: block; */
/* 		height: 40px; */
/* 		line-height: 40px; */
/* 		padding: 0 10px; */
/* 	} */
/* 	#mainMenu a.active, */
/* 	#mainMenu a:hover { */
/* 		background: #666; */
/* 	} */
	
	#mobileCatalogueSelectorContainer {
/* 		text-align: right; */
/* 		text-align: left; */
	}
	
	.result-list  { display: inherit; font-size: 100%; }
	.result-list .head { display: none; }
	.result-list > li { display: block; clear: both; overflow: hidden; padding: 5px; }
	.result-list > li > div { display: block; border: none !important; }
	.result-list .cover {
		height: auto;
	    width: 120px;
	    float: left;
	    margin-right: 5px;
	}
	
	.result-list .empty { display: none; }
	
	.result-list .title,
	.result-list .artist,
	.result-list .product,
	.result-list .format,
	.result-list .style,
	.result-list .price,
	.result-list .count,
	.result-list .basket { 
		width: auto;
		border: none !important;
/* 		margin-left: 110px;  */
	}
	
/* 	.result-list .title, */
/* 	.result-list .artist, */
/* 	.result-list .product, */
	.result-list .price {
		font-size: 110%;
	}
	
	.result-list .price {
		text-align: left !important;
		white-space: nowrap;
		position: relative;
		top: 0.25em;
		left: 35px;
	}
	.result-list .count {
		text-align: left !important;
	}
	.result-list .count .mobile-title {
		visibility: visible;
	}
	
	.result-list .basket {
		position: relative;
		top: -1.65em;
	}
	.result-list.cart .price {
		top: auto;
		left: auto;
	}
	.result-list .actions {
		text-align: left;
	}
	
	.result-list > li.no-cover .cover { display: none; }
	
	.result-list > li .value { margin-left: 130px; }
	.result-list > li.no-cover .value { margin-left: 0; } 
	
}

@media screen and (max-width: 550px) {
	
	#dsmode { width: 16px; }

	.grid-list li {
		width: 48%;
		height: 310px;
	}
	
	.grid-list .cover img {
		width: 180px;
		height: 180px;
	}
	.details .cover {
    	float: none;
	}
}

@media screen and (max-width: 500px) {
	
	#dsmode { width: 17px; }
	
	#mainMenu #mainMenu-agb {
		display: none;
	}
	
	#mainMenu a {
		padding: 0 30px;
	}
	
	#header {
		height: auto;
	}
	#mobileSearch {
		display: block;
		width: 100%;
		float: none;
		margin-right: 10px;
	}
	#mobileSearch input {
/* 		width: 100%; */
/* 		line-height: 30px; */
/* 		padding: 0 5px; */
/* 		font-size: 110%; */
	}
	
	
	.grid-list {
		width: 100%;
	}
	
	.grid-list li {
		width: 100%;
		height: 370px;
		height: auto;
		padding-bottom: 2.75em;
		margin-right: 0;
		margin-bottom: 2em;
		border-bottom: 1px solid #999;
	}
	
	.grid-list li.separator.n3 { display: none; }
	.grid-list li.separator.n2 { display: none; }
	
	.grid-list .cover img {
		width: 210px;
		height: 210px;
	}
	
	.grid-list .description .artist { display: inline; }
	.grid-list .description .artist:after {
		display: inline-block; 
		content: " – ";
		margin: 0 0.5em;
	}
	
	.grid-list .cart-button { bottom: 1.5em; }
	.grid-list .price { bottom: 1.9em; }
	
	.page-action-list .link-button,
	.link-button {
	    min-width: auto;
	    padding: 18px 12px;
	}
	
}

@media screen and (max-width: 500px) {
	
	#dsmode { width: 18px; }
	
	#header {
		height: auto;
	}
	#logo { display: block; }
	#logo a { width: auto; height: 75px; }
	#mobileSearch {
		display: block;
		width: 100%;
		float: none;
		margin: -7px 0 8px 0;
		padding: 10px;
		background: #888;
	}
	#mobileSearch input {
		z-index: 0;
/* 		width: 100%; */
/* 		line-height: 30px; */
/* 		padding: 0 5px; */
/* 		font-size: 110%; */
	}
}

@media screen and (max-width: 390px) {
	
	#dsmode { width: 20px; }
	
	#mobileCatalogueSelectorContainer label {
		display: block;
		margin-right: 0;
	}
	
}