.artist-row {
  width: 100%;
  clear: both;
  height: 440px;
}

.ag-artist-image {
  width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.ag-artist-detials {
  padding-left: 15px;
  padding-right: 15px;
  width: 66.66%;
  max-height: 330px;
  overflow: scroll;
  float: right;	

}

.ag-artist-detials p {
	color: #000000;
}
.artist-heading {
	color: #000000;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.ag-artist-image {
  height: 380px;
}

.ag-artist-thumb {
    display: inline-block;
    height: 290px;
    width:  100%;
    background-position: center center;
    background-size: cover;
 }


.ag-artist-thumb:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.text-center {
  text-align: center;
}

.ag-artist-title a {
  color: #000000;
}

.artist-name {
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0px;
  font-size: 13px;
  font-weight: bold;
}

@media only screen and (max-width:77.5em) { 
  
  .ag-artist-image {
  	width: 30%;
  }

  .ag-artist-thumb {
  	height: 240px;
  }
}

@media only screen and (max-width:74.8125em) { 
 .ag-artist-thumb {
  	height: 200px;
  }
}

@media only screen and (max-width:63.125em) { 
 .ag-artist-image {
 	width: 40%;
 }

 .ag-artist-detials { 
 	width: 60%;
 }
}

@media only screen and (max-width:44.375em) { 
 .ag-artist-image {
 	width: 100%;
 	height: 440px;
 }
 
 .ag-artist-thumb {
  	height: 350px;
 }

 .ag-artist-detials { 
 	width: 100%;
 	margin-bottom: 40px;
 }

}

@media only screen and (max-width:32.1875em) { 
 .ag-artist-thumb {
  	height: 300px;
 }
}