/** Ramadan Entry Point **/
.ramadanEP { position: relative; direction: ltr; border-radius: 0; }
.ramadanEP .ramadanEPConts { display: inline-block; width: 100%; float: right; padding: 20px; text-align: center; position: relative; background: #f1d8ba }
/*.ramadanEP .ramadanEPConts:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.5; background: url(../Images/SeriesPattern.png) center center repeat; background-size: 50px 50px; pointer-events: none }*/
.ramadanEP h3 { color: #E53B24; font-family: DroidKufiBold; margin-bottom: 40px; font-size: 24px; position: relative; z-index: 1 }
.ramadanEP .ramadanEPConts .epItems { display: inline-block; width: 100%; float: right; position: relative; z-index: 1 }
.ramadanEP .ramadanEPConts .epItems li { display: inline-block; float: right; width: calc((100% - 30px) / 2); margin: 0 0 30px 30px; border-radius: 6px; overflow: hidden; background: linear-gradient(0deg,#222,#444) }
.ramadanEP .ramadanEPConts .epItems li:nth-child(2n) { margin-left: 0 }
.ramadanEP .ramadanEPConts .epItems li:nth-last-child(-n+2) { margin-bottom: 0 }
.ramadanEP .ramadanEPConts .epItems li img { width: 100%; height: auto }

@media only screen and (max-width: 1023px) {
        .ramadanEP .ramadanEPConts .epItems li { width: calc((100% - 20px) / 2); margin: 0 0 20px 20px; }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
        .ramadanEP .ramadanEPConts { padding: 40px 10px }
    .ramadanEP .ramadanEPConts .epItems li { width: 100%; margin: 0 0 20px 0; }
    .ramadanEP .ramadanEPConts .epItems li:nth-last-child(-n+2) { margin-bottom: 20px }
    .ramadanEP .ramadanEPConts .epItems li:last-child { margin-bottom: 0 }
}