body{background:#f4f6f8;min-height:100vh}
.salim-nav{height:95px;line-height:72px}
.salim-brand{display:flex!important;align-items:center;height:72px;gap:12px;font-weight:600}
.salim-logo {
	height: 100px;
	width: auto;
	max-width: 100px;
	object-fit: contain;
	border-radius: 4px;
}
a.brand-logo.salim-brand {
	margin: 0 auto;
	display: table !important;
	position: relative;
}
a.btn.waves-effect.waves-light.red.lighten-2 {
	position: absolute;
	top: 28px;
	right: 0;
}
.search-panel{margin-top:28px;border-radius:14px}
.search-panel .card-title{font-weight:600}
.controls{margin-bottom:0}
.summary{display:flex;justify-content:space-between;color:#607d8b;margin:18px 4px 10px}
.music-card{border-radius:12px;margin-bottom:12px}
.music-card .card-content{padding:16px 20px}
.topline{display:flex;align-items:center;gap:18px}
.code{font-size:2.1rem;font-weight:800;line-height:1;color:#fff;background:#1565c0;border-radius:10px;padding:12px 16px;min-width:110px;text-align:center;box-shadow:0 3px 8px #0002}
.code-label{display:block;font-size:.65rem;letter-spacing:.12em;font-weight:600;opacity:.85}
.song{font-size:1.35rem;font-weight:700;color:#263238}
.artist{font-size:1.05rem;font-weight:600;color:#1565c0;margin-top:4px}
.meta{margin-top:8px;color:#78909c;font-size:.85rem}
.snippet{margin-top:10px;color:#546e7a;line-height:1.45}
.empty{text-align:center;padding:50px;color:#78909c}
mark{background:#fff176;border-radius:3px;padding:0 2px}
.pagination li.active{border-radius:5px}

@media(max-width:600px){
	a.btn.waves-effect.waves-light.red.lighten-2 {
	    position: absolute;
	    top: 12px;
	    right: 0;
	}
	.salim-nav,.salim-brand{
		height:64px;line-height:64px

	}
	.salim-logo{height:50px}
	.salim-brand span{font-size:1.3rem}
	.topline{align-items:flex-start}
	.code{min-width:88px;font-size:1.6rem;padding:10px 8px}
	.song{font-size:1.1rem}
	.brand-logo{font-size:1.35rem!important}
}



@media only screen and (max-width: 992px) {
	nav .brand-logo {
		left: 30%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-30%);
	}
	a.brand-logo.salim-brand {
		margin: 0 auto;
		display: inherit !important;
		position: relative;
	}

}