






.pro_list_section .produ_cate_content_box .produ_cat_name {
  text-align: center;
  margin-bottom: 0 !important;
  color: #000 !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pro_list_section .produ_cate_img {
  height: 370px;
  width: 100%;
  object-fit: cover;
}
.pro_list_section .pro_cate_image_block {
  width: 100% !important;
}
/* ------------------------------- */
/* ---------- BLOG PAGE ---------- */
/* ------------------------------- */
.main_blog_outter {
  display: flex;
  width: 100%;
  gap: 35px;
}

.main_blog_tag_box {
  background-color: #192955;
  color: #fff;
  font-weight: 400;
  padding: 10px 30px;
  position: absolute;
  bottom: 0;
}

.main_blog_top_block {
  position: relative;
  /* line-height: 0; */
}

.main_blog_img_box {
  line-height: 0;
}

.main_blog_start {
  /* background-color: #f0e61b; */
  /* padding: 35px; */
}

.main_blog_bottom_box {
  background-color: #204481;
  color: #fff !important;
  font-weight: 400;
  padding: 40px 25px;
  position: relative;
}
.main_blog_inner_01 .main_blog_bottom_box{
  height: 900px;
}
.main_blog_inner_01 .main_blog_desc {
  -webkit-line-clamp: 10 !important;
}
.main_blog_desc {
  color: #f0e61a !important;
  font-weight: 500 !important;
  margin-bottom: 10px;
  padding-bottom: 0 !important;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
i.fa.fa-share-alt {
  color: #3589ea;
  padding-left: 10px;
  font-size: 30px;
}
.main_blog_info_box {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  padding-top: 30px;
  position: absolute;
  bottom: 0;
  padding-bottom: 31px;
}
.main_blog_inner_01 .main_blog_info_box{
  width: 100%;
  padding-right: 0px;
}
p.main_blog_share.main_cotent {
  display: flex;
  align-items: center;
}
.main_blog_inner_02 .main_blog_info_box{
  position: relative;
}
p.main_blog_share.main_cotent{
  margin: auto 0 auto auto;
}
.main_blog_date {
  margin: auto auto auto 0;
}
.main_blog_inner_02 .main_blog_inner {
  height: auto;
  display: flex;
  width: 100%;
}
.more_btn_block {
    padding-top: 25px;
}
.main_blog_info_box p {
  padding-bottom: 0 !important;
  color: #9da5a5;
}

.main_blog_inner.main_blog_inner_01 {
  /* height: 100%; */
  overflow: hidden;
}

.main_blog_inner_02 {
  display: grid;
  gap: 35px;
  height: 100%;
}

.main_blog_inner {
  overflow: hidden;
}
.main_blog_inner_01 .main_blog_img {
  width: 100%;
  height: 700px;
  object-fit: cover;
}
.main_blog_inner_02 .main_blog_img {
  width: 100%;
  height: 510px;
  object-fit: cover;
}
.main_blog_inner_01 {
  width: 100% !important;
}
.main_blog_inner_02 {
  width: 75%;
}
.more_btn_box {
  /* clip-path: polygon(100% 0, 100% 55%, 52% 100%, 0 57%, 0 0); */
  background-color: #f0e61a;
  color: #000;
  justify-content: center;
  display: flex;
  padding: 0;
  width: 225px !important;
  margin: auto;
  height: 60px !important;
}
.more_btn {
  margin: auto !important;
}
.icon_inner .font_22 {
  padding-top: 10px;
}
.blog_banner .section_main_title{
  color: #fff !important;
}
.main_blog_link {
  word-break: break-all;
}
/* ---------- BLOG CATE PAGE ---------- */
.blog_category_grid article {
  margin: 10px !important;
}
.blog_category_grid h2.entry-title {
  color: black;
  font-size: 21px;
  font-weight: 600;
  display: block;
  padding-bottom: 10px;
}
.blog_category_grid .post-content-inner,
.blog_category_grid .post-meta {
  color: black;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  white-space: normal; 
}
.blog_category_grid .post-content-inner{
  height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 3px;
}
.blog_category_grid .et_pb_image_container {
  margin: auto;
}


.blog_content_row.et_pb_row_2_tb_body.fix_pd {
  padding: 15px 25px !important;
}
.blog_content_row  .post_date{
  padding-top: 0 !important;
}


.post_content_main_col strong {
  font-size: 26px !important;
  line-height: 1.2;
  color: #000;
  font-weight: 800;
}
.et_pb_row_3_tb_body.blog_content_row .post_content_main_col{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.et_pb_row_3_tb_body.blog_content_row .post_content_main_col.show_full_para{
  display: block;
}
ul.breadcrumb.list-unstyled, ul.breadcrumb.list-unstyled li {
  display: flex;
}
.et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_body.et_pb_css_mix_blend_mode_passthrough {
  width: 100%;
}
.et_pb_column.et_pb_column_1_2.et_pb_column_2_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
  width: 220px !important;
}





.same_wd_section {
  width: 1300px !important;
  margin: auto;
}
.blog_section img {
  height: 520px;
  -o-object-fit: contain;
  object-fit: contain;
}
div#social-sharing-container {
  width: 110px;
}







