@charset "utf-8";
/* CSS Document */
input.resp-nav, label.resp-nav { display:none; cursor:pointer !important; }

/* MENU */
@media screen and (max-width: 1440px), screen and (max-device-width: 1440px), screen and (max-width: 1440px) {
	#header ul.menu a { font-size:18px; }
	#header div.logo { width:240px !important; }
}
@media screen and (max-width: 1280px), screen and (max-device-width: 1280px), screen and (max-width: 1280px) {
	#header ul.menu a { font-size:16px; }
	#header div.logo { width:180px !important; padding:25px 0; }
	ul.menu > li + li { margin-left: 5px; }

	div.related div.list > div {
		width:25%;
	}

	/* X-SMALL LIST */
	div.list.x-small div.info {
		display: block;
		padding:10px 0;
		margin-left: 1em;
	}
	div.list.x-small div.info * {
		text-align: left !important;
	}
	div.list.x-small div.info div.item_no {
		left:20px;
	}
}
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
	#header ul.menu a { font-size:14px; }
	#header div.logo {width:160px !important; }
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
	label.resp-nav { 
		display:inline-block; 
		padding:3px 10px; 
		z-index:9999; 
		border-radius:3px; 
		text-indent:-9999px;
		width:36px;
		height:36px;
		background: url(../images/menu.png) center center no-repeat #8131ee;
		transition:background-color .3s;
	}
	label.resp-nav.account { 
		display:inline-block; 
		z-index:9998; 
		border-radius:3px; 
		font-weight:600; 
		text-transform: uppercase; 
		background: url(../images/login.png) center center no-repeat #104f9d;
		width:36px;
		height:36px; 
		transition:background-color .3s;
	}
	label.resp-nav.account:hover { 
		background: url(../images/login.png) center center no-repeat #041327;
	}
	#shop-account {
		position: absolute;
		top:36px;
		background:#e8f2fe;
		right:0px;
		padding:10px 15px 10px 10px;
		visibility:hidden; 
		opacity:0;
		border-radius:3px; 
		transform:none;
		margin-right: 0px;
	}
	#account {
		white-space: nowrap;
	}
	#header div.menu {
		position: fixed;
		right:1.8%;
		top:1.8%;
		z-index: 70;
	}
	#header div.bottom {
		display:block;
	}
	ul.menu { 
		visibility:hidden; 
		opacity:0; 
		position:absolute; 
		right:0px; 
		top:37px; 
		background:#181818; 
		z-index:100; 
		border-radius:3px; 
		overflow: hidden;
	}
	ul.menu a { 
		line-height:22px; 
		color:#fff; 
		display: block; 
		padding:7px 20px !important; 
		white-space: nowrap; 
		font-family: inherit !important; 
	}
	#in-cart { display:none !important; }
	ul.menu > li { height:auto !important; padding:0px; display:block; border-top:1px dotted #fff;  margin:0 !important; }
	ul.menu > li a { line-height: normal; height:auto; font-size: 16px !important; border-radius:0px !important; }
	ul.menu li.lang { float:none; }
	ul.menu li.lang a { color: #fff !important; }
	ul.menu li:first-child { border-top:none; }
	
	ul.menu li.search { display:none; }
	ul.menu ul, ul.menu > li:after { display:none; }
	ul.menu > li.supermenu { display:none !important; }

	input[class="resp-nav"]:checked ~ ul, input.resp-nav.account:checked ~ div#shop-account 
	{ visibility:visible !important; opacity:1 !important; transition:all .3s; }

	#header div.page-title {
		display:none;
	}
	#header div.links {
		margin:0 auto;
	}
	#header div.logo {
		width:280px !important;
		margin: 0 auto;
	}

	/* LIST */
	div.list > div {
		width:31%;
	}
	div.strings.list h5 {
		font-size:36px;
	}
	div.text *,
	div.strings.list p {
		font-size:18px;
	}
	div.list > div {
		margin-top: 5%;
	}

	/* PRODUCT */
	div.product-details {
		flex-direction: column-reverse;
	}
	/*div.product.list {
		flex-direction: column;
	}*/
	div.product.list.small {
		flex-direction:row;
	}
	div.list.small > div {
		width:48%;
	}
	div.product-details > div.related {
		display:none;
	}
	div.product-details > div {
		width:100% !important;
	}
	div.product-details div.photos {
		margin-top: 4%;
		width:80%;
	}
	div.product-details div.th-holders {
		white-space: normal !important;
		left: 0px !important;
	}
	div.product-details div.nav-holder > a {
		display:none;
	}
	div.product-details > div {
		width:100% !important;
	}

	* {
		font-size:16px;
	}

	/* FOOTER */
	#footer div.c {
		display: block;
	}

	#footer div.c > div {
		text-align: center;
	}
	#footer div.c > div + div {
		margin-top: 2%;
	}

	/* STRING THEORY */

	div.string-theory-texts h4 {
		font-size: 2em;
	}
	div.string-theory-texts h5 {
		font-size: 1.3em;
		white-space: nowrap;
	}
}

