* {
	padding: 0px;
	margin: 0px;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

body {
	background-color: #2b2b2b;
	min-height: 1000px;
	height: 100%;
}

.getmore_link a {
	color: white !important;
}

.getmore_link a:hover {
	color: limegreen !important;
}


@keyframes tru4789 {
	from {background-color: #2b2b2b; opacity:100;}
	to {opacity:0;}
  }


#shade {
	width:100%;
	height:100%;
	z-index: 3;
    pointer-events: none;
	position: fixed;
	top:0;
}

main {
	position: relative;
	min-height:2000px;
	font-family: arial, serif;
}



/*Small Screen*/

/*********/
/*	1	 */
/*********/
@media only screen and (max-width: 480px) {

	#ld_Slidebg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #2b2b2b;
		z-index: 1;
	}


	#ld_Slidegi {
		position: absolute;
		width: 100%;
		/* height: 35%; */
		left: 0;
		right: 0;
		margin: 30px auto;
	}

	#ld_Slidegi img {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 10;
	}


	#newsFeeds_btn_wrapper {
		margin: 5px auto;
		width: 100%;
		text-align: center;
		position: absolute;
	}




	.ld_nwc {
		position: absolute;
		width: 94%;
		height: 100%;
		z-index: 2;

	}

	.ld_nwc img {
		width: 100%;
		height: 100%;
	}


	.ld_btc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		/* display: none; */
	}

	.ld_btc img {
		width: 100%;
		height: 100%;
	}


	.ld_bttc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
	}

	.ld_bttc img {
		width: 100%;
		height: 100%;
	}



	.ld_bbg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		border: 1px solid gainsboro;
	}




	.ld_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		/* border: 1px solid gainsboro; */
		display: block;
	}




	/*WHATS NEW CONTENTS*/
	#clear {
		width: 22px;
		height: 338px;
		margin-top: 241px;
		display: inline-block;
	}


	#main_news_wrapper {
		max-width: 1200px;
		position: relative;
		background-color: white;
		border: 1px solid gainsboro;
		margin-bottom: 50px;
	}




	/*-----------------------------------------------------------------------------------------------------*/
	#whats_new {
		margin-top: 225px;
		height: auto;
		border-radius: 20px;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		max-width: 90%;
		width: 20%;
		float: right;
		background-color: #5B5B5B;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#main_sidebar_wrapper {
		width: 100%;
		padding-bottom: 0px;
		display: block;
		background-color: white;
		margin: 30px auto 35px auto;
	}

	#main_sidebar_wrapper h3 {
		width: 100%;
		color: #32cd32;
		text-align: center;
		border-bottom: 2px solid gainsboro;
		background-color: #5B5B5B;
	}



	#main_sidebar_sep_slot {
		display: none;
	}

	.main_sidebar_slot {
		width: 100%;
	}


	.main_sidebar_slot .sidebar_header {
		font-size: 15px;
		background-color: green;
		margin-bottom: 5px;
		text-align: center;
	}


	.sidebar_info {
		display: inline-block;
		color: limegreen;
		margin-right: 1px;
	}



	.main_sidebar_slot ul {}


	.main_sidebar_slot li:nth-last-child(-n+2) {
		display: none;
	}



	.main_sidebar_content {
		height: 35vw;
	}

	.main_sidebar_content ul {}


	.main_sidebar_content li {}


	.main_sidebar_thumb {
		border: 2px solid black;
		height: 100%;
		background-color: #2b2b2b;
		margin-bottom: 8px;
	}

	#main_sidebar_sep_slot img {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}


	.main_sidebar_slot {}


	.main_sidebar_top_slots {
		display: flex;
		justify-content: center;
		width: 95vw;
		margin: 0px auto;
	}




	.main_sidebar_top_slots ul {
		list-style-type: none;
		margin-top: 10px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(95%, 0fr));
		justify-content: space-evenly;
		gap: 10px;
		justify-items: center;
		align-items: center;
	}

	.main_sidebar_top_slots li {
		width: 100%;
		margin-bottom: 60px;
		position: relative;
	}

	.main_sidebar_top_slots header {}


	.main_sidebar_top_slots .main_sidebar_slot_head {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}

	.main_sidebar_top_slots .main_sidebar_content img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
		image-rendering: -webkit-optimize-contrast;
	}

	.main_sidebar_top_slots .main_sidebar_content img:hover {
		display: block;
		outline: 2px solid limegreen;
		box-sizing: border-box;
	}

	.main_sidebar_top_slots .main_sidebar_thumb a {}

	.main_sidebar_top_slots .main_sidebar_contenttitle {
		/* padding: 3px; */
		overflow: hidden;
		text-overflow: ellipsis !important;
		margin-bottom: 10px;
		background-color: #2b2b2b;
		white-space: nowrap;
	}


	.main_sidebar_top_slots .main_sidebar_contenttitle a {
		text-decoration: none;
		color: gainsboro;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:visited {}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:hover {
		color: limegreen;
	}

	/*END WHATS NEW CONTENTS*/


	/*GLOBAL CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/
	main {}

	/*MAIN WRAPPER*/

	#main_cont_wrapper {
		width: 96%;
		margin: 0px auto 0 auto;
	}


	#main_container {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		min-height: 1100px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}

	.s_img {
		position: relative;
		display: block;
		border: 2px solid #000;
		box-sizing: border-box;
		background-color: black;
		height: 35vw;
	}

	.s_img a {
		width: 100%;
		height: 100%;
		display: block;
	}

	.s_img img {
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.s_img img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
		border: 1px solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.item_download {
		margin: 0px auto;
		display: block;
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}


	.item_download a {
		display: block;
		margin: 0px auto;
		text-decoration: none;
		background-image: url(../images/globel_images/download_btn.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 5%;
		height: auto;
		color: rgba(0, 48, 188, 1.00);
	}


	.item_download a:hover {
		background-image: url(../images/globel_images/download_btn_hover.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.new_row {
		width: 100%;
		display: inline-block;
	}

	.getmore_link {
		margin-top: 30px;
		width: auto;
		display: block;
		font-size: 14px;
		padding: 30px;
		text-align: center;
		clear: both;
		background-color: #404040;
		border: medium solid #038800;
	}

	.getmore_link a {
		text-decoration: none;
		color: green;
	}

	.getmore_link a:visited {
		color: #fff;
	}

	.getmore_link a:hover {
		color: #00B106;
	}



	/*-----------------------------------------------------------------------------------------------------*/
	.newbeat_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeat_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeat_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(48%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeat_cont ul li {
		display: block;
		width: 100%;
		position: relative;
	}

	.newbeat_cont li:nth-last-child(-n+7) {
		display: block;
		width: 100%;
		height: auto;
		float: left;
	}


	.newbeat_slot {
		/*! display: none; */
		padding: 5px;
		display: none;
	}



	.newbeat_slot .mu_info {
		display: block;
	}

	.newbeat_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeat_slot .mu_info ul li {
		display: block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
		color: white;
	}


	.newbeat_slot .mu_info ul li p {
		width: 100%;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeat_slot .mu_info ul li a {
		text-decoration: none;
		color: limegreen;
	}

	.newbeat_slot .mu_info ul li a:hover {
		color: green;
	}


	.feedbox {
		position: relative;
		border-bottom: 2px solid #6da26a;
		height: 30px;
	}

	.feedbox ul {
		list-style-type: none;
		height: 0px;
		display: -ms-grid;
		display: grid;
		justify-items: center;
		gap: 0rem;
		grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
	}

	.feedbox li {
		display: inline-block !important;
		margin: 5px;
		float: none;
		width: 100% !important;
	}

	.feedbox p {
		display: inline-block;
	}

	#lBTN {
		padding: 1px 5px;
		background-color: #6da26a;
		color: white;
		border-radius: 10px;
		border: none;
		float: right;
	}

	#lBTN:hover {
		cursor: pointer;
		background-color: limegreen;
	}

	#plyFeed {
		position: absolute;
		margin-left: 3px;
	}


	/*-----------------------------------------------------------------------------------------------------*/
	/*NEW BEATTAPE CONTENT*/
	.newbeattape_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeattape_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeattape_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(48%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeattape_cont ul li {
		position: relative;
		width: 100%;
	}



	.newbeattape_slot {
		/*! display: none; */
		padding: 5px;
	}

	.newbeattape_slot .s_img {}

	.newbeattape_slot .s_img a {}




	.newbeattape_slot .mu_info {
		width: 100%;
		display: block;
	}

	.newbeattape_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeattape_slot .mu_info ul li {
		display: block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
	}


	.newbeattape_slot .mu_info ul li p {
		width: 99%;
		margin: 0px 0px 5px 5px;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 12px;
	}

	.newbeattape_slot .mu_info ul li a {
		text-decoration: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: limegreen;
	}

	.newbeattape_slot .mu_info ul li a:hover {
		color: green;
	}




	/*END NEW BEATTAPE CONTENT*/

	/*-----------------------------------------------------------------------------------------------------*/


	/*------------------------------------------*/
	/*			INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/

	/*NEWS FEED*/

	#pre_nws {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 50px;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		visibility: hidden;
	}

	.pre_vis {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
	}

	.pre_vis #plb {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: none;
	}






	#load {
		display: block;
		height: 420px;
		position: absolute;
		z-index: 3;
		background: url("../images/globel_images/jf_loading.gif") no-repeat center center rgba(0, 0, 0, 0.0)
	}



	#latest_updates_cont {
		display: block;
		box-sizing: border-box;
		margin-bottom: 0px;
		background-color: white;
		width: 100%;
		height: 360px;
	}


	#latest_updates_cont h3 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		margin-bottom: 20px;
		border: 1px solid gainsboro;
		background-color: #5B5B5B;
		color: limegreen;
		padding: 3px;
	}

	#latest_updates_cont img {
		width: 97%;
		height: 270px;
		position: relative;
		display: block;
		margin: 0 auto;
		image-rendering: -webkit-optimize-contrast;
	}


	#imgfeeds_title {
		margin: 0px 0px 0px 1.5%;
	}

	#imgfeeds {
		width: 90%;
		display: inline-block;
		margin-top: 10px;
		font-size: 17px;
		margin-bottom: 0px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		margin-left: 10px;
	}

	#imgfeeds a {
		text-decoration: none;
	}

	#imgfeeds a:visited {
		color: black;
	}

	/*END NEWS FEED*/


	#a_info {
		color: limegreen;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		background-color: #5b5b5b;
	}





	.playbtn {
		background-image: url(/34380p921y09/images/playbtn.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		width: 40px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		cursor: pointer;
		/* display: none; */
		outline: none;
		background-size: 100% 100%;
		min-width: 35px;
		min-height: 35px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 34%;
	}



	.playbtn:hover {
		border-radius: 100%;
		border: 1px solid #00AB05;
		opacity: 10 !important;
	}





	#plyControl_wrapper {}



	#plyContentActive_feed {
		color: white;
		background-color: green;
		position: absolute;
		text-align: center;
		display: block;
		right: 0px;
		left: 0px;
	}



	.s_img:hover .playbtn {
		display: block !important;
		opacity: 0.7;
	}


	.s_img:hover #plyContentActive_feed {
		display: block;
		opacity: 0;
	}



	#down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}


	#alb_down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}



	[data-specP='fdl'] {
		font-size: 10px;
	}

	[data-specP='osl'] {
		font-size: 10px;
	}

	#free img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}





	#onsale img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}

	/*------------------------------------------*/
	/*		END	INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/


	/*------------------------------------------*/
	/*		END	INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/
}


/*********/
/*	2	 */
/*********/
@media only screen and (min-width: 481px) and (max-width: 684px) {


	#ld_Slidebg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #2b2b2b;
		z-index: 1;
	}


	#ld_Slidegi {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: 30px auto;
	}

	#ld_Slidegi img {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 10;
	}


	#newsFeeds_btn_wrapper {
		margin: 5px auto;
		width: 100%;
		text-align: center;
		position: absolute;
	}




	.ld_nwc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	.ld_nwc img {
		width: 100%;
		height: 100%;
	}


	.ld_btc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		/* display: none; */
	}

	.ld_btc img {
		width: 100%;
		height: 100%;
	}


	.ld_bttc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
	}

	.ld_bttc img {
		width: 100%;
		height: 100%;
	}



	.ld_bbg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		border: 1px solid gainsboro;
	}




	.ld_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		display: block;
	}



	/*WHATS NEW CONTENTS*/
	#clear {
		width: 22px;
		height: 338px;
		margin-top: 241px;
		display: inline-block;
	}



	#main_news_wrapper {
		max-width: 1200px;
		position: relative;
		margin-bottom: 50px;
		background-color: white;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#whats_new {
		margin-top: 225px;
		height: auto;
		border-radius: 20px;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		max-width: 90%;
		width: 20%;
		float: right;
		background-color: #5B5B5B;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#main_sidebar_wrapper {
		padding-bottom: 30px;
		display: block;
		margin: 50px auto 10px auto;
	}

	#main_sidebar_wrapper h3 {
		width: 100%;
		color: #32cd32;
		text-align: center;
		border-bottom: 2px solid gainsboro;
		background-color: #5B5B5B;
	}


	.main_sidebar_top_slots {
		width: 92vw;
		display: block;
		margin: 0px auto;
	}


	#main_sidebar_sep_slot {
		display: none;
	}

	.main_sidebar_slot {
		width: 100%;
	}

	.main_sidebar_slot .sidebar_header {
		font-size: 15px;
		background-color: green;
		margin-bottom: 5px;
		text-align: center;
	}


	.sidebar_info {
		display: inline-block;
		color: limegreen;
		margin-right: 1px;
	}


	.main_sidebar_slot ul {}


	.main_sidebar_slot li:nth-last-child(-n+2) {
		display: none;
	}


	.main_sidebar_top_slots {
		display: flex;
		justify-content: center;
	}




	.main_sidebar_content {
		height: 35vw;
	}

	.main_sidebar_content ul {}


	.main_sidebar_content li {}


	.main_sidebar_thumb {
		border: 2px solid black;
		height: 100%;
		background-color: #2b2b2b;
		margin-bottom: 8px;
	}

	#main_sidebar_sep_slot img {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}


	.main_sidebar_top_slots ul {
        list-style-type: none;
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(95%, 0fr));
        justify-content: space-evenly;
        gap: 10px;
        justify-items: center;
        align-items: center;
	}

	.main_sidebar_top_slots li {
		width: 100%;
		margin-bottom: 70px;
		position: relative;
	}

	.main_sidebar_top_slots header {}


	.main_sidebar_top_slots .main_sidebar_slot_head {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}

	.main_sidebar_top_slots .main_sidebar_content img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.main_sidebar_top_slots .main_sidebar_content img:hover {
		display: block;
		outline: 2px solid limegreen;
		box-sizing: border-box;
	}

	.main_sidebar_top_slots .main_sidebar_thumb a {}

	.main_sidebar_top_slots .main_sidebar_contenttitle {
		overflow: hidden;
		text-overflow: ellipsis !important;
		margin-bottom: 10px;
		background-color: #2b2b2b;
		/* padding: 5px 0; */
		white-space: nowrap;
	}


	.main_sidebar_top_slots .main_sidebar_contenttitle a {
		text-decoration: none;
		color: gainsboro;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:visited {}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:hover {
		color: limegreen;
	}

	/*END WHATS NEW CONTENTS*/


	/*GLOBAL CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/
	main {}

	/*MAIN WRAPPER*/

	#main_cont_wrapper {
		width: 96%;
		margin: 0px auto 0 auto;
	}




	#main_container {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		min-height: 1100px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}

	.s_img {
		position: relative;
		display: block;
		border: 2px solid #000;
		box-sizing: border-box;
		background-color: black;
		height: 35vw;
	}

	.s_img a {
		width: 100%;
		height: 100%;
		display: block;
	}

	.s_img img {
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.s_img img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
		border: medium solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.item_download {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}


	.item_download a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		background-image: url(../images/globel_images/download_btn.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 5%;
		height: auto;
		color: rgba(0, 48, 188, 1.00);
	}


	.item_download a:hover {
		background-image: url(../images/globel_images/download_btn_hover.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.new_row {
		width: 100%;
		display: inline-block;
	}

	.getmore_link {
		margin-top: 10px;
		width: auto;
		display: block;
		font-size: large;
		padding: 30px;
		text-align: center;
		clear: both;
		background-color: #404040;
		border: medium solid #038800;
	}

	.getmore_link a {
		text-decoration: none;
		color: green;
	}

	.getmore_link a:visited {
		color: #fff;
	}

	.getmore_link a:hover {
		color: #00B106;
	}



	/*-----------------------------------------------------------------------------------------------------*/
	.newbeat_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeat_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeat_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(48%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeat_cont ul li {
		width: 100%;
		position: relative;
	}

	.newbeat_cont li:nth-last-child(-n+7) {
		display: block;
	}



	.newbeat_slot {
		/*! display: none; */
		padding: 5px;
		display: none;
	}



	.newbeat_slot .mu_info {
		width: 100%;
	}

	.newbeat_slot .mu_info ul {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 10px;
		background-color: #2b2b2b;
		display: inline-block;
	}

	.newbeat_slot .mu_info ul li {
		display: block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
		color: white;
	}


	.newbeat_slot .mu_info ul li p {
		width: 100%;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeat_slot .mu_info ul li a {
		text-decoration: none;
		color: limegreen;
	}

	.newbeat_slot .mu_info ul li a:hover {
		color: green;
	}


	.feedbox {
		position: relative;
		border-bottom: 2px solid #6da26a;
		height: 30px;
	}

	.feedbox ul {
		list-style-type: none;
		height: 0px;
		display: -ms-grid;
		display: grid;
		justify-items: center;
		gap: 0rem;
		grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
	}

	.feedbox li {
		display: inline-block !important;
		margin: 5px;
		float: none;
		width: 100% !important;
	}

	.feedbox p {
		display: inline-block;
	}

	#lBTN {
		padding: 1px 5px;
		background-color: #6da26a;
		color: white;
		border-radius: 10px;
		border: none;
		float: right;
	}

	#lBTN:hover {
		cursor: pointer;
		background-color: limegreen;
	}

	#plyFeed {
		position: absolute;
		margin-left: 3px;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	/*NEW BEATTAPE CONTENT*/
	.newbeattape_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeattape_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeattape_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(48%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeattape_cont ul li {
		display: block;
		position: relative;
		width: 100%;
	}




	.newbeattape_slot {
		/*! display: none; */
	}


	.newbeattape_slot .s_img {}



	.newbeattape_slot .mu_info {
		width: 100%;
		display: block;
		outline: 1px solid;
		background-color: gainsboro;
	}

	.newbeattape_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeattape_slot .mu_info ul li {
		display: block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
	}


	.newbeattape_slot .mu_info ul li p {
		width: 100%;
		margin: 0px 0px 5px 5px;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeattape_slot .mu_info ul li a {
		text-decoration: none;
		color: green;
	}

	.newbeattape_slot .mu_info ul li a:hover {
		color: green;
	}




	/*END NEW BEATTAPE CONTENT*/

	/*-----------------------------------------------------------------------------------------------------*/


	/*------------------------------------------*/
	/*			INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/

	/*NEWS FEED*/

	#pre_nws {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 50px;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		visibility: hidden;
	}

	.pre_vis {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
	}

	.pre_vis #plb {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: none;
	}




	#load {
		display: block;
		height: 420px;
		position: absolute;
		z-index: 3;
		background: url("../images/globel_images/jf_loading.gif") no-repeat center center rgba(0, 0, 0, 0.0)
	}


	#latest_updates_cont {
		display: block;
		box-sizing: border-box;
		margin-bottom: 0px;
		width: 100%;
		/* visibility: hidden; */
	}

	#latest_updates_cont h3 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		margin-bottom: 20px;
		background-color: #5B5B5B;
		color: limegreen;
		padding: 3px;
	}

	#latest_updates_cont img {
		width: 97%;
		height: 60vw;
		position: relative;
		display: block;
		margin: 0px auto;
		image-rendering: -webkit-optimize-contrast;
	}



	#imgfeeds_title {
		margin: 0px 0px 0px 1.5%;
	}



	#imgfeeds {
		width: 90%;
		display: inline-block;
		font-size: 17px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		margin-left: 10px;
	}


	#imgfeeds a {
		text-decoration: none;
	}

	#imgfeeds a:visited {
		color: white;
	}

	/*END NEWS FEED*/


	#a_info {
		color: limegreen;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		background-color: #5b5b5b;
	}





	.playbtn {
		background-image: url(/jpi/playbtn.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		width: 7vw;
		height: 7vw;
		margin-left: auto;
		margin-right: auto;
		border: none;
		cursor: pointer;
		/* display: none; */
		outline: none;
		background-size: 100% 100%;
		margin-top: 10vw;
		min-width: 35px;
		min-height: 35px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 8%;
	}



	.playbtn:hover {
		border-radius: 100%;
		border: 1px solid #00AB05;
		opacity: 10 !important;
	}


	#plyControl_wrapper {}



	#plyContentActive_feed {
		color: limegreen;
		background-color: black;
		position: absolute;
		text-align: right;
		display: block;
		right: 0;
	}



	.s_img:hover .playbtn {
		display: block !important;
		opacity: 0.7;
	}


	.s_img:hover #plyContentActive_feed {
		display: block;
		opacity: 0;
	}



	#down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}


	#alb_down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}



	[data-specP='fdl'] {
		font-size: 10px;
	}

	[data-specP='osl'] {
		font-size: 10px;
	}

	#free img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}





	#onsale img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}

	/*------------------------------------------*/
	/*		END	INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/




}


/*********/
/*	3	 */
/*********/
@media only screen and (min-width: 685px) and (max-width: 982px) {


	#ld_Slidebg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #2b2b2b;
		z-index: 1;
	}


	#ld_Slidegi {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: 30px auto;
	}

	#ld_Slidegi img {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 10;
	}


	#newsFeeds_btn_wrapper {
		margin: 5px auto;
		width: 100%;
		text-align: center;
		position: absolute;
	}




	.ld_nwc {
		position: absolute;
		width: 94%;
		height: 100%;
		z-index: 2;

	}

	.ld_nwc img {
		width: 100%;
		height: 100%;
	}


	.ld_btc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		/* display: none; */
	}

	.ld_btc img {
		width: 100%;
		height: 100%;
	}


	.ld_bttc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
	}

	.ld_bttc img {
		width: 100%;
		height: 100%;
	}



	.ld_bbg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		border: 1px solid gainsboro;
	}




	.ld_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		display: block;
	}




	/*WHATS NEW CONTENTS*/
	#clear {
		width: 22px;
		height: 338px;
		margin-top: 241px;
		display: inline-block;
	}


	#main_news_wrapper {
		max-width: 1200px;
		position: relative;
		margin-bottom: 50px;
		background-color: white;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#whats_new {
		margin-top: 225px;
		height: auto;
		border-radius: 20px;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		max-width: 90%;
		width: 20%;
		float: right;
		background-color: #5B5B5B;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#main_sidebar_wrapper {
		padding-bottom: 10px;
		display: block;
		background-color: white;
		margin: 50px auto 10px auto;
	}

	#main_sidebar_wrapper h3 {
		width: 100%;
		color: #32cd32;
		padding: 5px 0px 5px 0px;
		text-align: center;
		border-bottom: 2px solid #fff;
		background-color: #5B5B5B;
	}


	.main_sidebar_top_slots {}


	#main_sidebar_sep_slot {
		display: none;


	}

	.main_sidebar_slot {}


	.main_sidebar_slot .sidebar_header {
		font-size: 15px;
		background-color: green;
		margin-bottom: 5px;
		text-align: center;
	}


	.sidebar_info {
		display: inline-block;
		color: limegreen;
		margin-right: 1px;
	}


	.main_sidebar_slot ul {}


	.main_sidebar_slot li {}



	.main_sidebar_slot {
		width: 50%;
	}


	.main_sidebar_top_slots {
		display: flex;
	}


	.main_sidebar_content {}


	.sidebar_info {}

	.sidebar_info p {
		display: inline-block;
		background-color: #2b2b2b;
		color: gainsboro;
		margin-right: 1px;
	}

	.main_sidebar_content ul {}


	.main_sidebar_content li {}


	.main_sidebar_thumb {
		border: 2px solid black;
		background-color: #2b2b2b;
		height: 15vw;
		margin-bottom: 8px;
		flex: 1;
	}

	#main_sidebar_sep_slot img {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}


	.main_sidebar_top_slots ul {
		list-style-type: none;
		display: flex;
	}


	.main_sidebar_top_slots li:nth-last-child(-n+2) {
		display: none;
	}

	.main_sidebar_top_slots li {
		padding: 10px;
		margin-bottom: 0px;
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		position: relative;
	}

	.main_sidebar_top_slots header {}



	.main_sidebar_top_slots .main_sidebar_slot_head {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}

	.main_sidebar_top_slots .main_sidebar_content img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.main_sidebar_top_slots .main_sidebar_content img:hover {
		display: block;
		border: 2px solid limegreen;
		box-sizing: border-box;
	}

	.main_sidebar_top_slots .main_sidebar_thumb a {}

	.main_sidebar_top_slots .main_sidebar_contenttitle {
		overflow: hidden;
		text-overflow: ellipsis !important;
		margin-bottom: 10px;
		background-color: #2b2b2b;
		/* padding: 5px 0px; */
		white-space: nowrap;
	}


	.main_sidebar_top_slots .main_sidebar_contenttitle a {
		text-decoration: none;
		color: gainsboro;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:visited {}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:hover {
		color: limegreen;
	}

	/*END WHATS NEW CONTENTS*/


	/*GLOBAL CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/
	main {}

	/*MAIN WRAPPER*/

	#main_cont_wrapper {
		width: 96%;
		margin: 0px auto 0 auto;
	}


	#main_container {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		min-height: 1100px;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}

	.s_img {
		position: relative;
		display: block;
		border: 2px solid #000;
		box-sizing: border-box;
		background-color: #262626;
		height: 25vw;
	}

	.s_img a {
		width: 100%;
		height: 100%;
		display: block;
		background-color: black;
	}

	.s_img img {
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.s_img img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
		border: 1px solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


	.item_download {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}


	.item_download a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		background-image: url(../images/globel_images/download_btn.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 5%;
		height: auto;
		color: rgba(0, 48, 188, 1.00);
	}


	.item_download a:hover {
		background-image: url(../images/globel_images/download_btn_hover.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.new_row {
		width: 100%;
		display: inline-block;

	}

	.getmore_link {
		margin-top: 10px;
		width: auto;
		display: block;
		font-size: large;
		padding: 30px;
		text-align: center;
		clear: both;
		background-color: #404040;
		border: medium solid #038800;
	}

	.getmore_link a {
		text-decoration: none;
		color: green;
	}

	.getmore_link a:visited {
		color: #fff;
	}

	.getmore_link a:hover {
		color: #00B106;
	}




	/*-----------------------------------------------------------------------------------------------------*/
	.newbeat_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
	}

	.newbeat_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeat_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(32%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeat_cont ul li {
		width: 100%;
		display: block;
		position: relative;
	}




	.newbeat_slot {
		/*! display: none; */
		padding: 5px;
		display: none;
	}



	.newbeat_slot .mu_info {
		width: 100%;
	}

	.newbeat_slot .mu_info ul {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 10px;
		background-color: #2b2b2b;
		display: inline-block;
	}

	.newbeat_slot .mu_info ul li {
		display: block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
		color: white;
	}


	.newbeat_slot .mu_info ul li p {
		width: 100%;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeat_slot .mu_info ul li a {
		text-decoration: none;
		color: limegreen;
	}

	.newbeat_slot .mu_info ul li a:hover {
		color: green;
	}










	.feedbox {
		position: relative;
		border-bottom: 2px solid #6da26a;
		height: 30px;
	}

	.feedbox ul {
		list-style-type: none;
		height: 0px;
		display: -ms-grid;
		display: grid;
		justify-items: center;
		gap: 0rem;
		grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
	}

	.feedbox li {
		display: inline-block !important;
		margin: 5px;
		float: none;
		width: 100% !important;
	}

	.feedbox p {
		display: inline-block;
	}

	#lBTN {
		padding: 1px 5px;
		background-color: #6da26a;
		color: white;
		border-radius: 10px;
		border: none;
		float: right;
	}

	#lBTN:hover {
		cursor: pointer;
		background-color: limegreen;
	}

	#plyFeed {
		position: absolute;
		margin-left: 3px;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	/*NEW BEATTAPE CONTENT*/
	.newbeattape_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeattape_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeattape_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(32%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeattape_cont ul li {
		display: block;
		width: 100%;
		position: relative;
	}





	.newbeattape_slot {
		/*! display: none; */
		padding: 5px;
	}


	.newbeattape_slot .s_img {}



	.newbeattape_slot .mu_info {
		width: 100%;
		display: block;
	}

	.newbeattape_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeattape_slot .mu_info ul li {
		display: block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	.newbeattape_slot .mu_info ul li p {
		width: 100%;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		flex-direction: column;
		color: gainsboro;
	}

	.newbeattape_slot .mu_info ul li a {
		text-decoration: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: limegreen;
	}

	.newbeattape_slot .mu_info ul li a:hover {
		color: green;
	}




	/*END NEW BEATTAPE CONTENT*/

	/*-----------------------------------------------------------------------------------------------------*/

	/*------------------------------------------*/
	/*			INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/

	/*NEWS FEED*/

	#pre_nws {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 50px;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		visibility: hidden;
	}

	.pre_vis {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
	}

	.pre_vis #plb {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: none;
	}



	#latest_updates_cont {
		display: block;
		box-sizing: border-box;
		margin-bottom: 0px;
		background-color: white;
		width: 100%;
	}

	#latest_updates_cont h3 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		margin-bottom: 20px;
		background-color: #5B5B5B;
		color: limegreen;
		padding: 5px;
	}

	#latest_updates_cont img {
		width: 97%;
		height: 45vw;
		position: relative;
		display: block;
		margin: 0 auto;
		image-rendering: -webkit-optimize-contrast;
	}



	#imgfeeds_title {
		margin: 0px 0px 0px 1.5%;
	}




	#imgfeeds {
		width: 95%;
		display: inline-block;
		margin-top: 10px;
		font-size: 17px;
		margin-bottom: 50px;
		margin-left: 10px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#imgfeeds a {
		text-decoration: none;
	}

	#imgfeeds a:visited {
		color: black;
	}


	/*END NEWS FEED*/


	#a_info {
		color: limegreen;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		background-color: #5b5b5b;
	}


	.playbtn {
		background-image: url(/jpi/playbtn.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		width: 6vw;
		height: 6vw;
		margin-left: auto;
		margin-right: auto;
		border: none;
		cursor: pointer;
		/* display: none; */
		outline: none;
		background-size: 100% 100%;
		margin-top: 9vw;
		max-width: 45px;
		max-height: 45px;
		position: absolute;
		left: 0px;
		right: 0px;
	}



	.playbtn:hover {
		border-radius: 100%;
		border: 1px solid #00AB05;
		opacity: 10 !important;
	}





	#plyControl_wrapper {}


	#plyContentActive_feed {
		color: limegreen;
		background-color: black;
		position: absolute;
		text-align: right;
		display: block;
		right: 0;
	}



	.s_img:hover .playbtn {
		display: block !important;
		opacity: 0.7;
	}


	.s_img:hover #plyContentActive_feed {
		display: block;
		opacity: 0;
	}



	#down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}


	#alb_down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}



	[data-specP='fdl'] {
		font-size: 10px;
	}

	[data-specP='osl'] {
		font-size: 10px;
	}

	#free img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}





	#onsale img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}

	/*------------------------------------------*/
	/*		END	INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/



}


/*********/
/*	4	 */
/*********/
@media only screen and (min-width: 983px) and (max-width: 1199px) {



	#ld_Slidebg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #2b2b2b;
		z-index: 1;
	}


	#ld_Slidegi {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: 30px auto;
	}

	#ld_Slidegi img {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 10;
	}

	#newsFeeds_btn_wrapper {
		margin: 5px auto;
		width: 100%;
		text-align: center;
		position: absolute;
	}




	.ld_nwc {
		position: absolute;
		width: 94%;
		height: 100%;
		z-index: 2;

	}

	.ld_nwc img {
		width: 100%;
		height: 100%;
	}


	.ld_btc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		/* display: none; */
	}

	.ld_btc img {
		width: 100%;
		height: 100%;
	}


	.ld_bttc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
	}

	.ld_bttc img {
		width: 100%;
		height: 100%;
	}



	.ld_bbg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		border: 1px solid gainsboro;
	}




	.ld_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		display: block;
	}






	/*-----------------------------------------------------------------------------------------------------*/

	/*WHATS NEW CONTENTS*/
	#clear {
		width: 22px;
		height: 338px;
		margin-top: 241px;
		display: inline-block;
	}


	#main_news_wrapper {
		position: relative;
		display: flex;
		background-color: white;
		margin-bottom: 50px;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#whats_new {
		margin-top: 225px;
		height: auto;
		border-radius: 20px;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		max-width: 90%;
		width: 20%;
		float: right;
		background-color: #5B5B5B;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#main_sidebar_wrapper {
		padding-bottom: 30px;
		display: block;
		width: 348px;
		float: right;
	}

	#main_sidebar_wrapper h3 {
		width: 100%;
		color: #32cd32;
		text-align: center;
		background-color: #5b5b5b;
	}


	#main_sidebar_sep_slot {
		display: block;
	}

	#main_sidebar_sep_slot img {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}


	.main_sidebar_slot .sidebar_header {
		font-size: 15px;
		background-color: green;
		margin-bottom: 5px;
		text-align: center;
	}


	.sidebar_info {
		display: inline-block;
		color: limegreen;
		margin-right: 1px;
	}

	.main_sidebar_slot li:nth-last-child(-n+1) {
		display: none;
	}


	.main_sidebar_slot {}



	.main_sidebar_top_slots {
		display: flex;
		justify-content: center;
	}


	.main_sidebar_top_slots ul {
		list-style-type: none;
		display: block;
	}

	.main_sidebar_top_slots li {
		width: 165px;
		margin: 5px auto 0px auto;
		padding: 5px;
		display: inline-block;
		position: relative;
	}



	.main_sidebar_top_slots .main_sidebar_slot_head {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 1px;
	}

	.main_sidebar_top_slots .main_sidebar_content img {
		display: block;
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.main_sidebar_top_slots .main_sidebar_content img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
		border: 2px solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


	.main_sidebar_top_slots .main_sidebar_thumb {
		height: 120px;
		margin-bottom: 8px;
		background-color: #2b2b2b;
		outline: 2px solid green;

	}


	.main_sidebar_top_slots .main_sidebar_contenttitle {
		overflow: hidden;
		text-overflow: ellipsis !important;
		margin-bottom: 10px;
		font-size: 15px;
		background-color: #2b2b2b;
		white-space: nowrap;
	}


	.main_sidebar_top_slots .main_sidebar_contenttitle a {
		text-decoration: none;
		color: gainsboro;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:visited {
		color: white;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:hover {
		color: limegreen;
	}



	/*END WHATS NEW CONTENTS*/


	/*GLOBAL CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/
	#main {}

	/*MAIN WRAPPER*/

	#main_cont_wrapper {
		width: 950px;
		margin-left: auto;
		margin-right: auto;
	}

	#main_inner_wrapper {
		margin: 0px auto 40px auto;
	}



	#main_container {
		display: block;
	}


	.item_download {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}


	.item_download a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		background-image: url(../images/globel_images/download_btn.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 5%;
		height: auto;
		color: rgba(0, 48, 188, 1.00);
	}


	.item_download a:hover {
		background-image: url(../images/globel_images/download_btn_hover.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.new_row {
		width: 100%;
		display: inline-block;

	}

	.getmore_link {
		margin-top: 10px;
		width: auto;
		display: block;
		font-size: large;
		padding: 30px;
		text-align: center;
		clear: both;
		background-color: #404040;
		border: medium solid #038800;
	}

	.getmore_link a {
		text-decoration: none;
		color: green;
	}

	.getmore_link a:visited {
		color: #fff;
	}

	.getmore_link a:hover {
		color: #00B106;
	}



	/*-----------------------------------------------------------------------------------------------------*/
	.newbeat_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeat_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeat_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(24%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeat_cont ul li {
		display: block;
		width: 100%;
		position: relative;
	}

	.newbeat_cont li:nth-last-child(-n+3) {
		/*! display: none; */
	}


	.newbeat_slot {
		/*! display: none; */
		padding: 5px;
		display: none;
	}


	.newbeat_slot .mu_info {
		width: 100%;
	}

	.newbeat_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeat_slot .mu_info ul li {
		width: 100%;
		font-size: 90%;
		margin-bottom: 5px;
		display: block;

	}


	.newbeat_slot .mu_info ul li p {
		width: 100%;
		margin: 0px 0px 10px 0px;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeat_slot .mu_info ul li a {
		text-decoration: none;
		/*overflow: hidden;*/
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width: 55%;
		margin-bottom: -4px;
		color: limegreen;
	}


	.newbeat_slot .mu_info ul li a:hover {
		color: limegreen !important;
	}


	.newbeat_slot .mu_info ul li a:visited {
		color: limegreen;
	}


	.feedbox {
		position: relative;
		border-bottom: 2px solid #6da26a;
		height: 30px;
	}

	.feedbox ul {
		list-style-type: none;
		height: 0px;
		display: -ms-grid;
		display: grid;
		justify-items: center;
		gap: 0rem;
		grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
	}

	.feedbox li {
		display: inline-block !important;
		margin: 5px;
		float: none;
		width: 100% !important;
	}

	.feedbox p {
		display: inline-block;
	}

	#lBTN {
		padding: 1px 5px;
		background-color: #6da26a;
		color: white;
		border-radius: 10px;
		border: none;
		float: right;
	}

	#lBTN:hover {
		cursor: pointer;
		background-color: limegreen;
	}

	#plyFeed {
		position: absolute;
		margin-left: 3px;
	}



	/*-----------------------------------------------------------------------------------------------------*/
	/*NEW BEATTAPE CONTENT*/
	.newbeattape_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeattape_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeattape_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(24%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeattape_cont ul li {
		display: block;
		width: 100%;
		position: relative;
	}




	.newbeattape_slot {
		/*! display: none; */
		padding: 5px;
	}

	.newbeattape_slot .s_img {}


	.newbeattape_slot .mu_info {
		width: 100%;
		display: block;
	}

	.newbeattape_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeattape_slot .mu_info ul li {
		width: 100%;
		font-size: 13px;
		display: block;
	}


	.newbeattape_slot .mu_info ul li p {
		width: 100%;
		margin: 0px 0px 10px 0px;
		display: block;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeattape_slot .mu_info ul li a {
		text-decoration: none;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		width: 55%;
		margin-bottom: -4px;
		color: limegreen;
	}


	.newbeattape_slot .mu_info ul li a:hover {
		color: limegreen !important;
	}


	.newbeattape_slot .mu_info ul li a:visited {
		color: limegreen;
	}


	/*END NEW BEATAPE CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/

	/*------------------------------------------*/
	/*			INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/

	/*NEWS FEED*/

	#pre_nws {
		width: 100%;
		height: 93%;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
	}

	.pre_vis {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		text-align: center;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		visibility: hidden;
	}

	.pre_vis #plb {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: none;
	}





	#latest_updates_cont {
		box-sizing: border-box;
		height: 600px;
		position: relative;
		width: 600px;
		display: inline-block;
	}

	#latest_updates_cont h3 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		margin-bottom: 20px;
		background-color: #5b5b5b;
		color: limegreen;
	}

	#latest_updates_cont img {
		width: 97%;
		height: 420px;
		position: relative;
		display: block;
		margin: 0px 0px 0px 10px;
		image-rendering: -webkit-optimize-contrast;
	}


	#imgfeeds_title {
		margin: 0px 0px 0px 1.7%;
	}

	#imgfeeds {
		width: 96%;
		height: 120px;
		display: block;
		font-size: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 10px 0px 10px 10px;
		white-space: nowrap;
	}

	#imgfeeds a {
		text-decoration: none;
	}

	#imgfeeds a:hover {
		color: green !important;
	}

	#imgfeeds a:visited {
		color: black;
	}

	/*END NEWS FEED*/


	#a_info {
		color: limegreen;
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		background-color: #5b5b5b;
	}





	.playbtn {
		background-image: url(/jpi/playbtn.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		width: 40px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		cursor: pointer;
		display: none;
		outline: none;
		background-size: 100% 100%;
		margin-top: 8px;
		min-width: 35px;
		min-height: 35px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 60px;
	}


	.playbtn:hover {
		border-radius: 100%;
		border: 1px solid #00AB05;
		opacity: 10 !important;

	}


	#plyControl_wrapper {
		width: 165px;
		height: 0px !important;
		margin: 0px auto;
	}


	#plyContentActive_feed {
		color: whitesmoke !important;
		background-color: #2b2b !important;
		position: absolute !important;
		text-align: center !important;
		display: block !important;
		right: 0px !important;
		left: 0px !important;
		font-size: 25px !important;
		outline: 0px solid black !important;
	}



	.s_img:hover .playbtn {
		display: block !important;
		opacity: 0.7;

	}


	.s_img:hover #plyContentActive_feed {
		display: block;
		opacity: 0;

	}




	.s_img {
		position: relative;
		height: 180px;
		display: block;
		border: 2px solid #000;
		background-color: #2b2b2b;
	}

	.s_img a {
		width: 100%;
		height: 100%;
		display: block;
	}

	.s_img img {
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.s_img img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		border: medium solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}



	#down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}


	#alb_down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}



	[data-specP='fdl'] {
		font-size: 10px;
	}

	[data-specP='osl'] {
		font-size: 10px;
	}

	#free img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}





	#onsale img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}

	/*------------------------------------------*/
	/*		END	INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/
}


/*********/
/*	5	 */
/*********/
@media only screen and (min-width: 1200px) {




	#ld_Slidebg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #2b2b2b;
		z-index: 1;
	}


	#ld_Slidegi {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: 30px auto;
		z-index: 1;
	}

	#ld_Slidegi img {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 10;
	}


	#newsFeeds_btn_wrapper {
		margin: 5px auto;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 0;
	}




	.ld_nwc {
		position: absolute;
		width: 94%;
		height: 100%;
		z-index: 2;

	}

	.ld_nwc img {
		width: 100%;
		height: 100%;
	}


	.ld_btc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		/* display: none; */
	}

	.ld_btc img {
		width: 100%;
		height: 100%;
	}


	.ld_bttc {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
	}

	.ld_bttc img {
		width: 100%;
		height: 100%;
	}



	.ld_bbg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		border: 1px solid gainsboro;
	}




	.ld_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background-color: #2b2b2b;
		display: block;
	}







	/*-----------------------------------------------------------------------------------------------------*/

	/*WHATS NEW CONTENTS*/
	#clear {
		width: 22px;
		height: 338px;
		margin-top: 241px;
		display: inline-block;
	}



	#main_news_wrapper {
		max-width: 1200px;
		display: flex;
		position: relative;
		background-color: white;
		margin-bottom: 50px;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#whats_new {
		margin-top: 225px;
		height: auto;
		border-radius: 20px;
		padding-left: 25px;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		max-width: 90%;
		width: 20%;
		float: right;
		background-color: #5B5B5B;
	}

	/*-----------------------------------------------------------------------------------------------------*/
	#main_sidebar_wrapper {
		padding-bottom: 30px;
		width: 348px;
	}

	#main_sidebar_wrapper h3 {
		width: 100%;
		color: #32cd32;
		text-align: center;
		background-color: #5b5b5b;
	}


	#main_sidebar_sep_slot {
		display: block;
	}

	#main_sidebar_sep_slot img {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 1px;
	}


	.main_sidebar_slot .sidebar_header {
		font-size: 15px;
		background-color: green;
		margin-bottom: 5px;
		text-align: center;
	}


	.sidebar_info {
		display: inline-block;
		color: limegreen;
		margin-right: 1px;
	}



	.main_sidebar_slot li:nth-last-child(-n+1) {
		display: none;
	}

	.main_sidebar_slot {}


	.main_sidebar_content {
		position: relative;
	}

	.main_sidebar_top_slots {
		display: flex;
		justify-content: center;
	}


	.main_sidebar_top_slots ul {
		list-style-type: none;
		display: block;
		margin: 0px auto;
	}

	.main_sidebar_top_slots li {
		width: 165px;
		margin: 5px auto 0px auto;
		padding: 5px;
		display: inline-block;
		position: relative;
	}



	.main_sidebar_top_slots .main_sidebar_slot_head {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 1px;
	}

	.main_sidebar_top_slots .main_sidebar_content img {
		display: block;
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.main_sidebar_top_slots .main_sidebar_content img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
		border: 2px solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}


	.main_sidebar_top_slots .main_sidebar_thumb {
		height: 120px;
		margin-bottom: 8px;
		background-color: #2b2b2b;
		outline: 2px solid green;
	}


	.main_sidebar_top_slots .main_sidebar_contenttitle {
		overflow: hidden;
		text-overflow: ellipsis !important;
		margin-bottom: 10px;
		font-size: 15px;
		background-color: #2b2b2b;
		white-space: nowrap;
	}


	.main_sidebar_top_slots .main_sidebar_contenttitle a {
		text-decoration: none;
		color: gainsboro;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:visited {
		color: white;
	}

	.main_sidebar_top_slots .main_sidebar_contenttitle a:hover {
		color: limegreen;
	}



	/*END WHATS NEW CONTENTS*/


	/*GLOBAL CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/
	#main {}

	/*MAIN WRAPPER*/

	#main_cont_wrapper {
		width: 96vw;
		max-width: 1200px;
		margin: 0px auto;
	}

	#main_inner_wrapper {
		margin: 0px auto 40px auto;
	}



	#main_container {
		display: block;
	}




	.item_download {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}


	.item_download a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		background-image: url(../images/globel_images/download_btn.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 5%;
		height: auto;
		color: rgba(0, 48, 188, 1.00);
	}


	.item_download a:hover {
		background-image: url(../images/globel_images/download_btn_hover.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.new_row {
		width: 100%;
		display: inline-block;

	}

	.getmore_link {
		margin-top: 20px;
		width: auto;
		display: block;
		font-size: large;
		padding: 30px;
		text-align: center;
		clear: both;
		background-color: #404040;
		border: medium solid #038800;
	}

	.getmore_link a {
		text-decoration: none;
		color: green;
	}

	.getmore_link a:visited {
		color: #fff;
	}

	.getmore_link a:hover {
		color: #00B106;
	}



	/*-----------------------------------------------------------------------------------------------------*/
	.newbeat_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeat_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeat_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(19%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeat_cont ul li {
		display: block;
		width: 100%;
		max-width: 240px;
		position: relative;
	}




	.newbeat_slot {
		/*! display: none; */
		padding: 5px;
		display: none;
	}


	.newbeat_slot .mu_info {
		font-size: 85%;
	}

	.newbeat_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeat_slot .mu_info ul li {
		font-size: 14px;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}


	.newbeat_slot .mu_info ul li p {
		width: 100%;
		margin: 0px 0px 0px 0px;
		display: block;
		padding: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeat_slot .mu_info ul li a {
		text-decoration: none;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 55%;
		margin-bottom: -4px;
		color: limegreen;
	}


	.newbeat_slot .mu_info ul li a:hover {
		color: limegreen !important;
	}


	.newbeat_slot .mu_info ul li a:visited {
		color: limegreen;
	}




	.feedbox {
		position: relative;
		border-bottom: 2px solid #6da26a;
		height: 30px;
	}

	.feedbox ul {
		list-style-type: none;
		height: 0px;
		display: -ms-grid;
		display: grid;
		justify-items: center;
		gap: 0rem;
		grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
	}

	.feedbox li {
		display: inline-block;
		margin: 5px;
		float: none;
		width: 100% !important;
	}

	.feedbox p {
		display: inline-block;
	}

	#lBTN {
		padding: 1px 5px;
		background-color: #6da26a;
		color: white;
		border-radius: 10px;
		border: none;
		float: right;
	}

	#lBTN:hover {
		cursor: pointer;
		background-color: limegreen;
	}

	#plyFeed {
		position: absolute;
		margin-left: 3px;
	}


	/*-----------------------------------------------------------------------------------------------------*/
	/*NEW BEATTAPE CONTENT*/
	.newbeattape_cont {
		width: 100%;
		margin-bottom: 30px;
		display: inline-block;
		height: auto;
		background-color: white;
		position: relative;
	}

	.newbeattape_cont header h3 {
		background-color: #5B5B5B;
		border: 1px solid gainsboro;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #00DB07;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: left;
		padding-left: 10px;
	}


	.newbeattape_cont ul {
		list-style-type: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(19%, 0fr));
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		gap: 10px;
	}

	.newbeattape_cont ul li {
		display: block;
		width: 100%;
		max-width: 240px;
		position: relative;
	}




	.newbeattape_slot {
		/*! display: none; */
		padding: 5px;
	}


	.newbeattape_slot .mu_info {
		font-size: 85%;
	}

	.newbeattape_slot .mu_info ul {
		margin-top: 10px;
		background-color: #2b2b2b;
		color: gainsboro;
		padding: 5px 0px 5px 0px;
		display: inline-block;
	}

	.newbeattape_slot .mu_info ul li {
		font-size: 14px;
		display: block;
		width: 100%;
	}


	.newbeattape_slot .mu_info ul li p {
		width: 100%;
		margin: 0px 0px 5px 0px;
		display: block;
		padding: 0;
		height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newbeattape_slot .mu_info ul li a {
		text-decoration: none;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 55%;
		margin-bottom: -4px;
		color: limegreen;
	}


	.newbeattape_slot .mu_info ul li a:hover {
		color: limegreen !important;
	}


	.newbeattape_slot .mu_info ul li a:visited {
		color: limegreen;
	}


	/*END NEW BEATAPE CONTENT*/
	/*-----------------------------------------------------------------------------------------------------*/

	/*------------------------------------------*/
	/*			INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/

	/*NEWS FEED*/



	#latest_updates_cont {
		display: inline-block;
		box-sizing: border-box;
		height: 600px;
		position: relative;
		max-width: 850px;
		width: 71%;
	}

	#latest_updates_cont h3 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		margin-bottom: 20px;
		background-color: #5b5b5b;
		color: limegreen;
	}

	#latest_updates_cont img {
		width: 98%;
		height: 500px;
		position: relative;
		display: block;
		margin: 0px 0px 0px 10px;
		image-rendering: -webkit-optimize-contrast;
	}


	#imgfeeds_title {
		margin: 0px 0px 0px 1.3%;
	}

	#imgfeeds {
		width: 750px;
		height: 120px;
		display: block;
		font-size: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 10px 0px 10px 10px;
		white-space: nowrap;
	}

	#imgfeeds a {
		text-decoration: none;
	}

	#imgfeeds a:hover {
		color: green !important;
	}

	#imgfeeds a:visited {
		color: black;
	}

	/*END NEWS FEED*/

	#a_info {
		color: limegreen;
		position: absolute;
		left: 0;
		right: 0;
		background-color: #5b5b5b;
		margin: 0 auto;
		text-align: center;
	}


	.playbtn {
		background-image: url(/jpi/playbtn.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		width: 40px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		cursor: pointer;
		display: none;
		outline: none;
		background-size: 100% 100%;
		margin-top: 8px;
		min-width: 35px;
		min-height: 35px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 60px;
	}


	.playbtn:hover {
		border-radius: 100%;
		border: 1px solid #00AB05;
	}


	#plyControl_wrapper {
		width: 165px;
		height: 0px !important;
		margin: 0px auto;
	}


	#plyContentActive_feed {
		color: whitesmoke !important;
		background-color: #2b2b !important;
		position: absolute !important;
		text-align: center !important;
		display: block !important;
		right: 0px !important;
		left: 0px !important;
		font-size: 25px !important;
		outline: 0px solid black !important;
	}



	.s_img:hover .playbtn {
		display: block !important;
		/*! opacity: 0.7; */

	}


	.s_img:hover #plyContentActive_feed {
		display: block;
		opacity: 0;

	}




	.s_img {
		position: relative;
		height: 180px;
		display: block;
		border: 2px solid #000;
		background-color: #262626;
	}

	.s_img a {
		width: 100%;
		height: 100%;
		display: block;
	}

	.s_img img {
		width: 100%;
		height: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.s_img img:hover {
		width: 100%;
		height: 100%;
		padding: 0;
		border: medium solid #00AB05;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}




	#down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}


	#alb_down_note {
		position: absolute;
		bottom: 5px;
		width: 44%;
		pointer-events: none;
		left: 5px;
	}



	[data-specP='fdl'] {
		font-size: 10px;
	}

	[data-specP='osl'] {
		font-size: 10px;
	}

	#free img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}





	#onsale img {
		display: block;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 30%;
		height: 35%;
		position: absolute;
		right: 0;
		top: 65%;
		pointer-events: none;
		box-shadow: none;
	}


	/*------------------------------------------*/
	/*		END	INCLUDED CSS FOR CONTENTS		*/
	/*------------------------------------------*/
}