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

/*********************center_home****************/
.carousel-caption{
	background-color: var(--bg_back)!important;
	bottom:0;
	left:0;
	color:var(--bs-white);
	width:100%;
	height:100%;
	padding: 110px 140px 0px 140px;
	text-align:left;
 }

.carousel-caption .player_container {
	background:none!important;
	padding:0!important;
}
/*********************center_home_end****************/

/*********************trend****************/
.trend_1_left2{
	border-bottom:2px solid transparent;
	transition: 0.3s;
}
.trend_1_lefto:hover .trend_1_left2{
	border-bottom:2px solid var(--orange);
	transition: 0.3s;
}
.trend_1_left1_inner1{
	display:none;
}
.trend_1_lefto:hover .trend_1_left1_inner1{
	display:block;
	transition: 0.3s;
}

/*********************trend_end****************/

/*********************event****************/
.event_1_right .nav-tabs .nav-link {
    background: none;
    color: var(--gray);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px;
    transition: 0.3s;
    border: none;
}
.event_1_right .nav-tabs .nav-link:hover {
   background: var(--orange);
    color: var(--bs-white);
    border: none;
}
.event_1_right .nav-tabs .nav-link.active {
    background: var(--orange);
    color: var(--bs-white);
    border: none;
}


/*********************event_end****************/





@media screen and (max-width : 767px){
.carousel-caption {
    position:static!important;
	padding:15px 15px 50px 15px;
	background:var(--bs-dark)!important;
	text-align:left!important;
}
.carousel-caption h1 {
    font-size: 30px;
}
.carousel-caption br {
    display:none;
}
.carousel-caption p {
    width:100%!important;
}

.trend_1_lefto{
	margin-top:20px;
}
.latest_left {
	padding-right:0!important;
	margin-bottom:20px;
}
.pod_left {
	margin-bottom:20px;
}
.pod_left .trend_1_left1_inner1{
	padding:15px 10px!important;
} 
.event_1_right{
	margin-top:20px;
}
.event_1_right .nav-tabs .nav-link {
  margin-top:3px;
  margin-bottom:3px;
}

#release .trend_1_left1_inner1{
	padding:15px 15px!important;
}
#release .trend_1_left1_inner1 p{
	font-size:12px;
}  

.player_bars{
	display:none!important;
}
 }


@media (min-width:576px) and (max-width:767px) {
.player_bars{
	display:block!important;
}
 }
 
@media (min-width:768px) and (max-width:991px) {

.center_home img{
   min-height:550px;
 }
.carousel-caption h1 {
    font-size: 50px;
}
.carousel-caption br {
    display:none;
}
.carousel-caption p {
    width:70%!important;
}
.carousel-caption{
	padding: 70px 90px 0px 90px;
 }
.trend_1_lefto{
	margin-top:20px;
}
.latest_left {
	padding-right:0!important;
	margin-bottom:20px;
}

#release .trend_1_left1_inner1{
	padding:10px 10px!important;
}
#release .trend_1_left1_inner1 p{
	font-size:10px;
}  
 }

@media (min-width:992px) and (max-width:1200px) {
.center_home img{
   min-height:600px;
 }
.carousel-caption h1 {
    font-size: 50px;
}
.carousel-caption{
	padding: 100px 120px 0px 120px;
 }
.trend_1_left1_inner1 {
	padding:20px 15px!important;
}
 }

@media (min-width:1201px) and (max-width:1300px) {
.center_home img{
   min-height:680px;
 }

 }
@media screen and (min-width : 1400px){
.carousel-caption{
	padding: 230px 120px 0px 120px;
 }

 }