img{
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    height: auto;
}
@media not all and (min-resolution:.001dpcm){ 
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        img { object-fit: cover; }
    }
}
.toan-man-hinh .container, .toan-man-hinh .container-sm, .toan-man-hinh .container-md, 
.toan-man-hinh .container-lg, .toan-man-hinh .container-xl, .toan-man-hinh .container-xxl{
    max-width: 100%;
    
}
@media (min-width: 1300px){
    .toan-man-hinh .container, .toan-man-hinh .container-sm, .toan-man-hinh .container-md, 
    .toan-man-hinh .container-lg, .toan-man-hinh .container-xl, .toan-man-hinh .container-xxl{       
        max-width: calc(100% + 10%);
        padding-left: 5%;
        padding-right: 5%;
    }
}
table {
    border-collapse: collapse;
    max-width: 100% !important;
    width: 100% !important ;
   
    border: 0;

}
table tr {
}
table td{padding: 8px}
.site-cover.sticky-menu{
    margin-top: 60px;
}
.sidebar{padding-left: 40px}
.sidebar-box .sidebar-box-heading{
    border-color: var(--main-color);
    font-size: 20px;
    text-transform: uppercase;
    border-width: 2px;
    padding: 0 0 10px;
    margin: 0 0 15px;
    color: var(--main-color);
    font-weight: 550;
}
.sidebar-box .va-menubox{}
.sidebar-box .va-menubox > li{ 
    margin: 0;
    padding: 0;
    display: block;
}
.sidebar-box .va-menubox > li a{
    display: block;
    line-height: 30px;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid var(--bs-gray-200);
    font-size: 14px;
    text-transform: uppercase;
}
.sidebar-box .va-menubox > li:hover a,
.sidebar-box .va-menubox > li:active a{
    color: var(--main-color);
}
.sidebar-box .va-menubox > li .menucon-sidebar{ 
    margin: 10px 0 0 20px;
    padding: 0 0 0 15px;
}
.sidebar-box .va-menubox > li .menucon-sidebar > li{     
    list-style: disc;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.sidebar-box .va-menubox > li .menucon-sidebar > li a{
    text-transform: none;
    border-bottom: 0;
}
.sidebar-box .va-menubox > li .menucon-sidebar > li:hover a{
    color:#333;
}
.sidebar-box .va-menubox > li .menucon-sidebar > li.active a{
    color: var(--main-color);
}

.view-category .post-entry-alt .img-link{width: 100%;}
.view-category .post-entry-alt .img-link img{height: 250px;width: 100%}
.sticky-lg-top{top: 70px;    z-index: 1;}
.site-mobile-menu{top:60px}
.page-item.active .page-link,.site-footer{
    background-color: var(--main-color);
}
.site-footer{padding: 30px 0}
.site-footer .widget .links{width: 100%}
.post-entry-footer ul li{display: flex;align-items: stretch;}
.post-entry-footer ul li img{width: 100px;height: 65px;margin: 0}
.post-entry-footer ul li .text{flex: 100%;padding-left: 10px}
.post-entry-footer ul li .text h4{font-size: 16px}
.view-search{}
.view-search .posts-entry .blog-entry-search-item{margin: 0}
.view-search .posts-entry .blog-entry-search-item .img-link{width: 280px;margin: 0 0 20px;padding:0;}
.view-search .posts-entry .blog-entry-search-item div{flex: 100%;padding: 0 0 0 20px;}
.view-search .posts-entry .blog-entry-search-item .img-link img{width: 100%;height: 150px}
.view-search .posts-entry .blog-entry-search-item div h2{
    font-size: 18px;
    font-weight: 550;
}
.view-search .posts-entry .blog-entry-search-item div h2 a{color: var(--main-color);}
.view-search .posts-entry .blog-entry-search-item div p{margin: 0 0 5px}
.mobile-device.view-search .posts-entry .blog-entry-search-item{
    flex-wrap: wrap;
}
.mobile-device.view-search .posts-entry .blog-entry-search-item .img-link{width: 100%}
.mobile-device.view-search .posts-entry .blog-entry-search-item .img-link img{height: auto;}
.mobile-device.view-search .posts-entry .blog-entry-search-item div{padding: 0 10px 20px 10px }
.mobile-bottommenu{
    background-color: #fff;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
    right: 0;
    height: 68px;
    border-radius: 8px 8px 0 0;
    margin: 0;
    padding: 8px 10px 8px 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top:1px solid var(--bs-gray-200);
}
.mobile-bottommenu li{display: flex;flex: 1 4;}
.mobile-bottommenu li a{display: grid;
    text-align: center;
    width: 100%;
}
.mobile-bottommenu li a svg{
    width: 35px;
    height: 35px;
    margin: 0 auto;
    background-color: var(--main-color);
    padding: 5px;
    border-radius: 50%;
}
.mobile-bottommenu li a svg path{
    fill: #fff;
}
#offcanvasBottom{height: 90vh;padding-bottom: 70px}
.mobile-device .sidebar{display: none;}
.mobile-device{padding-bottom: 50px}