/************************************************************************ TABLETS LANDSCAPE *************************************************************/	

@media (max-width: 1420px) {
.header {
	width: inherit;
}
.logo {
	float: none;
	width: 100%;
	height: 143px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.main-nav {
	float: none;
	width: 100%;
	height: 100%;
	padding:0px 0px 0px 0px;
}
.main-nav-squeeze {
	width: 500px;
	margin: 0 auto;
}
.body-content {
	width: 100%;
}
ul.cssmenu {
	display: none;
}
ul.cssmenu-tablet {
	display: inline;
}
.single-column {
	width: 70%;
}
.shop-cover {
	width: 34%;
}
}

/************************************************************************ EXTRA SHOP STYLES 1 *************************************************************/	

@media (max-width: 1300px) {
.shop-column-1 {
	float: none;
	width: 100%;
	clear:both;
}
.shop-column-2 {
	float: none;
	width: 80%;
	padding:0px 0 0 0%;
	margin: 2.5em auto;
	clear:both;
}
.shop-cover {
	margin: 0;
	width: 23%;
	padding:0px 0% 0px 0%;
}
.shop-description {
	width: 74%;
	padding:0px 3% 0px 0%;
}
img.shop {
	border: 1px solid #bfbfbf;
}
.paypal {
	margin: 0 auto;
}
}

/************************************************************************ TABLETS PORTRAIT *************************************************************/

@media (max-width: 830px) {
.logo {
	height: 100%;
	padding:0px 0px 5px 0px;
}
#menu-button {
	display:inline;
}
#top-button {
	display:inline;
}
.single-column {
	width: 100%;
	padding:15px 0px 15px 0px;
}
.mobile-menu {
	padding: 30px, 0, 0, 0;
}
ul.cssmenu-tablet {
	display: none;
}
.footer {
	display: none;
}
.cssmenu-smartphone {
	width: 100%;
	display: block;
}
body {
	padding-left: 20px;
	padding-right: 20px;
}
.container {
	width: auto;
}
.main-nav {
	height: 100%;
	padding: 20px, 0, 0, 0;
}
.main-nav-squeeze {
	width: 70%;
	margin: 0 auto;
}
.caption {
	font-size: 1.1em;
}
.shop-column-2 {
	margin: 0em auto;
}
.shop-cover {
	width: 40%;
}
.shop-description {
	width: 57%;
}
img.shop {
	border: 1px solid #bfbfbf;
	width: 100%;
	height: 100%;
}

.big-image {
	margin: 1em 0 0 0;
	padding: .5em;
	border: 1px solid #CCC;
}

/************************************************************************ EXTRA SHOP STYLES 2 *************************************************************/

@media (max-width: 600px) {
 .shop-cover {
	float: none;
	width: 58%;
	margin: 0 auto;
	padding:0;
}
 .shop-description {
	width: 58%;
	margin: 0 auto;
	padding:0;
}
.image-on-left {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
}

/************************************************************************ SMARTPHONES *************************************************************/

@media (max-width: 575px) {
.mobile-menu {
	width: 70%;
}
.shop-cover {
	width: 68%;
}
.shop-description {
	width: 68%;
}
}
 @media (max-width: 480px) {
.main-container {
	width: 100%;
	padding: 10px 0px;
}
.header {
	width: 100%;
}
.container {
	width: auto;
}
.audio-column-1 {
	float: none;
	width: 100%;
	padding:10px 0% 0px 0%;
}
.audio-column-2 {
	float: none;
	width: 100%;
	padding:0px 0% 0px 0%;
}
img.album-cover {
	border: 1px solid #bfbfbf;
	float: none;
	margin: 10px 5px 0px 0px;
}
img.vinyl-cover {
	float: none;
	margin: 10px 5px 0px 0px;
}
img.paypal-button {
	float: none;
	margin: 0px 0px 0px 15px;
}
.caption {
	font-size: 1em;
}
.shop-cover {
	width: 80%;
}
.shop-description {
	width: 80%;
}
.mobile-menu {
	width: 100%;
}
.big-image {
	margin: .5em 0 0 0;
	padding: .5em;
	border: 1px solid #CCC;
}

}