/********** Left List View **********/
.leftListView { padding: 0; height: auto; width: 100%; background: unset;  }
.leftListView .allItems { display: inline-block; width: 100%; background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; box-sizing: border-box; }
.leftListView .allItems ul { display: inline-block; width: 100%; }
.leftListView .allItems li { width: 100%; padding: 10px; display: inline-block; position: relative; float: right; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.leftListView .allItems li:last-child { margin-bottom: 0; padding-bottom: 10px; border-bottom: none; }
.leftListView .allItems li .item { display: inline-block; width: 100%; float: right; }
.leftListView ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: 80px; float: right; width: 80px; border-radius: 8px; }
.leftListView .allItems li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; float: right; object-fit: cover; border-radius: 8px; 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; }
.leftListView .allItems li .cnts { display: inline-block; float: right; width: calc(100% - 80px); padding-right: 10px; box-sizing: border-box; }
.leftListView .allItems li .desc { display: inline-block; float: right; width: 100%; }
.leftListView .allItems li .desc h2 { font-family: AvenirLight, Arial; font-size: 16px; color: #000; line-height: 26px; height: 52px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.leftListView .allItems li .secName { display: inline-block; float: right; font-family: AvenirMeduim, Arial; font-size: 14px; color: #E03322; margin-bottom: 6px; }
.leftListView .allItems li .item: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%); }

.leftListView .allItems li .secName.news { color: #E03322; }
.leftListView .allItems li .secName.sports { color: #43a047; }
.leftListView .allItems li .secName.arts { color: #fbaa19; }
.leftListView .allItems li .secName.howa_w_hya { color: #7b1fa2; }
.leftListView .allItems li .secName.autos { color: #1a237e; }
.leftListView .allItems li .secName.islameyat { color: #1c87c9; }
.leftListView .allItems li .secName.ecommerce { color: #febd69; }
.leftListView .allItems li .secName.cop { color: #006eb7; }
.leftListView .allItems li .secName.ramadan { color: #da8f2d; }
.leftListView .allItems li .secName.wc { color: #43a047; }

@media screen and (min-width:1152px) and (max-width:1279px) {
    .leftListView { width: 100%; margin-left: 0; }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .leftListView { width: 100%; margin-left: 0; }
}

@media only screen and (max-width: 1023px) {
    .leftListView { width: 100%; margin-left: 0; }
    .leftListView .allItems li img { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; transform: none; object-fit: cover; }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .leftListView { width: calc(100% - 20px); margin: 0 10px 40px; height: auto; }
    .leftListView .ttl h3 { font-size: 20px; }
    .leftListView ul li .item .imageCntnr { padding-bottom: 80px; width: 80px; }
    .leftListView .allItems li .cnts { width: calc(100% - 80px); padding-right: 10px; }
    .leftListView .allItems li .desc h2 { font-size: 14px; line-height: 22px; height: 44px; -webkit-line-clamp: 2; }
    .leftListView .allItems li:last-child { margin-bottom: 0; }
    .leftListView .allItems li .secName { font-size: 12px; margin-bottom: 4px; }
}