/* NEWS BLOCK */
.page-content .menu-category {
    margin-left: -12px;
    margin-right: -12px;
}
.page-content .menu-category li {
    width: 20%;
}
.page-content .menu-category li a {
    float: none;
    margin: 0 12px; 
    padding: 15px 0px;
}
.lastest_news .main-title, .hotnews .main-title {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    color: #00A552;
    text-transform: uppercase;
    padding: 0 0 30px;
    border-bottom: 0;
}

.lastest_news .item{
    margin: 0 0 30px;
    height: 360px;
}
.lastest_news .item .thumb {/*height:185px;*/ padding:0; overflow: hidden;}
.lastest_news .item .thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.lastest_news .item .group {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Barlow Condensed';
    color: #00A552;
    margin-top: 16px;
}
.lastest_news .item .title {
    margin: 6px 0; padding: 0;
}
.lastest_news .item .title a {
    font-size: 16px;
    text-transform: uppercase;
    color: #004436;
    line-height: 22px;
}
.lastest_news .item .intro {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    font-family: 'Barlow Condensed';
}
.lastest_news .item .datetime {
    font-family: K2D; font-size: 14px;
    color: rgba(40, 47, 54, 0.5);
}
.lastest_news .item .datetime .fa {margin-right:5px;}
.lastest_news .item .datetime .pull-left {margin-right:16px;}
.lastest_news  .readmore {
    font-family: Oswald; font-size: 14px;
    color: #0c6747; padding:13px 0; 
    text-transform:uppercase;
    margin:auto; display:inline-block;
}
.lastest_news .pagination {
    margin: 30px 0 0px;
}

