@media screen and (min-width: 540px) {
	.showindesktop {
		display: block;
	}
	
	.showinmob {
		display: none;
	}

	body {
		background-color: #121212;
	}
	.mobsidebar {
		border-bottom: 1px solid #181818;
	}
	.mobtop .bspart .partbody .bsbox{
		height:auto;
	}
	.mobtop .wompart .partbody .bsbox {
		height: auto;
	}
	.nmprodsbox {
		width: 31%;
		margin: 0 0 3.5% 0;
	}
	.mobtop .bspart .partbody {
		height: 266px;
	}
	.mobtop .wompart .partbody {
		height: 250px;
	}
	.mobtop .bspart .partbody .bsbox{
		width: 150px;
		height: 228px;
		margin: 10px 0 0 12px;
	}
	.mobtop .wompart .partbody .bsbox {
		height:212px;
	}
	.mobtop .bsparta .partbody {
		height: 266px;
	}
	.mobtop .bsparta .partbody .bsbox {
		width: 130px;
		height:212px;
	}
	.mobtop .bspart .partbodymood {
		height: 224px;
	}
	.catbox .catTopArtists .topartist {
		width:140px;
		height:auto;
		margin-left: 14px;
	}
	.catbox .catTopArtists .topartist .topartistname {
		min-height: 50px;
	}
	.moblistplayer {
		background: linear-gradient(0deg, rgba(80,80,80,0.94) 15%, rgba(112,112,112,0.94) 87%);
	}
	.sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar {
		width: 96%;
		margin: 0 auto 0 auto;
	}
	.artistsbox {
		margin-top: 16px;
	}
	.artistsbox .abright {
		background-color: rgba(255,255,255,0.04);
		width: 102%;
		margin-right:-1%;
	}
	.artistsbox .abright .abcatname {
		font-size: 24px;
	}
	.artistsbox .abright .abcatdet .acnt {
		font-size: 25px;
	}
	.artistsbox .abright .abcatdet .acnttxt {
		font-size: 13px;
		top: 32px;
	}
	.artistsbox .ableft .abtopartists .abartist {
		width: 160px;
		margin-left: 16px;
	}
	.buyalbum {
		width:480px;
		margin-top:48px;
	}
	.moodsbox .mooditem {
		margin:10px 3% 0 0;
		height:68px;
		width:140px;
	}
}

@media screen and (min-width: 640px) {
	.adsboxindex .adbox{
		width: 49%;
		aspect-ratio: 4.8;
	}
	.newomplayer .wpplaylistbody {
		width:420px;
		height: 460px;
		bottom: 132px; 
		right: 20px;
		backdrop-filter: blur(12px) saturate(120%);
    	-webkit-backdrop-filter: blur(12px) saturate(120%);
	}
	.newomplayer .wpplaylistbody .wpplaylisttop .wptopleft .plbtn div{
		display:block;
	}
	.newomplayer .wpplaylist {
		width:420px;
	}
}

