.thongtin{
    width: 902px;
    margin: 0 auto;
}
.thongtin__header{
    width: 902px;
    height: 172px;
    background: url("/frontend/images/game/bg1.png");
    padding: 35px 0 66px;
}
.thongtin__main{
    width: 902px;
    min-height: 500px;
    background: url("/frontend/images/game/bg2.png");
    padding: 5px 80px;
}
.thongtin__footer{
    width: 902px;
    height: 287px;
    background: url("/frontend/images/game/bg3.png");
}
.thongtin__main-container{
    width: 100%;
    background: url("/frontend/images/game/bg-main.png");
    background-size: 100% 100%;
    padding: 16px;
}
.main-tag{
    width: 100%;
    background: #8f3636;
    padding: 10px;
    border-radius: 10px;
}
.main-tab__breadcrumb{
    border-bottom: 1px dashed #feea98;
    padding-bottom: 5px;
}
.main-tab__breadcrumb,.main-tab__breadcrumb a{
    text-transform: uppercase;
    color: #cab05d;
    font-weight: bold;
    font-size: 14px;
}
.main-tab__breadcrumb-item.active{
    color: #f0dfaa;
    cursor: context-menu;
}
.main-tab__breadcrumb-item.active:hover{
    text-decoration: none;
}
.list-tag{
    padding-top: 10px;
}
.list-tag a{
    border: 2px solid #ffc93b;
    border-radius: 15px;
    padding: 5px;
    background: #b56838;
    color: #f2d280;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none;
}
.list-tag a:hover{
    background: #9b4d29;
}
.list-tag a.active{
    background: #fd4d36;
}
.list-blog{
    margin: 15px 0;
}
.blog-item{
    margin-bottom: 25px;
}
.blog-title{
    text-decoration: none;
    color: black;
}
.blog-title h3{
    padding: 5px 0;
    font-weight: bold;
    font-size: 18px!important;
    text-transform: uppercase;
    margin-bottom: 0;
}
.blog-thumbnail img{
    width: 100%;
    height: 113px;
    object-fit: cover;
}
.blog-desc{
    color: #ab887c;
    text-align: justify;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.title-blog{
    padding: 15px 0 5px;
    color: black;
}
.content-blog{
    font-size: 15px;
}
.content-blog ul{
    padding-left: 15px;
}
.content-blog img{
    max-width: 100%!important;
    height: auto!important;
}
.content-blog .table-responsive,.content-blog table{
    width: 100%!important;
}
.content-blog .table-responsive td,.content-blog table td{
    background: transparent;
    border: 1px dashed black;
    padding: 8px;
}
/*desktop*/
@media only screen and (max-width: 1200px) {

}
/*Ipad pro*/
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 950px) {
    .blog-thumbnail img{
        width: 100%;
        height: 177px;
        object-fit: cover;
    }
}
/*Ipad*/
@media only screen and (max-width: 768px) {
    .blog-thumbnail img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .thongtin{
        width: 100%;
    }
    .thongtin__header{
        width: 100%;
        height: 90px;
        background: transparent;
        padding: 15px 0 15px;
    }
    .thongtin__main{
        width: 100%;
        min-height: 500px;
        background: transparent;
        padding: 5px 15px;
    }
    .thongtin__footer{
        display: none;
    }
    .thongtin__main-container{
        width: 100%;
        background: url("/frontend/images/game/bg-main.png");
        background-size: 100% 100%;
        padding: 16px;
    }
}
/*Mobile*/
@media only screen and (max-width: 500px) {
    .main-tab__breadcrumb, .main-tab__breadcrumb a{
        font-size: 13px;
    }
    .list-tag a {
        font-size: 13px;
    }
    .blog-title h3{
        font-size: 14px!important;
    }
    .blog-desc{
        font-size: 13px;
    }
}