.blogs_main{width:100%;position:relative;} 
.blogs_category{width:100%;} 
.blogs_category .list-group-item{border:none;}
.left_side{width:244px;padding-right:24px;}
.right_side{width:calc(100% - 244px);padding-bottom:60px;}

.right_side .blogs_ul{grid-template-columns: repeat(4,minmax(280px,1fr));grid-gap: 16px;gap: 16px;}
.right_side .blogs_li{border: 1px solid #e6e7e8;}
.right_side .blogs_li:hover{border-color: transparent;box-shadow: 0 6px 12px 0 #0000001A;cursor:pointer;}
.right_side .blog_title_brief{padding:16px;}
.right_side .blogs_title{margin-bottom:12px;min-height:42px;}
.right_side .blogs_info{padding:12px 16px 16px 16px;border-top: 1px solid #e6e7e8;}
.right_side .blogs_img a{display:inline-block;width:100%;height:100%;overflow:hidden;}
.right_side .blogs_img picture{width:100%;height:auto;display:block!important;} 
.right_side .blogs_img{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;}
.right_side .blogs_img img{object-fit: cover;height:100%;width:100%;vertical-align: auto;transition: transform 0.3s ease;}
.right_side .blogs_img img:hover{transform: scale(1.2);}
.right_side .blogs_cover{position:relative;} 


.right_side .blogs_category{position:absolute;top:0px;left:0px}
.right_side .blogs_date{position:absolute;bottom:10px;left:10px;padding:4px 16px;border-radius:3px;background:#12337E;}
.blogs_pdate{margin-bottom:10px;}
.right_side .blogs_section_title{margin-bottom:20px;}
.right_side .blogs_category_1 span{height:26px;line-height:26px;padding:0px 10px 0px 10px;display:inline-block;}
.right_side .blogs_category_1{position:relative;padding-right:8px;}
.right_side .blogs_category_1 img{width:8px;height:26px;display:inline-block;position:absolute;top:0px;right:0px;z-index:100;}
.right_side .blogs_category{background:rgba(38,39,40,.75);width:fit-content;line-height:24px;}
.right_side .blogs_category_2{height:24px;line-height:24px;padding:0px 10px;}
.right_side .blogs_info{padding:14px 16px 14px 16px;border-top: 1px solid #e6e7e8;}
.right_side .blogs_more span{margin-right:10px;transition: margin-right 0.3s ease;}
.right_side .blogs_more:hover span{margin-right:20px;}
.right_side .blogs_section{margin-top:30px;}
.right_side .blogs_section:nth-child(1){margin:0px;}
.left_side .blogs_categorys{padding:10px 0px;background:#F6F7F8;}
.left_side .blogs_categorys::after{width:5px;top:0px;left:0px;height:100%;background:#e6e7e8;}
.left_side .blogs_categorys li{border: none;padding:8px 10px;border-left:5px solid transparent;} 
.left_side .blogs_categorys li.active{border-left:5px solid #12337E;}
.left_side .blogs_categorys li:hover a{color:#12337E;}
.left_side .blogs_categorys li.active a{color:#12337E;} 


.no_products{padding:60px 0px;}
.no_product_img img{width:auto;height:auto;margin-bottom:40px;}

.left_side .mobile_blogs_cate{display:none;width:100%;overflow:hidden;position: sticky;top:200px;background:#FFF;}
.left_side .mbc_list{width:100%;}
.left_side .mobile_blogs_cate ul{width:100%;display:flex;flex-wrap:nowrap;white-space: nowrap;overflow-x:auto;}
.left_side .mobile_blogs_cate ul li a{width:fit-content;display:inline-block;padding:6px 0px 10px 0px;}
.left_side .mobile_blogs_cate ul li.active a{color:#12337E;border-bottom:2px solid #12337E;}
.left_side .mobile_blogs_cate ul li{margin-right:10px;}

@media screen and (max-width: 1440px) {
      .right_side .blogs_ul{grid-template-columns: repeat(4,minmax(200px,1fr));}
}

@media screen and (max-width: 1280px) {
      .right_side .blogs_ul{grid-template-columns: repeat(3,minmax(200px,1fr));}
}

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

}

@media screen and (max-width: 1080px) {
      .right_side .blogs_ul{grid-template-columns: repeat(2,minmax(200px,1fr));}
}

@media screen and (max-width: 992px) {
      .right_side{width:100%;}
      .left_side{width:100%;margin-bottom:30px;}
      .left_side .blogs_cates.pos_f{position:static;width:100%;}
      .left_side .blogs_cates{display:none;}
      .left_side .blogs_categorys{display:flex;background:rgba(250,250,250,0.8);}
      .left_side .blogs_categorys li{width:fit-content!important;padding:0px 12px;}
      .blogs_main{flex-wrap:wrap;}
      .left_side .blogs_categorys li.active{border-left:none;border-radius:0px;}
      .left_side .blogs_categorys li.active a{border-bottom:1px solid #0080FF;color:#0080FF;}
      
      .right_side .blogs_ul{grid-template-columns: repeat(2,minmax(200px,1fr));}
      .left_side .mobile_blogs_cate{display:flex;}
}

@media screen and (max-width: 800px) {
      .pagination .pgn_m {flex-wrap:wrap;}
      .pagination .pgn_l{width:100%;display:flex;margin-bottom:10px;justify-content: center;}
      .pagination .pgn_l span{padding:0px 10px;}
      .pagination .pgn_r{width:100%;}
}

@media screen and (max-width: 540px) {
      .right_side .blogs_ul{grid-template-columns: repeat(1,minmax(200px,1fr));}
      .pagination .pgn_r{flex-wrap:wrap;}
      .pagination .pgn_list{width:100%;justify-content: center;}
      .pagination .pgn_total{width:100%;justify-content: center;}

      .no_products{padding:40px 0px;}
      .no_product_img img{width:180px;height:auto;margin-bottom:30px;}
}