@media all and (min-width: 320px) and (max-width: 480px) {
  .same_wd_section {
    width: 100% !important;
    margin: auto;
  }
  .blog_section img {
    height: 215px;
  }

  .post_content_main_col strong{
    font-size: 25px;
  }
  .main_blog_inner_01 .main_blog_desc {
    -webkit-line-clamp: 2 !important;
  }
  .main_blog_info_box{
    position: relative;
  }
  .pro_list_section .produ_cate_img{
      height: 223px;
  }
  .pro_list_section .produ_cate_bottom {
      width: 236px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img,
  .main_blog_inner_02 .main_blog_img {
      height: 180px;
  }
  .main_blog_outter {
      gap: 15px;
      display: block;
  }
  .main_blog_bottom_box{
      padding: 10px;
  }
  .main_blog_start {
      padding: 10px;
  }
  .main_blog_row.fix_pd {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  i.fa.fa-share-alt {
      font-size: 25px;
  }
  .main_blog_inner_02 {
      display: block;
      width: 100% !important;
      gap: 15px;
  }
  .main_blog_inner.main_blog_inner_01,
  .main_blog_inner_02 .main_blog_inner{
      margin-bottom: 20px !important;
  }
  .main_blog_tag_box{
      padding: 10px;
  }
  .main_blog_inner {
      width: 100%;
  }
  .more_btn_box{
     width: 195px !important;
    height: 52px !important;
  }
  .main_blog_inner_02 .main_blog_inner,
  .main_blog_inner_01 .main_blog_bottom_box {
      height: auto;
  }
  .blog_category_grid article {
      margin: auto !important;
  }
}
@media all and (min-width: 481px) and (max-width: 767px) {
  .same_wd_section {
    width: 450px !important;
    margin: auto;
  }
  .blog_section img {
    height: 300px;
  }

  .post_content_main_col strong{
    font-size: 25px;
  }
  .main_blog_inner_01 .main_blog_desc {
    -webkit-line-clamp: 2 !important;
  }
  .main_blog_info_box{
    position: relative;
  }
  .pro_list_section .produ_cate_img {
      height: 223px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img,
  .main_blog_inner_02 .main_blog_img {
      height: 250px;
  }
  .main_blog_outter {
      gap: 15px;
      display: block;
  }
  .main_blog_bottom_box{
      padding: 10px;
  }
  .main_blog_start {
      padding: 20px;
  }
  .main_blog_row.fix_pd {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  i.fa.fa-share-alt {
      font-size: 25px;
  }
  .main_blog_inner_02 {
      display: block;
      width: 100% !important;
      gap: 15px;
  }
  .main_blog_inner.main_blog_inner_01,
  .main_blog_inner_02 .main_blog_inner{
      margin-bottom: 20px !important;
  }
  .main_blog_tag_box{
      padding: 10px;
  }
  .main_blog_inner {
      width: 100%;
  }
  .more_btn_box{
    width: 195px !important;
    height: 52px !important;
  }
  .main_blog_inner_02 .main_blog_inner,
  .main_blog_inner_01 .main_blog_bottom_box {
      height: auto;
  }
  .blog_category_grid article {
      margin: auto !important;
  }
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .same_wd_section {
    width: 700px !important;
    margin: auto;
  }
  .blog_section img {
    height: 350px;
  }

  .post_content_main_col strong{
    font-size: 28px;
  }
  .main_blog_inner_01 .main_blog_desc {
    -webkit-line-clamp: 2 !important;
  }
  .pro_list_section .produ_cate_img {
      height: 223px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img {
      height: 340px;
  }
  .main_blog_inner_02 .main_blog_img {
      height: 250px;
  }
  .main_blog_outter {
      gap: 15px;
  }
  .main_blog_bottom_box{
      padding: 15px;
  }
  .main_blog_start {
      padding: 20px;
  }
  .main_blog_row.fix_pd {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  i.fa.fa-share-alt {
      font-size: 25px;
  }
  .more_btn_box{
    width: 200px !important;
    height: 55px !important;
  }
  .main_blog_inner_01 .main_blog_bottom_box {
      height: 625px;
  }
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
  .same_wd_section {
    width: 900px !important;
    margin: auto;
  }
  .blog_section img {
    height: 400px;
  }

  .post_content_main_col strong{
    font-size: 28px;
  }
  .pro_list_section .produ_cate_img {
      height: 219px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img {
      height: 440px;
  }
  .main_blog_inner_02 .main_blog_img {
      height: 280px;
  }
  .main_blog_outter {
      gap: 15px;
  }
  .main_blog_bottom_box{
      padding: 20px 25px;
  }
  i.fa.fa-share-alt {
      font-size: 25px;
  }
  .more_btn_box{
    width: 200px !important;
    height: 55px !important;
  }
  .main_blog_inner_01 .main_blog_bottom_box {
      height: 634px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1140px) {
  .same_wd_section {
    width: 900px !important;
    margin: auto;
  }
  .blog_section img {
    height: 400px;
  }

  .post_content_main_col strong{
    font-size: 30px;
  }
  .pro_list_section .produ_cate_img {
      height: 210px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img {
      height: 440px;
  }
  .main_blog_inner_02 .main_blog_img {
      height: 280px;
  }
  .main_blog_outter {
      gap: 15px;
  }
  .main_blog_bottom_box{
      padding: 20px 25px;
  }
  .more_btn_box{
      width: 300px;
      height: 80px;
  }
  .main_blog_inner_01 .main_blog_bottom_box {
      height: 634px;
  }
}
@media all and (min-width: 1141px) and (max-width: 1280px) {
  .same_wd_section {
    width: 1000px !important;
    margin: auto;
  }
  .blog_section img {
    height: 400px;
  }

  .post_content_main_col strong{
    font-size: 30px;
  }
  .pro_list_section .produ_cate_img {
      height: 245px;  
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img {
      height: 440px;
  }
  .main_blog_inner_02 .main_blog_img {
      height: 280px;
  }
  .more_btn_box{
      width: 350px;
      height: 100px;
  }
  .main_blog_inner_01 .main_blog_bottom_box {
      height: 725px;
  }
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
  .same_wd_section {
    width: 1000px !important;
    margin: auto;
  }
  .blog_section img {
    height: 450px;
  }
  .post_content_main_col strong{
    font-size: 35px;
  }
  .pro_list_section .produ_cate_img {
      height: 270px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img {
      height: 550px;
  }
  .main_blog_inner_02 .main_blog_img {
      height: 380px;
  }
  .more_btn_box{
      width: 350px;
      height: 100px;
  }
  .main_blog_inner_01 .main_blog_bottom_box {
      height: 815px;
  }
}
@media all and (min-width: 1441px) and (max-width: 1680px) {
  .same_wd_section {
    width: 1200px !important;
    margin: auto;
  }
  .blog_section img {
    height: 450px;
  }


  .post_content_main_col strong{
    font-size: 35px;
  }
  .pro_list_section .produ_cate_img {
      height: 302px;
  }
  /* ---------- BLOG PAGE ---------- */
  .main_blog_inner_01 .main_blog_img {
      height: 550px;
  }
  .main_blog_inner_02 .main_blog_img {
      height: 380px;
  }
  .more_btn_box{
      width: 350px;
      height: 100px;
  }
  .main_blog_inner_01 .main_blog_bottom_box {
      height: 785px;
  }
}
@media all and (min-width: 1681px) and (max-width: 1880px) {
  .pro_list_section .produ_cate_img {
      height: 330px;
  }
  .more_btn_box{
      width: 380px;
      height: 120px;
  }
}