@media screen and (min-width: 820px) {
	.nmprodsbox {
		width: 23%;
		min-height: 368px;
		margin: 0 0 2.7% 0;
	}
	.mobtop .bspart .partbody {
		height: 290px;
	}
	.mobtop .wompart .partbody {
		height: 270px;
	}
	.mobtop .bspart .partbody .bsbox{
		width: 170px;
		height: 250px;
	}
	.mobtop .wompart .partbody .bsbox {
		height:232px;
	}
	.mobtop .bsparta .partbody {
		height: 284px;
	}
	.mobtop .bsparta .partbody .bsbox {
		width: 140px;
		height:238px;
	}
	.mobtop .bspart .partbodymood {
		height: 260px;
	}
	.mobtop .bspart .partbody .moodbox{
		width: 140px;
		height: 220px;
	}
	.newbestboxad {
		width: 49%;
	}
	.artistmobbox .aimg{
		width:auto;
		height:240px;
	}
	.artistmobbox .aimg img {
		height: 100%;
		width: auto;
	}
	.artistmobbox .ainfo .fname{
		font-size:28px;
	}
	
	.artistmobbox .ainfo .ename{
		font-size:19px;
	}
	
	.artistmobbox .ainfo .year{
		font-size:15px;
	}
	.sm2-bar-ui {
		width: 92%;
		margin: 12px 4% 0 4%;
	}
	.sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar {
		width: 90%;
	}
	.newmobprod-submenu {
		display: none;
	}
	.newmobprod {
		width:93%;
		background-color: #161616;
	}
	.newmobprod .prodbtns {
		background-color: #1b1b1b;
	}
	.newmobprod .prodimgbox {
		width:300px;
	}
	.newmobprod .prodimgbox .prodimg img {
		margin-bottom: -4px;
	}
	.newmobprod .prodinfobox {
		width: calc(100% - 314px);
	}
	.newmobprod .prodinfobox .albumtitle {
		width:80%;
		max-width: 600px;
		font-size: 25px;
		font-weight: 700;
	}
	.newmobprod .prodinfobox .albumartist a{
		width: 80%;
		max-width: 600px;
		font-size: 18px;
		color:#3dabd4;
	}
	.newmobprod .prodbtns .btndl {
		cursor:pointer;
	}
	.newmobprod .prodbtns .btnplay .icon {
		cursor:pointer;
	}
	.newmobprod .prodbtns .btnfav .icon {
		cursor:pointer;
	}
	.newmobtracklist .track .btnplay {
		cursor:pointer;
	}
	.newmobtracklist .track .btnadd {
		cursor:pointer;
	}
	.newmobtracklist .track .title {
		font-size: 13px;
	}
	.prodpageleftpart {
		float: left;
		width:calc(92% - 396px);
		margin-left: 3.5%;
	}
	.prodpagerightpart {
		float: right;
		width:380px;
		margin-right: 3.5%;
	}
	.newmobtracklist {
		width: 100%;
	}
	.newmobinfo .infobox {
		width: 100%;
		padding: 0 0 12px 0;
	}
	.newmobinfo .infobox .artistbox {
		width: 100%;
	}
	.newmobinfo .infobox .artistbox .artistinfo .t1 {
		font-size: 14px;
	}
	.newmobinfo .infobox .artistbox .artistinfo .t2 {
		font-size: 16px;
	}
	.newmobinfo .infobox .rightside {
		width:calc(49% - 8px);
		margin-right: 8px;
	}
	.newmobinfo h1 {
		text-align: right;
		font-size: 21px;
		margin: 48px 0 0 0;
	}
	.newmobinfo h2 {
		text-align: right;
		font-size: 17px;
		margin: 10px 0 36px 0;
	}
	.newmobinfo .albumtext .title {
		text-align: right;
		font-size: 19px;
	}
	.newmobinfo .albumtext {
		width: 100%;
		margin: 48px auto 0 auto;
	}
	.newmobinfo .produpdate {
		width: 100%;
	}
	.newmobinfo .infobox .leftside .title {
		font-size: 13px;
	}
	.newmobinfo .infobox .leftside .genre {
		font-size: 13px;
	}
	.newmobinfo .more {
		width: 100%;
		border: none;
		border-top:1px solid #252525;
		border-radius: 0;
	}
	.newmobinfo .more .tags {
		margin: 0 0 24px 0;
		width: 100%;
		border: none;
	}
	.newmobinfo .more .rates {
		width: 100%;
		border-radius: 8px;
		padding:14px 0;
		background-color: rgba(255,255,255,0.01);
	}
	.newmobinfo .relatedposts {
		width: calc(100% - 16px);
	}
	.newmobinfo .more .tags .title {
		font-size: 16px;
	}
	.newmobinfo .more .tags .ptags .tag {
		background-color: rgba(255,255,255,0.03);
		font-size: 14px;
	}
	.newmobinfo .more .tags .ptags .tag a{
		color: #f8f8f8;
	}
	.similarbox {
		margin-bottom: 32px;
		margin-top: 20px;
	}
	.similarbox .similartitleinside {
		color: #ddd;
	}
	.similarbox .similarclear {
		height:38px;
	}
	.similarbox .similartitle {
		text-align: right;
		margin: 0;
		font-size: 21px;
	}
	.similarbox .similarpart {
		white-space: normal;
		overflow: unset;
		height: auto;
	}
	.similarbox .similarprod {
		display: block;
		width: 100%;
		height:auto;
		margin-bottom: 12px;
		min-height:100px;
		background-color: #151515;
		transition: 0.3s;
	}
	.similarbox .similarprod:hover {
		background-color: #181818;
	}
	.similarbox .similarprod .spimg {
		width: 50%;
		float: left;
	}
	.similarbox .similarprod .spimg img {
		margin-bottom: -7px;
		border-radius: 8px 0 0 8px;
	}
	.similarbox .similarprod .spinfo {
		width:calc(50% - 20px);
		float:left;
		margin:8px 10px 0 10px;
		text-align: left;
	}
	.similarbox .similarprod .spinfo .sptitle {
		font-size: 15px;
	}
	.similarbox .similarprod .clear8 {
		height:0px;
	}
	.commentsbox {
		width: 100%;
	}
	.commentsbox .cmntstitle {
		font-size: 19px;
		text-align: right;
	}
	.commentsbox .write textarea {
		width: calc(100% - 8px);
	}
	.newmobtracklist .track {
		transition: 0.3s;
		min-height: 30px;
		padding-top: 6px;
		border-bottom: 1px dotted rgba(255,255,255,0.1);
		margin: 12px auto 0 0;
		width: 100%;
	}
	.newmobtracklist .track:hover {
		background-color: rgba(255,255,255,0.01);
	}
	.magnewsbox .magnewsboxtitle {
		margin: 12px 2.5%;
	}
	.magnewsbox .magpost {
		width: 220px;
		min-height: 270px;
	}
	.magnewsbox .magpost .magposttitle {
		font-size: 14px;
		margin:2px 4px 0 0;
		color: #c45698;
	}
	.magnewsbox .maglink {
		text-align: left;
	}
	.womtbox {
		background: none;
		background-color: inherit;
		background-size: auto 100%;
		padding-bottom: 10px;
	}
	.womtbox .womtright {
		padding-top: 10px;
	}
	.womtbox .fbck {
		background: none;
		backdrop-filter: blur(19px);
	}
	.womtbox .pbody .bsbox .balbumtitle {
		height: 40px;
	}
	.sbox .sbsub .sbartist {
		width: 140px;
		min-height: 230px;
	}
	.sbox .sbsub .sbartistimg {
		width: 140px;
		height: 140px;
	}
	.artistsbox .sabartist {
		width: 170px;
		margin: 18px 0 0 18px;
	}
	.aboutbox {
		font-size: 16px;
	}
	.magbox {
		width: 760px;
		margin-top: 32px;
	}
	.maglistbody .maglist .post {
		width: 100%;
	}
	.maglistbody .maglist .maintitle .title {
		font-size: 18px;
	}
	.maglistbody .maglist .post .postimage {
		width: 160px;
		height: 160px;
	}
	.maglistbody .maglist .post .postinfo {
		width: calc(100% - 180px);
	}
	.maglistbody .maglist .post .postinfo .cat {
		font-size: 14px;
	}
	.maglistbody .maglist .post .postinfo .title {
		font-size: 17px;
	}
	.magbox .blogpost .posttext .title {
		font-size: 24px;
	}
	.userreglogin {
		width:500px;
		margin-top: 48px;
	}
	.userreglogin .btns .btn {
		background-color: #1c1c1c;
	}
	.userreglogin .btns .btnslctd {
		background-color: #2a2a2a;
	}
	.userreglogin .tab {
		margin-top: 64px;
	}
	.userreglogin .tab .title {
		font-size: 24px;
	}
	.userreglogin .tab .form .submit {
		font-size: 17px;
		cursor: pointer;
	}
}

