/*
Template Name: Music Profile
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************album****************/
.center_album {
	background-image: url("https://res.cloudinary.com/deoaqyjfh/image/upload/v1777646916/studio_xdblsz.jpg");
	background-position: center center;
	background-size: cover;
}

.center_album_dt {
	background-image: url("https://res.cloudinary.com/deoaqyjfh/image/upload/v1777646916/studio_xdblsz.jpg");
	background-position: center center;
	background-size: cover;
}

.lineup1_right_inner_left2 {
	padding-top: 30%;
	transition: 0.3s;
}

.lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
	padding-top: 25%;
	transition: 0.3s;
}

.watch_dt_left .lineup1_right_inner_left2 {
	padding-top: 75%;
	transition: 0.3s;
}

.watch_dt_left .lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
	padding-top: 70%;
	transition: 0.3s;
}

/*********************album_end****************/



@media screen and (max-width : 767px) {
	.jp-volume-controls {
		display: none;
	}

	.watch_3_mid {
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.watch_3_right {
		text-align: left !important;
		padding-top: 0 !important;
	}

	.lineup1_right_inner_left2 {
		padding-top: 23%;
	}

	.lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 18%;
	}

	.lineup1_right_inner_left {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.watch_dt_left .lineup1_right_inner_left2 {
		padding-top: 65%;
	}

	.watch_dt_left .lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 60%;
	}

	.watch_dt_right {
		padding-left: 0 !important;
		margin-top: 20px;
	}

	.watch_dt_right_inner h6 {
		font-size: 14px;
	}

}


@media (min-width:576px) and (max-width:767px) {
	.jp-volume-controls {
		display: block;
	}

	.lineup1_right_inner_left2 {
		padding-top: 43%;
	}

	.lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 38%;
	}

	.watch_dt_left .lineup1_right_inner_left2 {
		padding-top: 83%;
	}

	.watch_dt_left .lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 78%;
	}

	.watch_3_right {
		text-align: center !important;
	}
}

@media (min-width:768px) and (max-width:991px) {

	.jp-volume-controls {
		display: none;
	}

	.player_bars {
		display: none;
	}

	.watch_3_right .ms-4 {
		margin-left: 10px !important;
	}

	.lineup1_right_inner_left2 {
		padding-top: 15%;
	}

	.lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 10%;
	}

	.watch_dt_right {
		padding-left: 0 !important;
	}

	.watch_dt_right_inner h6 {
		font-size: 14px;
	}

	.watch_dt_left .lineup1_right_inner_left2 {
		padding-top: 65%;
	}

	.watch_dt_left .lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 60%;
	}

	.watch_3_left .fs-5 {
		font-size: 17px !important;
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.jp-volume-controls {
		display: none;
	}

	.lineup1_right_inner_left2 {
		padding-top: 23%;
	}

	.lineup1_right_inner_left:hover .lineup1_right_inner_left2 {
		padding-top: 18%;
	}

	.watch_dt_right {
		padding-left: 0 !important;
	}

	.watch_dt_right_inner h6 {
		font-size: 14px;
	}
}

@media (min-width:1201px) and (max-width:1300px) {}

@media screen and (min-width : 1400px) {}