.highlight-list-flex{display:flex;flex-flow:row wrap;float:left;gap:0%;margin:0px auto !important;padding:0 !important;position:relative;width:100%;max-width:1200px !important;}
.highlight-list-flex li{border:4px solid #fff;border-radius:20px;box-shadow: 0 2px 10px rgba(0,0,0, 0.3);display:flex;flex-direction:column;flex-wrap:wrap;flex:1 0 auto;flex-grow:1;margin:0 3% 3% 0;overflow:hidden;padding:0;position:relative;width:14.16%;max-width:14.16%;}
.highlight-list-flex li.six{width:14.16%;max-width:14.16%;}
.highlight-list-flex li.five{width:17.6%;max-width:17.6%;}
.highlight-list-flex li.four{width:22.75%;max-width:22.75%;}
.highlight-list-flex li.three{margin:0 3% 3% 0;width:31.3%;max-width:31.3%;}
.highlight-list-flex li.two{width:48.5%;max-width:48.5%;}

.highlight-list-flex li.six:nth-child(6n+6){margin-right:0;}
.highlight-list-flex li.five:nth-child(5n+5){margin-right:0%;}
.highlight-list-flex li.five:nth-child(6n+6){margin-right:3%;}
.highlight-list-flex li.four:nth-child(4n+4){margin-right:0%;}
.highlight-list-flex li.four:nth-child(5n+5){margin-right:3%;} 
.highlight-list-flex li.three:nth-child(3n+3){margin-right:0;}
.highlight-list-flex li.two:nth-child(even){margin-right:0;} 

.highlight-list-flex li .post-img {background-position:center center;background-repeat:no-repeat;background-size:cover;float:left;display:block;height:250px;margin:0 0 20px;overflow:hidden;padding:0;position:relative;width:100%;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.highlight-list-flex li .post-img .post-bg {background-position:center center;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;height:250px;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;-moz-transition:all 3.0s ease;-webkit-transition:all 3.0s ease;-o-transition:all 3.0s ease;-ms-transition:all 3.0s ease;transition:all 3.0s ease;} 
.highlight-list-flex li .post-content {display:table-cell;margin:0;padding:0px 10px 5px;position:relative;vertical-align:middle;width:100%;}
.highlight-list-flex li .post-name {color:#3A357E;display:block;float:left;font-family:'Oswald', sans-serif;font-weight:400;font-size:30px;line-height:90% !important;padding-bottom:10px;padding-top:5px;position:relative;width:100%;}

.highlight-list-flex li .post-subtext {color:#3A357E;display:block;float:left;font-family:'Oswald', Helvetica, sans-serif;font-weight:400;font-size:24px;line-height:100% !important;padding-bottom:10px;padding-top:5px;position:relative;width:100%;}  

.highlight-list-flex li .small {display:block;float:left;font-family:'Lato', sans-serif;font-size:13px;font-weight:400;letter-spacing:1px;line-height:110%;padding: 0 0 10px;position: relative;text-transform: uppercase;width:100%;}
.highlight-list-flex li .desc {font-size:17px !important;line-height:110% !important;}
.highlight-list-flex li .desc p {font-size:17px !important;margin:10px 0 !important;line-height:110% !important;}
.highlight-list-flex li.four .post-name {font-size:40px;}
.highlight-list-flex li.six .post-name, .highlight-list-flex li.five .post-name {font-size:38px;}
.highlight-list-flex li .position-desc {display:block;float:left;font-family:'Lato', sans-serif;font-weight:400;font-size:18px;line-height:160%;margin:0;position:relative;transition:all .5s ease-in-out;width:100%;} 
.highlight-list-flex li .position-desc p{color:#333;display:block;font-family:'Lato', sans-serif;font-weight:400;font-size:17px;line-height:160%;margin-bottom:0 !important;position:relative;width:100%;}
.highlight-list-flex li .post-link {color:#3A357E;display:block;float:left;font-family:'Lato', sans-serif;font-weight:400;font-size:18px;padding-bottom:20px;position:relative;text-align:left;width:100%;}
.highlight-list-flex li .post-link::after {content: "→";margin-left:5px;}

.on-cs .highlight-list-flex li .post-name {font-size:30px;} 
.on-cs .highlight-list-flex li.four .post-name{font-size:30px;} 
.on-cs .highlight-list-flex li.five .post-name,
.on-cs .highlight-list-flex li.six .post-name{font-size:24px;} 
@media screen and (max-width: 1700px) {
    .on-cs .highlight-list-flex li.five,
    .on-cs .highlight-list-flex li.six{margin:0 3% 3% 0;width:48%;max-width:48%;}
    .on-cs .highlight-list-flex li.five:nth-child(even),
    .on-cs .highlight-list-flex li.six:nth-child(even){margin:0 0 3% 0;}
}
@media screen and (max-width: 1600px) { 
    .on-cs .highlight-list-flex li .post-name {font-size:30px;}
    .on-cs .highlight-list-flex li.four .post-name,  
    .on-cs .highlight-list-flex li.five .post-name,
    .on-cs .highlight-list-flex li.six .post-name{font-size:30px;} 
}
@media screen and (max-width: 1300px) {  
    .on-cs .highlight-list-flex li.four{margin:0 3% 3% 0;width:48%;max-width:48%;}
    .on-cs .highlight-list-flex li.four:nth-child(even){margin:0 0 3% 0;}
     
    .on-cs .highlight-list-flex li.four .post-name,
    .on-cs .highlight-list-flex li.five .post-name,
    .on-cs .highlight-list-flex li.six .post-name{font-size:36px;}
}  
@media screen and (max-width: 1200px) {
    .highlight-list-flex li.six{width:17.6%;max-width:17.6%;} /* 5 */
    .highlight-list-flex li.six:nth-child(6n+6){margin-right:3%;}
    .highlight-list-flex li.six:nth-child(5n+5){margin-right:0;}
    
    .on-cs .highlight-list-flex li .post-name {font-size:30px;}
    .on-cs .highlight-list-flex li.three{margin:0 0 3% 0;width:100%;max-width:100%;}
    .on-cs .highlight-list-flex li.three .post-name {font-size:36px;}
}
@media screen and (max-width: 1100px) {   
    .highlight-list-flex li.six {width:22.75%;max-width:22.75%;} /* 4 */
    .highlight-list-flex li.six:nth-child(5n+5){margin-right:3%;}
    .highlight-list-flex li.six:nth-child(4n+4){margin-right:0;}
    
    .highlight-list-flex li.five{width:22.75%;max-width:22.75%;} /* 4 */
    .highlight-list-flex li.five:nth-child(5n+5){margin-right:3%;}
    .highlight-list-flex li.five:nth-child(4n+4){margin-right:0;} 
} 
@media screen and (max-width: 1000px) { 
} 
@media screen and (max-width: 767px) { 
    .highlight-list-flex li{margin-bottom:5% !important;}
    .highlight-list-flex li.six, 
    .highlight-list-flex li.five,
    .highlight-list-flex li.four, 
    .highlight-list-flex li.three, 
    .highlight-list-flex li.two {width:47.5%;max-width:47.5%;} /* 2*/ 
    
    .highlight-list-flex li,
    .highlight-list-flex li.six:nth-child(3n+3),
    .highlight-list-flex li.five:nth-child(3n+3),
    .highlight-list-flex li.four:nth-child(odd),
    .highlight-list-flex li.three:nth-child(3n+3),
    .highlight-list-flex li.two:nth-child(odd){margin-right:5% !important;}
    
    .highlight-list-flex li.six:nth-child(2n+2),
    .highlight-list-flex li.five:nth-child(2n+2),
    .highlight-list-flex li.four:nth-child(even),
    .highlight-list-flex li.three:nth-child(even), 
    .highlight-list-flex li.two:nth-child(even){margin-right:0% !important;} 
    
    .on-cs .highlight-list-flex li .post-name,
    .on-cs .highlight-list-flex li.two .post-name,
    .on-cs .highlight-list-flex li.three .post-name,
    .on-cs .highlight-list-flex li.four .post-name,
    .on-cs .highlight-list-flex li.five .post-name,
    .on-cs .highlight-list-flex li.six .post-name{font-size:36px;}
    
    .on-cs .highlight-list-flex li.six, 
    .on-cs .highlight-list-flex li.five,
    .on-cs .highlight-list-flex li.four, 
    .on-cs .highlight-list-flex li.three, 
    .on-cs .highlight-list-flex li.two{margin:0 0 3% 0;width:100%;max-width:100%;}
    
    .on-cs .highlight-list-flex li.six:nth-child(even), 
    .on-cs .highlight-list-flex li.five:nth-child(even),
    .on-cs .highlight-list-flex li.four:nth-child(even), 
    .on-cs .highlight-list-flex li.three:nth-child(even), 
    .on-cs .highlight-list-flex li.two:nth-child(even){margin:0 0 3% 0;}
} 
@media screen and (max-width: 500px) { 
    .highlight-list-flex li {margin-bottom:10% !important;}
    .highlight-list-flex li.six,
    .highlight-list-flex li.five,
    .highlight-list-flex li.four,
    .highlight-list-flex li.three, 
    .highlight-list-flex li.two{width:100%;max-width:100%;}  
    .highlight-list-flex li.six:nth-child(3n+3),
    .highlight-list-flex li.six,
    .highlight-list-flex li.five:nth-child(3n+3),
    .highlight-list-flex li.five:nth-child(odd),
    .highlight-list-flex li.five:nth-child(even),			
    .highlight-list-flex li.four:nth-child(odd),
    .highlight-list-flex li.four:nth-child(even),
    .highlight-list-flex li.three:nth-child(3n+3),
    .highlight-list-flex li.three:nth-child(odd),
    .highlight-list-flex li.three:nth-child(even),
    .highlight-list-flex li.two:nth-child(odd),
    .highlight-list-flex li.two:nth-child(even){margin-right:0% !important;} 
}