.pstl{ padding: 20px 0;}

/* tags bar layout */
.pstl .pstl-tags {text-align: left; width:auto; word-wrap: normal; white-space: normal; margin-bottom:10px; background: #f6f6f6;
padding-left:20px;padding-top:3px;
}

.pstl .pstl-tags .pstl-tag {display: inline-block;margin-bottom:3px;}
.pstl .pstl-tags .pstl-tag a {display: inline-block; background: #eeeeee; text-decoration: none;border:1px solid #eeeeee;
    padding: 5px 10px; text-transform: uppercase;}

.pstl .pstl-tags .pstl-tag a:hover {color: #000000;}
.pstl .pstl-tags .pstl-tag-sel a,
.pstl .pstl-tags .pstl-tag-sel a:hover {color: #000000;border:1px solid #dddddd;}

    /* list layout */
.pstl .pstl-body {width:100%;}

.pstl .pst-litem {width:100%; padding:25px 0 10px 0;border-bottom:2px solid #eeeeee;}
.pstl .pst-wrap:after {content: ""; display: block;clear: both;}

.pstl .pst-litem .pst-image {float:left; width: 25%;  margin:0;padding:0;margin-right:2%;}
.pstl .pst-image-align-right .pst-image {float:right;margin:0;margin-left: 2%;}
.pstl .pst-litem .pst-image img {width:100%;border:0;padding-top:5px;}


.pstl .pst-litem .pst-body {}
.pstl-image-placement-separate .pst-litem .pst-body {width: 73%;float:right;}
.pstl-image-placement-separate .pst-image-align-right .pst-body {float:left;}
.pstl .pst-noimage .pst-body {width:100%; margin:0;}

.pstl .pst-litem .pst-title{background:transparent;font-size:large;margin:0;padding:0 0 10px 0;width:100%;}
.pstl .pst-litem .pst-title a {text-decoration: none;font-size: large; color: inherit;}
.pstl .pst-litem .pst-title .pst-time {font-size:small;font-weight: normal; float:right; display:inline-block}
.pstl .pst-litem .pst-title .pst-location {font-size:medium;font-weight: normal;}

.pstl .pst-litem .pst-text {width: 100%; text-align: left;margin:0;}
.pstl .pst-litem .pst-text .pst-text-message-short {display:none;}
.pstl .pst-litem .pst-text p {margin-top:0;padding-top: 0; margin-bottom:10px;}
.pstl .pst-litem .pst-text .dots-splitter {display:none;}
.pstl .pst-litem .pst-more {display:inline;}

/* boxes layout */


.pstl-boxes .pstl-body {overflow: hidden;position:relative;height:auto; padding-bottom:20px;}
.pstl-boxes .pst-litem {display: none;margin-bottom:20px;}

.pstl-boxes .pst-bitem {float:left; padding:0;position: relative;overflow: hidden;cursor: pointer;}
.pstl-boxes .pst-bitem:after {content: "";display: block; padding-bottom: 110%;}

.pstl-boxes .pst-bitem .pst-text {height:64%;position:absolute; top:0; width:100%;background: #f5f5f5;border-radius:20px;box-sizing: border-box;padding:20px;}

.pstl-boxes .pst-bitem .pst-text::after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -12px;
    border-top: 13px solid #f5f5f5;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}
.pstl-boxes .pst-bitem .pst-image-title {position: absolute;height:30%; width:100%; bottom:0;}

.pstl-boxes .pst-bitem .pst-image {width: 25%; float: left;position: relative; margin:0;text-align: center;
    border-radius: 50px; overflow: hidden;margin-left:1%;}
.pstl-boxes .pst-bitem .pst-image:after {content: "";display: block; padding-bottom: 100%;}

.pstl-boxes .pst-bitem .pst-image img {height:100%; margin:0 auto; left:50%;transform: translateX(-50%);z-index:1; top:0; position: absolute;}
.pstl-boxes .pst-tallimage img {width:100%; top:50%;transform: translateX(0) translateY(-50%); left:0;right:0;}
.pstl-boxes .pst-bitem .pst-title{background:transparent;float:right;height:100%;margin:0;padding:4% 0 0;text-align:left;width:70%;}
.pstl-boxes .pst-bitem .pst-time {font-size:x-small;font-weight: normal;}
.pstl-boxes .pst-bitem .pst-location {font-size:small;font-weight: normal;}

.pstl-boxes-col1 .pst-bitem {width: 100%;}
.pstl-boxes-col2 .pst-bitem {width: 48%; margin-right:2%;margin-bottom: 1%;}
.pstl-boxes-col3 .pst-bitem {width: 31%; margin-right:2%;margin-bottom: 1%;}
.pstl-boxes-col4 .pst-bitem {width: 24%; margin-right:1%;margin-bottom: 1%;}
.pstl-boxes-col5 .pst-bitem {width: 18.8%; margin-right:1.1%;margin-bottom: 1%;}
.pstl-boxes-col5 .pst-bitem .pst-title {font-size: small;}

@media screen and (max-width:1200px), screen and (max-device-width:1280px){
    .pstl-boxes-col5 .pst-bitem,
    .pstl-boxes-col4 .pst-bitem {width: 31%; margin-right:2%;margin-bottom: 1%;}

}
@media screen and (max-width:990px), screen and (max-device-width:1024px){
    .pstl-boxes .pst-bitem .pst-title {font-size: small;}
}
@media screen and (max-width:768px), screen and (max-device-width:768px){
    .pstl-boxes-col5 .pst-bitem,
    .pstl-boxes-col4 .pst-bitem,
    .pstl-boxes-col3 .pst-bitem {width: 48%; margin-right:2%;margin-bottom: 1%;}

    .pstl-boxes .pst-bitem .pst-title {font-size: medium;}
}
@media screen and (max-width:600px), screen and (max-device-width:600px){
    .pstl .pst .pst-image {float:none; width: 90%; max-width:400px;  margin:0;}

    .pstl-boxes .pst-bitem .pst-title {font-size: small;}
}
@media screen and (max-width:480px), screen and (max-device-width:480px){
    .pstl-boxes .pst-bitem .pst-title {font-size: smaller;}
}
@media screen and (max-width:340px), screen and (max-device-width:340px){}