﻿@media only screen and (min-width: 992px) {
    #category section,
    #category section.bg-metal .container-fluid {
        padding: 50px 0px;
    }
    #category .section-3 .list-article [class*="col-"] {
        padding: 16px 11.5px;
        padding-top: 32px;
    }
}
#category .section-3 .list-item .item.active{
    background: #0054a6;
    color: #FFFFFF;
}           
@media only screen and (min-width: 1200px){
    #category .btn-view-details {
        position: absolute;                             
        bottom: 10.8%;
        left: 3%;
    }
}

#category .section-3 .list-item .item{
    font-family: Roboto;
    background: #f8f9fa;
    border-radius: 5px ;
    padding: 9px 13px;
    color: #394E79;;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

#category .section-3 .list-item .item a{
    color: #394E79;;
}
#category .section-3 .list-article .item .main-info .title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #394E79;
}

#category .section-3 p.publish-date {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(57, 78, 121, 0.5);
}
#category .section-3 .image-wrapper.image-3-2:after {
    padding-top: 56.3%;
}



#category .section-1 .main-info .title-news{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;

}

#category .section-1 .main-info .title{
    color: #FFFFFF;
}
#category .section-1 .article-featured .main-info .title{
    font-size: 24px ;
    font-weight: 700;
    line-height: 32px;
    color: #FFFFFF;
    font-family: 'Merriweather';
}

#category .section-1 .main-info .description{
    color: #FFFFFF;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#category a.btn.btn-danger
{
    padding: 5px 23.2px;
    font-family: 'Roboto';
}


#category .list-child-category .item.active {
    color: #004689;
}

#category .section-1 .section-left .article-featured .image-wrapper {
    flex-basis:49.12%;
}

#category .section-1 .section-left .article-featured .image-wrapper.image-16-9:after {
    padding-top: 56.12%;
}

#category .section-1 .section-left .article-featured .main-info {
    flex-basis:  50.88%
}
#category .section-1 p.publish-date {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) {
    #category .section-1 .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: -3.3%;
        margin-left: 7%;
        position: relative;
        z-index: 9999;
    }
}

#category .section-2 .image-wrapper.image-3-2:after {
    padding-top: 56%;
}

#category .section-2 .list-article [class*="col-"] {
    padding: 24px 12.5px;
}

#category .section-3 .slide-child-category {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}
#category .section-3 .slide-child-category .list-item {
    margin-top:1%;
    margin-bottom:0.3%
}

#category .section-2 p.publish-date {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(57, 78, 121, 0.5);
}


#category .owl-carousel.owl-loaded {
    margin:0px 5px;
}