/* NEWS DETAIL */
.detail-news {overflow:hidden}
.detail-news .box-thumb {
    height:550px; overflow:hidden;
    position:relative; color: rgba(255, 255, 255, 0.8);
    z-index: 99;
}
.detail-news .box-thumb .thumb {
    position:absolute; top:0; left:0; right:0; bottom:0;
    z-index:10;
}
.detail-news .box-thumb .thumb img {
    width:100%; height:100%; object-fit:cover;
}
.detail-news .mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 33.36%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8;
    z-index: 999;
}
.detail-news .breadcrumb {
    padding: 0;
    background-color: transparent;
    color: #fff;
}
.detail-news .breadcrumb li a {
    color: #fff;
    font-size: 16px;
    font-family: Roboto;
}
.detail-news .breadcrumb li .fa-chevron-right {
    font-size: 11px;
    margin: 0 10px;
}
.detail-news .breadcrumb li a:hover {color:#fff}
.detail-news .box-content {
    position: absolute;
    z-index: 1000;
    top: 140px;
    left: 0;
    right: 0;
    /*transform: translate(0, -50%);*/
}
.detail-news h1.title {
    font-family: Barlow Condensed;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
    text-transform: uppercase;
    color:#fff;
}
.detail-news .datetime {
    font-family: 'Barlow Condensed';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    margin: 24px 0;
}
.detail-news .datetime .pull-left {margin-right:24px;}
.detail-news .datetime .fa {margin-right:5px}
.detail-news .intro {
    /*position:absolute; z-index:30;
    top:360px; left:80px; right:80px;*/
    font-family: K2D;
    font-size: 16px; font-weight:normal;
    text-align:justify;
    color: rgba(255, 255, 255, 0.8);
}
.detail-content {
    padding: 80px 0;
    width: 776px;
    margin: auto;
    text-align: justify;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.detail-content .col-left { margin-left: -15px;}
.detail-content .col-right { margin-right: -15px;}
.detail-content .fulltext{text-align:justify}
.detail-content .fulltext img {max-width:100%;}

.detail-content .fulltext ul { margin-left: 20px;}
.detail-content .fulltext ul li {padding-top: 5px; padding-bottom: 5px} 

.detail-news .box-comment{
    background-color: rgba(40, 47, 54, 0.01);
    clear:both; overflow:hidden;
    padding:45px 80px 85px 80px;
    color: rgba(40, 47, 54, 0.8);
    font-family: K2D; font-size: 18px;
}

.related_news {
    overflow: hidden;
}
.related_list {
    margin-left: -22px; margin-right: -22px;
}
.related_news .main-title {
    font-size: 34px;
    font-weight: 700;
    color: #00A552;
    font-family: 'Barlow Condensed';
    text-transform: uppercase;
    padding: 0;
    border-bottom: 0;
}
.related_news .related_more {
    display: flex;
    text-align: center;
    font-family: 'Barlow Condensed';
    font-size: 16px;
    text-transform: uppercase;
}
.related_news .related_more a {
    padding: 10px 35px;
    border: 1px solid #004436;
    color: #004436;
}
.related_news .related_more:hover a {
    background-color: #004436;
    color: #fff;
}
.related_news .item, .lastest_news .item {
    border-left: 0;
}
.related_news .item .thumb, .lastest_news .item .thumb { height:244px;}
.related_news .item .group, .lastest_news .item .group, .hotnews .item .group {
    color: #00A552;
    font-size: 14px;
    font-family: 'Barlow Condensed';
    text-transform: uppercase;
}
.related_news .item .title, .lastest_news .item .title, .hotnews .item .title{
    margin: 6px 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}
.related_news .item .title a, .lastest_news .item .title a, .hotnews .item .title a{
    font-family: 'Oswald';
    font-size: 16px;
    color: #004436;
    text-transform: uppercase;
}
.hotnews .item .title a {
    text-transform: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}
.related_news .item .datetime, .lastest_news .item .datetime{
    color: rgba(0, 0, 0, 0.4);
    font-family: 'Barlow Condensed';
    font-size: 14px;
    opacity: 1;
    overflow: hidden;
}
.related_news .box-content, 
.lastest_news .box-content {
    height: 100px;
}
.lastest_news .lastest {
    margin-left: -15px;
    margin-right: -15px;
}

/**/
.hotnews .item{
    clear:both; overflow:hidden; 
    padding: 0 0 24px;
    position: relative; 
}
.hotnews .item .thumb {/*height:185px;*/ padding:0; overflow: hidden;}
.hotnews .item .thumb img {
    width:100%; height:100%; object-fit: contain;
}
.hotnews .item .box-content {
    padding-left:25px; 
    padding-right:0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.hotnews .item .title {padding:0; margin:10px 0;}
.hotnews .item .intro {
    margin-bottom:10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #292929;
    text-align: justify;
    height: auto !important;
}
.hotnews .item .datetime {
    font-family: K2D; font-size: 14px;
    color: rgba(40, 47, 54, 0.5);
}
.hotnews .item .datetime .fa {margin-right:5px;}
.hotnews .item .datetime .pull-left {margin-right:16px;}
.hotnews .readmore {
    font-family: Oswald; font-size: 14px;
    color: #0c6747; padding:13px 0; 
    text-transform:uppercase;
    margin:auto; display:inline-block;
}

/* @media screen and (min-width: 1600px) {
    .related_news .item .thumb, .lastest_news .item .thumb {
        height: 300px !important
    }
}
@media screen and (min-width: 1900px) {
    .related_news .item .thumb, .lastest_news .item .thumb {
        height: 375px !important;
    }
} 
@media screen and (max-width: 1024px) {
    .detail-content { padding: 80px; width: 100%;}
}*/
@media screen and (min-width: 1280px) {
    .detail-news .box-thumb {
        height: 480px;
    }
}
@media screen and (min-width: 1366px) {
    .detail-news .box-thumb {
        height: 480px;
    }
}
@media screen and (min-width: 1440px) {
    .detail-news .box-thumb {
        height: 546px;
    }
}
@media screen and (min-width: 1600px) {
    .detail-news .box-thumb {
        height: 600px;
    }
}
@media screen and (min-width: 1900px) {
    .detail-news .box-thumb {
        height: 720px;
    }
}

@media screen and (max-width: 1023px) {
    #main_side .inner { padding: 40px 0;}
    .collapse { display: block; }
    #gf-header { min-height: 60px;}
    .detail-content { padding: 40px; width: 100%;}
    .related_news { padding: 0}
}
@media screen and (max-width: 950px) {
    .menu-category li {margin-bottom: 20px;}
    .menu-category li a { height: 90px; }
    .related_news .item .thumb, .lastest_news .item .thumb {
        height: auto !important;
    }
    .detail-news .box-content { left: 0; right: 0;}
    .detail-content .col-left, .detail-content .col-right {
        margin-left: -15px; margin-right: -15px;
    }
    .lastest_news .item {
        height: auto !important;
    }
    .lastest_news .main-title {padding: 0 0 30px;}
    .related_news { padding: 0}
    .hotnews .item { padding: 0 0 30px}
    .hotnews .item .box-content {
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        position: unset;
        right: unset;
        top: unset;
        transform: unset;
    }

    .cd-timeline__container::before { left: 0 !important;}
    .timeline__content_right, 
    .cd-timeline__content h2, 
    .cd-timeline__content p {
        text-align: left;
    }
    .cd-timeline__img { order: 0 !important}
    .text-component img { height: auto !important}
}
@media (max-width: 768px) {
    #main_side .inner { padding: 40px 15px;}
    .detail-news .box-content {
        left: 25px;
        right: 25px;
    }
    .detail-content { padding: 40px 25px;}
    .menu-category li a { padding: 8px 10px;}
    .menu-category li { margin-bottom: 20px; }
}
@media screen and (max-width: 600px) {
    .menu-category li a { height: unset !important; }
}
@media (max-width: 480px) {
    #banner .page-description { display: none;}
    #main_side .inner {
        padding: 40px 24px 20px;
    }
    .menu-category-box { width: 100%; height: 90px; overflow: hidden;}
    .mn-level1, .mn-level2 {
        min-width: 2000px;
        max-width: 20000px;
        height: 90px;
        overflow: hidden;
        overscroll-behavior: contain; 
    }
    .mn-level1 li, .mn-level2 li, .page-content .menu-category li { width: 250px !important; }

	.menu-category li a { padding: 8px 0px;}
	.menu-category li { margin-bottom: 0; }

    .lastest_news .main-title { padding: 0 0 20px; width: 100% } 
    .detail-news h1.title {font-size: 34px; font-weight: 700; margin: 50px 0 24px;}
    /* .detail-news .box-thumb { height: 250px; } */
    .detail-news .box-content {
        left: 15px; right: 15px; top: 120px;
    }
    .detail-news .datetime { 
        margin: 0; 
        font-family: Barlow Condensed;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
    }
    .detail-content { padding: 48px 24px; }
    .detail-content .fulltext {
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }
    .detail-content .fulltext img { max-width: 100% !important; }
    .related_news {
        padding: 0 15px;
    }
    .related_news .main-title { 
        font-family: Barlow Condensed;
        font-size: 34px;
        font-style: normal;
        font-weight: 700;
        display: block;
        width: 100%;
    }
    .related_list {
        margin-left: -15px;
        margin-right: -15px;
    }
    .related_news .related_more, .related_news .related_more a {
        display: block;
    }

    .page-list .module { margin: 24px 0}
    .related_news .item .title a, .lastest_news .item .title a, .hotnews .item .title a {
        font-size: 16px;
    }
    .lastest_news .item {
        margin: 20px 0;
    }
    .lastest_news .readmore, .hotnews .readmore {
        display: block; width: 100%;
    }
    .lastest_news .readmore a, .hotnews .readmore a { display: block;}
    .group-news {
        margin-bottom: 0;
    }
}
@media (max-width: 375px) {
    .lastest_news .readmore {
        margin: 0 0 10px
    }
    .pagination > li > a {
        padding: 6px 10px;
    }
}
@media (max-width: 320px) {
    .detail-news h1.title { font-size: 24px; margin: 50px 0 10px;} 
}