.blog-banner-area{position: relative; margin:1px 0 15px 0;}
.blog-banner-area img{ width: 100%;}
.blog-baner-content{ display: table; width: 100%; height: 100%; position: absolute; top: 0; opacity: 0.90; 
    background: rgba(0, 0, 0, 0.30);}
.blog-baner-content.mainpage{background: rgba(0, 0, 0, 0.15);}
.blog-baner-content > div { display: table-cell; padding: 0 28%; vertical-align: middle; text-align: center; 
  color: #fff; font-size: 16px;}
.blog-baner-content div h1{ font-size: 38px; text-transform: uppercase; font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0.77); margin-top:65% !important;}
.catpage .blog-baner-content div h1{margin-top:30% !important;font-size:30px;padding: 15px 0;}
.blog-baner-content div h1:before, .blog-baner-content div h1:after {display: inline-block; width: 50px; height: 1px; content: ''; vertical-align: middle; background: rgba(255,255,255,0.5); margin-right: 10px;}
.blog-baner-content div h1:after {margin-left: 10px;}
.no-post-avail{text-align: center; display: inline-block; width: 100%; padding: 20px 0; font-size: 24px; color: #e62e36; 
	text-transform: capitalize; font-weight: bold; border-bottom: 1px solid #ccc;}
.blog-two-area .date-time .date, .blog-two-area .date-time .date:after, .single-blog-post-img .date-time .date, .single-blog-post-img .date-time .date:after{background:#c9282f none repeat scroll 0 0;color:#fff;}
.blog-area.blog-two-area, .blog-area.blog-three-area{padding-top:100px}
.blog-two-area .blog-text:after, .blog-three-area .blog-text:after{display:none}
.blog-two-area .blog-text, .blog-three-area .blog-text{margin:-28px -50px 0 0;padding:26px 16px 13px 15px;}
.blog-two-area .blog-link, .blog-three-area .blog-link{margin-bottom:4px;margin-top:22px;text-align:left;}
.blog-two-area .button-one, .blog-three-area .button-one{margin-top:20px}
.best-sell-two .best-sell-link > a:hover, .blog-two-area .blog-link > a:hover, .footer-widget-two .widget-lists li:hover:after, .footer-widget-two .widget-lists li:hover a, .footer-widget-two .footer-widget-list.twitter-news li a, .footer-two #footer-menu a:hover, .blog-two-area .blog-text h4 a:hover, .fun-factor-two .single-fun-factor:hover h5, .fun-factor-two .single-fun-factor:hover h4{color:#FFAE00;}
.single-blog-post{margin-bottom:30px;position:relative;padding-bottom:10px;border-bottom:1px dotted #eee; background: #fff;}
.single-blog-post-img img{width:100%;max-height:450px}
.single-blog-post-img .date-time .date{font-weight:700;line-height:68px;margin-bottom:5px;padding-left:18px;width:99px;
	font-size:30px;position: relative; display: block;text-align:center;}
.single-blog-post-img .date-time{right:5px;top:5px;text-transform:uppercase;padding-left:2px;position: absolute;}
.single-blog-post-img .date-time .date:after{left:-10px;transform:skewX(15deg);width:20px;background: #d8984c; 
  content: ""; height: 100%; position: absolute; top: 0;}
.single-blog-post-img .date-time .month{font-size:16px;line-height:58px;padding-left:0;position:relative; width:71px;
   z-index:9999; background: #161616; color: #ffffff; display: block; float: right;}
.single-blog-post-img .date-time .month:after{ left:-19px;transform:skewX(16deg); width:28px; z-index:-1;background:#181818;
    content: ""; height: 100%; position: absolute; top: 0;}
.single-blog-post-text h4 a{font-size:24px; color: #222; line-height: 26px; display: inline-block; letter-spacing: -0.2px;}
.author-comments span{color:#696969;margin-right:30px;}
.author-comments span i{margin-right:7px}
.single-blog-post-text{padding: 10px; height:150px;overflow: hidden;}
.single-blog-post-text h4 a:hover{color:#c9282f; text-decoration: none;}
.single-blog-post-text > p{font-size:16px;font-weight:300;line-height:23px;}
.author-comments{margin-bottom:30px;border-bottom: 1px solid #e9ebee; padding: 3px 0 4px 0;font-size: 16px;}
.blog-button, .submit-button{background:#f59524;color:#fff;display:inline-block;font-size:16px;line-height:38px;
  padding:0 25px;text-transform:uppercase;font-weight: bold; border-radius: 3px;}
.blog-links a{border:1px solid #606060;color:#858585;display:inline-block;font-size:24px;height:38px;line-height:38px;margin-left:5px;position:relative;text-align:center;width:42px;}
.blog-button:hover{color:#fff;}
.blog-links{display:inline-block;float:right;}
.blog-links > a:hover:after{animation:500ms ease-in-out 0s normal none 1 running zoomIn;background:#222 none repeat scroll 0 0;border-color:#222;color:#ffffff;content:""; height:38px; left:0; position:absolute; top:-1px; transform:skewX(-9deg);
width:42px;}
.blog-links > a:hover{border-color:rgba(0, 0, 0, 0)}
.blog-links > a i{position:relative;z-index:9;}
.blog-links > a:hover{color:#ffffff;}
.blog-button-links{padding: 10px;}
.blog-rgt-side h4{font-size: 24px;background: #161616;color: #fff;padding: 10px;font-weight:bold;text-transform: uppercase;border-bottom: 6px solid #f59524;}
ul.blog-cats{margin:0; padding: 0; list-style: none;}
ul.blog-cats li{padding: 0;background: #fff; margin:5px 0 10px 0;}
ul.blog-cats li a{padding: 10px 15px; text-decoration: none; color: #000; display: block;font-size: 16px;}
ul.blog-recent-post{margin:0; padding: 0; list-style: none;}
ul.blog-recent-post li{padding: 0 0 8px 0; margin-bottom: 25px; display: inline-block; border-bottom: 1px #acaaaa solid; list-style: none; line-height: 18px; padding-bottom: 15px; color: #888;}
ul.blog-recent-post li:last-child{border-bottom:none;}
ul.blog-recent-post li a{color: #313131; text-decoration:none;}
ul.blog-recent-post li a img{ width: 110px; height: 75px; float: left; margin: 0 5px 0 0;}
ul.blog-recent-post li span{ font-size:12px; color: #727171; }
ul.blog-recent-post .recent-post-txt{ padding: 5px 2px 2px 2px;line-height: 16px;color: #161616;}
ul.blog-recent-post .recentpost-btn{padding: 3px 6px; float: right; font-weight: bold; background: #f59524; 
  border-radius: 2px; margin: 5px 0 0 0; color: #161616;}
.blog-rgt-banner img{width: 100%;}
.blog-banner-area .breadcrumb-wrapper{background: rgba(0, 0, 0, 0.14);position: absolute;bottom: 0;width: 100%;}
.blog-banner-area .breadcrumb-wrapper a{color: #fff;}
.blog-banner-area .breadcrumb-wrapper .breadcrumb{padding: 7px 0;}
.blog-banner-area .breadcrumb-wrapper .active{color: #fff;}
.blog-post-details{background: #fff; padding:10px 15px;}
.blog-post-details .post-body, .blog-post-details .post-body p{font-size:16px;}
.blog-post-details h1{line-height:38px;}
.blog-post-details .post-body{line-height:26px;}
.blog-post-details .post-body ul{padding: 5px 5px 10px 50px;margin: 0 0 15px 0;}
.blog-post-related h3.head{margin: 5px 0 10px 0;background: #161616;padding: 3px 10px;color: #fff;font-size: 1.75rem;}
.blog-post-related h4{line-height: 22px;font-size: 20px;margin: 10px 0;}
.blog-post-related a{text-decoration:none; color: #222;}
.blog-post-related article{padding: 10px 5px;background: #fff;}
.single-blog-post img.bloglisting_img{ height: 250px; width: 100%;}
.post-body ul li{list-style: none;}
.post-body ul li:before { content: "\f058"; font-family: "FontAwesome"; color: #5c0931; font-style: normal; font-weight: 400; 
font-size: 16px; top: 0px; left: -14px; position: relative;}
.widget.tags h4 {font-size: 24px;background: #dadbdd;padding: 10px;}
.widget.tags a { display: inline-block; margin: 5px 14px 10px 0; padding: 5px 10px; color: #333; 
	border: 2px solid #ccc;}
.post-detail-inner-link{position: relative;text-align: center;}
.post-detail-inner-link .shadow{position: absolute;height: 100%;width: 100%;bottom: 0;background: rgba(0, 0, 0, 0.03);}
.post-detail-inner-link .link{position: absolute;width: 80%;padding: 10px;bottom: 20%;background: rgba(0, 0, 0, 0.71);left: 10%;}
.post-detail-inner-link .link a{font-size: 22px;color: #fff; text-decoration: underline;}
.post-detail-inner-link img.post-img{ width: 50%; padding: 0 5px; max-width: 50%;}
post_page_nav{padding-top: 30px;margin-bottom: 40px;margin-top:0px;border-top: 1px solid #d1cece;
  border-bottom: 3px solid #323232;padding-bottom: 0px;margin-left: 15px;margin-right: 15px;}
.post_page_nav .post-next{width: 50%; padding-top: 15px; padding-bottom: 15px;}
.post_page_nav .post-previous, .post_page_nav .post-next{ display: inline-block; width: 50%; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all .15s ease-out;  -moz-transition: all .15s ease-out; 
  transition: all .15s ease-out;}
.post_page_nav .post-next{float: right;text-align: right;padding-left: 5%;border-left: 1px solid #b2b0b0;height:108px;overflow: hidden;}
.post_page_nav .post-previous {padding-right: 5%;height:108px;overflow: hidden;}
.post_page_nav .post-previous .title, .post_page_nav .post-next .title{margin: 0;font-weight: bold;font-size: 1.2em;color: #333;}
.post_page_nav .post-next .title{margin-right: 65px;}
.post_page_nav .post-previous .title{margin-left: 65px;}
.post-previous .title1, .post-next .title1 {margin-bottom: 10px; text-transform: uppercase; font-weight: normal; display: block; font-size: 13px; line-height: 1em; color: #777; letter-spacing: 1px;}
.post_page_nav .post-previous:hover, .post_page_nav .post-next:hover {text-decoration: none;background-color: #f5f5f5;}
.post-previous i, .post-next i{display: block;font-size: 60px;line-height: 0;vertical-align: middle;color: #222;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;
  transition: all .25s ease-out;padding: 24px 10px 0 10px;}
.post-previous i{float: left;}
.post-next i{float: right;}
.post_page_nav .post-next:hover i {-webkit-transform: translateX(5px);-moz-transform: translateX(5px);
-ms-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}
.post_page_nav .post-previous:hover i{-webkit-transform: translateX(-5px);-moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);-o-transform: translateX(-5px);transform: translateX(-5px);}
.post_page_nav .currentpost{opacity: 0.3;pointer-events: none;}
.sharingList {list-style-type: none;display: flex;justify-content: center;}
.sharingList li {padding: 8px 26px;font-size: 22px;}
.sharingList li i{color: #222;}
.post-body ul li:before{ color: #1b46af;}
.comments_sec{    margin: 20px 15px 10px 15px;}
.comments_sec .heading_style-4{margin-bottom: 25px;}
.comments_sec .heading_style-4 h4{font-size: 25px;font-weight: 700;line-height: 1.4;}
.comment-list{margin-bottom: 30px; list-style: none; margin: 0 0 1.6em;padding: 0;}
.comment-list>li:not(:first-child) { padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.05);}
.comment-body {margin-left: 80px;margin-bottom: 30px;}
.comment-meta {margin-bottom: 5px;}
.comment-author {display: inline-block;}
.comment-author {position: relative;font-size: 1.1429rem;font-weight: 700;}
.comment-author>img {height: 60px;width: 60px;position: absolute;top: 0;left: -80px;border-radius: 50%;}
.comment-metadata {display: inline-block;}
.comment-metadata {font-size: 12px;font-size: 0.85714rem;color: rgba(0, 0, 0, 0.4);}
.comment-metadata a, .comment-metadata a:hover, .comment-metadata a:focus, .comment-metadata a:active, .comment-metadata a:visited {color: rgba(0, 0, 0, 0.4);text-decoration: none;}
.comment-content {font-size: 15px;line-height: 1.6;margin-bottom: 10px;}
.comment-content>*:last-child {margin-bottom: 0;}
.comment-respond {margin: 40px 0 20px;background: #ddddeb;padding: 10px 15px;border-radius: 4px;}
.comment-notes {width: 100%;font-size: 15px;opacity: 0.8;padding: 0px;margin-bottom: 10px;}
.comment-form-comment textarea, .comment-form .form-control-custom, .wpcf7-form textarea {
width: 100%; max-width: 100%; padding: 12px; border: 1px solid #ebebf7; border-radius: 4px; background: #fff;
color: #282835; -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
transition: border-color .25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
-o-transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out;
transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out;
transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
margin-bottom:10px;-webkit-box-shadow: none;box-shadow: none;font-size: 14px; font-weight: 400; line-height: 1.42857143; vertical-align: middle;}
.comment-form .form-control-custom::-webkit-input-placeholder{ font-size: 15px; color: rgba(0,0,0,0.4);}
.comment-form .form-control-custom::-moz-placeholder{font-size: 15px;color: rgba(0,0,0,0.4);}
.comment-form .form-control-custom:-ms-input-placeholder{font-size: 15px;color: rgba(0,0,0,0.4);}
.comment-form .form-control-custom::-ms-input-placeholder{font-size: 15px;color: rgba(0,0,0,0.4);}
.comment-form .form-control-custom::placeholder{font-size: 15px;color: rgba(0,0,0,0.4);}
.postcomnt_btn{ text-align: right;display: inline-block;width: 100%;padding: 0 15px;margin: 0 0 10px 0;}
#succes_msg_div{font-size: 15px;font-weight: bold;color: #07c71e;padding-right: 20px;}

@media (min-width:320px) and (max-width:641px){
  .single-blog-post-text h4 a{font-size:22px;}
  .blog-post-details h1{font-size: 24px; line-height: 24px;}
  .catpage .blog-baner-content div h1{margin-top: 0% !important;}
  .blog-baner-content > div{padding: 0 5%;}
  .single-blog-post img.bloglisting_img{height: 170px;}
  .post-detail-inner-link img.post-img{ width: 100%; max-width: 100%;}
  .post_page_nav .pst_title{display: none;}
  .post-previous .title1, .post-next .title1 {padding:15px 0 0 0;}
  .post_page_nav .post-next{height:auto;}
  .post_page_nav .post-previous{height:auto;}
  ul.sharingList{padding: 0;}
  .sharingList li {padding: 8px 10px;}
  .sharingbuttons h4{font-size: 18px}
  .container.container-custom{padding-left: 2px; padding-right: 2px;}
  .single-blog-post-img .date-time .date{line-height: 50px; width: 65px;font-size:20px;padding-left: 8px;}
  .single-blog-post-img .date-time .month{line-height:40px; width: 55px;font-size:14px;}
  .comments_sec {margin: 20px 0px 10px 0px;}
  .comment-content{margin-bottom:15px;width: 140%;margin-left: -74px;margin-top: 13px;}
}

@media (min-width: 768px) and (max-width: 991px) {
 .single-blog-post-text h4 a{font-size:24px;}
 .blog-post-details h1{font-size: 30px; line-height: 30px;}
  .catpage .blog-baner-content div h1{margin-top: 0% !important;}
  .blog-baner-content > div{padding: 0 15%;}
  ul.blog-recent-post li a img{width: 100%;}
  ul.blog-recent-post li a{width: 100%; display: inline-block;}
  .blog-rgt-side h4{font-size:18px;}
  .single-blog-post img.bloglisting_img{height: 160px;}
  .single-blog-post-text{height: 200px;}
}