.sec-blog{
  position: relative;
}
.blog-list{
  display: flex;
  flex-wrap: wrap;
}
.blog-item{
  width: calc(50% - 1.2rem);
  margin-left: 2.4rem;
  display: flex;
  border-radius: 1.2rem;
  overflow: hidden;
  background: #fff;
}
.blog-item:nth-child(2n + 1){
  margin-left: 0;
}
.blog-item{
  margin-top: 2.4rem;
}
.blog-item:hover{
  box-shadow: 0px 0px 40px 0px #0000000D;
}
.blog-img{
  -ms-flex-nagative:0;
  flex-shrink: 0;
  width: 28.5rem;
  height: 25rem;
}
.blog-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-info{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.2rem;
}
.blog-info span{
  font-size: 1.2rem;
  display: block;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  color: #242424;
}
.blog-info .h5{
  margin-bottom: 1.2rem;
}
.blog-info .h5:last-child{
  margin-bottom: 0;
}
.blog-info .h5 *,
.blog-info p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3; 
  -webkit-box-orient: vertical;
}
.blog-info .h5 *{
 max-height: 6.6rem; 
}
.blog-info p{
  color: #6B6B6B;
  max-height: 6rem;
}
@media(min-width:1200px) and (max-width:1351.98px){
  .sec-blog .title{
    margin-bottom: 4rem;
  }
  .blog-img {
    width: 26.5rem;
    height: 23.2rem;
  }
  .blog-info {
    padding: 2rem 2.8rem;
  }
  .blog-info span {
    margin-bottom: 1rem;
  }
  .blog-info .h5 {
    margin-bottom: 1rem;
  }
  .blog-info .h5 * {
    max-height: 6rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .sec-blog .title{
    margin-bottom: 4rem;
  }
  .sec-blog .col-lg-4-full{
    width: 40%;
  }
  .blog-item {
    margin-top: 2rem;
  }
  .blog-img {
    width: 22.5rem;
    height: 19.7rem;
  }
  .blog-info {
    padding: 1.8rem;
  }
  .blog-info span {
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
  }
  .blog-info .h5 {
    margin-bottom: 0.8rem;
  }
  .blog-info .h5 * {
    max-height: 6rem;
  }
  .blog-info br{
    display: none;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-blog .title{
    margin-bottom: 4rem;
  }
  .blog-item:nth-child(n + 2) {
    margin-top: 2.4rem;
  }
  .blog-item {
    width: 100%;
    margin-left: 0;
  }
  .blog-mobile-slider .blog-item {
    width: 63.4rem;
  }
  .blog-mobile-slider .owl-nav{
    position: absolute;
    right: 0;
    bottom: -4.2rem;
  }
}
@media(max-width:767.98px){
  .sec-blog {
    overflow: hidden;
    padding-bottom: 6.4rem;
    margin-bottom: 0;
  }
  .sec-blog .title{
    margin-bottom: 3.2rem;
  }
  .blog-mobile-slider{
    width: calc(100% + 2.4rem);
  }
  .blog-mobile-slider .owl-stage-outer {
    overflow: initial;
  }
  .blog-mobile-slider .owl-stage{
    display: flex;
    flex-wrap: wrap;
  }
  .blog-item{
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 1.2rem;
  }
  .blog-mobile-slider .blog-item{
    width: 32.7rem;
  }
  .blog-img {
    width: 100%;
    height: 43.1rem;
  }
  .blog-mobile-slider .blog-img {
    height: 25rem;
  }
  .blog-info .h5 * {
    max-height: 6rem;
  }
  .blog-info p {
    max-height: 8rem;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .blog-mobile-slider .owl-nav{
    position: absolute;
    right: 2.4rem;
    bottom: -6rem;
  }
  .blog-item:nth-child(n + 2) {
    margin-top: 2.4rem;
  }
}
@media(max-width:575.98px){
  .blog-img {
    height: 66.7vw;
  }
  .blog-mobile-slider .blog-img {
    height: 25rem;
  }
}