.page-template-template-blog .section.section-banner .content-banner {
top: 53%;
}
.page-blog .border-blog-l {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 138px;
}
.page-blog .border-blog-l .container {
width: 100%;
}
.page-blog .list-blog {
float: left;
margin: 0 -35px;
width: 100%;
}
.page-blog .list-blog .item-blog {
padding: 0 35px;
width: calc((100% / 3) - 3px);
margin-bottom: 75px;
display: inline-block;
vertical-align: top;
}
.page-blog .border-list-blog {
margin-top: 57px;
position: relative;
}
.page-blog .list-blog .item-blog .border-image {
position: relative;
}
.page-blog .list-blog .item-blog .image-thumb {
-webkit-clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
margin: auto;
width: 100%;
background-size: cover;
overflow: hidden;
padding-bottom: 58.4%;
}
.page-blog .list-blog .item-blog .image-thumb img {
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.page-blog .list-blog .item-blog .border-image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.page-blog .list-blog .item-blog .border-info {
padding: 35px;
padding-top: 25px;
padding-bottom: 20px;
background: #fff;
}
.page-blog .list-blog .item-blog .border-info .date-blog {
margin-bottom: 5px;
margin-top: 5px;
font-weight: 500;
color: #8F90A6;
}
.page-blog .list-blog .item-blog .border-info .name-blog h6 {
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.page-blog .list-blog .item-blog .border-info .excerpt-blog,
.page-blog .list-blog .item-blog .border-info .excerpt-blog p {
font-family: 'Hind';
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;    line-height: 125%;  }
.page-blog .wrap-pagination.pagination {
padding: 0;
}
.page-blog .list-blog .item-blog .border-info .tag-blog {
margin-top: 5px;
}
.page-blog .list-blog .item-blog .border-info .tag-blog span,
.page-blog .list-blog .item-blog .border-info .tag-blog span a {
font-family: 'Hind';
font-style: normal;
font-size: 14px;
letter-spacing: 0.01em;
color: #8F90A6;
}
@media (min-width:1281px) {
.page-blog .list-blog .item-blog:nth-last-child(2),
.page-blog .list-blog .item-blog:nth-last-child(3),
.page-blog .list-blog .item-blog:last-child {
margin-bottom: 58px;
}
}
@media (max-width:1280px) {
.page-blog .border-list-blog {
margin-top: 40px;
}
.page-blog .list-blog {
margin: 0 -25px;
}
.page-blog .list-blog .item-blog {
padding: 0 25px;
margin-bottom: 50px;
}
.page-blog .list-blog .item-blog .border-info {
padding: 25px;
padding-top: 20px;
}
.page-blog .border-blog-l {
margin-bottom: 100px;
}
}
@media (max-width:992px) {
.page-blog .list-blog .item-blog {
width: calc(50% - 3px);
}
.page-blog .border-blog-l {
margin-bottom: 80px;
}
}
@media (max-width:767.98px) {
.page-blog .list-blog {
margin: 0 -20px;
}
.page-blog .list-blog .item-blog {
padding: 0 20px;
margin-bottom: 35px;
}
.page-blog .border-list-blog::before {
right: 36%;
width: 783.8px;
height: 452px;
z-index: -1;
content: '';
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/pattern-backgound.png);
background-position: top right;
background-repeat: no-repeat;
top: 7.8%;
background-size: cover;
position: absolute;
}
}
@media (max-width:580px) {
.page-blog .list-blog {
margin: 0;
}
.page-blog .list-blog .item-blog {
padding: 0;
}
.page-blog .list-blog .item-blog {
width: 100%;
}
.page-blog .list-blog .item-blog .border-info {
padding: 20px 30px;
}
.page-blog .border-blog-l {
margin-bottom: 65px;
}
} .blog-d article {
padding-top: 67px;
padding-bottom: 135px;
}
.blog-d .breadcrumbs-item a {
color: #282828;
font-family: 'Helvetica Neue';
}
.blog-d .title-blog {
margin-top: 65px;
margin-bottom: 7px;
display: inline-block;
}
.blog-d .image-thumbnail {
margin-top: 60px;
}
.blog-d .image-thumbnail img {
width: 100%;
object-fit: cover;
}
.blog-d .container-single .excerpt {
padding-bottom: 40px;
border-bottom: 1px solid #C7C7C7;
}
.blog-d .container-single .single-content {
margin-top: 52px;
}
.blog-d .container-single .single-content p {
margin-bottom: 20px;
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 25px;
letter-spacing: 0.01em;
display: inline-block;
}
.blog-d .container-single .single-content h1,
.blog-d .container-single .single-content h2,
.blog-d .container-single .single-content h3,
.blog-d .container-single .single-content h4,
.blog-d .container-single .single-content h5,
.blog-d .container-single .single-content h6 {
margin-bottom: 20px;
color: #001689;
font-family: 'Hind';
}
.blog-d .container-single .single-content h3 {
font-size: 24px;
line-height: 140%;
font-weight: 500;
font-style: normal;
letter-spacing: -0.01em;
}
.blog-d .container-single .single-content .wp-block-video {
margin-top: 30px;
display: inline-block;
margin-bottom: 30px;
}
.blog-d .container-single .single-content .wp-element-caption {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 25px;
letter-spacing: 0.01em;
color: #282828;
padding: 20px 0;
margin: 0;
text-align: left;
}
.blog-d .container-single .single-content ol {
list-style: devanagari;
padding-left: 25px;
display: inline-block;
margin-bottom: 20px;
}
.blog-d .container-single .tag-blog {
margin-top: 30px;
display: inline-block;
}
.blog-d .container-single .tag-blog span,
.blog-d .container-single .tag-blog span a {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
color: #8F90A6;
}
@media (max-width:1280px) {
.blog-d .title-blog {
margin-top: 50px;
}
.blog-d .container-single {
max-width: 80%;
}
.blog-d article {
padding-bottom: 110px;
}
}
@media (max-width:992px) {
.blog-d .container-single {
max-width: 90%;
}
.blog-d article {
padding-bottom: 85px;
}
.blog-d .container-single .tag-blog {
margin-top: 20px;
}
.blog-d .container-single .excerpt {
padding-bottom: 30px;
}
.blog-d .container-single .single-content {
margin-top: 40px;
}
}
@media (max-width:767px) {
.blog-d .container-single .single-content .wp-block-video {
margin: 10px 0;
}
.blog-d .container-single .single-content h1,
.blog-d .container-single .single-content h2,
.blog-d .container-single .single-content h3,
.blog-d .container-single .single-content h4,
.blog-d .container-single .single-content h5,
.blog-d .container-single .single-content h6 {
margin-bottom: 18px;
}
.blog-d .container-single .single-content h3 {
font-size: 18px;
}
.blog-d .container-single .single-content .wp-element-caption {
font-size: 15px;
line-height: 125%;
padding: 23px 0;
}
.blog-d .container-single .single-content p {
font-size: 15px;
line-height: 125%;
}
.blog-d .container-single {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 24px;
}
.blog-d article {
padding-top: 40px;
padding-bottom: 73px;
}
.blog-d .title-blog {
margin-top: 30px;
}
.blog-d .image-thumbnail {
margin-top: 40px;
}
.page-blog .border-list-blog {
margin-top: 10px;
}
.blog-d .container-single .single-content {
margin-top: 30px;
}
.blog-d .container-single .single-content ol {
padding-left: 22px;
margin-bottom: 24px;
margin-top: 8px;
}
.blog-d .container-single .tag-blog span{
font-size: 15px;
line-height: 125%;
}
}
@media (max-width:580px) {
.blog-d article {
padding-top: 0;
}
.blog-d .title-blog {
margin-top: 23px;
margin-bottom: 12px;
}
.blog-d .container-single .tag-blog {
margin-top: 10px;
}
}