@media screen and (min-width: 1100px) {
	.nmprodsbox {
		width: 15%;
		min-height: 300px;
		margin: 0 0 2% 0;
	}
}

@media screen and (min-width: 1200px) {
	.mobtop .bspart .partbody {
		height: 320px;
	}
	.mobtop .bspart .partbody .bsbox{
		width: 200px;
		height: 280px;
	}
	.mobtop .bsparta .partbody {
		height: 284px;
	}
	.mobtop .bsparta .partbody .bsbox {
		width: 140px;
		height:242px;
	}
	.mobtop .bspart .partbodymood {
		height: 280px;
	}
	.mobtop .bspart .partbody .moodbox{
		width: 160px;
		height: 240px;
	}
	.mobtop .bspart .partbodygenres {
		height: 144px;
	}
	.mobtop .bspart .partbodygenres .genrebox{
		width: 130px;
		height: 96px;
	}
	.sm2-bar-ui {
		width: 94%;
		margin: 12px 3% 0 3%;
	}
	.sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar {
		width: 84%;
	}
	.artistmobbox {
		width:calc(100% - 32px);
		padding: 16px;
	}
	.artistmobbox:before {
		-webkit-filter: blur(320px) contrast(70%);
		filter: blur(320px) contrast(70%);
	}
	.artistmobbox .aimg{
		width:auto;
		height:260px;
	}
	.artistmobbox .atxt {
		width: 760px;
		float: right;
		padding-left:16px;
		border-left: 1px solid rgba(255,255,255,0.1);
		margin-bottom: 16px;
	}
	.artistmobbox .alinks {
		width:400px;
		float: right;
		border-top: none;
	}
	.artistmobbox .alinks .relatedposts {
		margin-top:0;
	}
	.artistmobbox .alinks .relatedposts .maintitle {
		color:rgba(255,255,255,1);
		font-size: 19px;
	}
	.artistmobbox .alinks .relatedposts .rpost {
		background-color: rgba(0,0,0,0.3);
	}
	.artistmobbox .alinks .relatedposts .rpost .rposttitle {
		color: #44b3db;
	}
	.artistmobbox .alinks .ltitle {
		color: #ec87f3;
		font-size: 16px;
	}
	
}

