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

.main_container
{
float:left;width:70%;min-height:100vh;margin-left:15%;background:purple;
}

.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;margin-bottom:5px;text-align:center;color:#fff;font-weight:bold;font-size:3em;font-family: serif;backgroundk:red;
}
.sub_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;color:#FAF000;font-weightk:bold;font-size:1.5em;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;	
}
.name_lebal
{
float:left;width:90%;height:30px;line-height:30px;margin:0px;margin-left:1%;font-size:1.4em;paddingk:0px;backgroundk:red;colork:#0C9747;cursor:pointer;
}
.name_lebal:hover{text-decoration:underline;color:#1776F0;}
.name_detail_div
{
float:left;width:96%;margin-left:1%;line-height:30px;font-size:1.2em;color:505252;	
}
.check_output
{
float:left;width:100%;height:30px;line-height:30px;text-align:center;	
}

.read_more
{
float:left;width:20%;height:30px;margin-left:40%;margin-top:10px;cursor:pointer;background:#fff;border: 1px solid green;color:green;border-radius:10px;	
}
.read_more:hover{background:green;color:#fff;}


@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) 
{
	

.main_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;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:#fff;font-weight:bold;font-size:1.5em;font-family: serif;
}

.read_more
{
float:left;width:50%;height:30px;margin-left:25%;margin-top:10px;cursor:pointer;background:#fff;border: 1px solid green;color:green;border-radius:10px;	
}





}