@media(min-width:768px){header{position:absolute!important}}
.sax figure{height:0;padding-bottom:172%}
.accva figure{height:0;padding-bottom:75%}
.accvv figure{height:0;padding-bottom:97%}
.ukpu figure{height:0;padding-bottom:37.5%}
.ukpp figure{height:0;padding-bottom:48.5%}
.squares figure{height:0;padding-bottom:100%}
.brass-v figure{height:0;padding-bottom:200%}
.brass-h figure{height:0;padding-bottom:50%}

.inst-cont a:hover figcaption{display:block;position:absolute;width:98%;top:2px;color:#c4151c;border:1px dashed #62bcce;border-radius:8px;padding:2px}
.inst-cont figure:hover{transform:scale(.99);box-shadow:inset 0 -2px hsla(0,0%,0%,0.1), 0 0 2px 2px hsla(0,0%,0%,0.75)}
.inst-cont a:hover figcaption{font-size:16px;line-height:20px;font-weight:900;background-color:transparent}

.recent-multitracks{margin:0 0 30px 0}
.recent-multitracks h3:before{content:"\e820";margin-right:10px}
#current-songs .clear:before{position:absolute;color:#c4151c;left:90%;margin:0;content:"\e81f"}
.song-itm{display:block;margin:0px 0px 1.5em;margin-bottom:-1px;padding:10px 15px;background-color:#fff;border:1px solid #eaeef1}
.itm-left{position:relative;float:left!important;margin-right:15px}
.pad1{height:0;padding-bottom:100%}
.thumb-md{width:64px!important;display:inline-block}
.itm-left img,.itm-left picture{text-indent:-9999px;overflow:hidden}
.item>.clear>a{display:inline-block;width:85%;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}

.i-ov.active,.item:hover .i-ov{display:block}
.play-me{font-size:1.33em;line-height:0.75em;vertical-align:-15%;padding-left:0px!important;padding-right:0px!important;width:34px;display:inline-block;text-align:center;color:#788188!important}
.icnt{position:absolute;top:50%;left:0px;right:0px;margin-top:-10px;text-align:center}
.icps{display:none!important}
.song-itm:after{clear:both}
.song-itm:after,.song-itm:before {display:table;content:" "}
.song-itm:hover{background-color:#f0ffff}

.ttl-cnt{display:block;margin:15px auto 0 auto;padding:5px;color:#fff;font-size:16px;font-weight:900;text-align:center;border:1px solid #000;border-radius:6px;background-color:#c4151c}
.ttl-cnt:hover{color:#fff;text-decoration:underline}

@media(min-width:1600px){

	.recent-multitracks{display:table-footer-group}

	.ttl-cnt{width:50%}
	.recent-multitracks h3{margin:30px 0 0 0}
}
@media(max-width:1599px){

	.ttl-cnt{width:20%}
	.recent-multitracks h3{margin:0}
	#current-songs:before, #current-songs:after{display:table;content:" "}
	#current-songs:after{clear:both}
	.song-itm{display:block;position:relative;float:left;width:33.33%;margin:0 auto}
}

@media(max-width:1200px){
	.ttl-cnt{width:30%}
}
@media(max-width:1024px){

	.inst-cont a:hover figcaption{font-size:14px;line-height:18px;font-weight:600;background-color:#fff}
}
@media(max-width:1023px){

	.song-itm{display:block;position:relative;float:left;width:50%;margin:0 auto}
}
@media(max-width:1000px){
	.ttl-cnt{width:40%}
}

@media (max-width:767px){

	.inst-cont a:hover figcaption{font-size:12px;line-height:16px;font-weight:900;background-color:#fff}

}
@media(max-width:767px) and (orientation:portrait){
	#obm{margin-bottom:15px}
	.scl{top:50px;bottom:38px}
}
@media(min-width:601px){
	.squares a{width:20%}

	.brass-v{width:25%}

}
@media(max-width:600px){

	.brass-v{width:25%}

	.row-one,.row-two{width:50%}
	.row-the,.row-fr,.row-five{width:33.33%}
	.ttl-cnt{width:45%}
	.song-itm{display:block;position:relative;float:left;width:100%;margin:0 auto}
}

@media (max-width:500px){

	.ttl-cnt{width:60%}
}


@media(min-width:401px){
	.frth-hold{width:25%;float:left}
	.accva{width:100%}
	.accvv{width:100%}
	.ukpp,.ukpu{width:50%}
	.brass-h{width:50%}
	.sax{width:25%}
}

@media(max-width:400px){

	.brass-v{width:50%}

	.brass-h{width:100%}
	.sax{width:50%}
	.accva{width:50%}
	.accvv{width:50%}
	.ukpp,.ukpu{width:100%}
	.row-one{width:100%}
	.row-two,.row-the,.row-fr,.row-five{width:50%}

	.ttl-cnt{width:70%}
}
@media(max-width:350px){

	.ttl-cnt{width:80%}
}
@media (max-width:300px){

	.sax{width:100%}
	.accva{width:100%}
	.accvv{width:100%}
	.row-two,.row-the,.row-fr,.row-five{width:100%}

	.ttl-cnt{width:95%}
}
@media(max-width:260px){
	.top-item div:first-child{float:none}
}

@media (max-width:200px){

	.brass-v{width:100%}

	.ttl-cnt{width:99%}
}



@media(max-width:767px) and (orientation:landscape){
	.hl-inst-rp{padding-bottom:30px}
}