/* document page */
.menu-document {
    margin: 0; padding: 0;
}
.menu-document li {
    list-style: none;
    display: block;
    margin-bottom: 16px;
}
.menu-document li a {
    display: block;
    padding: 8px 16px;
    background: #EBF2E9;
    border: 1px solid rgba(0, 68, 54, 0.4);
    color: #004436;
    text-transform: uppercase;
    font-family: 'Barlow Condensed';
    font-size: 20px;
    font-weight: 500;
}
.menu-document li a:hover, 
.menu-document li a.active {
    background: #00A552;
    color: #fff;
}
.list-document .main-title {
    font-family: Oswald;
    font-size: 26px;
    line-height: 1.5;
    color: #454545;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #eee;
}
.list-document .item {
    overflow: hidden;
    margin-bottom: 16px;
    background: #EBF2E9;
    padding: 10px 16px;
}
.list-document .item p { margin: 0;}
.list-document .item .icon_pdf{
    float: left;
    width: 32px;
    margin-top: 5px;
    margin-right: 15px;
}
.list-document .item .text {float: left; width: 70%;}
.list-document .item .txttitle {
    font-weight: 700;
    font-size: 16px;
    color: #004436;
    text-transform: uppercase;
    font-family: 'Barlow Condensed';
}
.list-document .item .download {float: right;}
.list-document .item .btn_download {
    background: #26A65B;
    border-radius: 0px;
    border-color: #26A65B;
}
.list-document .item .txtdate {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Barlow Condensed';
}

@media only screen and (max-width: 1024px) {
    .list-document .col-md-3 { width: 33.33333333%; }
}
@media only screen and (max-width: 950px) {
    #banner { height: 350px;}
    .document-page .inner {
        margin: 40px;
    }
    .list-document .col-md-3 { width: 100%; }
    .menu-document li { display: inline-block; margin-right: 15px;}
}
@media only screen and (max-width: 800px) {
    #banner { height: 300px;}
}
@media only screen and (max-width: 480px) {
    .document-page .inner { margin: 20px -5px; }
    .menu-document li:last-child {margin-right: 0;}
    #banner .page-title { margin: 75px 0 10px; }
    .menu-document li {
        margin-right: 0;
        display: block;
    }
    .menu-document li a { font-size: 18px; background: #fff; }
    .list-document .item { padding: 10px}
    .list-document .item .icon_pdf { margin-right: 10px;}
    .list-document .item .text { width: 86%;}
}
@media only screen and (max-width: 375px) {
    #banner { height: 200px; }
    #banner .page-description { display: none;}
    .list-document .item .text { width: 83%; }
    .menu-document { display: flex;}
}