.banner { background: url("../images/blog.jpg") no-repeat center top / cover; position: relative; margin-bottom: 30px; min-height: 600px; width: 100%; }
.banner h1 { color: #fff; font-size: 70px; font-weight: 800; margin-bottom: 10px; text-shadow: 0px 1px 5px rgba(0,0,0,0.5); text-transform: capitalize; }
.banner h4 { color: #fff; font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.banner .btn-see { background: #448bb6; border: none; color: #fff; font-size: 18px; font-weight: 800; line-height: 48px; margin: 0px; max-width: 315px; text-transform: uppercase; width: 100%; }
.banner .btn-see .fa { font-size: 24px; }
.banner .btn-see:hover { background-color: #56ace1; }
.banner .hmcaption { padding: 250px 15px 0px; }

.post { border-bottom: 1px solid #e7e7e7; clear: both; float: left; padding: 5% 0px; width: 100%; }
.popular:last-child { border: 0px; }
.post h3 { color: #222; font-size: 30px; font-weight: 800; margin: 0px 0px 20px; }
.post h3 a { color: #222; }
.post h3 a:hover, .post h3 a:focus { color: #448bb6; text-decoration: none; }
.post h5 { color: #999; font-size: 14px !important; font-weight: 300; }
.post h5 span { color: #448bb6; font-weight: 700; text-transform: capitalize; }
.post p { font-size: 18px; line-height: 30px; }
.post .btn-default { background-color: #448bb6; border: none; color: #fff; font-size: 12px; font-weight: 800; line-height: 25px; max-width: 110px; text-transform: uppercase; width: 100%; }
.post .btn-default:hover, .post .btn-default:focus { background-color: #56ace1; color: #fff; }
.post .photo img { width:100%; }

.content-area .col-md-12 { padding-bottom: 50px; padding-top: 30px; }


/*	Blog Post Style
----------------------------*/

.inverse { background-color: #03111a; }

.wrapper { clear: both; padding: 160px 0px 0px; width: 100%; }
.blog-post {  }
.blog-post h1 { color: #222; font-size: 48px; font-weight: 800; margin: 0px 0px 20px; }
.blog-post h2 { color: #222; font-size: 39px; font-weight: 800; margin: 0px 0px 20px; }
.blog-post h3 { color: #333333; font-size: 36px; font-weight: 700; }
.blog-post h4 { color: #333333; font-size: 30px; font-weight: 700; }
.blog-post h5 { color: #333333; font-size: 24px; font-weight: 700; }
.blog-post h6 { color: #999; font-size: 18px; font-weight: 300; margin-bottom: 20px; }
.blog-post h6 span { color: #448bb6; font-weight: 700; text-transform: capitalize; }


.photolarge { margin-bottom: 40px; width: 100%; }

.subhead { color: #448bb6 !important; }

.quote { background-color: #fff; border-left: 3px solid #448bb6; box-shadow: 0px 0px 35px rgba(0,0,0,0.1); margin-bottom: 40px; padding: 5% 5%; }
.quote p { color: #666; font-size: 30px; font-weight: 200; font-style: italic; line-height: 44px; padding-left: 30px; }
.quote h5 { color: #666; font-size: 16px; font-weight: 300; padding-left: 30px; text-transform: uppercase; }
.quote h5 strong { color: #448bb6; font-weight: 700; }

.list { list-style: none; margin: 0px; padding: 0px; }
.list li { background: url("../images/tickmark.png") no-repeat left 6px; padding-left: 25px; color: #5f5f5f; font-size: 18px; font-weight: 300; margin-bottom: 15px; }

.related { color: #2d2e32; font-size: 24px; font-weight: 600; margin-top: 40px; }
.related h3, .comments h3 { color: #2d2e32; font-weight: 800; margin: 30px 0px 30px; }
.related a { color: #2d2e32; }
.related a:hover { color: #448bb6; }

.comments { clear: both; margin: 100px 0px 50px; width: 100%; }

/*-------------------
	Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.banner h1 { font-size: 45px; }
	.post h3 { margin: 20px 0px; }

	/*------- Blog Post Style -------*/
	.blog-post h2 { font-size: 40px; }
	.quote p { background-size: 30px; font-size: 20px; line-height: 30px; padding-left: 30px; }
	.quote h5 { font-size: 13px !important; padding-left: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner h1 { font-size: 50px; }
	.post h3 { font-size: 20px; }
	.post p { font-size: 15px;line-height: 24px; }
	.practice h3 { font-size: 25px; }
	.practice ul li { font-size: 17px; }
	.sidebar h2 { font-size: 25px; }
	.recent li { font-size: 16px; }
	.consult .btn-default { font-size: 16px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner h1 { font-size: 55px; }
}