.main-container-full-width-blogpage { display: inline-block; width: 100%; /*background: url(../images/blog-bg.jpg) no-repeat; background-size: cover;*/ margin: -3px 0 0 0; }
.main-container-full-width-blogpage .breadcrumbs { border: 0; margin: 0; padding: 10px 0 9px 0; }
.main-container-full-width-blogpage .breadcrumbs li.home a,
.main-container-full-width-blogpage .breadcrumbs li.home strong { font-size: 14px; background: none; height: auto; width: auto; text-indent: 0; }
.main-container-full-width-blogpage .breadcrumbs li.home a:hover,
.main-container-full-width-blogpage .breadcrumbs li.home strong:hover { background: none; }
.main-container-full-width-blogpage .breadcrumbs li a,
.main-container-full-width-blogpage .breadcrumbs li strong {  font-size: 14px; color: #2d2d2d; line-height: 30px; }
.main-container-full-width-blogpage .slider.blogbanner { margin: 0px 0 52px 0; display: inline-block; width: 100%; }
.postmain { margin: 0; }
.postmain ul { display: inline-block; width: 100%; }
.postmain ul li { margin: 0 1% 30px; border-radius: 5px; width: 23%; }
.main-blog-menu-section { display: block; width: 100%; position: relative; }
.postWrapper { float: left; min-height: auto; display: inline-block; position: relative; background:#f7f7f7; -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.75); }
.postWrapper .post-list-banner a { display: inline-block; width: 100%; float: left;  }
.postWrapper .post-list-banner a img { display: inline-block; max-width: 100%; min-width: 100%;     border-radius: 5px 5px 0px 0px;}
.post-date { position: absolute; background: #838589; color: #fff; right: 0; border-radius: 0 5px 0px 5px; width: 58px; height: 58px; text-align: center; }
.post-date .date { font-size: 30px;  line-height: 18px; margin: 9px 0 0 0; }
.post-date .month { font-size: 14px;  }
.postTitle { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin: 10px 0 0px 0; line-height: 18px; display: inline-block; min-height:40px; }
.blog-post-view .postTitle { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin: 10px 0 19px 0; line-height: 18px; display: inline-block; }
.post-detail-banner .post-date {position: absolute;background: #838589;color: #fff;right: 0;border-radius: 0 5px 0px 5px;width: 94px;height: 94px;text-align: center;}
.post-detail-banner .post-date .date { font-size: 48px;  line-height: 46px; margin: 9px 0 0 0; }
.post-detail-banner .post-date .month { font-size: 23px;  }
.post-detail-banner .postTitle { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin: 10px 0 4px 0; line-height: 18px; display: inline-block; }
.postWrapper-detail .postTitle { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin: 11px 0 19px 0; line-height: 18px; display: inline-block; }
.postTitle h1 {padding: 0px;position: relative;margin: 0;margin-bottom: 10px;color: #000;font-size: 40px;font-weight: 400;font-style: normal;line-height: 1.4;text-rendering: optimizeSpeed;}
.postTitle h2 {/* font-size: 20px; *//* font-weight: normal; */margin: 0px;padding: 0px;position: relative;}
.postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
.postContent { padding-bottom: 0px; color: #353535; font-size: 12px; line-height: 20px; }
.postContent > p { margin-bottom: 21px; }
.postmain .postContent > p { /*min-height: 80px;*/ overflow: hidden; }
.postContent ul { list-style: disc outside; margin-bottom: 1.5em; }
.postContent ul li { margin-left: 0em; margin-bottom:3px; }
.postContent ul li:before { content: '\f105'; font: normal normal normal 20px/1 FontAwesome; color: #00a4e1; left: 10px;  margin-left: -8px;  top: 0;  position: absolute;}
.postContent ol { list-style: decimal outside; margin-bottom: 1.5em; }
.postContent ol li { margin-left: 2em; }
.postBookmarks { padding-bottom: 0px; text-align: right; }
.postBookmarks h4 { font-size: 12px; font-weight: bold; }
.postBookmarks a.bm { display: inline-block; height: 23px; width: 23px; color: #fff; background: #343434; text-align: center; }
.postBookmarks img { display: inline; }
.commentWrapper-main { display: inline-block; position: relative; background: #fff; -webkit-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75); padding: 25px; }
.commentWrapper-main .button-set p.required{ float:left;}
.commentWrapper-main .form-list .input-box{margin-top: 15px;}	
.commentTitle { border-bottom: 1px solid #dddddd; margin-bottom: 15px; }
.commentTitle div { font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 15px 0; color: #000000; font-style: normal; line-height: 1.2; text-rendering: optimizelegibility; text-transform: uppercase; }
.commentContent { padding-bottom: 0px; }
.commentDetails { margin-bottom: 5px; padding: 0px; }
.commentDetails h4.username { display: block; }
.postError { font-size: 16px; }
.tags { font-weight: bold; padding-bottom: 10px; }
.tags UL { display: inline; }
.tags UL LI { font-weight: normal; display: inline; padding-right: 6px; }
.tags h4 { font-size: 12px; font-weight: bold; }
.menu-tags,
.menu-categories,
.menu-recent { margin: 5px 9px; }
.menu-tags h5,
.menu-categories h5,
.menu-recent h5 { font-size: 11px; }
.block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; }
.block-blog .menu-categories UL LI { margin-left: 10px; }
.block-blog .menu-recent UL LI { margin-left: 10px; }
.block-blog .menu-recent UL LI a,
.block-blog .menu-categories UL LI a,
.block-blog .menu-tags UL LI a { font-size: 11px; }
.tagcloud {/* text-align:center; */ }
.tag-count-1 { font-size: 1em !important; }
.tag-count-2 { font-size: 1.2em !important; }
.tag-count-3 { font-size: 1.4em !important; }
.tag-count-4 { font-size: 1.6em !important; }
.tag-count-5 { font-size: 1.8em !important; }
.tag-count-6 { font-size: 2em !important; }
.tag-count-7 { font-size: 2em !important; }
.tag-count-8 { font-size: 2em !important; }
.tag-count-9 { font-size: 2em !important; }
.tag-count-10 { font-size: 2em !important; }
.block-blog .head h4 { padding-left: 20px; }
.block-blog .block-title strong { background-image: url(../images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; }
.postWrapper .poster { display: inline; }
.input-box.aw-blog-comment-area { width: 100%; margin-top: 15px;}
.widget-latest .title { font-size: 24px; font-style: normal; font-weight: 400; line-height: 1.2; margin: 0 0 0.5em; text-rendering: optimizelegibility; text-transform: uppercase; }
.widget-latest li { font-size: 12px; padding: 5px 10px; }
.block-blog .menu-categories { margin: 0; padding: 5px 9px; }
A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; }
.blogbannermain { display: inline-block; width: 100%; position: relative; }
/*.blogbannermain .left-part {display: inline-block; width: 100%;}*/
.postWrapper-detail .left-blogimages { display: inline-block; margin-right: 10px; }
.postWrapper-detail .right-blogimages { display: inline-block; }
.blogbannermain .left-part img { display: inline-block; float: left; }
.blogbannermain .right-part { display: inline-block; width: 33%; background: rgba(48, 48, 48, 1); padding: 25px 20px; position: absolute; right: 0; top: 0; min-height: 100%; text-align: left; }
.blogbannermain .right-part .countermain { position: absolute; bottom: 9px; right: 125px; left: auto; margin: 0 auto; text-align: center; }
.blogbannermain .right-part .title { margin-bottom: 29px; }
.blogbannermain .right-part .title a {  color: #fff; font-size: 23px; line-height: normal; text-decoration: none; text-transform: uppercase; }
.blogbannermain .right-part .description p {  color: #fff; font-size: 14px; line-height: 19px; }
.countermain span {  color: #fff; font-size: 22px; }
.countermain .counter,
.countermain .sepretor { font-size: 52px; }
.blog-logo-main { display: inline-block; text-align: center; width: 100%; padding: 2px 0 20px 0; }
.blog-logo-main img { display: inline-block; }
.menu-categories { display: inline-block; width: 100%; border-top: 3px solid #303030; border-bottom: 3px solid #303030; text-align: center; margin: 0; }
.menu-categories ul li { display: inline-block; position: relative; }
.menu-categories ul li:first-child:before { right: -2px; }
.menu-categories ul li:before { position: absolute; content: ''; display: block; background: #303030; width: 2px; height: 33px; right: -2px; top: 2px; }
.menu-categories ul li:last-child:before { display: none; }
.menu-categories ul li:nth-child(1) { margin: 0 0 0 1px }
.menu-categories ul li:nth-child(3) { margin: 0 0 0 -1px }
.menu-categories ul li:last-child { margin: 0 0 0 -2px }
.menu-categories ul li a { color: #303030; font-size: 18px; padding: 5px 30px; display: inline-block; text-decoration: none; margin: 0 0 0 -1px; text-transform: uppercase; }
.menu-categories ul li a.active { background: #303030; color: #fff; }
.postTitle h2 a {font-size: 17px;text-decoration: none; height: 42px;overflow: hidden;display: block;line-height: 22px;font-weight: normal;color: #000;font-family: 'robotomedium';text-transform: uppercase; margin-bottom:10px;}
.postTitle h2:after,
.postTitle h1:after { position: absolute; content: ''; display: block; width: 64px; height: 3px; background: #222; bottom: -6px; left: 0; }
.blog-post-view .postTitle h2:after,
.postTitle h1:after { position: absolute; content: ''; display: block; width: 64px; height: 3px; background: #222; bottom: -8px; left: 0; }
.postContent.std p {text-align: inherit;margin:0;font-size: 14px;text-decoration: none;display: block;line-height: 22px;font-weight: normal;color:#585858;font-family: 'robotomedium';}
.postWrapper-detail .postContent.std p {  color: #353535; font-size: 14px; line-height: 22px; }

.postmain ul li .postContent.std a {text-decoration: none;margin-top: 10px;text-transform: uppercase;background: #00a4e1;color: #fff;font-size: 16px;font-weight: normal;font-family: 'robotomedium';border: 2px solid #00a4e1;position: relative;z-index: 1;overflow: hidden;vertical-align: middle;padding: 9px 20px;text-align: center;}
.postmain ul li .postContent.std a:before { content: ""; display: block;  height: 0; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease;
 -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: -1;}
.postmain ul li .postContent.std a:hover { color:#00a4e1; }
.postmain ul li .postContent.std a:hover:before { background: #fff; cursor: pointer; height: 100%;}
.postContent.std a,.button-back a{color: #00a4e1;font-size: 16px;font-weight: normal;font-family: 'robotomedium';}
.postContent.std a:hover,.button-back a:hover{ color:#000;}
.blog-index-list .pager .limiter > label:last-child{padding-right: 10px;}
.aw-blog-read-more {  color: #353535; font-size: 12px; display: block; /* height: 20px; */ }
.postWrapper-contant { display: inline-block; width: 100%; padding: 1px 11px 10px 11px; position: relative; }
.postWrapper-contant .postContent.std {  color: #2d2d2d; font-size: 12px; line-height: 30px; text-decoration: none;  height:121px; overflow:hidden;  }
.share-link-listing .postBookmarks { margin-top: -20px; display: block; }
.share-link-listing { position: absolute; right: 8px; bottom: 7px; }
.main-container-full-width-blogpage .toolbar { border: 0px solid #afafaf; }
.main-container-full-width-blogpage .toolbar .pager .count-container { display: none; }
.main-container-full-width-blogpage .toolbar .pager .pages { display: block; float: none; text-align: center; }
.main-container-full-width-blogpage .toolbar { display: inline-block; width: 100%; margin-bottom: 0; padding-bottom: 0; }
.main-container-full-width-blogpage .toolbar .pager { float: none; }
.main-container-full-width-blogpage .toolbar .pager li { height: 30px; width: 30px; float: none; background: #222222; color: #fff; line-height: 25px; }
.no-touch .main-container-full-width-blogpage .toolbar .pager li:hover { border: 0px solid #1d3849; background: #1d3849; }
.main-container-full-width-blogpage .toolbar .pager li.current { background: #1d3849;  font-size: 14px; }
.main-container-full-width-blogpage .toolbar .pager li a { color: #fff; }
.main-container-full-width-blogpage .pages .next,
.main-container-full-width-blogpage .pages .previous { font-size: 23px; text-indent: 999em; text-decoration: none; }
.main-container-full-width-blogpage .pages .next:before { width: 30px; height: 30px; background: none; top: 14px; left: 0; margin-top: 0; margin-left: 0; content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ padding-right: 0.5em; position: absolute; text-align: center; padding: 0; text-indent: initial; background: none; font-size: 23px; color: #fff; }
.main-container-full-width-blogpage .pages .previous:before { width: 30px; height: 30px; background: none; top: 14px; left: 0; margin-top: 0; margin-left: 0; content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ padding-right: 0.5em; position: absolute; text-align: center; padding: 0; text-indent: initial; background: none; font-size: 23px; color: #fff; }
/*detail page*/
.postWrapper-detail { display: inline-block; width: 100%; }
.postWrapper-detail .postTitle h1 {  }
.post-detail-banner {display: inline-block;width: 100%;position: relative;float: left; /* height: 353px; */overflow:hidden;}
.post-detail-banner img { min-width: 100%; max-width: 100%; display: inline-block; border: solid 1px #ececec;     border-radius: 5px;}
.post-detail-banner .post-detail-text {position: absolute;content: '';display: block;background: rgb(25, 48, 126);bottom: 1px;color: #fff;font-size: 16px;line-height: 20px;padding: 10px;text-transform: uppercase;right: 0;}
.images-left { display: inline-block; width: 100%; padding: 35px 0 41px 0; }
.images-left .left-blog-img,
.images-left .right-blog-img { display: inline-block; }
.postWrapper-detail .postContent.std .images-left p { margin: 0; }
.postWrapper-detail .postContent.std .images-left .left-blog-img { margin: 0 8px 0 0; }
.blog-post-view .postWrapper-detail .postContent.std > p img,
.postWrapper-detail .postContent.std .images-left .right-blog-img img,
.postWrapper-detail .postContent.std .images-left .left-blog-img img { min-width: 100%; max-width: 100%; display: inline-block; }
.postWrapper-detail .postContent.std .images-left .right-blog-img { margin: 0 0px 0 8px; }
.blog-post-view .postWrapper-detail .postContent.std > p {margin-bottom:15px;clear:both;color: #606060;font-size: 16px;line-height: 26px;font-family: "robotoregular";}
.blog-post-view .share-link-detail { display: inline-block; width: 100%; text-align: center; }
.blog-post-view .share-link-detail .share-text {  color: #121212; font-size: 16px; line-height: 20px; margin-bottom: 22px; text-transform: uppercase; }
.blog-post-view .share-link-detail .postBookmarks { display: inline-block; width: 100%; text-align: center; }
.blog-post-view .share-link-detail .postBookmarks a { width: 31%; height: 55px; line-height: 55px; font-size: 30px; }
.blog-post-view .share-link-detail .postBookmarks .facebook { background: #395a97; }
.blog-post-view .share-link-detail .postBookmarks .twitter { background: #55aeeb; margin: 0 17px }
.blog-post-view .share-link-detail .postBookmarks .google { background: #dc4e41; }
/*detail page*/

.main-container-full-width-blogpage .owl-buttons { bottom: 30px; right: 24px; left: auto; top: auto; width: auto; z-index: 99; }
.main-container-full-width-blogpage .owl-buttons div { position: relative; background: #1d3849; width: 43px; height: 43px; display: inline-block; text-indent: initial; }
.main-container-full-width-blogpage .owl-buttons .owl-prev { left: 0; }
.main-container-full-width-blogpage .owl-buttons .owl-next { right: -4px; }
.main-container-full-width-blogpage .owl-buttons .owl-prev:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ padding-right: 0.5em; position: absolute; top: 5px; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 0; background: none; font-size: 23px; color: #fff; }
.main-container-full-width-blogpage .owl-buttons .owl-next:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ padding-right: 0.5em; position: absolute; top: 5px; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 0; background: none; font-family: 'FontAwesome'; content: '\f105'; font-size: 23px; color: #fff; }
.skip-nav-blog .icon { background-image: url(../../images/icon_sprite.png); background-size: 100px 1000px; background-repeat: no-repeat; background-position: 4px 4px; display: inline-block; width: 30px; height: 30px; cursor: pointer; }

.blog-img { width: 100%; display: inline-block;}
.blog-img .col-sm-4 { width:33.33333333%; float:left; }
.blog-img img{ max-width:100%;  margin-bottom: 20px; }
 @media only screen and (min-width: 768px) {
.skip-nav-blog { display: none; }
.main-container-full-width-blogpage .breadcrumbs { display: block; text-transform: uppercase; }
}
@media all and (max-width:1199px) {
.postWrapper { width: 22.9%; }
.blogbannermain .right-part .title { margin-bottom: 19px; }
.blogbannermain .right-part .title a { height: 108px; overflow: hidden; display: block; font-size: 20px; }
.postWrapper-detail .postContent.std .images-left p { width: 48%; }
 .postWrapper-contant .postContent.std{ height: auto;}      
}
@media all and (max-width:1120px) {
.postmain ul li { width: 23%; }
}
@media all and (max-width:1023px) {
.menu-categories ul li a { padding: 5px 6px; }
.postWrapper { width: 30.6%; }
.blogbannermain .right-part { width: 40%; padding: 10px; }
}
@media all and (max-width:999px) {
.postmain ul li { width: 31%; }
     
}
@media all and (max-width:767px) {
.postWrapper-detail .postContent.std .images-left p { width: 48%; }
.postWrapper-detail { margin: 10px 0 0 0; }
.images-left { padding: 10px 0; }
.postmain { }
.postmain ul li { width: 48%; }
.skip-nav-blog { width: 100%; margin-bottom: 10px; cursor: pointer; }
.menu-categories { position: absolute; top: 50px; left: 0%; width: 280px; opacity: 0; visibility: hidden; z-index: 9; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; display: block; background: #fff; }
.postTitle h2 a { font-size: 15px }
.menu-categories.show-blog { margin-left: 0; left: 0; width: 100%; opacity: 1; visibility: visible; }
.menu-categories ul li:before { display: none; }
.menu-categories ul li { display: block; width: 100%; text-align: left; border-bottom: 1px solid #efefef; }
.menu-categories ul li a { padding: 5px 10px; display: block; }
}
@media all and (max-width:668px) {
.postmain ul li { /*width: 46.5%;*/ }
.description > p { height: 210px; overflow: hidden; }
}
@media all and (max-width:639px) {
.main-container-full-width-blogpage .slider.blogbanner { margin: 20px 0; }
.postWrapper-detail .postContent.std .images-left p { width: 100%; }
.postWrapper-detail .postContent.std .images-left .left-blog-img,
.postWrapper-detail .postContent.std .images-left .right-blog-img,
.blog-post-view .share-link-detail .postBookmarks a { width: 100%; margin: 0 0 10px 0; }
.blog-post-view .share-link-detail .postBookmarks .twitter { margin: 0 0 10px 0; }
.postmain { }
.postmain ul li { width: 47.5%; margin: 0 10px 10px 0px; }
.toolbar { display: inline-block; width: 100%; }
.main-container-full-width-blogpage .owl-controls .owl-buttons { display: block; }
.blogbannermain .right-part { position: relative; width: 100%; padding: 10px; }
.blogbannermain .right-part .description { display: none; }
.main-container-full-width-blogpage .owl-buttons {/*bottom: 78px;*/ }
.blogbannermain .right-part .title { margin: 0 0 70px 0 }
.skip-nav-blog { margin: 0; }
.skip-link.skip-nav-blog .label { display: inline-block; }
.blogbannermain .left-part img { min-width: 100%; max-width: 100%; }

.post-detail-banner .post-date .date { font-size:30px; }
.post-detail-banner .post-date .month { font-size:18px; }
.post-detail-banner .post-detail-text { font-size:15px; }
.postTitle h1 { font-size:20px; }
}
@media all and (max-width:479px) {
.postmain { margin: 0; }
.postmain ul li { width: 100%; margin: 0 0 10px 0; }
.menu-categories ul li:before { display: none; }
.skip-link.skip-nav-blog { background: #fff; }
.menu-categories.show-blog { background: #fff; left: 0; width: 100%; }
} 