@media (max-width: 768px){
    .yeecar-need-to-hide-mobile{
        display: none;
    }

    .yeecar-need-to-show-mobile{
        display: block;
    }

    .category-area-item{
        padding: 10px;
    }

    .news-swiper{
        overflow: hidden;
        margin-top: 20px;
    }

    .news-info{
        height: 260px;
        position: relative;
    }

    .news-info .btn-u{
        position: absolute;
        bottom: 0;
        right: 50px;
        margin-bottom: 10px;
    }

    .news-info .date{
        color: #AEAEAE;
    }

    .news-info .desc{
        margin-top: 20px;
        font-size: 16px;
        font-weight: 300;
        height: 100px;
        width: 100%;
        overflow: hidden;
        -webkit-line-clamp: 7; 
        text-overflow: ellipsis;
    }

    .news-info a{
        color: white;
    }

    .news-list-group .col-sm-1{
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    
    .news-list-group .desc .col-sm-8{
        padding-left: 0px ;
    }   


    .news-list-group {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        margin-top: 30px;
        margin-bottom: 15px;
        padding-bottom: 20px;
        border-bottom: 2px solid #E8E8E8;
    }

    .news-list-group .date{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .news-list-group .date .day{
        color: #C5952B;
        font-weight: 400;
        font-size: 35px ;
    }

    .news-list-group .date .month{
        font-size: 15px ;
        color: #A3A3A3 ;
        font-weight: 300;
    }

    .news-list-group .desc .row{
        display: flex;
        justify-content: center;
        align-items: center;
    }



    .news-list-group .desc img{
        width: 155px ;
    }

    .news-list-group .desc h3{
        font-size: 15px ;
        font-weight: 600 ;
        max-height: 50px ;
        text-overflow: ellipsis ;
        overflow: hidden ;
        margin-top: 0px ;
    }

    .news-list-group .desc .desc{
        font-size: 12px ;
        margin-top: 0px ;
        font-weight: 300;
        width: 100% ;
        overflow: hidden ;
        -webkit-line-clamp: 2  ;  
        text-overflow:ellipsis ;
        color: black ;
        max-height: 40px ;
    }



    
}

@media (min-width: 768px){


    .footer-v1{

    }

    .news-info{
        height: 370px;
        position: relative;
    }

    .news-info .btn-u{
        position: absolute;
        bottom: 0;
        right: 50px;
        margin-bottom: 10px;
    }

    .news-info .date{
        color: #AEAEAE;
    }

    .news-info .desc{
        margin-top: 20px;
        font-size: 16px;
        font-weight: 300;
        height: 200px;
        width: 100%;
        overflow: hidden;
        -webkit-line-clamp: 7; 
        text-overflow: ellipsis;
    }

    .news-info a{
        color: white;
    }



    .news-list-group{
        margin-top: 60px;
        padding-left: 0;
        margin-bottom: 15px;
        padding-bottom: 20px;
        border-bottom: 2px solid #E8E8E8;
    }


    .news-list-group .date{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 150px;
    }

    .news-list-group .date .day{
        font-size: 40px;
        color: #C5952B;
        font-weight: 400;
    }

    .news-list-group .date .month{
        color: #A3A3A3 !important;
        font-size: 14px;
        font-weight: 300;
    }

    .news-list-group .desc img{
        width: 100%;
        height: auto;
    }

    .news-list-group .desc .desc{
        margin-top: 20px;
        font-size: 16px;
        font-weight: 300;
        width: 100%;
        overflow: hidden;
        -webkit-line-clamp: 7; 
        text-overflow: ellipsis;
        color: black !important;
        max-height: 133px;
    }
}


.category-area{
    padding-left: 0px;
    margin-top: 5rem !important;
    margin-bottom: 7rem !important;

}
.category-area li{
    display: inline;
    margin-right: 15px;
    width: 25%;
}

.category-area li a{
    font-size: 16px;
    font-weight: 300;
    margin-top:5px;
    padding: 5px 0px;
}

.category-area .active{
    color: #C19A3F !important;
    font-weight: 500;
    border-bottom: 2px solid #C19A3F !important;
}

a:hover{
    text-decoration: none;
}

#pagination li a{
    font-size: 13px !important;
}

.news-swiper{
    overflow: hidden;
}