@media screen and (min-width: 1300px) {
	.nmprodsbox {
		min-height: 330px;
	}
	.catbox {
		width:calc(100% - 24px);
		padding: 12px;
	}
	.catbox .catallartists {
		width: 168px;
	}
	.prodpageleftpart {
		width:calc(92% - 436px);
	}
	.prodpagerightpart {
		width:420px;
	}
}

@media screen and (min-width: 1600px) {
	.nmprodsbox {
		min-height: 380px;
	}
	.mobtop .bspart .partbody {
		height: 340px;
	}
	.mobtop .bspart .partbody .bsbox{
		width: 220px;
		height: 300px;
	}
	.mobtop .bsparta .partbody {
		height: 346px;
	}
	.mobtop .bsparta .partbody .bsbox {
		width: 190px;
		height:312px;
	}
	.mobtop .bspart .partbodymood {
		height: 300px;
	}
	.mobtop .bspart .partbody .moodbox{
		width: 180px;
		height: 260px;
	}
	.prodpageleftpart {
		width:calc(92% - 506px);
	}
	.prodpagerightpart {
		width:490px;
	}
	.similarbox .similarprod .spimg {
		width: 40%;
		float: left;
	}
	.newmobinfo .infobox {
		width:39%;
		margin-top: 0;
	}
	.newmobinfo .maintextbox {
		width:58%;
	}
	.newmobinfo .albumtext {
		margin: 0 auto 0 auto;
	}
}

@media screen and (min-width: 1800px) {
	.nmprodsbox {
		min-height: 414px;
	}
	.sm2-bar-ui {
		width: 95%;
		margin: 12px 2.5% 0 2.5%;
	}
	.sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar {
		width: 83%;
	}
}