.latestArticle{display:inline-block;width:100%;float:right;margin-bottom:0;height:385px;overflow:hidden}
.latestArticleLI{display:inline-block;width:100%;float:right}
.latestArticle ul li { margin-bottom: 20px; width: 210px; margin-left: 12px; height: 250px; position: relative;border-radius: 6px;border: 1px solid #E8E8E8;background: #FFF; overflow: hidden;display: inline-block; float: right }
/*.latestArticle ul li:nth-of-type(3n) { margin-left: 0 }*/
.latestArticle ul li:nth-last-child(-n+3) { margin-bottom: 0 }
.latestArticle ul li .imageCntnr {     position: relative;
    overflow: hidden;
    padding-bottom: 66.5%;
    display: inline-block;
    float: right;
    width: 100%;}
.latestArticle ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.latestArticle ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.latestArticle ul li .desc { width: 100%; cursor: pointer; display: inline-block; float: right; padding: 10px }
.latestArticle ul li .desc p { display: inline-block; float: right; width: 100%; color: #000; text-align: right; line-height: 1.8; font-size: 14px;   direction: rtl; height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.latestArticle ul li:hover .desc p { color: #0277bd }
.latestArticle ul li .secName{padding: 0 0 0 10px; font-size: 13px; font-family:droidBold, Arial;   position: relative;color: #0079BB;;z-index: 1;height: 30px;line-height: 2.3;width: 100%;height: 25px;overflow: hidden;}

.latestArticle .flickity-button{width:32px;height:32px;border-radius:6px;background: #0079BB;top:-52px}
.latestArticle .flickity-button:before{color:#fff;line-height:32px}
.latestArticle .flickity-button:disabled{opacity:1;border: 1px solid #AFAFAF;background: #F2F2F2;}
.latestArticle .flickity-button:disabled:before{color:#AFAFAF}

.latestArticle .flickity-enabled.is-draggable{text-align:center}
.latestArticle .flickity-page-dots{display:inline-block;width:auto;margin-top:0;margin-bottom:40px}
.latestArticle .flickity-page-dots li{height:10px;width:10px;background:#CADFE2;border-radius:50%;margin-left:5px;margin-bottom:0}
.latestArticle .flickity-page-dots li:last-child{margin-left:0}
.latestArticle .flickity-page-dots li.is-selected{background:#2EA4A9}

latestArticle .flickity-button.previous{left:40px}
@media screen and (min-width:320px) and (max-width:767px) {
    .latestArticle ul li:first-child{margin-right:12px}


   .latestArticle .flickity-page-dots{margin:0 0 27px}
   }