.art-box {border-radius:10px; background: #f5f6fc;}
.art-date {border-top-left-radius:10px;border-top-right-radius:10px;padding: 20px;background: #000;color:#fff;width:100%;box-sizing:border-box;}
.art-date2 {background: #EA5C56;/*color:#000;*/}
.art-datedate {width:auto; font-size:42px; font-weight: 700; float:left; padding-right:10px;}
.art-datemonthyear {width:auto; font-size:18px; font-weight: 700; float:left; padding-left:10px; border-left: solid 1px #fff; }
.art-date2 .art-datemonthyear {/*border-left: 1px solid #000;*/}
.art-overview {margin:0px 30px; padding:40px 0px 20px;border-bottom: solid 1px #000; width:85%;}
.art-title {padding-bottom: 5px;}
.art-title > a > h3 {font-size:30px;line-height: 1.2;}
.art-title > a {text-decoration:none;}
.art-snapshot {display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px;}
.art-link {padding: 25px 30px;width:85%;}
a.hypArtDetail:link, a.hypArtDetail:visited, a.hypArtDetail:hover, a.hypArtDetail:active {width:100%;display:flex;justify-content: space-between;align-items: center;/*color: #00aff0;*/font-weight: 700;text-decoration: none;}
#materialIconsArticleMoreDetails:after {content: "arrow_outward";position: relative;/*color: #00aff0;*/font-family:'Material Icons Outlined';}
.event-gallery {margin:10px;}
.event-gallery-image {width:100%;}

.divListPaginationBottom .divListPaginationInner {float:left;}
.divListPaginationInner .spanPagination {display:inline-block;}
.divListPaginationInner .spanPagination a {display:inline-block;}
.art-pagination {width:50px; height:50px; box-sizing: border-box;display: inline-block;text-align: center;line-height: 50px; border:solid 1px #ddd;}
.art-pagination.selected {text-decoration: underline !important;}
a.art-pagination {text-decoration:none !important;font-weight: 700;}
.indart-title {text-align:center}
.indart-back {padding:0 20px 20px; text-align:center;}

.divGallArtMainCtn {width:1200px !important;padding: 30px 0 40px;}

/*For mobile view*/
@media only screen and (max-width:800px) {
    .art-box {width:100% !important;}
    .event-gallery {margin:0 0 20px 0;}
    .divEventList .ddl-sort {padding:0;display: block;float: none;text-align: right;}
    .divEventList .divDdlSort {padding: 0 0 10px 0;float: unset;}
    .divEventList .ddl_filter {min-width: 100px;width: auto;}
    .divArticleOuter .divEventList {padding-bottom:40px;}
    .divIndArticleOuter .divIndEvent {padding-top:20px;padding-bottom:40px;}
    .art-title > a > h3 {font-size:28px;}

}