.blog-post-image img, .portfolio-image img { width: 100%; }
.grid { list-style: none; }
.grid-sizer { padding: 0 !important; margin: 0 !important; }

.blog-post { position: relative; overflow: hidden; }
.blog-post .blog-post-image img { -webkit-transition: all 1s cubic-bezier(0,0,.2,1); -moz-transition: all 1s cubic-bezier(0,0,.2,1); -ms-transition: all 1s cubic-bezier(0,0,.2,1); transition: all 1s cubic-bezier(0,0,.2,1); }
.blog-post .blog-post-image { overflow: hidden; position: relative; }
.blog-post:hover .blog-post-image img { opacity: 0.6; -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
.post-details{padding: 3rem 2.5rem;}
.post-details a{color: #232323; font-weight: 500; font-size: 16px; margin-bottom: 15px;
    line-height: 28px;}
.post-details p {color: #828282;font-size: 15px;
    line-height: 28px; font-family: 500;}
/* blog grid */
.blog-grid .blog-post-image .blog-category { position: absolute; top: 23px; right: 23px; font-size: 11px; line-height: 14px; background: rgba(23,23,23,.75); color: #fff; text-transform: uppercase; border-radius: 2px; padding: 6px 13px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.blog-grid .blog-post:hover .blog-post-image .blog-category { background: #fff; color: #232323; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; box-shadow: 0 0 10px rgba(0,0,0,.2) }
.blog-grid .avtar-image {width: 30px; border-radius: 100%; margin-right: 10px;}
.blog-grid .blog-like {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.blog-grid .blog-like i {margin-right: 4px;}
.text-small {
    font-size: 13px;
    line-height: 22px;
    color: #232323;
    font-weight: 500;
}
.text-extra-small {
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    font-weight: 500;
}
.footer-widgets h6{color:#888888;}
/* blog masonry */
 .blog-post { border-radius:5px;box-shadow: 0 0 15px rgba(0,0,0,.06); -webkit-transition: all 1.5s cubic-bezier(0,0,.2,1); -moz-transition: all 1.5s cubic-bezier(0,0,.2,1); -ms-transition: all 1.5s cubic-bezier(0,0,.2,1); transition: all 1.5s cubic-bezier(0,0,.2,1); }
 .blog-post:hover { box-shadow: 0 0 30px rgba(0,0,0,.15); -webkit-transform: translate3d(0, 0, 0); }
 .blog-post:hover .blog-post-image img {opacity: 1}
.blog-post-image .blog-category {position: absolute; background: #fff; left: 0; bottom: 0; top: auto; right: auto; border-radius: 0px;  padding: 13px 25px; font-size: 13px; line-height: 13px; font-weight: 500}
 .blog-post:hover .blog-post-image .blog-category {box-shadow: none}
 .blog-details a{color: #232323;}
 .blog-post p {margin-bottom: 5px}
 .blog-like span,  .blog-comment span {position: relative; top:0}
 .blog-like,  .blog-comment {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-decoration: none;}
 .blog-like i,  .blog-comment i { margin-right: 4px; }
 .blog-comment { margin-left: 13px; }
.grid.grid-3col li { width: 33.33%; float: left; list-style: none; }
.grid.grid-3col li.grid-item-double { width: 66.67%; }
.padding-30px-lr{padding-left: 30px; padding-right: 30px;}
.padding-15px-tb{padding-top: 15px; padding-bottom: 15px;}
 .blog-post a{text-decoration: none;}
 
 /* blog detailed page */
 .list-unstyled{margin-bottom: 2rem;}
 .list-unstyled li{margin-right: 25px;}
 .list-unstyled li i{margin-right: 10px;}
 .list-unstyled li a{text-decoration: none; color: #828282;}
 .align-middle{vertical-align: middle;}
 .blog-details{margin-bottom: 6rem;}
 .blog-details-text p{color: #828282;}
 .blog-details-text img{border-radius: 8px; margin-bottom: 4.5rem;}
 .blog-details-text h5{font-weight: 500; margin-bottom: 4.5rem; color: #232323;font-size: 2.30rem !important;
    line-height: 3rem;}
    .tag-cloud a {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    margin: 0 6px 10px 0;
    padding: 5px 18px 6px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    text-decoration: none;
    color: #232323;
}
.likes-count{text-decoration: none; color: #232323;}
a.likes-count {
    width: auto;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    border-radius: 4px;
    padding: 5px 18px 6px;
    line-height: 20px;
    margin: 0 0 10px 0;
    display: inline-block;
}
a.likes-count i {
    margin-right: 8px;
    color: #fa5c47;
}
.box-shadow-small{margin-bottom: 50px;}
.box-shadow-small img{width:55%;}
.box-shadow-small, .box-shadow-small-hover:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    padding: 4rem;
}
.box-shadow-small a{text-decoration: none; color: #232323; margin-top: 20px; font-size: 14px; line-height: 20px;font-weight: 500;}
.box-shadow-small span{line-height: 18px; font-size: 14px; color:#828282;}
.last-paragraph{width:75%;}
.last-paragraph p{color: #828282;}
.last-paragraph a{ font-size: 13px; padding: 7px 0 2px; text-transform: uppercase;border: 0; border-bottom: 2px solid #232323; border-radius: 0px;}
.medium-icon{list-style-type: none; display: flex; column-gap: 70px; align-items: center; justify-content: center;}
/*  a {text-decoration: none; text-align: center; display:inline-block; border-radius: 100%; color: #232323; position: relative; text-align: center; font-size: 25px;  }*/
/*.medium-icon  a:hover { color: #fff;  }*/
/*.medium-icon a:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); border: 1px solid; border-radius: 100%; opacity: 0; -webkit-transition: all .5s cubic-bezier(0,0,.2,1); transition: all .5s cubic-bezier(0,0,.2,1); }*/
/*.medium-icon a:hover:after { opacity: .4; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);}*/
/*.medium-icon a.facebook:after { border-color: #3b5998; color: #3b5998; }*/
/*.medium-icon a.twitter:after { border-color: #00aced; color: #00aced; }*/
/*.medium-icon a.linkedin:after { border-color: #0077b5; color: #0077b5; }*/
/*.medium-icon a.instagram:after { border-color: #FE1F49; color: #FE1F49; }*/

/*social media*/
.social-icon-style-09 .medium-icon  a { text-align: center; display:inline-block; border-radius: 100%; color: #232323; position: relative; text-align: center; }
.social-icon-style-09 .medium-icon a:hover { color: #fff;  }
.social-icon-style-09 .medium-icon a:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); border: 1px solid; border-radius: 100%; opacity: 0; -webkit-transition: all .5s cubic-bezier(0,0,.2,1); transition: all .5s cubic-bezier(0,0,.2,1); }
.social-icon-style-09 .medium-icon a:hover:after { opacity: .4; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);}
.social-icon-style-09 .medium-icon a.facebook:after { border-color: #3b5998; color: #3b5998; }
.social-icon-style-09 .medium-icon a.twitter:after { border-color: #00aced; color: #00aced; }
.social-icon-style-09 .medium-icon a.linkedin:after { border-color: #0077b5; color: #0077b5; }
.social-icon-style-09 .medium-icon a.instagram:after { border-color: #FE1F49; color: #FE1F49; }

.extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon { list-style: none; padding: 0; }
.extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li { display: inline-block; }
.extra-small-icon li:first-child, .small-icon li:first-child, .medium-icon li:first-child, .large-icon li:first-child, .extra-large-icon li:first-child { margin-left: 0; }
.extra-small-icon li:last-child, .small-icon li:last-child, .medium-icon li:last-child, .large-icon li:last-child, .extra-large-icon li:last-child { margin-right: 0; }
.medium-icon li { margin: 0 8px; }
.medium-icon a { font-size: 20px; width: 50px; height:50px;line-height: 50px; }
 .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li { margin-bottom: 20px; }
 .social-icon-style-03 a.facebook,.social-icon-style-05 a.facebook span,.social-icon-style-04 a.facebook,.social-icon-style-09 a.facebook:hover, .social-icon-style-10 a.facebook span, .social-icon-style-11 a.facebook .social-back { background-color: #3b5998; }
.social-icon-style-03 a.twitter,.social-icon-style-05 a.twitter span,.social-icon-style-04 a.twitter,.social-icon-style-09 a.twitter:hover, .social-icon-style-10 a.twitter span, .social-icon-style-11 a.twitter .social-back { background-color: #00aced; }
.social-icon-style-03 a.linkedin,.social-icon-style-05 a.linkedin span,.social-icon-style-04 a.linkedin,.social-icon-style-09 a.linkedin:hover, .social-icon-style-10 a.linkedin span, .social-icon-style-11 a.linkedin .social-back { background-color: #007bb6; }
.social-icon-style-03 a.instagram,.social-icon-style-05 a.instagram span,.social-icon-style-04 a.instagram,.social-icon-style-09 a.instagram:hover, .social-icon-style-10 a.instagram span, .social-icon-style-11 a.instagram .social-back { background-color: #FE1F49; }
@media only screen and (max-width: 480px)
{
    /*.list-unstyled li{width: 50%;}*/
    .box-shadow-small img{width:65%;}
    .last-paragraph {width:100% !important;}
    .blog-details-text h5{font-size:25px !important; margin-bottom:20px;line-height:1.2;}
    .blog-details-text img{margin-bottom:20px;}
}