.ncsl-list {display: flex;flex-wrap: wrap;width: 100%;padding-bottom: 100px;}

.ncsl-description{margin:0px 0px 35px 0px; font-size:14px; line-height:22px; color:#111;}
.ncsl-list > .no-news{display: block; text-decoration: underline; font-size:14px; line-height:18px;}

.ncsl-list > .item{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px;width: 100%;max-width: 400px;margin-top: 57px;margin-right: 24px; }
.ncsl-list > .item.last{margin-bottom: 0px;}
.ncsl-list > .item > .info{display:block; padding:0 8px;}
.ncsl-list > .item > .info > .title{display: block; margin:20px 0px 15px 0px; font-size:16px; line-height:1.88; color:#093858;font-weight:bold;text-align: center;padding:0 60px;}
.ncsl-list > .item > .info > .title:hover{color: rgba(9, 56, 88, 0.44);text-decoration: none;}
.ncsl-list > .item > .info > .date{display: block; margin:0px 0px 10px 0px; font-size:14px; line-height:16px; color:#444;}
.ncsl-list > .item > .info  .text{display: block; margin:0px 0px 10px 0px; font-size:16px; line-height:1.88; color:#093858;text-align: center;}
.ncsl-list > .item > .info  .text.short{    max-height: 205px;
    overflow: hidden;}
.ncsl-list > .item > .info > .more{color:#09851d; font-size:14px; line-height:16px;}
.ncsl-list > .item > .info > .more:hover{text-decoration: underline;}
.ncsl-list > .item.with-image > .info{padding-left:30px;}

.ncsl-list > .item > .image{
    width: 220px;
    margin: 0 auto;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.ncsl-list > .item > .image > img{width:100%;}
.ncsl-list > .item > .info > .mobile-image{display: none; margin:0px 0px 15px 0px;}
.ncsl-list > .item > .info > .mobile-image > img{width:100%; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.35);}

.newsListHolder {display: flex;}

.news-button-container {
    float:right;
    margin-right: 20px;
}
h2 {
    display: inline-block;
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
}
h2.active {
    border-bottom: 3px solid #31caee;
}

@media all and (max-width: 700px) {
    .news-button-container {
        width: fit-content;
        margin: auto;
        margin-top: 20px;
        float: none;
    }
    .ncsl-list > .item{margin: 0 !important;}
    .ncsl-list > .item > .image{width:150px;}
}

@media all and (max-width: 500px) {
    .ncsl-list > .item{display: block;}
    .ncsl-list > .item > .image{display: none;}
    .ncsl-list > .item.with-image > .info{padding-left:0px;}
    .ncsl-list > .item > .info > .mobile-image{display: block;}
}