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

/*********************about****************/
.club_1_left_o .progress-bar {
    background: var(--violet);
}
.club_1_left_o .progress {
    background-color: var(--bs-white);
    height: 8px;
    overflow: hidden;
    border-radius: 0;
}

.masonry-item img {
      width: 100%;
      height: auto;
      display: block;
 }

#gallery .modal-dialog {
	max-width: 800px;
}

.gallery_left:hover .homei1i2{
	display:block; 
	transition: 0.3s;
 }
.modal {
  z-index:10000;
 }
.homei1i2{
	padding-top:66%;
	display:none;
	transition: 0.3s; 
 }
.homei1i2o{
  padding-top:26%;
 }

.modal-title{
  font-size:30px;
}

.team_1_left{
	border-bottom:5px solid var(--violet_dark);
}
.team_1_left ul{
	top:20px;
	right:20px;
	display:none;
	transition: 0.3s;
}
.team_1_left:hover ul{
	display:block;
	transition: 0.3s;
}
/*********************about_end****************/




@media screen and (max-width : 767px){
.club_1_left .play_icon {
    left: 35%;
}
.team_1_left  {
	margin-top:10px;
	margin-bottom:10px;
}

 }


@media (min-width:576px) and (max-width:767px) {
.club_1_left .play_icon {
    left: 43%;
}

 }
 
@media (min-width:768px) and (max-width:991px) {
.team_1_left  {
	margin-top:10px;
	margin-bottom:10px;
}

 }

@media (min-width:992px) and (max-width:1200px) {
.club_1_left_o  p{
	font-size:13px;
}
.club_1_left_o {
	padding:20px 15px!important;
}
 }

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

 }
@media screen and (min-width : 1400px){
.club_1_left_o{
	padding-top:100px!important;
}

 }