.ramadan .filterMainContent h3{width:170px}
/** Search Result Filter **/
.filterMainContent { position: relative; min-height: 28vh; display: inline-block; float: right; width: 100%; margin-top: 0 }
.filterMainContent:after { content: ""; display: table; clear: both; }
.filterMainContent h3 { display: inline-block; float: right; width: 110px; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; line-height: 3.5; direction: rtl }
.listing { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none }
/*.listing .ttl h1:after{content:"";width:4px;height:24px;background:#E03322;float:right;margin-left:12px;margin-top:4px}*/
.listing .cd-gallery li { display: inline-block }
.listing .cd-tab-filter-wrapper { display: none }
.innerListingContainer { padding: 0; background: none }


.cd-gallery { padding: 16px 0 0; width: 100%; box-shadow: none; margin-bottom: 0; padding-bottom: 0; background: none }
.cd-gallery ul { text-align: justify; }
.cd-gallery li { background: #fff; border: 1px solid #e8e8e8; margin-bottom: 16px; width: calc((100% - 32px) / 3); height: auto; position: relative; overflow: hidden; display: inline-block; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none }
.cd-gallery li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; display: inline-block; float: right; width: 100% }
.cd-gallery li .item img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: 100%; height: auto;}
.cd-gallery li .desc { width: 100%; overflow: hidden; cursor: pointer; position: relative; padding: 10px }
.cd-gallery li .desc h2 { color: #1d1d1d; height: 68px; cursor: pointer; overflow: hidden; text-align: right; line-height: 1.6; font-size: 14px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; 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; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; }
.cd-gallery li .item:hover .desc h2 { color: #666 }
.cd-gallery li .desc.authorDesc { display: none }
.cd-gallery li .authorName { display: none }
.cd-gallery li .articleDate { display: none }
.cd-gallery li .secName { display: none; font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; position: absolute; top: 10px; right: 10px; pointer-events: visible; }
.searchResult .cd-gallery li .secName { display: inline-block; position: relative; top: auto; right: auto; margin-bottom: 10px }
.cd-gallery li .time {  font-size: 12px; color: #666; display: inline-block; float: right; width: 100%; cursor: default; padding: 0 10px 6px }
.cd-gallery li .icon-time:before { content: "e"; font-size: 14px; float: right; margin-left: 5px; line-height: 1.6 }

.cd-gallery ul li.icon-video .imageCntnr span,
.cd-gallery ul li.icon-image .imageCntnr span { position: absolute; width: 32px; height: 32px; left: 4px; top: 4px; z-index: 1; line-height: 32px; text-align: center; background: #E03322; border-radius: 50%; }
.cd-gallery ul li.icon-video .imageCntnr span:before,
.cd-gallery ul li.icon-image .imageCntnr span:before { color: #fff; font-size: 17px; line-height: 32px; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.cd-gallery ul li.icon-image .imageCntnr span:before { content: "t";  }
.cd-gallery ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.cd-gallery li.gap { opacity: 0; height: 0; display: inline-block; }
.cd-gallery img { display: block; width: 100%; }
.cd-gallery .cd-fail-message { display: none; text-align: center; }
.cd-gallery .leaderboardDiv { margin: 16px auto 40px }

.cd-gallery li.innerListingAds { width: 100% !important; display: inline-block; text-align: center; margin-bottom: 0 !important; padding-bottom: 0; background: none !important; border: none !important; cursor: auto; }
.cd-gallery li.innerListingAds iframe { width: 100% }
.cd-gallery .billboardDiv .adAsync iframe { width: 728px }
.cd-gallery li.innerListingAds section { margin-bottom: 16px }
.cd-gallery li.innerListingAds .showcaseDiv,
.articleDiv .showcaseDiv { margin: 0 calc((100% - 300px) / 2) 16px }

/*sofra ramadan*/
.ramadan p.text{display:inline-block;float:right;text-align:right;color:#000;font-size:18px;margin:30px 0 5px 0 }
.boxListing{  padding: 0;margin: 0;list-style: none;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;flex-wrap:wrap;}
.boxListing .ItemListing{ -webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 0;width: 217px;height: 114px;margin: 0 0 20px 20px;position:relative;cursor:pointer;overflow:hidden;transition: all .2s ease-in-out; }

.boxListing .ItemListing:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.45);top:0;right:0;z-index:1}
.boxListing .ItemListing:last-child{margin:0}
.boxListing .ItemListing:nth-child(4n){margin:0 0 20px 0}
.boxListing .ItemListing a{position:absolute;width:100%;height:100%;top:0;right:0}
.boxListing .ItemListing img{position: absolute;width: 100%;height: auto;background: #330D46;top: 50%;left: 0;transform: translateY(-50%);right: 0;}
.boxListing .ItemListing p{position:absolute;font-family:DroidKufiBold, Arial;font-size:19px;width:100%;height:100%;color:#fff;text-align:center;z-index:2;left:0;top:0;line-height:114px}
.boxListing .ItemListing:hover{transform: scale(1.1); }
.sofra .innerListingContainer{margin-top:40px}

.leftDtlsSc .akhbarThemak { margin-bottom: 30px }

/** Second SC & Cross Media **/
.dtlsSc { float: left; width: 300px; display: inline-block; position: relative; z-index: 2 }
.dtlsSc .featuredSC { width: 300px; display: inline-block; margin-bottom: 27px; float: left }
.dtlsSc .featuredSC .showcaseDiv { margin: 0 }
.leftDtlsSc { display: inline-block; float: left; width: 100% }
/** Shift Article Pattern **/
#ShiftDetails{display:inline-block;float:right;width:300px}
.dtlsSc .shiftArtclPattern{display:inline-block;float:right;width:300px;background:#000;position:relative;padding:14px 10px;margin-bottom:30px}
.dtlsSc .shiftArtclPattern .shiftHeader{display: inline-block;width: 100%;height: 40px;float: right;position: relative;z-index: 2;margin-bottom:10px;padding: 0;border-bottom: none;}
.dtlsSc .shiftArtclPattern .shiftHeader a{display: inline-block;width: 120px;height: 100%;float: right;position: relative;}
.dtlsSc .shiftArtclPattern .shiftHeader a img{display: inline-block;width: 115px;height: auto;border: none;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.dtlsSc .shiftArtclPattern .shiftHeader a.more{float: left;color: #26ff00;width: auto;height: auto;display:inline-block;font-size:14px;line-height:2.5}
.dtlsSc .shiftArtclPattern:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: url(../Images/shiftPatternBk.jpg) top left no-repeat;background-size: cover;opacity: .1;z-index: 1;}
.dtlsSc .shiftArtclPattern .allItems{display:inline-block;width:100%;padding:12px 0 0;position:relative;z-index:2}
.dtlsSc .shiftArtclPattern .allItems li{width:100%;margin-bottom:24px;display:inline-block;position:relative;float: right;}
.dtlsSc .shiftArtclPattern .allItems li:last-child{margin-bottom:0}
/**/.dtlsSc .shiftArtclPattern .allItems li:after{content:"";position:absolute;bottom:-12px;right:0;width:100%;height:1px;background:#252525}
.dtlsSc .shiftArtclPattern .allItems li:last-child:after{display:none}
.dtlsSc .shiftArtclPattern ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:calc((116px * 60) / 100);float:right;width:116px;}
.dtlsSc .shiftArtclPattern .allItems li img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:auto;max-width:unset;height:100%;object-fit:cover;border:none;float:right;}
.dtlsSc .shiftArtclPattern .allItems li .desc{float:right;width:calc(100% - 116px);padding-right:12px}
.dtlsSc .shiftArtclPattern .allItems li .desc p{font-family:inherit;font-size:13px;color:#fff;line-height:1.6;height:40px;overflow:hidden;cursor:pointer}
.dtlsSc .shiftArtclPattern .allItems li .secName{position:absolute;right:128px;bottom:0px;font-size:12px;color:#666;display:inline-block}
.dtlsSc .shiftArtclPattern .allItems li .secName:after{content:"";width:4px;height:12px;background:#E03322;float:right;margin-left:5px;margin-top:4px}
.dtlsSc .shiftArtclPattern .allItems li .number{position:absolute;top:1px;right:1px;width:26px;height:26px;border-left:1px solid #fff;border-bottom:1px solid #fff;background:#E03322;color:#fff;font-family:Arial;font-weight:bold;font-size:20px;text-align:center;line-height:1.3;pointer-events:none;z-index:1}
.dtlsSc .shiftArtclPattern .allItems li .item:hover .desc p{color:#26ff00}
.dtlsSc .shiftArtclPattern .allItems li .secName:hover{color:#1d1d1d}
.dtlsSc .shiftArtclPattern .shiftHeader .poweredBy {display: inline-block;width: 80px;height: 100%;float: left;position: relative;}
.dtlsSc .shiftArtclPattern .shiftHeader .poweredBy  img{display: inline-block;width: 80px;height: auto;border: none;}
.dtlsSc .shiftArtclPattern p {color: #fff;font-family: DroidKufiBold, Arial;overflow: hidden;font-size: 16px;width: auto;float: right;line-height: 2.4;}

/********** Akhbar Themak **********/
.akhbarthemak { display: inline-block; float: left;width:100%;height:655px; }
.akhbarThemak { float: right; width: 300px; height:625px; box-shadow: none; overflow: hidden; position: relative; border: 1px solid #e8e8e8; background: #fff }
.akhbarThemak .ttl { display: inline-block; float: right; width: 100%; height: 48px; overflow: hidden; padding: 0 12px; background: #E03322; border-bottom: none !important }
.akhbarThemak .ttl .inTtl { float: right; display: inline-block; padding: 0px; font-family: DroidKufiBold, Arial; font-size: 18px; background: none !important; color: #fff; display: block; line-height: 48px; }
.akhbarThemak .ttl .inTtl:after { display: none }
.akhbarThemak .ttl .inTtl a { color: #fff }
.akhbarThemak .ttl .icons { display: inline-block; float: left; }
.akhbarThemak .ttl .icons .cd-popup-setting, .akhbarThemak .ttl .icons .cd-popup-notify { display: inline-block; float: right; }
.akhbarThemak .ttl .icons .cd-popup-notify { margin-right: 10px }
.akhbarThemak .ttl .icons .icon-setting:before { content: "p"; color: #fff; font-size: 20px; line-height: 48px }
.akhbarThemak .ttl .icons .icon-notify:before { content: "i"; color: #fff; font-size: 22px; line-height: 48px }
.akhbarThemak .popupSetting, .akhbarThemak .popupNotify { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; }
.akhbarThemak .popupSetting.is-visible, .akhbarThemak .popupNotify.is-visible { opacity: 1; visibility: visible; z-index: 10; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.akhbarThemak .cd-popup-container { position: absolute; padding: 24px; width: 1000px; height: 500px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.akhbarThemak .cd-popup-container h2 { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 22px; color: #1d1d1d; margin-bottom: 0; padding: 0; background: none; }
.akhbarThemak .cd-popup-container h2:after { display: none }
.akhbarThemak .cd-popup-container h4 { display: inline-block; float: right; width: 100%;  font-size: 13px; color: #666; margin-bottom: 12px; padding: 0; text-align: right }
.akhbarThemak .cd-popup-container .sectionContainer { display: inline-block; float: right; width: 100%; position: relative }
.akhbarThemak .cd-popup-container .sec { display: inline-block; width: calc((100% - 160px) / 5); float: right; margin-left: 12px }
.akhbarThemak .cd-popup-container .sec:last-child { margin-left: 0; width: 100px }
.akhbarThemak .cd-popup-container h3 { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; margin-bottom: 12px; padding-right: 0; background: #eee }
.akhbarThemak .cd-popup-container .cd-buttons { position: absolute; left: 50%; bottom: 20px; width: 410px; height: 50px; transform: translateX(-50%) }
.akhbarThemak .cd-popup-container .cd-buttons a { position: relative; top: 0; left: 0; float: right; background: #ddd; margin-left: 10px; width: 200px; height: 50px;  font-size: 14px; color: #1d1d1d; text-align: center; display: inline-block; line-height: 50px; }
.akhbarThemak .cd-popup-container .cd-buttons a:before, .akhbarThemak .cd-popup-container .cd-buttons a:after { display: none }
.akhbarThemak .cd-popup-container .cd-buttons a:first-child { background: #E03322; color: #fff }
.akhbarThemak .cd-popup-container .cd-buttons a:hover { background: #ccc }
.akhbarThemak .cd-popup-container .cd-buttons a:first-child:hover { background: #E03322 }
.akhbarThemak .cd-popup-container .cd-buttons a:last-child { margin-left: 0 }
/** Notify **/
.akhbarThemak .cd-popup-notify { position: relative }
.akhbarThemak .cd-popup-notify .ntfyNum { position: absolute; top: 8px; right: -10px; width: 17px; height: 17px; background: red; border-radius: 50%; color: #fff; text-align: center; font-family: Arial; font-size: 12px; line-height: 1.5 }
.akhbarThemak .cd-popup-container.notify { width: 700px; height: 150px }
.akhbarThemak .cd-popup-container.notify p { display: inline-block; width: 100%;  font-size: 15px; text-align: center; color: #1d1d1d; margin-bottom: 0; padding: 0; line-height: 102px }
.akhbarThemak .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.akhbarThemak .cd-popup-container .cd-popup-close::before, .akhbarThemak .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #1d1d1d; opacity: 0.2; 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; }
.akhbarThemak .cd-popup-container .cd-popup-close:hover::before, .akhbarThemak .cd-popup-container .cd-popup-close:hover::after { opacity: 1 }
.akhbarThemak .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.akhbarThemak .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
body.popupOverlay { position: fixed }
.akhbarThemak ul { display: inline-block; float: right; width: 100%; padding: 0 10px; }
.akhbarThemak li { width: 100%; display: inline-block; float: right; padding: 10px 0; position: relative; border-bottom: 1px solid #e8e8e8 }
.akhbarThemak li:last-child { border-bottom: none }
.akhbarThemak ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((100px * 75) / 100); float: right; width: 100px; }
.akhbarThemak li img { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0 auto; float: right; width: auto; max-width: unset; height: 100%;object-fit: cover; }
.akhbarThemak li .cnts { display: inline-block; float: right; width: calc(100% - 100px); padding-right: 10px }
.akhbarThemak li h2 { float: right; width: 100%;  color: #000; font-size: 13px; line-height: 1.6; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.akhbarThemak li .secName { display: inline-block; float: right; margin-bottom: 6px; font-family: DroidKufiBold, Arial; color: #fff; font-size: 12px; }
/*.akhbarThemak li .secName:before{content:"";float:right;margin-left:5px;width:4px;height:12px;background:#E03322;margin-top:4px}*/
.akhbarThemak li.native{padding: 0;border-bottom: none;}
.akhbarThemak.fixed { position: fixed }


@media screen and (min-width:1680px) and (max-width:1919px) {
    
    .boxListing .ItemListing{width:236px;height:123px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}
    .boxListing .ItemListing p{line-height:123px}

}


@media screen and (min-width:1600px) and (max-width:1679px) {
        .boxListing .ItemListing{width:236px;height:123px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}
        .boxListing .ItemListing p{line-height:123px}


}

@media screen and (min-width:1536px) and (max-width:1599px) {
        .boxListing .ItemListing{width:236px;height:123px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}
    .boxListing .ItemListing p{line-height:123px}

}


@media screen and (min-width:1440px) and (max-width:1535px) {
        .boxListing .ItemListing{width:236px;height:123px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}
    .boxListing .ItemListing p{line-height:123px}

}

@media screen and (min-width:1360px) and (max-width:1439px) {
        .boxListing .ItemListing{width:236px;height:123px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}
     .boxListing .ItemListing p{line-height:123px}


}

@media screen and (min-width:1280px) and (max-width:1359px) {
    
    .boxListing .ItemListing{width:202px;height:106px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}
    .boxListing .ItemListing p{font-size:20px}
    .boxListing .ItemListing p{line-height:106px}


}

@media screen and (min-width:1152px) and (max-width:1279px) {
        .cd-gallery li { width: calc((100% - 16px) / 2); }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px }

    
    .boxListing .ItemListing{width:214px;height:112px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(2n){margin:0 0 20px 0}
    .boxListing .ItemListing p{font-size:20px}

}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .catPattern03 ul li:nth-child(2) .item:hover .desc p { color: #fff !important }
    .cd-gallery li { width: calc((100% - 16px) / 2); }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px }

       .boxListing .ItemListing{width:214px;height:112px}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(2n){margin:0 0 20px 0}
    .boxListing .ItemListing p{font-size:20px}

    
    .dtlsSc .shiftArtclPattern { width: 100%; }
    .dtlsSc .consoltoArtclPattern { width: 100% }
}

@media only screen and (max-width: 1023px) {
    .boxListing .ItemListing{width:calc((100% - 40px) /3);height:auto;padding:0}
    .boxListing .ItemListing a{display:inline-block;position:relative;width:100%;height:auto;padding-bottom:53%;float:right}
    .boxListing .ItemListing:nth-child(4n){margin:0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n){margin:0 0 20px 0}

    .boxListing .ItemListing p{height:auto;left:50%;top:50%;transform:translate(-50% , -50%)}
        .dtlsSc { width: 100%; margin: 0 0 48px }
    .akhbarThemak.fixed { position: relative; }
    .akhbarThemak { width: 100%; top: 0 !important; height: auto !important; }
    .akhbarThemak .cd-popup-container { width: 700px; height: 400px; }
    .akhbarThemak .cd-popup-container .sectionContainer { overflow-y: scroll; overflow-x: hidden; height: 200px }
    .akhbarThemak .cd-popup-container h4 { margin-bottom: 20px }
    .akhbarThemak .cd-popup-container h3 { line-height: 36px }
    .akhbarThemak .cd-popup-container .sec { width: 100%; margin-left: 0; margin-bottom: 24px; float: none; }
    .akhbarThemak .cd-popup-container .sec:nth-child(6n+1) { margin-left: 0 }
    .akhbarThemak input[type="checkbox"] + label { margin: 0 0 10px 20px; width: auto }
    .akhbarThemak .cd-popup-container .sec:last-child { width: 100% }

        .listing { width: 100%; margin-left: 0 }

}

/** For Mobile **/
@media screen and (min-width:320px) and (max-width:767px) {
        .filterMainContent.is-fixed .cd-gallery { padding-top: 16px; }
    .filterMainContent h3 { width: 90px; font-size: 14px }
        .cd-gallery .leaderboardDiv { margin: 10px auto 30px }


        .cd-gallery .billboardDiv .adAsync iframe { width: 320px }
         .cd-gallery li { width: 100% }
    .cd-gallery li .desc { padding: 10px; margin-bottom: 10px; }
    .cd-gallery li .desc h2 { height: auto; font-size: 13px }
    .searchResult .cd-gallery li .secName { margin-bottom: 6px }
    .cd-gallery li .secName { font-size: 11px }

       .boxListing .ItemListing{width:calc((100% - 20px) /2)}
    .boxListing .ItemListing:nth-child(4n) { margin: 0 0 20px 20px}
    .boxListing .ItemListing:nth-child(3n) { margin: 0 0 20px 20px}
    .boxListing .ItemListing:nth-child(2n) { margin: 0 0 20px 0}
    .boxListing .ItemListing p{font-size:19px}
    .ramadan  p.text{font-size:16px}
    .boxListing .ItemListing:hover {transform: none;}

        .dtlsSc { width: 100%; margin: 0px }

            .akhbarThemak .cd-popup-container { width: 300px; height: 400px; padding: 24px 10px }
    .akhbarThemak .cd-popup-container h2 { font-size: 18px }
    .akhbarThemak .cd-popup-container h4 { font-size: 12px }
    .akhbarThemak .cd-popup-container .sec { width: 100%; margin-left: 0; margin-bottom: 24px }
    .akhbarThemak .cd-popup-container .sec:nth-child(6n+1) { margin-left: 0; margin-bottom: 0 }
    .akhbarThemak input[type="checkbox"] + label { margin: 0 0 12px; width: 100% }
    .akhbarThemak .cd-popup-container.notify { width: 300px; height: 150px; }
    .akhbarThemak .cd-popup-container .cd-buttons { width: 280px; height: 40px; }
    .akhbarThemak .cd-popup-container .cd-buttons a { width: 135px; height: 40px; line-height: 40px; font-size: 13px; }

       .akhbarThemak li img,
    .crossMedia .allItems li img,
    .pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img),
    .pattern02 ul li .item img,
    .mostRead .allItems li img,
    .shiftPattern ul li .imageCntnr img,
    .elconsoltoPattern .sides.news li img,
    .media ul li .item img { width: 100%; height: auto; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) }
           .akhbarthemak{height:586px}
    
    .akhbarThemak { width: calc(100% - 20px); top: 0 !important; margin: 0 10px 40px;height:590px }
    .akhbarThemak li .secName { margin-bottom: 2px; font-size: 11px }
    .akhbarThemak ul li .item .imageCntnr { padding-bottom: calc((110px * 56.25) / 100); width: 110px }
    .akhbarThemak li .cnts { width: calc(100% - 110px); }
    .akhbarThemak li h2 { font-size: 12px; height: auto }

        .listing { padding: 0 10px }

}