.ArticleInMenu {
}
.ArticleInMenu .SingleArticle, .ArticleInMenu .SingleArticle *{
        font-size: 18px;
        line-height: 1.4;
}
.ArticleInMenu .title {
        color: #444;
        font-size: 30px;
        letter-spacing: -2px;
        margin: 20px 0;
        font-weight: 600;
}
.ArticleInMenu .SingleArticle .UISocialShare{
        display:flex;
}
.ArticleInMenu .SingleArticle .UISocialShare .facebook{
        position:relative;
        bottom: 5px;
}
.ArticleInMenu li img {
        border: 1px solid #dddddd;
        border-radius: 2px;
        display: inline-block;
        float: left;
        height: 150px !important;
        margin: 0 10px 10px 0;
        padding: 1px;
        width: 240px !important;
}
.ArticleInMenu div span img {
        margin: 0 0 20px 63px;
}
.ArticleInMenu li .Title a {
        /* color: #444444; */
        /* font: 18px tahoma; */
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 600;
        color: #444;
}
.ArticleInMenu li .Title a:hover {
        color: #005195;
}
.ArticleInMenu h2 {
        margin: 0 0 10px;
}
.ArticleInMenu .Page {
        clear: both;
        display: block;
}
.ArticleInMenu ul li {
        clear: both;
        height: 170px;
}
.ArticleInMenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.ArticleInMenu ul li p {
        overflow: hidden;
}
div.ArticleInMenu  ul.ArticleList {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding:0;
}
div.ArticleInMenu li.row {
        /*** width: calc(100% / 3 - 20px);***/
        width: 100%;
        flex-direction: row;
        height: auto;
        border: none;
        padding: 0
                margin-bottom: 30px;
}
div.ArticleInMenu .col-lg-2 {
        border: none;
        padding: 0;
        height: 150px;
        margin-bottom: 20px;
        width: unset;
}
div.ArticleInMenu .col-lg-2 img {
        padding: 0;
        object-fit: cover;
}
div.ArticleInMenu .col-lg-10 .Title {
        margin: 0;
        font-size: 18px;
        line-height: 1.4;
        margin-bottom:7px;
        color: red;
        order: 1;
}
div.ArticleInMenu .col-lg-10 {
        padding-left: 20px;
        display: flex;
        flex-direction: column;
}
div.ArticleInMenu .Ngaydang {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        order: 2;
        color: #888;
}
div.ArticleInMenu .col-lg-10 > p {
        font-size: 14px!important;
        color: #333!important;
        order: 3!important;
        line-height: 1.4!important;
        font-weight: normal!important;
}
div.ArticleInMenu .col-lg-10 > p span{
        font-size: 15px!important;
        color: #333!important;
        order: 3;
        line-height: 1.4!important;
        font-weight: normal!important;
}
div.ArticleInMenu .pagination{
        justify-content: center !important;
}
div.ArticleInMenu li.page-item {
        margin: 3px;
}
div.ArticleInMenu li.page-item a {
        width: 30px;
        height: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #dee2e6;
        border-radius: 5px !important;
        font-size: 12px;
        text-decoration: none;
        color: #212529;
}
div.ArticleInMenu .page-item.active .page-link {
        background: #444;
        border: none;
}
@media only screen and (max-width: 768px){
        div.ArticleInMenu li.row{
                min-width: 100%;
        }
        div.ArticleInMenu {
                padding: 0 20px !important;
        }
        div.ArticleInMenu .col-lg-10{
                padding-left: 0}
}