@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	/* LIST */
	div.list > div {
		width:42%;
	}
	* {
		font-size:14px;
	}
	/* RESELLERS */
	div.resellers {
		display: block;
	}
	div.resellers > div {
		width:100%;
	}
	/* STRING CATS */
	div.list.strings div.img,
	div.list.strings div.svg {
		display: none;
	}
	div.list.strings div.img.mobile {
		display: block;
	}
	div.strings.list > div > div.info,
	div.strings.list > div > a {
		width:100%;
	}
	div.strings.list > div > div.info {
		padding:2%;
		text-align: center;
	}
	div.strings.list h5 {
		text-align: center;
	}

	/* FOOTER */
	#footer div.footer-menu {
		margin-right: 0;
	}
	#footer div.footer-menu > a {
		margin:0 !important;
	}
	#footer div.footer-menu > a::after {
		content: "\a";
    	white-space: pre;
	}
	#footer div.siteby {
		margin-top: 2%;
		display: block;
		text-align: center;
	}

	/* ARTISTS */
	div.artists > div.w-20,
	div.artists > div.w-25,
	div.artists > div.w-75,
	div.artists > div.w-33,
	div.artists > div.w-66 {
		width: 100% !important;
	}
	div.artists > div.w-20,
	div.artists > div.w-25 {
		width: 50% !important;
	}
	div.artists > div.full {
		display:none;
	}
	div.artists > div.mobile {
		display:flex;
	}

	/* SOCIAL */
	#header ul.links a {
		width:70px !important;
	}

	/* PRODUCT SLIDES */
	div.slides div.texts {
		bottom:auto;
		top:50%;
		transform:translate(-50%,-50%);
	}
	div.slides div.texts span.heading {
		font-size: 1.5em;
	}
	div.slides div.texts span.heading2 {
		font-size:1em;
	}
	div.slides div.texts span {
		font-size:.9em;
	}

	/* DOWNLOADS, INVOICE, ORDERS */
	div.block.dl > div.c {
		display:block;
	}

	div.form.submenu a {
		font-size:18px;
		line-height: normal;
	}

	div.form.download1,
	div.form.submenu,
	div.form.download2,
	div.form.invoices,
	div.form.orders {
		width:100% !important;
		margin:50px 0 0 0;
	}

	h2.form-title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	/* ACCOUNT */
	#header div.top #account a {
		width:30px;
		overflow: hidden;
		display: block;
	}
	#account ul li + li {
		margin-left: 20px;
	}
	#account ul {
		display: flex;
	}
	#account ul li {
		align-self: center;
	}
}

@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	div.list > div {
		width:90%;
	}
	div.list:not(.search) div.img {
		width:75%;
		margin:0 auto;
	}
	div.list > div > a:hover ~ div.svg {
		transform:scale(.75);
	}
	/* PRODUCT */
	div.product h2 { font-size:2.5em; }
	div.product h3 { font-size:2em; }
	/* ARTISTS */
	div.w-50,
	div.w-20,
	div.w-25,
	div.w-75,
	div.w-33,
	div.w-66 {
		width: 100% !important;
	}

	div.resellers {
		min-width:auto;
	}
}
