.blog-detail-1 {
	/*text-align:center;*/
	/*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
	padding: 12px;
	/*border-radius: 10px;*/
	height: 100%;
}

.suggested-blog-desc {
	color: green;
}

.blog-detail-1 img {
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 20px;
}

.blog-detail-1 p {
	font-size: 18px;
}

.blog-detail p {
	padding: 0 10px;
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 500;
	line-height: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.blog-detail {
	/*text-align:center;*/
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 12px;
	border-radius: 10px;
	height: 100%;
	margin-top: 20%;
}

.blog-detail h3 {
	margin: 15px 10px;
	font-weight: 600;
}

.blog-col h3:hover {
	color: green;
}

.blog-detail p {
	padding: 0 10px;
	font-size: 16px;
	letter-spacing: 0px;
}

.blog-detail p:hover {
	color: green;
}

.suggested-blogs {
	margin: 20px 0px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 14px;
	padding-bottom: 16px;
}

.suggested-blogs-img {
	height: 80px;
	width: 80px !important;
	border-radius: 10px;
}

.blog-title {
	font-weight: 700;
	color: green;
}

.blog-detail-1 h3 {
	color: green;
}

.blog-main-container {
	margin: 80px 60px;
}

table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
}

th,
td {
	border: 1px solid black;
	padding: 8px;
	text-align: center;
}

.list-type {
	list-style-type: lower-alpha;
}

/*Responsive*/

@media only screen and (min-width: 1500px) and (max-width: 5000px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}
}

@media only screen and (min-width: 1201px) and (max-width: 1499px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}

	.blog-detail {
		margin-top: 0%;
	}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}

	.blog-detail {
		margin-top: 0%;
	}
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}

	.blog-detail {
		margin-top: 0%;
	}
}

@media screen and (max-width: 360px) {


	.blog-detail {
		margin-top: 0%;
	}

	.blog-detail p {
		padding: 6px 0;
		font-size: 1.2rem;
		letter-spacing: 0px;
	}

	.blog-main-container {
		margin: 15px 0px;
		text-align: left;
		padding: 0 10px;
	}

	.blog-detail p {
		text-align: left;
	}

	.blog-title {
		font-size: 1.6rem;
		margin: 20px 0;
	}

	.blog-main-container h1 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
	}

	.blog-main-container h2 {
		font-size: 1.6rem;
		font-weight: 700;
		color: #008000;
		margin: 15px 0;
	}

	.blog-main-container ul {
		margin: 0;
		padding: 0 20px;
	}

	.blog-main-container strong {
		color: #008000;

	}

}