@font-face {
    font-family: "UTM Seagull", sans-serif;
    src: url('/frontend/fonts/UTM SeagullBold.ttf');
}
.wrapper{
    overflow: hidden;
    font-family: 'UTM Seagull', Helvetica, Verdana, Geneva, sans-serif;
}
#home {
    background: url(/frontend/images/bg.jpg) no-repeat center top;
    background-size: 100% auto;
    position: relative;
    background-attachment: fixed;
}
a{
    display: inline-block;
    width: auto;
}
.menu li {
     width: auto;
 }

.menu li img {
    height: 30px;
}
.container-news{
    width: 100%;
    max-width: 1096px;
    margin: -30% auto 0;
    position: relative;
}
.c_top,.c_bot{
    position: relative;
}
.c_mid{
    background: url(/frontend/images/news/c_mid.png) repeat-y center;
    background-size: 100% auto;
    overflow: hidden;
    padding: 0 13%;
    font-family: Helvetica, Verdana, Geneva, sans-serif;
    min-height: 240px;
}
.c_categories{
    width: 65%;
    position: absolute;
    z-index: 1;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.c_categories a{
    background: url(/frontend/images/news/categories.png);
    background-size: 100% 100%;
    padding: .5rem 1.5rem;
    color: white;
    font-weight: bold;
    margin: 0 5px;
    text-transform: uppercase;
}
.c_categories a.active{
    color: black;
}
.news-item{
    padding: 10px 0;
    border-bottom: 1px solid #d1c08f;
    overflow: hidden;
}
.news-item__title{
    display: inline-block;
    width: 70%;
    float: left;
    color: #464646;
}
.news-item__date{
    display: inline-block;
    width: 30%;
    float: left;
    text-align: right;
    color: #464646;
}
.news-item__cate{
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
}
.news-item__cate.tin-tuc{
    background: #bc4032;
}
.news-item__cate.su-kien{
    background: #e1b850;
}
.news-item__cate.he-thong{
    background: #a06435;
}
.c_paginate{
    position: absolute;
    z-index: 1;
    bottom: 60%;
    left: 50%;
    transform: translateX(-50%);
}
.c_paginate .pagination li{
    display: inline-block;
    margin: 0 3px;
}
.c_paginate .pagination li .page-link{
    border: 1px solid #823216;
    padding: 3px 7px;
    color: black;
}
.c_paginate .pagination li.active .page-link{
    border: 1px solid #c34a29;
    background-color: #c34a29;
    color: white;
}
@media only screen and (max-width: 1280px) {
    #home {
        background: url(/frontend/images/bg.jpg) no-repeat center top;
        background-size: auto 100%;
    }
}
@media only screen and (max-width: 768px) {
    .container-news {
        margin: -77% auto 0;
    }
    .c_categories {
        width: 85%;
    }
    .c_categories a {
        font-size: 10px;
    }
    .cr_block {
        margin: 10% auto 0;
    }
    .news-item {
        font-size: 11px;
    }
    .news-item__cate {
        padding: 0px 7px;
    }
}
@media only screen and (max-width: 500px) {
    .c_categories a{
        padding: 5px 10px;
    }
    .cr_block {
        margin: 60% auto 0;
    }
    .c_paginate {
        bottom: 55%;
    }
}