@media screen and (min-width:1200px)
{
    .blog_details100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #f2f2f2;
	overflow: hidden;
	padding-top: 0.3rem;
	padding-bottom: 4rem;
    }
	.blog_details{
	height: auto;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 1rem;
	padding-right: 4rem;
	padding-bottom: 2rem;
	padding-left: 4rem;
	overflow: hidden;
    }
}

@media screen and (min-width:720px) and (max-width:1200px)
{
    .blog_details100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #f2f2f2;
	padding-top: 0.3rem;
	padding-bottom: 3rem;
	overflow: hidden;
    }
	.blog_details{
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 1rem;
	padding-right: 4rem;
	padding-bottom: 2rem;
	padding-left: 4rem;
	overflow: hidden;
    }
}

@media screen and (max-width:720px)
{
    .blog_details100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #f2f2f2;
	padding-top: 0.3rem;
	padding-bottom: 2rem;
	overflow: hidden;
    }
	.blog_details{
	height: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 0.5rem;
	padding-right: 0.5em;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	overflow: hidden;
    }
}








@media screen and (min-width:1200px)
{
    .title_details100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #f2f2f2;
	overflow: hidden;
	padding-top: 3rem;
    }
	.title_details{
	height: auto;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	background-color: #f2f2f2;
	text-align: left;
	overflow: hidden;
    }
}

@media screen and (min-width:720px) and (max-width:1200px)
{
    .title_details100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #f2f2f2;
	padding-top: 3rem;
	overflow: hidden;
    }
	.title_details{
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #f2f2f2;
	text-align: left;
	overflow: hidden;
    }
}

@media screen and (max-width:720px)
{
    .title_details100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #f2f2f2;
	padding-top: 2rem;
	overflow: hidden;
    }
	.title_details{
	height: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	background-color: #f2f2f2;
	text-align: left;
	overflow: hidden;
    }
}