@media screen and (max-width: 1440px) {
  
  .widget-snippet .blog-banner .inner-content .title-part .blog-title {
    font-size: 50px;
        line-height: 1.2;
  }
  
}


@media screen and (max-width: 1200px) {
  
  .widget-snippet .blog-banner .inner-content .content-part .right-part {
    padding: 45px;
}
  
  
}


@media screen and (max-width: 1024px) {
  
  .widget-snippet .blog-banner {
    padding: 60px 0;
}
  .widget-blogPost.blog-inner {
    padding: 0 0 100px;
}
  .widget-snippet .blog-banner .inner-content .content-part .right-part a {
    padding: 90px 0 0;
}
  .blog-post-content .blog-post-item {
    width: calc(100%/3 - 30px);
}
  
  
}


@media screen and (max-width: 991px) {
  
  .widget-snippet .blog-banner .inner-content .title-part .blog-title {
    font-size: 40px;
  }
  .widget-snippet .blog-banner .inner-content .content-part {
    gap: 30px;
}
  .widget-snippet .blog-banner .inner-content .content-part .left-part {
    width: 100%;
}
  .widget-snippet .blog-banner .inner-content .content-part .left-part img {
    border-radius: 20px;
  }
  .widget-snippet .blog-banner .inner-content .content-part .right-part {
    padding: 45px;
    width: 100%;
    border-radius: 20px;
}
  .blog-post-content .blog-post-item {
    width: calc(100%/2 - 30px);
}
  .widget-snippet .blog-banner .inner-content {
    padding: 0 15px;
}
  
  
}


@media screen and (max-width: 767px) {
  
  .widget-snippet .blog-banner .inner-content .title-part .blog-title {
    font-size: 34px;
  }
  .widget-snippet .blog-banner {
    padding: 20px 0 60px;
}
.widget-snippet .blog-banner .inner-content .content-part .right-part {
    padding: 25px 20px;
    width: 100%;
    border-radius: 20px;
}
  .widget-snippet .blog-banner .inner-content .content-part .right-part .blog-name {
    font-size: 24px;
    line-height: 1.3;
}
  .widget-snippet .blog-banner .inner-content .content-part .right-part a {
    padding: 40px 0 0;
}
  .blog-post-content .blog-post-item {
    width: calc(100%/1 - 30px);
        min-height: unset;
}
.widget-blogPost.blog-inner {
    padding: 0 0 60px;
}
  .blog-post-item .post-description {
    min-height: 135px;
    padding: 20px 20px;
}
  
  
}


@media screen and (max-width: 575px) {}