body{margin:0px;background:#ededed;}

.main_container
{
float:left;width:70%;margin-left:15%;backgroundk:red;
}

.bk_btn
{
float:left;width:40px;height:40px;margin-left:1%;border-radius:50%;cursor:pointer;
}
.main_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;color:#601AE4;font-weight:bold;font-size:3em;font-family: serif;
}

.sub_container
{
float:left;width:80%;margin-left:10%;margin-bottom:20px;padding-top:10px;padding-bottom:10px;background:#fff;border:1px solid #ccc;border-radius:15px;	
}


.check_output
{
float:left;width:100%;height:30px;line-height:30px;text-align:center;	
}

.celeb_title
{
float:left;width:100%;height:60px;line-height:60px;margin-bottom:10px;text-align:center;color:brown;font-weight:bold;font-size:1.5em;backgroundk:red;	
}
.single_celeb_div
{
float:left;width:23%; height:300px;margin-left:1.5%;margin-bottom:30px;background:#FAFAFA;borderk:1px solid #ccc;	
}
.celeb_div
{
float:left;width:100%; height:240px;display:flex;justify-content:center;align-items:center;background:#000;
}
.celeb_img
{
float:left;max-width:100%; max-height:100%;
}
.celeb_name
{
float:left;width:98%;height:30px;line-height:30px;margin-left:1%;font-weight:bold;color:#80A805;font-size:1.1em;	
}
.celeb_detail
{
float:left;width:98%;height:25px;line-height:25px;margin-left:1%;font-weight:bold;colork:#80A805;font-size:1em;	
}

@media screen and (max-width: 1500px) 
{
	
.main_container
{
float:left;width:80%;margin-left:10%;
}
.sub_container
{
float:left;width:90%;margin-left:5%;
}

}

@media screen and (max-width: 1200px) 
{
	
.main_container
{
float:left;width:100%;margin-left:0%;
}

}

@media screen and (max-width: 900px) 
{
	
.single_celeb_div
{
float:left;width:30%; height:300px;margin-left:2.5%;margin-bottom:30px;background:#FAFAFA;borderk:1px solid #ccc;	
}
.main_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;color:#601AE4;font-weight:bold;font-size:2.2em;font-family: serif;
}

}
 

@media screen and (max-width: 700px) 
{
	
.main_container
{
float:left;width:100%;margin-left:0%;
}
.sub_container
{
float:left;width:96%;margin-left:2%;margin-bottom:20px;background:#fff;border:1px solid #ccc;border-radius:15px;	
}
.single_celeb_div
{
float:left;width:42%; height:300px;margin-left:5%;margin-bottom:30px;background:#FAFAFA;borderk:1px solid #ccc;	
}
.main_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;color:#601AE4;font-weight:bold;font-size:1.5em;font-family: serif;
}
.celeb_title
{
float:left;width:100%;height:60px;line-height:60px;margin-bottom:10px;text-align:center;color:brown;font-weight:bold;font-size:1.2em;backgroundk:red;	
}





}