@charset "UTF-8";
[class^="icon-"]:before, [class*=" icon-"]:before, .icon-leftArr:after, .custom-header nav span:before, .icon-more:after, .bx-wrapper .bx-next:before,
.bx-wrapper .bx-prev:before, .breadcrumb li a:after, .lg-toolbar .lg-close:after, .lg-autoplay-button:after, .lg-show-autoplay .lg-autoplay-button:after,
.lg-actions .lg-next:before, .lg-actions .lg-prev:after, .cd-tab-filter::after, .ui-datepicker .ui-icon-circle-triangle-w:before, .ui-datepicker .ui-icon-circle-triangle-e:before,
article .details blockquote:before, .surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:after, .surveyDiv .allQues .nxtPrevDiv .btn a.prev:before,
.surveyDiv .allQues .nxtPrevDiv .btn a.next:after, .icon-down:after, .lg-outer .lg-toogle-thumb:after, .lg-outer #lg-share:after, .lg-outer #lg-share-facebook .lg-icon:after,
.lg-outer #lg-share-twitter .lg-icon:after, .lg-outer #lg-share-googleplus .lg-icon:after, .answerOverlay:after, a.return:after, .close-ACN:before, a.compare:before,
.article .totalQues .answer.correct:before, .article .totalQues .answer.wrong:before, .stickySeries .time p.text:after, .prayerNotification p.text:after,
.icon-image span:before, .icon-video span:before{ font-family: "MasrawyIcons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1.7em; }
* { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; }
html {box-sizing: border-box;touch-action: manipulation;}
a { text-decoration: none; color: #1d1d1d; }
button { border: none; outline: none;font-family:inherit }
h1, h2, h3, h4, a, button, li, p { /*-webkit-touch-action: manipulation;-moz-touch-action: manipulation;-o-touch-action: manipulation;-ms-touch-action: manipulation;touch-action: manipulation;*/ 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; cursor: pointer; }
h1, h2, h3, h4, p, li { cursor: unset }
.fixed { width: 300px !important; left: auto !important; background: #1d1d1d !important; }
h1, h2, h3, p, ul, li { direction: rtl; text-align: right; margin: 0; font-weight: normal }
p { direction: rtl; }
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,
blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit }
/*body { width: 100%; margin: 0 auto; min-width: 320px; max-width: 100%;direction: rtl;overflow-x: hidden !important; overflow-y: scroll !important; }*/
/*body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;direction: rtl;height: auto;position: relative;}*/
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;direction: rtl;font-family: DroidKufiLight,Arial size-adjust,sans-serif;height: auto;position: relative;display: flex;flex-direction: column;}

/*body.showSponsor{overflow-y: hidden !important;}*/
img { -ms-interpolation-mode: bicubic; vertical-align: middle; text-indent: -1000%; max-width: 100% }
ul, li { list-style: none outside none; text-decoration: none; }
.clear, .clr { clear: both; float: none; line-height: 0 }
::-moz-selection { background: #1d1d1d; color: #fff; text-shadow: none; }
::selection { background: #1d1d1d; color: #fff; text-shadow: none; }
iframe { margin: 0; padding: 0; border: none; float: right; display: inline-block }
section { display: inline-block; width: 100%; background: #fff; margin-bottom: 50px; float: right }
input, textarea {font-family:inherit;outline: none; -webkit-appearance: textfield !important; 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; }
input:focus, textarea:focus { border: 1px solid #666 !important; outline: none; }
/** Checkbox and Radio **/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { color: #1d1d1d;  font-size: 12px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl; }
input[type="checkbox"] + label span { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: middle; background: url(../Images/check-radio-img.png) 0 top no-repeat; cursor: pointer }
input[type="checkbox"]:checked + label span { background: url(../Images/check-radio-img.png) -18px top no-repeat; }
input[type="radio"] { display: none; }
input[type="radio"] + label { color: #1d1d1d;  font-size: 12px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl }
input[type="radio"] + label span { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: middle; background: url(../Images/check-radio-img.png) -37px top no-repeat; cursor: pointer; }
input[type="radio"]:checked + label span { background: url(../Images/check-radio-img.png) -55px top no-repeat; }
/** Calendar **/
.custom-calendar-wrap { margin: 10px auto; position: relative; overflow: hidden; }
.custom-inner { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.custom-inner:before,
.custom-inner:after { content: ''; width: 99%; height: 50%; position: absolute; background: #f6f6f6; bottom: -4px; left: 0.5%; z-index: -1; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.custom-inner:after { content: ''; width: 98%; bottom: -7px; left: 1%; z-index: -2; }
.custom-header { background: #fff; padding: 5px 10px 10px 20px; height: 70px; position: relative; border-top: 5px solid #E03322; border-bottom: 1px solid #ddd; }
.custom-header h2, .custom-header h3 { text-align: center; display: block }
.custom-header h2 { color: #1d1d1d; font-size: 20px; margin-top: 10px; }
.custom-header h3 { font-size: 12px; color: #666; font-family: arial }
.custom-header nav span { position: absolute; top: 17px; width: 30px; height: 30px; color: transparent; cursor: pointer; margin: 0 1px; font-size: 20px; line-height: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-header nav span:first-child { left: 5px; }
.custom-header nav span:last-child { right: 5px; }
.custom-header nav span:before { color: #E03322; position: absolute; text-align: center; width: 100%; font-size: 12px; 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; }
.custom-header nav span.custom-prev:before { content: 'q'; }
.custom-header nav span.custom-next:before { content: 'r'; }
.custom-header nav span:hover:before { color: #495468; }
.custom-content-reveal { background: #f6f6f6; background: rgba(246, 246, 246, 0.9); width: 100%; height: 100%; position: absolute; z-index: 100; top: 100%; left: 0px; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.custom-content-reveal span.custom-content-close { position: absolute; top: 15px; right: 10px; width: 20px; height: 20px; text-align: center; background: #ef4f69; box-shadow: 0 1px 1px rgba(0,0,0,0.1); cursor: pointer; line-height: 13px; padding: 0; }
.custom-content-reveal span.custom-content-close:after { content: 'x'; font-size: 18px; color: #fff; }
.custom-content-reveal a,
.custom-content-reveal span { font-size: 22px; padding: 10px 30px; display: block; }
.custom-content-reveal h4 { text-transform: uppercase; font-size: 13px; font-weight: 300; letter-spacing: 3px; color: #777; padding: 20px; background: #fff; border-bottom: 1px solid #ddd; border-top: 5px solid #ef4f69; box-shadow: 0 1px rgba(255,255,255,0.9); margin-bottom: 30px; }
.custom-content-reveal span { color: #666; }
.custom-content-reveal a { color: #ef4f69; }
.custom-content-reveal a:hover { color: #333; }
.fc-calendar-container { height: 400px; width: auto; padding: 30px; background: #f6f6f6; box-shadow: inset 0 1px rgba(255,255,255,0.8); }
.fc-calendar .fc-head { background: transparent; color: #E03322; font-weight: bold; text-transform: uppercase; font-family: arial; font-size: 10px; height: 30px; line-height: 30px; }
.fc-calendar .fc-row > div { background: #fff; cursor: pointer; }
.fc-calendar .fc-row > div:empty { background: transparent; }
.fc-calendar .fc-row > div > a.fc-date { position: absolute; width: 100%; height: 100%; font-size: 14px; line-height: 20px; font-family: arial; color: #1d1d1d; text-shadow: 0 -1px 0 rgba(255,255,255,0.8); margin: 0; top: 0; right: 0; text-align: center }
.fc-calendar .fc-row > div.fc-today { background: #E03322; box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1); }
.fc-calendar .fc-row > div.fc-today > a.fc-date { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.fc-calendar .fc-row > div.fc-content:after { content: '\00B7'; text-align: center; width: 20px; margin-left: -10px; position: absolute; color: #DDD; font-size: 70px; line-height: 20px; left: 50%; bottom: 3px; }
.fc-calendar .fc-row > div.fc-today.fc-content:after { color: #b02c42; }
.fc-calendar .fc-row > div.fc-content:hover:after { color: #ef4f69; }
.fc-calendar .fc-row > div.fc-today.fc-content:hover:after { color: #fff; }
.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span { display: none; font-size: 22px; }
@media screen and (max-width: 400px) {
    .fc-calendar-container { height: 300px; }
    .fc-calendar .fc-row > div > span.fc-date { font-size: 15px; }
}
.fc-calendar-container { position: relative; height: 400px; width: 400px; }
.fc-calendar { width: 100%; height: 100%; }
.fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); border: 1px solid #ddd; }
.fc-calendar .fc-row { width: 100%; border-bottom: 1px solid #ddd; }
.fc-four-rows .fc-row { height: 25%; }
.fc-five-rows .fc-row { height: 20%; }
.fc-six-rows .fc-row { height: 16.66%; height: -moz-calc(100% / 6); height: -webkit-calc(100%/6); height: calc(100%/6); }
.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div { float: left; height: 100%; width: 14.28%; width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7); position: relative; }
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div { width: 14.2%; }
.fc-calendar .fc-row > div { border-right: 1px solid #ddd; padding: 0; overflow: hidden; position: relative; }
.fc-calendar .fc-head > div { text-align: center; }
.fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; }
.fc-calendar .fc-row > div.fc-out { opacity: 0.6; }
.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child { border-right: none; }
.fc-calendar .fc-row:last-child { border-bottom: none; }
/** Calendar **/
.ui-datepicker { width: 250px; direction: ltr; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); line-height: normal; pointer-events: visible }
.ui-datepicker .ui-datepicker-header { background: #fff; padding: 5px 10px; height: 60px; position: relative; border-bottom: 1px solid #ddd; text-align: center }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 14px; cursor: pointer; color: #1d1d1d; background: none !important; font-size: 30px; z-index: 1; line-height: 1 }
.ui-datepicker .ui-datepicker-prev { left: 10px; }
.ui-icon { display: block; overflow: hidden; background-repeat: no-repeat; font-size: 20px }
.ui-datepicker span { cursor: pointer !important; }
.ui-widget-content .ui-state-disabled span { cursor: auto !important }
.ui-datepicker .ui-icon-circle-triangle-w:before { content: "q" }
.ui-datepicker .ui-icon-circle-triangle-e:before { content: "r" }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { color: #E03322 }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { background: transparent }
.ui-datepicker .ui-datepicker-next { right: 10px; }
.ui-datepicker .ui-datepicker-title { display: inline-block; width: 100%; height: 60px; font-size: 0px; position: absolute; left: 0; top: 0; *display: inline; zoom: 1; /* for IE */ }
.ui-datepicker .ui-datepicker-title .ui-datepicker-month { display: inline-block; width: 100%; float: right; line-height: normal; margin: 0 !important; font-size: 20px; color: #1d1d1d;  }
.ui-datepicker .ui-datepicker-title .ui-datepicker-year { display: inline-block; width: 100%; float: right; font-size: 14px; color: #666; font-family: arial; line-height: normal }
.ui-datepicker table { width: 100%; padding: 12px; position: relative; background: #f6f6f6; box-shadow: inset 0 1px rgba(255,255,255,0.8); display: inline-block; border-collapse: collapse; font-size: 12px; line-height: 2.4 }
.ui-datepicker thead { background: transparent; color: #E03322; font-weight: bold; text-transform: uppercase; font-family: arial; font-size: 10px; line-height: 1; display: table-row-group }
.ui-datepicker thead tr { display: table-row; width: 100%; height: 22px }
.ui-datepicker th { height: 100%; width: calc(228px / 7); position: relative; text-align: center; line-height: 2; display: table-cell }
.ui-datepicker tbody { display: table-row-group; border: 1px solid #ddd; width: 100% }
.ui-datepicker tbody tr { display: table-row; width: 100%; height: 28px; border-bottom: 1px solid #ddd; }
.ui-datepicker tbody tr:last-child { border-bottom: 0 }
.ui-datepicker tbody td { width: calc(222px / 7); position: relative; display: table-cell; height: 100%; border-right: 1px solid #ddd; padding: 0; margin: 0 }
.ui-datepicker tbody td:nth-child(7n) { border-right: 0 }
.ui-state-disabled { cursor: default !important; color: #ddd !important; }
.ui-widget-content .ui-state-default { display: block; position: relative; background: #fff; width: 100%; height: 100%; font-family: arial; color: #1d1d1d; margin: 0; top: 0; right: 0; text-align: center; }
.ui-widget-content .ui-state-default:hover { background: #ddd; color: #1d1d1d }
.ui-widget-content a.ui-state-active { background: #ddd; color: #1d1d1d }
.ui-widget-content .ui-datepicker-today .ui-state-default { background: #E03322; color: #fff }
.ui-widget-content .ui-datepicker-today .ui-state-default:hover { background: #E03322; color: #fff }
.ui-widget-content .ui-state-disabled .ui-state-default { cursor: default !important; color: #ddd }
.ui-widget-content .ui-state-disabled .ui-state-default:hover { background: #fff; color: #ddd }
/******************** Last News Notification ********************/
.lstNwsNtfy { display: none; width: 1282px; height: 50px; background: #E03322; overflow: hidden; position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); z-index: 9; text-align: center; 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 }
.lstNwsNtfy .cnts { width: 85%; margin: 0 60px 0 84px; display: inline-block; padding: 8px 0 }
.lstNwsNtfy .cnts img { float: right; margin-left: 12px; border: none }
.lstNwsNtfy .cnts p, .lstNwsNtfy .cnts a { display: inline-block; color: #fff; font-size: 14px; opacity: 1; transition-delay: 0.3s; overflow: hidden; max-height: 28px; }
.lstNwsNtfy .cnts .icon-notify:before {display:none;content: "i"; float: right; margin-left: 5px; font-size: 20px; line-height: 28px }
.lstNwsNtfy .close { position: absolute; width: 50px; height: 50px; background: #ce2c25; top: 0; left: 0;z-index:1 }
.lstNwsNtfy .icon-close:before { content: "O"; color: #fff; font-size: 14px; line-height: 50px; width: 50px }
.showLastNews .lstNwsNtfy { display: inline-block; bottom: 0 }
.openVideoPopupMain .lstNwsNtfy { display: none }
.openVideoPopupMain .stickyTop { display: none }
/******************** Header ********************/
h1.hpTag { display: none }
header { position: fixed; width: 100%; float: right; height: 50px; display: inline-block; top: 0; right: 0; z-index: 3; background: #1d1d1d; box-shadow: 0 0 1px 1px #1d1d1d; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
#cd-top-nav { float: right; margin-right: 14px; display: inline-block; width: calc(100% - 74px); height: 50px; }
#cd-top-nav .rightDiv { float: right; display: inline-block; }
#cd-top-nav .masLogo { float: right; width: 137px; height: 40px; background: url(../Images/masrawyLogo.webp?ver=00.00) center center no-repeat; background-size: 137px 40px; margin-top: 6px; opacity: 1; visibility: visible; 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; }
#cd-top-nav .rightDiv date, #cd-top-nav .rightDiv .octLogo { float: right; direction: rtl;  color: #b8b8b8; font-size: 16px; margin-right: 14px; padding-right: 14px; border-right: 1px solid #474747; height: 50px; line-height: 3.4; opacity: 1; visibility: visible; 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; }
#cd-top-nav .rightDiv .octLogo { padding: 3px 14px 3px 0; line-height: 1 }
#cd-top-nav .rightDiv .octLogo img { height: 44px; width: auto; border: none }
.lateral-menu-is-open #cd-top-nav .masLogo { opacity: 0; visibility: hidden; }
.lateral-menu-is-open #cd-top-nav date { opacity: 0; visibility: hidden; }
#cd-top-nav > ul { float: left; margin-left: 84px; opacity: 1; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.overflow-hidden #cd-top-nav > ul { opacity: 0 }
#cd-top-nav > ul > li { float: right; width: 84px; height: 50px; border-left: 1px solid #474747; position: relative; 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; }
#cd-top-nav > ul > li:hover { background: #444; }
#cd-top-nav > ul > li > a {  color: #b8b8b8; font-size: 10px; display: block; text-align: center; width: 100%; height: 50px; padding-top: 5px }
#cd-top-nav > ul > li:hover > a { color: #fff }
#cd-top-nav > ul > li:first-child { width: 70px }
/*#cd-top-nav > ul > li.thanawya{width:100px}*/
/*#cd-top-nav > ul > li.thanawya .firstLevel{width:100px}*/
/*#cd-top-nav ul li.thanawya .firstLevel .thanawyaIcon{background:url(../Images/thanawya.png) center center no-repeat;height:24px}*/
#cd-top-nav ul li .icon-newsPntr:before { content: "b"; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav ul li .icon-archive:before { content: "c"; display: block; font-size: 20px; line-height: 1; margin: 2px 0 }
#cd-top-nav ul li .icon-prayerTms:before{content:"T";display:block;font-size:24px;line-height:1;}
/*#cd-top-nav ul li .icon-prayerTms .mosqueImg { display: inline-block; width: 100%; text-align: center; }
#cd-top-nav ul li .icon-prayerTms .mosqueImg img { display: inline-block; width: 24px; height: auto; border: 0; }*/
#cd-top-nav ul li .icon-currency:before { content: "d"; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav ul li .icon-gold:before { content: "2"; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav ul li .icon-vas:before { content: "I"; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav ul li .icon-ads:before { content: "n"; display: block; font-size: 24px; line-height: 1 }
#cd-top-nav ul li > .icon-search:before { content: "f"; display: block; font-size: 22px; line-height: 1; margin: 1px 0 }
/*#cd-top-nav ul li .weather.sunnyCloud{background:url(../Images/weather.png) 10px center no-repeat}
#cd-top-nav ul li .weather.sunnyCloud:hover{background:url(../Images/weather.png) 10px center no-repeat #444}*/
#cd-top-nav ul li .weather > span { float: right; font-family: Arial; font-size: 20px; font-weight: bold; margin-right: 14px; line-height: 2.2; position: relative }
#cd-top-nav ul li .weather > .icon-temp:before { content: "H"; font-size: 8px; position: absolute; right: -5px; top: 5px }
#cd-top-nav > ul > li > a.icon-education:before { content: '6'; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav > ul > li > a.icon-cop:before { content: '^'; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav > ul > li > a.icon-market:before { content: '_'; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav > ul > li > a.icon-shift:before { content: 'C'; display: block; font-size: 24px; line-height: 1; color: #26ff00; }
#cd-top-nav > ul > li > a.icon-masrawyTV:before { content: '|'; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav > ul > li > a.icon-ramadan:before { content: 'Y'; display: block; font-size: 24px; line-height: 1; }
#cd-top-nav > ul > li > a.icon-Live:before { content: 'a'; display: block; font-size: 24px; line-height:1; }
#cd-top-nav > ul > li > a.icon-Live:after { content: ""; position: absolute; left: 6px; top: 6px; width: 8px; height: 8px; opacity: 0.3; border-radius: 50%; background: #E03322; animation: liveFade 2s ease-in-out infinite; }
#cd-top-nav > ul > li.new:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "جديد";
    background: #E03322;
    width: 25px;
    height: 14px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 1.4;
}
@keyframes liveFade {
    0% { opacity: .2 }
    50% { opacity: 1 }
    100% { opacity: .2 }
}
#cd-top-nav ul li .weather .weatherIconHeader { background: transparent; background-size: 30px;display: inline-block; float: left; width: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 8px }

#cd-top-nav ul li .weather .weatherIconHeader.visible.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.clearNight { background: url(../images/weatherSprite1.webp) 0px -225px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.clouds { background: url(../images/weatherSprite1.webp) 0px -32px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.showerRain { background: url(../images/weatherSprite1.webp) 0 -130px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.rainDay { background: url(../images/weatherSprite1.webp) 0 -96px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.rainNight { background: url(../images/weatherSprite1.webp) 0 -130px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.drizzle { background: url(../images/weatherSprite1.webp) 0 -310px no-repeat; background-size: 33px; height: 25px; width: 35px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.mist { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.smoke { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.haze { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.dust { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.fog { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.sand { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.ash { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.squall { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.tornado { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.snow { background: url(../images/weatherSprite1.webp) 0 -174px no-repeat; background-size: 33px; height: 30px; }
#cd-top-nav ul li .weather .weatherIconHeader.visible.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -194px no-repeat; background-size: 30px; height: 30px; }
/** Sub Header Menu **/
#cd-top-nav ul > li > .subMenu { background: #444; width: 252px; height: 0; position: absolute; right: -1px; top: 50px; z-index: 999; visibility: hidden; opacity: 0; overflow: hidden; padding: 12px; -moz-transition: all 0.2s ease-in-out 0s; -webkit-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; transition: all 0.2s ease-in-out 0s; }
#cd-top-nav ul > li:hover > .subMenu { z-index: 9999; visibility: visible; opacity: 1; transition-delay: 0s; height: 278px; overflow: visible; }
#cd-top-nav ul > li:first-child > .subMenu { right: 0 }
#cd-top-nav ul .subMenu .more { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 40px; background: #333;  font-size: 14px; text-align: center; color: #fff; float: right; line-height: 2.8 }
#cd-top-nav ul .subMenu .icon-more:after { content: "q"; margin-right: 12px; font-size: 10px }
#cd-top-nav ul .subMenu .more:hover { background: #1d1d1d }
/** Thanawya Amma **/
#cd-top-nav ul > li > .subMenu.thanawya{display:none !important}
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts { display: inline-block; width: 100%; margin: 12px 0 0;  font-size: 20px; color: #fff; text-align: center; }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon p { width: 100%; display: block;  font-size: 26px; color: #fff; text-align: center; line-height: 2; margin-top: 30px; }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon p span { display: block; font-family: DroidKufiBold, Arial; color: #E03322; font-size: 36px }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .ttl { display: none }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv { float: right; width: 100% }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv label {font-size: 16px; color: #fff; direction: rtl; text-align: right; float: right; margin-bottom: 5px }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv span { color: #E03322; float: right; margin-right: 2px; line-height: 1.5; }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber input { width: 100%; height: 40px !important; border: 1px solid #ddd; float: right; outline: none; padding: 12px; color: #666; font-size: 14px; }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .errorMsg { position: relative; float: right; right: 0; display: inline-block; font-size: 12px; color: #666; direction: rtl; text-align: right; visibility: hidden; margin-top: 5px }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber a { display: inline-block; width: 132px;  background: #E03322; color: #fff; font-size: 16px; text-align: center; padding: 5px 0; margin: 5px calc((100% - 132px) / 2) 12px }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber a:hover { background: #E03322 }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor { display: inline-block; width: 100% }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts { display: inline-block; width: 166px; margin: 0 calc((100% - 166px) / 2); float: right; padding: 8px 0; }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts .spnsr { float: right; margin-left: 24px; margin-top: 4px;  color: #fff; font-size: 14px }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts a { float: right; width: auto; background: none; color: none; padding: 0; margin: 0 }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts img { width: auto; height: 27px; border: none }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor { display: inline-block; width: 100% }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts { display: inline-block; width: 166px; margin: 0 calc((100% - 166px) / 2); float: right; padding: 8px 0; }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts .spnsr { float: right; margin-left: 24px; margin-top: 4px;  color: #fff; font-size: 14px }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts a { float: right; width: auto; background: none; color: none; padding: 0; margin: 0 }
#cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts img { width: auto; height: 27px; border: none }
/** News Pointer **/
#cd-top-nav ul .subMenu.newsPntr ul { display: inline-block; width: 100%; height: 254px }
#cd-top-nav ul .subMenu.newsPntr ul li { display: inline-block; width: 100%; height: 76px; border-bottom: 1px solid #555; float: right; }
#cd-top-nav ul .subMenu.newsPntr ul li:last-child { border-bottom: none }
#cd-top-nav ul .subMenu.newsPntr ul li .trendDiv { float: right; width: 40px; height: 60px; border: 1px solid #666; display: inline-block; margin: 8px 0 0 12px }
#cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .trendImg { width: 38px; height: 29px; display: block; text-align: center }
#cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .trendImg img { width: 18px; height: 18px; border: none; margin-top: 5px }
#cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .vstrs { text-align: center; background: #666; width: 38px; height: 29px; font-family: Arial; color: #1d1d1d; font-size: 12px; line-height: 2.8 }
#cd-top-nav ul .subMenu.newsPntr ul li .news { float: right; display: block;  color: #fff; font-size: 13px; width: calc(100% - 52px); padding: 0; text-align: right; height: 66px; overflow: hidden; margin-top: 6px; line-height: 1.6 }
#cd-top-nav ul .subMenu.newsPntr ul li .news:hover { color: #666 }
/** Archive **/
#cd-top-nav ul > li:hover > .subMenu.archive { height: auto }
#cd-top-nav ul .subMenu.archive .ui-datepicker { width: 228px; height: auto; box-shadow: none }
/** Prayer Times **/
#cd-top-nav ul .subMenu.prayerTms .cnts { display: inline-block; width: 100%; height: 254px; background: none; margin-bottom: 0; box-shadow: none }
#cd-top-nav ul .subMenu.prayerTms .cnts date { display: inline-block; color: #fff; width: 100%; margin: 12px 0 0;  font-size: 13px }
#cd-top-nav ul .subMenu.prayerTms .cnts .location { display: inline-block; width: 100%; margin: 22px 0; color: #fff; font-size: 24px; }
#cd-top-nav ul .subMenu.prayerTms .cnts .cntdwn { display: inline-block; width: 100% }
#cd-top-nav ul .subMenu.prayerTms .cnts p { display: inline-block; width: 100%; color: #666;  font-size: 14px; margin: 0 0 12px; text-align: center }
#cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv { display: inline-block; width: 100%; }
#cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul { display: inline-block; width: 100%; margin: 0 auto }
#cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li { float: left; width: 60px; height: 50px; text-align: center; color: #fff; font-family: Arial; font-size: 32px; position: relative; background: #4e4e4e; margin-right: 24px; line-height: 1.5 }
#cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:last-child { margin-right: 0 }
#cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:nth-child(1):after,
#cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:nth-child(2):after { content: ":"; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; display: block; font-size: 28px; position: absolute; top: 3px; right: -16px }
/** Weather **/
#cd-top-nav ul .subMenu.weather .wtrCnts { display: inline-block; width: 100%; height: 254px; background: none; margin-bottom: 0; box-shadow: none }
#cd-top-nav ul .subMenu.weather .wtrCnts .location { display: inline-block; width: 100%; color: #fff; font-size: 24px; margin: 12px 0; text-align: right;  }
#cd-top-nav ul .subMenu.weather .wtrCnts .cntdwn { display: inline-block; width: 100% }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls { display: inline-block; width: 100%; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon { float: right; width: 70px; height: 70px; margin-left: 24px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .highTemp { float: right; position: relative; margin-left: 10px; width: 62px; height: 70px; text-align: center; font-family: arial; font-size: 48px; color: #fff; line-height: 1.8 }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .icon-high:before { content: "H"; font-size: 14px; position: absolute; right: -5px; top: 5px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .lowTemp { float: right; position: relative; width: 62px; height: 70px; text-align: center; font-family: arial; font-size: 32px; color: #666; line-height: 2.8 }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .icon-low:before { content: "H"; font-size: 10px; position: absolute; right: 6px; top: 18px; }

#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; height: 70px; margin: 2px 0 12px 24px; background-size: 70px }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.clearNight { background: url(../images/weatherSprite1.webp) 0px -429px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 56px }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.clouds { background: url(../images/weatherSprite1.webp) 0px -71px no-repeat; height: 46px; margin: 8px 0 18px 24px; background-size: 60px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.showerRain { background: url(../images/weatherSprite1.webp) 0 -263px no-repeat; height: 55px; margin: 8px 0 10px 24px; background-size: 60px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.rainDay { background: url(../images/weatherSprite1.webp) 0 -192px no-repeat; height: 65px; margin: 8px 0 8px 24px; background-size: 60px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.rainNight { background: url(../images/weatherSprite1.webp) 0 -263px no-repeat; height: 55px; margin: 8px 0 10px 24px; background-size: 60px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.drizzle { background: url(../images/weatherSprite1.webp) 0 -662px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.mist { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.smoke { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.haze { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.dust { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.fog { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.sand { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.ash { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.squall { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.tornado { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.snow { background: url(../images/weatherSprite1.webp) 0 -380px no-repeat; height: 58px; margin: 8px 0 8px 24px; background-size: 70px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -390px no-repeat; height: 60px; margin: 8px 0 8px 24px; background-size: 60px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .windHum { display: inline-block; width: 100%; margin-top: 5px; }
#cd-top-nav ul .subMenu.weather .wtrCnts .windHum > div { width: 100%; float: right;  color: #666; font-size: 13px; display: inline-block }
#cd-top-nav ul .subMenu.weather .wtrCnts .windHum > div span { color: #fff }
#cd-top-nav ul .subMenu.weather .wtrCnts .windHum .hum { margin-bottom: 2px }
#cd-top-nav ul .subMenu.weather .wtrCnts .windHum .icon-hum:before { content: "K"; float: right; margin-left: 5px; font-size: 16px }
#cd-top-nav ul .subMenu.weather .wtrCnts .windHum .icon-wind:before { content: "L"; float: right; margin-left: 5px; font-size: 16px }
.weatherDiv .temp .windHum { display: inline-block; width: 300px; float: left; margin-top: 30px; }
.weatherDiv .temp .windHum > div { width: 100%; float: right;  color: #c4d5df; font-size: 13px; display: inline-block; text-align: right }
.weatherDiv .temp .windHum > div span { color: #fff }
.weatherDiv .temp .windHum .hum { margin-bottom: 2px }
.weatherDiv .temp .windHum .icon-hum:before { content: "K"; float: right; margin-left: 5px; font-size: 16px }
.weatherDiv .temp .windHum .icon-wind:before { content: "L"; float: right; margin-left: 5px; font-size: 16px }
/** Currency **/
#cd-top-nav ul .subMenu.currency .currCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none; }
#cd-top-nav ul .subMenu.currency .currCnts p { display: inline-block; width: 100%; margin: 12px 0 0;  font-size: 20px; color: #fff; text-align: center }
#cd-top-nav ul .subMenu.currency .currCnts p:nth-child(2) { color: #666; font-size: 14px; margin: 12px 0 }
#cd-top-nav ul .subMenu.currency .currCnts .number { display: inline-block; width: 100%; text-align: center; font-family: Arial; font-size: 36px; color: #fff; margin-top: 24px }
#cd-top-nav ul .subMenu.currency .currCnts .number span { font-size: 16px; color: #666; font-family: DroidKufiLight,arial }
/** Gold **/
#cd-top-nav ul .subMenu.gold .goldCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none }
#cd-top-nav ul .subMenu.gold .goldCnts p { display: inline-block; width: 100%; margin: 12px 0 0;  font-size: 20px; color: #fff; text-align: center }
#cd-top-nav ul .subMenu.gold .goldCnts p:nth-child(2) { color: #666; font-size: 14px; margin: 12px 0 }
#cd-top-nav ul .subMenu.gold .goldCnts .number { display: inline-block; width: 100%; text-align: center; font-family: Arial; font-size: 36px; color: #fff; margin-top: 24px }
#cd-top-nav ul .subMenu.gold .goldCnts .number span { margin-right: 8px; font-size: 16px; color: #666; font-family: DroidKufiLight,arial }
/** Search **/
.morphSearchDiv { position: fixed; width: 84px; height: 50px; display: inline-block; top: 0; left: 0; z-index: 4; background: transparent; overflow: hidden }
.openSearch .morphSearchDiv { width: 100%; height: 100%; box-shadow: none !important }
.morphsearch { width: 84px; min-height: 50px; background: #1d1d1d; position: absolute; z-index: 10000; top: 0px; left: 0px; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.openSearch .morphsearch.open { width: 100%; min-height: 100%; top: 0px; left: 0px; background: #fff }
.morphsearch-form { width: 100%; height: 50px; margin: 0 auto; position: relative; }
.morphsearch-form.icon-search:before { content: "f"; display: inline-block; font-size: 22px; line-height: 1; color: #b8b8b8; pointer-events: none; position: absolute; right: 50%; margin: 6px -11px 0 0; visibility: visible; opacity: 1; }
.openSearch .morphsearch.open .morphsearch-form { width: 80%; height: 160px; -webkit-transform: translate3d(0,3em,0); transform: translate3d(0,3em,0); }
.openSearch .morphsearch.open .morphsearch-form.icon-search:before { visibility: hidden; opacity: 0 }
.morphsearch-input { width: 100%; height: 100%; padding: 28px 28px 0 20px; text-align: right; border: none !important; cursor: pointer; background: transparent; font-family: inherit; font-size: 10px; color: #b8b8b8;height: 50px;min-height: 50px;max-height: 50px;transition:none}
.morphsearch-input::-ms-clear { display: none; }
.morphsearch.hideInput .morphsearch-input { color: transparent; }
.openSearch .morphsearch.open .morphsearch-input { font-size: 36px; text-align: right; cursor: text; padding: 0 }
.openSearch .morphsearch.open .morphsearch-input:hover img, .openSearch .morphsearch.open .morphsearch-input:focus img { display: none }
.openSearch .morphsearch.open .morphsearch-input:focus { border: none !important }
input[type="search"]::-webkit-search-cancel-button { display: none }
.overflow-hidden .morphSearchDiv { opacity: 0 }
/* placeholder */
.morphsearch-input::-webkit-input-placeholder { color: #c2c2c2; }
.morphsearch-input:-moz-placeholder { color: #c2c2c2; }
.morphsearch-input::-moz-placeholder { color: #c2c2c2; }
.morphsearch-input:-ms-input-placeholder { color: #c2c2c2; }
.gn-search:focus::-webkit-input-placeholder { color: transparent; }
input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; }
.morphsearch-input:focus,
.morphsearch-submit:focus { outline: none; }
.morphsearch-submit.icon-search:before { content: "f"; color: #ddd; font-size: 48px; position: absolute; width: 80px; height: 80px; line-height: 1.6; overflow: hidden; left: 0; top: 50%; border: none; pointer-events: none; transform-origin: 50% 50%; opacity: 0; -webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1); transform: translate3d(-30px,-50%,0) scale3d(0,0,1); }
.openSearch .morphsearch.open .morphsearch-submit.icon-search:before { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1); transform: translate3d(-30px,-50%,0) scale3d(1,1,1); }
.morphsearch-submit.icon-search:hover:before { color: #b8b8b8 }
.morphsearch-close { width: 36px; height: 36px; position: absolute; left: 1em; top: 1em; overflow: hidden; text-indent: 100%; cursor: pointer; pointer-events: none; opacity: 0; -webkit-transform: scale3d(0,0,1); transform: scale3d(0,0,1); }
.openSearch .morphsearch.open .morphsearch-close { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
.morphsearch-close::before,
.morphsearch-close::after { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; border-radius: 3px; opacity: 0.2; background: #1d1d1d;}
.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after { opacity: 1; }
.morphsearch-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.morphsearch-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.morphsearch-content { color: #333; margin-top: 4.5em; width: 100%; height: 0; overflow: hidden; padding: 0 10.5%; background: #fff; position: absolute; opacity: 0; }
.openSearch .morphsearch.open .morphsearch-content { opacity: 1; height: auto; overflow: visible; }
.morphsearch-content h2, .morphsearch-content p { float: right; display: block; font-family: DroidKufiBold, Arial; font-size: 24px; color: #1d1d1d; margin-bottom: 24px }
.morphsearch-content .keywordsDiv { display: inline-block; width: 100%; }
.morphsearch-content .keywordsDiv .item { float: right; padding: 4px 30px; background: #eee; margin: 0 0 24px 24px;  font-size: 14px; color: #1d1d1d }
.morphsearch-content .keywordsDiv .item:hover { background: #e2e2e2 }
.overflow-hidden.openSearch .openSearch .morphsearch.open { width: calc(100% - 320px); }
.morphSearchDiv #text-field-container {min-height:20px}
/** Nav **/
#cd-lateral-nav .masLogo { display: inline-block; width: 150px; height: 44px; background: url(../Images/masrawyLogo.webp?ver=00.00) center center no-repeat; background-size: 150px 44px; margin: 10px calc((100% - 150px) / 2) 24px; }
.cd-img-replace { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.overflow-hidden { overflow: hidden; margin-right: 17px; width: calc(100% - 17px) }
.cd-main-content { min-height: 100%; position: relative; z-index: 2; width: 100%; display: inline-block;order:2; pointer-events: none; -webkit-backface-visibility: hidden; /*-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;*/ -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
/*.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}*/
header.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
header.is-fixed { position: fixed; }
header.lateral-menu-is-open #cd-menu-trigger { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); -o-transform: translateX(-320px); transform: translateX(-320px); visibility: visible; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; }
#cd-menu-trigger { position: relative; right: 0; top: 0; height: 100%; width: 60px; background-color: #E03322; float: right; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#cd-menu-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; width: 30px; height: 3px; background-color: #FFF; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; }
#cd-menu-trigger .cd-menu-icon::before { bottom: 8px; }
#cd-menu-trigger .cd-menu-icon::after { top: 8px; }
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); }
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: white; }
#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; z-index: 3; width: 320px; background-color: #1d1d1d; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -ms-transform: translateX(320px); -o-transform: translateX(320px); transform: translateX(320px); }
#cd-menu-trigger .notify { position: absolute; top: 5px; left: -10px; width: 20px; height: 20px; background: red; border-radius: 50%; color: #fff; text-align: center; font-family: Arial; font-size: 14px; line-height: 1.5; }
#cd-lateral-nav .scroll { width: 320px; height: 100%; overflow-y: scroll; margin: 0; mix-blend-mode: multiply; background: #1d1d1d; }
.scrollContainer { width: 320px; height: calc(100% - 88px); margin: 0; position: relative; overflow: auto; position: absolute; top: 0; right: 0; background: url(../Images/scrollBarBg.jpg) left top repeat-y #fff; background-size: 19px }
/*.ps-container {-ms-touch-action: none;touch-action: none;overflow: hidden !important;-ms-overflow-style: none; }*/
@supports (-ms-overflow-style: none) {
    .ps-container { overflow: auto !important; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container { overflow: auto !important; }
}
.scrollContainer .scroll { width: 310px; height: 100%; margin: 0 calc((100% - 310px) / 2) }
.ps-container.ps-active-y > .ps-scrollbar-x-rail { display: none }
.ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; }
.ps-container.ps-in-scrolling { pointer-events: none; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #1d1d1d; opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #444; }
.ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 6px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 6px; }
.ps-container:hover.ps-in-scrolling { pointer-events: none; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #1d1d1d; opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #444; }
.ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; }
.ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #1d1d1d; opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #444; }
#show-result #content { -moz-transition: opacity .1s; -webkit-transition: opacity .1s; -o-transition: opacity .1s; -ms-transition: opacity .1s; transition: opacity .1s; opacity: 0; }
#branding, #branding .changelog-badge, #content, #header, .abuseDetected { position: relative; height: 100% }
#cd-lateral-nav .cd-navigation { margin: 0 0 24px; display: inline-block; width: 100%; }
#cd-lateral-nav .sub-menu { padding: 0 10px 20px 15px; display: none;  font-size: 14px; }
#cd-lateral-nav a { display: block; line-height: 60px; padding: 0 10px; color: #fff;  font-size: 16px; }
#cd-lateral-nav .sub-menu a { line-height: 50px; }
#cd-lateral-nav li .sub-menu li.selected a { color: #fff; background: none }
#cd-lateral-nav li:hover .sub-menu a { background: none }
#cd-lateral-nav .item-has-children .sub-menu li a { color: #666; font-size: 13px; line-height: 4.5 }
#cd-lateral-nav .item-has-children .sub-menu li a:hover { color: #fff }
#cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; }
#cd-lateral-nav li { margin: 0 10px 0 5px }
#cd-lateral-nav .sub-menu li { border-bottom: none; margin: 0 }
#cd-lateral-nav li > a { position: relative;  height: 60px; font-size: 14px; color: #fff; overflow: hidden; border-bottom: 1px solid #333; width: 100%; margin: 0 }
#cd-lateral-nav li:hover > a, #cd-lateral-nav li.selected > a { background: #333 }
#cd-lateral-nav .item-has-children > .icon-leftArr:after { content: "q"; position: absolute; left: 10px; top: 20px; 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; }
#cd-lateral-nav .item-has-children > .icon-leftArr.submenu-open:after { transform: rotate(-90deg) }
#cd-lateral-nav .cd-navigation li a:before{line-height:60px;font-size:20px}
#cd-lateral-nav .item-has-children .icon-news:before { content: "g"; float: right; margin-left: 8px;}
#cd-lateral-nav .item-has-children .icon-sports:before { content: "Z"; float: right; margin-left: 10px;}
#cd-lateral-nav .item-has-children .icon-howa_w_hya:before { content: "V"; float: right; margin-left: 10px;}
#cd-lateral-nav .item-has-children .icon-arts:before { content: "X"; float: right; margin-left: 9px;}
#cd-lateral-nav .item-has-children .icon-autos:before { content: "l"; float: right; margin-left: 10px;}
#cd-lateral-nav .item-has-children .icon-islameyat:before { content: "P"; margin-right: 2px; float: right; margin-left: 8px;}
#cd-lateral-nav .icon-economy:before { content: "U"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-sms:before { content: "I"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-career:before { content: "$"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-banking:before { content: "*"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-education:before { content: "6"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-cop:before { content: "^"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-market:before { content: "_"; float: right; margin-left: 9px;}
#cd-lateral-nav .icon-reports:before { content: "W"; float: right; margin-left: 10px;}
#cd-lateral-nav .icon-media:before { content: "j"; float: right; margin-left: 10px;}
#cd-lateral-nav .icon-technology:before { content: "0"; float: right; margin-left: 10px;}
#cd-lateral-nav .icon-service:before { content: "1"; float: right; margin-left: 10px;}
#cd-lateral-nav .cd-navigation .icon-newspntr:before { content: "b"; float: right; margin-left: 8px;}
#cd-lateral-nav .cd-navigation .icon-archive:before { content: "c"; float: right; margin-left: 10px;}
#cd-lateral-nav .cd-navigation .icon-prayertms:before { content: "T"; float: right; margin-left: 8px;}
#cd-lateral-nav .cd-navigation .icon-weather:before { content: "J"; float: right; margin-left: 8px;}
#cd-lateral-nav .cd-navigation .icon-currency:before { content: "d"; float: right; margin-left: 8px;}
#cd-lateral-nav .cd-navigation .icon-gold:before { content: "2"; float: right; margin-left: 8px;}
#cd-lateral-nav .cd-navigation .icon-ads:before { content: "n"; float: right; margin-left: 6px;}
#cd-lateral-nav .cd-navigation .icon-ramadan:before { content: "Y"; float: right; margin-left: 6px;}
#cd-lateral-nav .cd-navigation .icon-thanawya:before { content: "6"; float: right; margin-left: 6px;}
#cd-lateral-nav .cd-navigation .icon-aqar:before { content: "m"; float: right; margin-left: 6px;}
#cd-lateral-nav .cd-navigation .icon-elections:before { content: "7"; float: right; margin-left: 6px;}
#cd-lateral-nav .cd-navigation .icon-cross:before { content: "8"; float: right; margin-left: 6px;}
#cd-lateral-nav .icon-vas:before { content: "I"; float: right; margin-left: 8px;}
#cd-lateral-nav .icon-albums:before { content: "t"; margin-right: 2px; float: right; margin-left: 8px;}
#cd-lateral-nav .icon-offeat:before { content: "M"; float: right; margin-left: 8px;}
#cd-lateral-nav .linksMenu { width: 234px; margin: 12px calc((100% - 234px) / 2) 40px; display: none }
#cd-lateral-nav .linksMenu a { display: inline-block; font-size: 12px; color: #fff; float: right; margin-left: 20px;  padding: 0; line-height: 1 }
#cd-lateral-nav .linksMenu a:last-child { margin-left: 0 }
#cd-lateral-nav .linksMenu a:hover { color: #666 }
#cd-lateral-nav .socialDiv { width: 230px; height: 40px; margin: 0 calc((100% - 230px) / 2) 24px; display: inline-block }
#cd-lateral-nav .socialDiv a { width: 30px; height: 30px; display: inline-block; font-size: 20px; color: #fff; text-align: center; background: #2d2d2d; float: right; margin-left: 10px; border-radius: 50%; padding: 0; line-height: 1; }
#cd-lateral-nav .socialDiv a.icon-tw{font-size:17px}
#cd-lateral-nav .socialDiv a:before{line-height:30px}
#cd-lateral-nav .socialDiv a:last-child { margin-left: 0 }
#cd-lateral-nav .socialDiv a:hover { color: #fff; }
#cd-lateral-nav .icon-fb:before { content: "u"; }
#cd-lateral-nav .icon-fb:hover { background: #3c5899; }
#cd-lateral-nav .icon-tw:before { content: "?"; }
#cd-lateral-nav .icon-tw:hover { background: #229ff3; }
#cd-lateral-nav .icon-ggl:before { content: "w"; }
#cd-lateral-nav .icon-ggl:hover { background: #d65142; }
#cd-lateral-nav .icon-yt:before { content: "x"; }
#cd-lateral-nav .icon-yt:hover { background: #e62117; }
#cd-lateral-nav .icon-rss:before { content: "A"; }
#cd-lateral-nav .icon-rss:hover { background: #ffaf5c; }
#cd-lateral-nav .icon-sptfy:before { content: "<"; color: #fff }
#cd-lateral-nav .icon-sptfy:hover { background: #1ed760; }
#cd-lateral-nav .icon-pod:before { content: "="; color: #fff;font-size:24px }
#cd-lateral-nav .icon-pod:hover{ background: #ea4335;}
#cd-lateral-nav .topIcons { display: inline-block; width: 100%; float: right; text-align: center; padding: 0 10px; height: 50px; border-bottom: 1px solid #333; }
#cd-lateral-nav .topIcons .cntnrIcons { display: inline-block;width:100%;float:right}
#cd-lateral-nav .topIcons .icons { display: inline-block; float: right; position: relative; margin-left: 20px; padding: 0; width: calc((100% - 60px) / 4); height: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
#cd-lateral-nav .topIcons .prayerTimer a { padding: 0; line-height: inherit }
#cd-lateral-nav .topIcons .prayerTimer a img { display: inline-block; width: 30px; height: auto; border: 0; margin-top: 5px }
#cd-lateral-nav .topIcons .icons:last-child { margin-left: 0 }
#cd-lateral-nav .topIcons .icons a:before { color: #b8b8b8 }
#cd-lateral-nav .topIcons .prayerTimer a:before{content: "T"; display: block; font-size: 24px; line-height: 1.6; color: #1588ca; position: absolute; width: 100%; right: 0}
#cd-lateral-nav .topIcons .currency a:before { content: "d"; display: block; font-size: 24px; line-height: 1.6; color: #ffd311; position: absolute; width: 100%; right: 0 }
#cd-lateral-nav .topIcons .gold a:before { content: "2"; display: block; font-size: 24px; line-height: 1.6; color: #ffd311; position: absolute; width: 100%; right: 0 }
#cd-lateral-nav .topIcons .market a:before { content: "_"; display: block; font-size: 24px; line-height: 1.6; color: #E03322; position: absolute; width: 100%; right: 0 }
#cd-lateral-nav .topIcons .icons:hover { background-color: #333 }
#cd-lateral-nav .topIcons .weather:before { display: none }
#cd-lateral-nav .topIcons .weather .icon-temp {float: right;font-family: Arial;font-size: 14px;line-height:30px;color: #b8b8b8;position: absolute;right:6px;bottom: 0;}
#cd-lateral-nav .topIcons .weather .icon-temp:before { content: "H"; font-size: 5px; position: absolute; right: -5px; top: 5px; }
#cd-lateral-nav .topIcons .weather .subMenu { display: none }
#cd-lateral-nav .topIcons .weather .weatherIconHeader { display: inline-block; float: left; width: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 3px }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.clearDay { background: url("../images/weatherSprite1.webp") 0 2px no-repeat; background-size: 25px; height: 30px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.clearNight { background: url(../images/weatherSprite1.webp) 0px -187px no-repeat; background-size: 25px; height: 30px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.clouds { background: url(../images/weatherSprite1.webp) 0px -28px no-repeat; background-size: 25px; height: 25px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.showerRain { background: url(../images/weatherSprite1.webp) 0 -107px no-repeat; background-size: 25px; height: 27px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.rainDay { background: url(../images/weatherSprite1.webp) 0 -79px no-repeat; background-size: 25px; height: 30px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.rainNight { background: url(../images/weatherSprite1.webp) 0 -107px no-repeat; background-size: 25px; height: 27px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.drizzle { background: url(../images/weatherSprite1.webp) 0 -243px no-repeat; background-size: 26px; height: 25px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.mist { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.smoke { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.haze { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.dust { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.fog { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.sand { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.ash { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.squall { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.tornado { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.snow { background: url(../images/weatherSprite1.webp) 0 -132px no-repeat; background-size: 25px; height: 30px; }
#cd-lateral-nav .topIcons .weather .weatherIconHeader.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -161px no-repeat; background-size: 25px; height: 30px; }
/** Overlay **/
.overlay { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 5; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.overflow-hidden .overlay { visibility: visible; opacity: 0.85 }
/******************** Content ********************/
.container { width: 100%; display: inline-block; margin-top: 50px; position: relative; text-align: center; }
.sponsorStickyOpen .container { margin-top: 110px }
.sponsorStickyOpen .container { margin-top: 0px }
.masrawyContainer { position: relative; display: inline-block; width: 100%; z-index: 2 }
/*.showSponsor .masrawyContainer{overflow-y:scroll;padding-right:17px;box-sizing: content-box}*/
.content-wrap { position: relative; top: 0; background: #f8f8f8; width: 100%; margin: 0; padding: 0; display: inline-block; pointer-events: visible; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2 }
.articlePage .content-wrap{background:#fff}
/*.showSponsor .content-wrap{margin: 0 0 0 17px}*/
.takeover .content-wrap { margin: 60px 60px 0 84px }
.content { position: relative; background: #f8f8f8; display: inline-block;float:right; width: 100%; padding: 20px 16px }
/* Overlay */
.content-wrap::before { position: absolute; top: 0; left: 0; visibility: hidden; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; }
.show-sponsor .content-wrap::before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#cd-vertical-nav::before { position: absolute; top: 0; right: 0; visibility: hidden; z-index: 10; width: 36px; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; }
.show-sponsor #cd-vertical-nav::before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.sponsorHome #cd-vertical-nav::before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/******************** Sponsor ********************/
.sponsor { position: fixed; font-weight: 700; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; width: 100%; display: block; height: 100%; background: #E03322 }
.sponsor .content { position: relative; width: 100%; padding: 0; margin: 60px 0 0; display: inline-block; height: 100%; background-size: 100% !important; background-repeat: no-repeat !important; background-position: center 0 !important; }
.sponsor .right { position: relative; width: calc(((100% - 1440px) / 2) - 12px); height: 100%; float: right; display: inline-block; right: 0; top: -60px; min-width: 60px }
.sponsor .middle { position: relative; float: right; width: 85%; height: 100%; max-height: 400px; overflow: hidden; }
.sponsor .middle .sponsorContent { width: auto; height: 100%; text-align: center; margin-top: 1px }
.sponsor .middle .sponsorContent a { display: block; height: 100% }
.sponsor .middle .sponsorContent img { width: 100%; height: auto }
.sponsor .left { position: relative; width: calc(((100% - 1440px) / 2) + 12px); height: 100%; float: right; display: inline-block; left: 0; top: -60px; min-width: 84px }
.sponsor .sponsorLogoBtn { display: block; position: absolute; margin: 0 12px; bottom: 172px; left: 0; transition: none; width: 60px }
.sponsor .sponsorLogoBtn img { width: 100%; height: 100% }
.sponsor img { width: auto; height: 100%; border: none }
/** Sponsor Banner **/
.sponsorBanner { position: fixed; top: 50px; margin-top: 0 !important; margin-right: 60px; height: 60px; z-index: 3; transition: 0s; width: 100%; margin: 60px 0 0 0; display: inline-block; max-width: 1584px; }
.sponsorBanner img { width: 100%; height: auto; border: none; position: absolute; right: 0; bottom: 0 }
.sponsorBanner p { font-family: DroidKufiBold, Arial; font-size: 18px; color: #fff; text-align: center; line-height: 3.4 }
/* Sponsor Click */
.sponsorClick { position: fixed; left: 0; top: 50px; z-index: 1; margin: 0; padding: 0; width: 100%; height: 100%; background: transparent; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.sponsorBtnText { position: fixed; left: 98px; top: 70px; z-index: 4; background: #fff; text-align: center; width: 180px; height: 40px; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; }
.sponsorBtnText:after { content: "مشاهدة كل الإعلان"; line-height: 3 }
.icon-spnsrBottom:before { content: ""; font-size: 20px; float: right; margin: 0 5px 0 -5px; line-height: 2; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
/* Shown Sponsor */
.show-sponsor { position: fixed }
.show-sponsor .sponsor { margin-right: 9px; width: calc(100% - 17px); }
.show-sponsor .cd-main-content { background: none }
.show-sponsor .sponsor { opacity: 1; }
.show-sponsor .container { margin-right: 8px }
.show-sponsor.takeover .content-wrap { width: calc(100% - 161px); margin: 60px 69px 0 92px; }
.show-sponsor .sponsorBanner { margin-right: 9px; width: calc(100% - 17px); }
.show-sponsor .sponsorBtnText { background: #fff; color: #1d1d1d }
.show-sponsor .sponsorBtnText:after { content: "الرجوع الى مصراوى" }
.show-sponsor .sponsorBtnText:before { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg) }
/** Sponsor Home **/
.sponsorHome { position: fixed }
.sponsorHome .sponsor { margin-right: 9px; width: calc(100% - 17px); }
.sponsorHome .cd-main-content { background: none }
.sponsorHome .sponsor { opacity: 1; }
.sponsorHome .container { margin-right: 8px }
.sponsorHome.takeover .content-wrap { width: calc(100% - 161px); margin: 60px 69px 0 92px; }
.sponsorHome .sponsorBanner { margin-right: 9px; width: calc(100% - 17px); }
.sponsorHome .sponsorBtnText { background: #fff; color: #1d1d1d }
.sponsorHome .sponsorBtnText:after { content: "الرجوع الى مصراوى" }
.sponsorHome .sponsorBtnText:before { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg) }
.sponsorHome .content-wrap::before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.sponsorHome .content-wrap { top: 340px }
.sponsorHome .sponsorBanner { top: 50px }
.sponsorHome .sponsorBtnText { top: 411px }
/******************** Footer ********************/
footer { display: inline-block; float: right; width: 100%; position: relative; z-index: 5; background: #111 }
/** Menu **/
footer .middle { display: inline-block; width: 100%; text-align: center }
footer .middle .cnts { width: 100%; display: inline-block; margin: 0 auto; padding: 30px 50px 0 }
footer .middle .cnts .midTop { width: 100%; display: inline-block; float: right; border-bottom: 1px solid #333 }
footer .middle .navMenu { width: 100%; display: inline-block; margin: 0 auto; margin-bottom: 20px }
footer .middle .navMenu .title { display: inline-block; width: 100%; float: right; font-family: DroidKufiBold, Arial; font-size: 22px; color: #fff; text-align: right; direction: rtl; margin-bottom: 20px }
footer .middle .navMenu .item { float: right; display: inline-block; margin-left: 20px; width: calc((100% - 190.1px) / 4) }
footer .middle .navMenu .item:last-child { margin-left: 0; width: 110px }
footer .middle .navMenu .item .ttl { display: inline-block; width: 100%; margin-bottom: 0; height: auto; float: right; direction: rtl; text-align: right; font-family: DroidKufiBold, Arial; font-size: 16px; color: #fff; line-height: 1.8; background: none; border: none; padding: 0 }
footer .footerLogo { display: inline-block; float: right; width: 206px; height: 50px; margin: 0 calc((100% - 206px) / 2); }
footer .footerLogo img { width: auto; height: 50px }
footer .middle .navMenu .item ul { display: inline-block; float: right; width: 100%; padding-top: 10px; }
footer .middle .navMenu .item ul li { width: 100%;  font-size: 12px; color: #ccc; margin-bottom: 5px }
footer .middle .footerMainMenu { display: inline-block; width: 100%; float: right; margin-top: 20px }
footer .middle .mainMenu { float: right; display: inline-block; width: 100%; height: 44px; margin: 20px 0; position: relative; text-align: center }
footer .middle .mainMenu .menuLinks { display: inline-block; margin: 0 auto }
footer .middle .mainMenu a { float: right; display: inline-block; padding: 0 10px; line-height: 3.3;  font-size: 13px; color: #fff; background: #111; position: relative }
footer .middle .mainMenu a:hover { color: #E03322 }
footer .middle .mainMenu a:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #2c2c2c }
footer .middle .mainMenu a:last-child:after { display: none }
/*footer .middle .mainMenu a:hover{background:#E03322}
footer .middle .mainMenu a:hover:after{display:none}*/
/** Social Media **/
footer .middle .midBottom { display: inline-block; width: 100%; padding: 10px 0 }
footer .middle .social { display: inline-block; float: right; width: 244px; margin: 0 calc((100% - 244px) / 2) 20px; position: relative }
footer .middle .social a { float: right; margin-left: 24px; color: #7f7f7f; font-size: 20px; }
footer .middle .social a:last-child { margin-left: 0 }
footer .middle .social a:hover { color: #fff }
footer .middle .social a:before{line-height:30px}
footer .middle .social a.icon-fb:before { content: "u"; color: #fff }
footer .middle .social a.icon-tw:before { content: "?"; color: #fff }
footer .middle .social a.icon-yt:before { content: "x"; color: #fff }
footer .middle .social a.icon-rss:before { content: "A"; color: #fff }
footer .middle .social a.icon-sptfy:before { content: "<"; color: #fff }
footer .middle .social a.icon-pod:before { content: "="; color: #fff;font-size:24px }
footer .middle .midBottom .copyright { display: inline-block; float: left; margin: 0 }
footer .middle .midBottom .copyright p {display: flex;float: right; font-size: 11px; color: #eee; line-height: 34px; margin-left: 6px;}
footer .middle .midBottom .copyright p span { font-size: 16px;margin-left: 4px;}
footer .middle .midBottom .copyright .copyrightLogo { float: right; width: 20px; height: 17px; background: url(../Images/geminiLogo.png) center center no-repeat; background-size: 20px 17px; margin-top: 8px; }
footer .middle .midBottom .linksMenu { float: right; display: inline-block }
footer .middle .midBottom .linksMenu a { float: right; display: inline-block; margin-left: 20px; line-height: 36px;  font-size: 11px; color: #fff; position: relative }
footer .middle .midBottom .linksMenu a:last-child { margin-left: 0 }
footer .middle .midBottom .linksMenu a:hover { color: #E03322 }
/********** Shortcut Icons Menu **********/
#cd-vertical-nav { position: fixed; margin-right: -36px; top: auto; z-index: 4; background: #fff; padding: 8px 0; width: 36px; box-shadow: 0px 0px 6px rgba(0,0,0,0.15); }
.sponsorStickyOpen #cd-vertical-nav { top: 0; z-index: 51; position: absolute }
.sponsorStickyOpen.showSponsor #cd-vertical-nav { top: 124px; z-index: 51; position: fixed }
#cd-vertical-nav li { text-align: right; margin: 0 calc((100% - 28px) / 2) 8px; width: 28px }
#cd-vertical-nav li:last-child { margin-bottom: 0 }
#cd-vertical-nav a { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center }
#cd-vertical-nav a:after { content: ""; display: table; clear: both; }
#cd-vertical-nav a span { display: inline-block; }
#cd-vertical-nav a:hover .cd-label { opacity: 1; }
#cd-vertical-nav .cd-dot { position: relative; height: 28px; width: 28px; border-radius: 50%; background-color: #ddd; color: #1d1d1d; -webkit-transition: -webkit-transform 0.2s, background-color 0.2s; -moz-transition: -moz-transform 0.2s, background-color 0.2s; transition: transform 0.2s, background-color 0.2s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#cd-vertical-nav .icon-news:before { content: "g"; font-size: 20px; line-height: 1.4; 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; }
#cd-vertical-nav .icon-seen:before { content: "N"; font-size: 22px; line-height: 1.3; 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; }
#cd-vertical-nav .icon-ramadan:before { content: "Y"; font-size: 20px; line-height: 1.4; 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; }
#cd-vertical-nav .icon-sports:before { content: "Z"; font-size: 18px; line-height: 1.5; 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; }
#cd-vertical-nav .icon-media:before { content: "j"; font-size: 16px; line-height: 1.7; 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; }
#cd-vertical-nav .icon-economy:before { content: "U"; font-size: 18px; line-height: 1.7; 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; }
#cd-vertical-nav .icon-howa_w_hya:before { content: "V"; font-size: 18px; line-height: 1.7; 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; }
#cd-vertical-nav .icon-arts:before { content: "X"; font-size: 22px; line-height: 1.4; 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; }
#cd-vertical-nav .icon-autos:before { content: "l"; font-size: 18px; line-height: 1.5; 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; }
#cd-vertical-nav .icon-islameyat:before { content: "P"; margin-right: 2px; font-size: 18px; line-height: 1.4; 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; }
#cd-vertical-nav .icon-ads:before { content: "n"; font-size: 20px; line-height: 1.4; 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; }
#cd-vertical-nav .icon-wc:before { content: "k"; font-size: 20px; line-height: 1.4; 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; }
#cd-vertical-nav .icon-news:hover, #cd-vertical-nav a.is-selected .icon-news { background: #E03322; color: #fff }
#cd-vertical-nav .icon-seen:hover, #cd-vertical-nav a.is-selected .icon-seen { background: #E03322; color: #fff }
#cd-vertical-nav .icon-ramadan:hover, #cd-vertical-nav a.is-selected .icon-ramadan { background: #330D46; color: #fff }
#cd-vertical-nav .icon-sports:hover, #cd-vertical-nav a.is-selected .icon-sports { background: #056818; color: #fff }
#cd-vertical-nav .icon-media:hover, #cd-vertical-nav a.is-selected .icon-media { background: #1d1d1d; color: #fff }
#cd-vertical-nav .icon-economy:hover, #cd-vertical-nav a.is-selected .icon-economy { background: #E03322; color: #fff }
#cd-vertical-nav .icon-howa_w_hya:hover, #cd-vertical-nav a.is-selected .icon-howa_w_hya { background: #7b1fa2; color: #fff }
#cd-vertical-nav .icon-arts:hover, #cd-vertical-nav a.is-selected .icon-arts { background: #A8006B; color: #fff }
#cd-vertical-nav .icon-autos:hover, #cd-vertical-nav a.is-selected .icon-autos { background: #1a237e; color: #fff }
#cd-vertical-nav .icon-islameyat:hover, #cd-vertical-nav a.is-selected .icon-islameyat { background: #075C99; color: #fff }
#cd-vertical-nav .icon-wc:hover, #cd-vertical-nav a.is-selected .icon-wc { background: #056818; color: #fff }
#cd-vertical-nav .icon-ads:hover { background: #3c14c1; color: #fff }

/********** Keywords **********/
.mainKeywords { background: #fff; overflow: hidden; margin-bottom: 20px; box-shadow: none; padding: 20px 16px; border: 1px solid #e8e8e8; }
.mainKeywords .title { display: inline-block; float: right; width: 164px; margin-left: 20px; height: 35px }
.mainKeywords img { display: inline-block; float: right; width: 26px; height: auto; margin-left: 4px; margin-top: 4px; }
.mainKeywords p { float: right; display: inline-block; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; text-align: center; line-height: 35px; }
.mainKeywords .keywords { float: right; display: inline-block; width: calc(100% - 184px); height: 35px; overflow: hidden }
.mainKeywords .keywords a { float: right; padding: 5px 20px;  color: #1d1d1d; font-size: 13px; background: #f2f2f2; margin-left: 10px; display: inline-block; }
.mainKeywords .keywords a:last-child { margin-left: 0 }
.mainKeywords .keywords a:hover { background: #E03322; color: #fff }
/********** Featured Area **********/
.featuredArea { margin-left: 20px; width: calc(100% - 320px); float: right; background: none; position: relative }
.featuredArea.fixed { width: 930px !important; position: fixed; top: 67px; right: calc(((100% - 1282px) / 2) + 16px); background: none !important }
.featuredArea ul { display: inline-block; float: right; width: 100%; }
.featuredArea ul li { float: right; margin-left: 16px; margin-bottom: 16px; width: calc((100% - 32.1px) / 3); height: auto; position: relative; overflow: hidden;transition:none}
.featuredArea ul li .link { display: block }
.featuredArea ul li .link .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; display: inline-block; float: right; width: 100% }
.featuredArea ul li:first-child .link .imageCntnr { padding-bottom: calc(56.25% + 6px) }
.featuredArea ul li .link img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; width: 100%; height: 100%;object-fit:cover; border: none; }
.featuredArea ul li:first-child { width: calc(100% - ((100% + 16px) / 3)) }
.featuredArea ul li:nth-child(2), .featuredArea ul li:nth-child(3), .featuredArea ul li:last-child { margin-left: 0 }
.featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 0 }
.featuredArea .desc { width: 100%; height: 50%; cursor: pointer; position: absolute; bottom: 0; right: 0; pointer-events: none; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.featuredArea .desc .details { position: absolute; bottom: 6px; right: 0; width: 100% }
.featuredArea ul li span { display: inline-block; float: right; margin-right: 10px;margin-bottom: 6px;height:20px;max-height:20px;min-height:20px}
.featuredArea ul li .secName { display: inline-block;float:right; padding: 0 6px; font-size: 11px; color: #fff; background: #E03322;font-family:inherit; z-index: 1; height: 20px; line-height: 20px; pointer-events: visible; transition:none}
.featuredArea .desc h2 { display: inline-block; display: -webkit-box; width: 100%; float: right; color: #fff; text-align: right;font-family:inherit; max-height: 44px;min-height:22px; line-height: 1.6; padding: 0 10px; font-size: 14px;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;transition:none}
.featuredArea ul li:first-child .desc h2 { font-size: 18px; line-height: 1.8; max-height: unset;min-height:32px }
.leftSide { display: inline-block; float: left; width: 300px }
.ramadan .leftSide{position:relative;z-index:1}
/********** 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 }
/********** Title **********/
.ttl { display: block; width: 100%; border-bottom: 2px solid #E03322; float: right }
.ttl img.bbcHeaderImg { display: none }
.ttl h3, .ttl h1, .ttl h2 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 17px; color: #fff; display: inline-block; line-height: 36px; padding: 0px 16px; background: #E03322 }
.ttl h3 a, .ttl h1 a, .ttl h2 a { color: #fff }
/*.ttl h3:after, .ttl h1:after{content:"";width:4px;height:24px;background:#E03322;float:right;margin-left:12px;margin-top:4px}*/
.ttl .more { float: left; display: inline-block;  font-size: 14px; color: #1d1d1d; display: block; position: relative; z-index: 1; line-height: 34px }
.ttl .icon-more:before { content: "q"; font-size: 14px; float: left; margin-right: 5px; line-height: 34px; width: 11px }
.ttl .more:hover { color: #E03322 }
.ttl .moreLnks { display: inline-block; float: left }
.ttl .moreLnksBtn { display: none!important;font-size:13px }
.ttl .moreLnksBtn.icon-more:before{font-size:12px}
.ttl .secMenu { float: left; display: inline-block; margin-top: 2px; }
.ttl .secMenu li { display: inline-block; float: right; padding: 0; margin: 0 0 0 30px !important; width: auto !important; border: none; }
.ttl .secMenu li:last-child { margin-left: 0 !important }
.ttl .secMenu li a { float: left; display: inline-block;  font-size: 13px; color: #333; position: relative; z-index: 1; line-height: 34px }
/********** BBC **********/
.News_BBC .ttl { border-bottom: 2px solid #bb1919 }
.News_BBC .ttl h1,
.News_BBC .ttl h2,
.News_BBC .ttl h3 { display: none }
.News_BBC .ttl img.bbcHeaderImg { display: inline-block; float: right; width: auto; height: 32px }
.bbcTtl { display: none }
.listing.News_BBC .ttl,
.news.BBC .bbcTtl { border-bottom: none; background: #bb1919; }
.news.BBC .bbcTtl { display: inline-block; float: right; width: 100%; margin-bottom: 30px; text-align: right }
.listing.News_BBC .ttl a,
.news.BBC .bbcTtl a { display: inline-block; float: right; width: 100%; }
.listing.News_BBC .ttl img.bbcHeaderImg,
.news.BBC .bbcTtl img.bbcHeaderImg { height: 36px }
.news.BBC .bbcTtl img.bbcFooterImg { height: 30px }
.news.BBC .breadcrumb { margin-bottom: 30px }
.news.BBC .provider { display: none }
/********** Latest News **********/
.pattern01 { padding: 0; background: none; box-shadow: none; position: relative; z-index: 3 }
.pattern01 .ttl h3 { padding: 0; background: none !important; color: #1d1d1d }
.pattern01 .allItems { display: inline-block; width: 100%; padding: 16px 0 0 }
.pattern01 ul li { float: right; margin-left: 16px; margin-bottom: 16px; width: calc((100% - 64px) / 5); height: auto; position: relative; overflow: hidden; display: inline-table; background: #fff; border: 1px solid #e8e8e8; }
.pattern01 ul li a { display: block }
.pattern01 ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; float: right; display: inline-block; width: 100%; }
.pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto !important; width: 100%; height: auto; transition: none }
.pattern01 ul li:nth-child(5n) { margin-left: 0 }
.pattern01 ul li:nth-last-child(-n+5) { margin-bottom: 0 }
.pattern01 ul li .desc { width: 100%; overflow: hidden; cursor: pointer; position: relative }
.pattern01 ul li .desc h2 { color: #1d1d1d; height: 68px; cursor: pointer; overflow: hidden; text-align: right; line-height: 1.6; font-size: 14px; padding: 0 10px; margin: 40px 0 10px;  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 }
.pattern01 ul li .item .desc:hover h2 { color: #666 }
.pattern01 ul li .secName { font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; display: inline-block; position: absolute; top: 10px; right: 10px; pointer-events: visible }
/*.pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#E03322;float:right;margin-left:5px;margin-top:6px}*/
/*.pattern01 ul li .secName:hover{color:#1d1d1d}*/
/*.pattern01 ul li.icon-video, .pattern01 ul li.icon-image{background:#1d1d1d;}
.pattern01 ul li.icon-video .desc p, .pattern01 ul li.icon-image .desc p{color: #fff;padding: 10px}
.pattern01 ul li.icon-video .item:hover .desc p, .pattern01 ul li.icon-image .item:hover .desc p{color:#666}
.pattern01 ul li.icon-video .secName, .pattern01 ul li.icon-image .secName{margin-right:10px;color:#bbb;}
.pattern01 ul li.icon-video .secName:hover, .pattern01 ul li.icon-image .secName:hover{color:#666}*/
.pattern01 ul li.icon-video .imageCntnr span,
.pattern01 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%; }
.pattern01 ul li.icon-video .imageCntnr span:before,
.pattern01 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; }
.pattern01 ul li.icon-image .imageCntnr span:before { content: "t";  }
.pattern01 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
/********** Opinions **********/
.opinions { padding: 12px; height: 310px; width: calc((100% - 372px) /2); float: right; border: 1px solid #e8e8e8; margin-left: 20px }
.opinions .ttl { height: 40px; border-bottom: 2px solid #E03322 !important; }
.opinions .ttl h3 { padding: 0; background: none !important; line-height: 40px; font-size: 18px; }
.opinions .ttl h3 a { color: #1d1d1d }
.opinions .ttl .more { line-height: 40px }
.opinions .ttl .icon-more:before { line-height: 40px }
.opinions .allItems { display: inline-block; width: 100%; padding: 16px 0 0; }
.opinions .allItems li { width: 100%; margin-bottom: 12px; padding-bottom: 12px; display: inline-block; position: relative; float: right; border-bottom: 1px solid #ddd }
.opinions .allItems li:last-child { border-bottom: 0; margin-bottom: 0; }
.opinions ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((60px * 100) / 100); float: right; width: 60px; border-radius: 50%; overflow: hidden }
.opinions .allItems li img { position: absolute; top: -4px; left: 50%; margin: 0 auto; width: auto; height: 150%; max-width: unset; transform: translateX(-50%); float: right; }
.opinions .allItems li .desc { float: right; width: calc(100% - 60px); padding-right: 12px; margin-top: 6px }
.opinions .allItems li .desc h2 { font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; line-height: 1.5; height: 22px; overflow: hidden }
.opinions .allItems li .writer { position: absolute; right: 72px; bottom: 16px;  font-size: 12px; color: #666; display: inline-block }
.opinions .allItems li .date { position: absolute; left: 0; bottom: 16px;  font-size: 12px; color: #666; display: inline-block; cursor: default; }
.opinions .allItems li .icon-date:before { content: "c"; float: right; margin-left: 5px }
.opinions .allItems li .item:hover .desc h2 { color: #E03322 }
.opinions .allItems li .writer:hover { color: #1d1d1d }
/********** Cross Media **********/
.crossMedia { padding: 12px; height: 310px; width: calc((100% - 372px) /2); float: right; margin-left: 20px; border: 1px solid #e8e8e8 }
.crossMedia .ttl { height: 40px; border-bottom: 2px solid #E03322 !important; }
.crossMedia .ttl h3 { padding: 0; background: none !important; line-height: 40px; color: #1d1d1d; font-size: 18px; }
.crossMedia .ttl h3 a { color: #1d1d1d }
.crossMedia .ttl .more { line-height: 40px }
.crossMedia .ttl .icon-more:before { line-height: 40px }
.crossMedia .allItems { display: inline-block; width: 100%; padding: 16px 0 0; }
.crossMedia .allItems li { width: 100%; margin-bottom: 24px; display: inline-block; position: relative; float: right; }
.crossMedia .allItems li:last-child { margin-bottom: 0 }
.crossMedia .allItems li:after { content: ""; position: absolute; bottom: -12px; right: 0; width: 100%; height: 1px; background: #ddd }
.crossMedia .allItems li:last-child:after { display: none }
.crossMedia ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((180px * 56.25) / 100); float: right; width: 142px; }
.crossMedia .allItems li img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: auto; height: 100%; float: right; }
.crossMedia .allItems li .cnts { display: inline-block; float: right; width: calc(100% - 142px); padding-right: 12px }
.crossMedia .allItems li .desc { display: inline-block; float: right; width: 100%; }
.crossMedia .allItems li .desc h2 {  font-size: 14px; color: #1d1d1d; line-height: 1.6; height: 66px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.crossMedia .allItems li .secName { display: inline-block; float: right; font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; margin-bottom: 6px }
.crossMedia .allItems li .number { position: absolute; top: 0px; right: 0px; 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 }
.crossMedia .allItems li .item:hover .desc h2 { color: #E03322 }
/** Video Popup **/
.openVideoPopupMain { overflow: hidden !important }
.videoPlayerPopup { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; width: 100%; padding: 60px 200px; height: calc(100% - 50px); background: linear-gradient(45deg,#1d1d1d,#222,#1d1d1d); visibility: hidden; opacity: 0; z-index: 200; }
/*.videoPlayerPopup:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../Images/ACN2022/videoPopupBG.png) center center repeat;background-size: auto 40%;opacity: 0.05;pointer-events: none;}*/
.openVideoPopupMain .videoPlayerPopup { visibility: visible; opacity: 1 }
.videoPlayerPopup .closeVideoPopup { position: absolute; width: 50px; height: 50px; top: 20px; left: 20px; border-radius: 50%; background: #E03322; transition: none; opacity: 0; visibility: hidden }
.openVideoPopupMain .videoPlayerPopup .closeVideoPopup { visibility: visible; opacity: 1 }
.openVideoPopupMain .videoPlayerPopup .videoPlayerContainer { height: 100% }
.videoPlayerPopup .videoSponsor { position: absolute; top: 60px; right: 60px; }
.videoPlayerPopup .videoSponsor img { width: auto; height: 60px }
.videoPlayerPopup .closeVideoPopup:after, .videoPlayerPopup .closeVideoPopup:before { content: ''; position: absolute; top: 50%; margin-top: -15px; width: 2px; height: 30px; background-color: #fff; }
.videoPlayerPopup .closeVideoPopup:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.videoPlayerPopup .closeVideoPopup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.videoPlayerPopup .playerPopupCntnr { width: 100%; height: 100%; display: -ms-flexbox; display: flex; position: relative; transition: none; opacity: 0; visibility: hidden }
.openVideoPopupMain .videoPlayerPopup .playerPopupCntnr { visibility: visible; opacity: 1 }
.videoPlayerPopup .mainVideo { display: inline-block; float: right; width: calc(100% - 400px); position: relative; padding-left: 40px }
.videoPlayerPopup .mainVideo .jp-container { max-height: 500px; height: auto }
.videoPlayerPopup .mainVideo .jspTrack { background: #171c2a; border-left: 1px solid #2c3348; }
.videoPlayerPopup .mainVideo .jspDrag { background: rgba(255,255,255,0.2) }
.videoPlayerPopup .mainVideo .cntnr { display: inline-block; float: right; width: 100%; height: 0; position: relative; padding-bottom: 56.5%; background: #000; overflow: hidden; }
.videoPlayerPopup .mainVideo .cntnr iframe { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.videoPlayerPopup .mainVideo .cntnr .twitter-tweet { margin: 0 !important; position: absolute; width: 100% !important; height: 100% !important; max-width: 100% !important; top: 0; right: 0; left: 0; bottom: 0; overflow-y: auto; }
.videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { position: absolute !important; width: 550px !important; height: auto; top: 0; transform: translateX(-50%); background: #fff; min-height: 100% !important }
.videoPlayerPopup .mainVideo .desc { display: inline-block; float: right; width: 100%; padding: 20px 16px; position: relative }
.videoPlayerPopup .mainVideo .desc p { display: inline-block; float: right; width: calc(100% - 120px); font-family: DroidKufiBold, arial; color: #fff; font-size: 26px; line-height: 1.8; overflow: hidden; height: 92px }
.videoPlayerPopup .mainVideo .desc p.date { font-size: 13px; color: rgba(255,255,255,0.5); max-height: unset; margin-bottom: 10px;  height: auto; padding: 8px 0 }
.videoPlayerPopup .mainVideo .shareMenu { position: absolute; left: 0; top: 20px; }
.videoPlayerPopup .mainVideo .shareMenu a { float: right; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; margin-left: 10px; border: 1px solid #fff; border-radius: 50% }
.videoPlayerPopup .mainVideo .shareMenu a:before { line-height: 38px }
.videoPlayerPopup .mainVideo .shareMenu a:last-child { margin-left: 0; position: relative; }
.videoPlayerPopup .mainVideo .shareMenu a.icon-tw { margin-left: 0 }
.videoPlayerPopup .mainVideo .shareMenu a.icon-fb:hover { background: #4267b2; border: 1px solid #4267b2 }
.videoPlayerPopup .mainVideo .shareMenu a.icon-tw:hover { background: #1da1f2; border: 1px solid #1da1f2 }
.videoPlayerPopup .mainVideo .shareMenu a.icon-fb:before { content: "u"; }
.videoPlayerPopup .mainVideo .shareMenu a.icon-tw:before { content: "?"; }
.videoPlayerPopup .mainVideo .shareMenu a.icon-wapp:before { content: "S"; }
.videoPlayerPopup .mainVideo .shareMenu a.icon-wapp { display: none }
/** Video Popup Left **/
.videoPlayerPopup aside { display: inline-block; float: right; width: 400px; background: rgba(0,0,0,0.3); /*border-right:4px solid #E03322;*/ overflow: hidden; }
.videoPlayerPopup aside h2 { display: inline-block; float: right; width: 100%; font-family: DroidKufiBold, arial; color: #fff; font-size: 16px; text-align: right; padding: 10px 16px; background: rgba(0,0,0,0.5); border-bottom: 1px solid rgba(255,255,255,0.2) }
.videoPlayerPopup aside .playerList { display: inline-block; float: right; width: calc(100% + 17px); padding: 10px; position: relative; height: calc(100% - 52px); overflow: auto; padding: 0; }
.videoPlayerPopup aside .playerList li { display: inline-block; float: right; width: 100%; padding: 12px; cursor: pointer; 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; }
.videoPlayerPopup aside .playerList li .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((110px * 67)/ 100); width: 110px; height: 100%; display: inline-block; float: right; }
.videoPlayerPopup aside .playerList li .imageCntnr img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0 }
.videoPlayerPopup aside .playerList li.playing, .videoPlayerPopup aside .playerList li:hover { background: rgba(0,0,0,0.4); }
.videoPlayerPopup aside .playerList li.playing .desc p, .videoPlayerPopup aside .playerList li:hover .desc p { color: #A8006B }
.videoPlayerPopup aside .playerList li .desc { display: inline-block; float: right; width: calc(100% - 110px); padding: 4px 16px }
.videoPlayerPopup aside .playerList li .desc p { display: inline-block; float: right; width: 100%; overflow: hidden;  color: #fff; font-size: 13px; line-height: 1.6; max-height: 42px; overflow: hidden; margin-bottom: 0px }
.videoPlayerPopup aside .playerList li .desc p.date { font-size: 11px; color: rgba(255,255,255,0.5); max-height: unset; margin-bottom: 6px }
.videoPlayerPopup aside .playerList li .icon { width: 22px; height: 22px; float: right; margin-left: 10px; text-align: center; background: #E03322; position: absolute; top: 0; right: 0; z-index: 1; }
.videoPlayerPopup aside .playerList li .icon:before { content: "s"; margin-left: 2px; color: #fff; font-size: 13px; line-height: 22px; }
.videoPlayerPopup aside .playerList li.adsList:hover { background: transparent }
.videoPlayerPopup aside .playerList .sponsorBanner { display: inline-block; float: right; width: 100%; }
.videoPlayerPopup aside .playerList .sponsorBanner img { width: 100%; height: auto }
.videoPlayerPopup aside .playerList .acn-loader {position: absolute;width: 70px;height: 70px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.videoPlayerPopup aside .playerList .acn-loader img{width:100%;}
/********** Entrypoints **********/
.entrypoints { background: none; box-shadow: none; width: 300px; height: 266px; margin-left: 20px }
.entrypoints .bx-wrapper:first-child { margin-bottom: 20px !important }
.entrypoints ul { display: inline-block; width: 300px !important; height: 121px !important; margin-bottom: 20px; overflow: hidden; float: right }
.entrypoints ul:last-child { margin-bottom: 0 }
.entrypoints ul li { display: inline-block; width: 100%; transition: none; }
.entrypoints ul li img { width: 300px; height: 121px }
.acnDiv .acnCntnr { display: inline-block; text-align: center; width: 948px; float: right; margin: 0 calc((100% - 948px) / 2) 24px; }
.acnDiv .entryPointSlider { display: inline-block; width: auto; height: 266px !important; margin-left: 24px }
.acnDiv .entryPointSlider li { display: inline-block; float: right; width: 300px; height: 266px; margin-left: 24px; background: #fff }
.acnDiv .entryPointSlider li:last-child { margin-left: 0 }
.acnDiv .entryPointSlider li img { width: 100% !important; height: 266px !important }
/********** Homepage Pattern **********/
.pattern02 { padding: 0; background: none }
.pattern02 .ttl .icon-more:before { transform: rotate(-90deg) }
.pattern02 .allItems { display: inline-block; float: right; width: 100%; padding: 16px 0 0 }
.pattern02 ul li { float: right; margin-left: 16px; margin-bottom: 16px; width: calc((50% - 23px) / 2); height: auto; position: relative; z-index: 0;transition:none }
.pattern02 ul li .item { display: block }
.pattern02 ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; display: inline-block; float: right; width: 100% }
.pattern02 ul li .item img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; width: 100%; height: auto; }
.pattern02 .desc { width: 100%; height: 50%; cursor: pointer; position: absolute; bottom: 0; right: 0; pointer-events: none; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.pattern02 .desc .details { position: absolute; bottom: 6px; right: 0; width: 100% }
.pattern02 ul li .desc span { display: inline-block; float: right; margin-right: 10px }
.pattern02 ul li .secName { display: inline-block; padding: 0 6px;  font-size: 11px; color: #fff; background: #E03322; z-index: 1; height: 20px; line-height: 20px; pointer-events: visible; margin-bottom: 6px;transition:none}
.pattern02 .desc h2 { display: inline-block; display: -webkit-box; width: 100%; float: right; color: #fff; text-align: right; max-height: 44px; line-height: 1.6; padding: 0 10px; font-size: 14px;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;transition:none}
.pattern02 .desc h2 a { color:inherit}
.pattern02 ul li:first-child .desc h2 { font-size: 18px; line-height: 1.8; max-height: unset }
.pattern02 ul li .item:hover a h2, .pattern02 ul li .item:hover .desc h2 { color: #fff !important }
.pattern02 ul li:first-child { width: calc(50% - 9px) }
.pattern02 ul li:first-child .item .imageCntnr { padding-bottom: calc(56.25% + 8px) }
.pattern02 ul li:first-child .desc h2 { font-size: 18px; line-height: 1.8; }
.pattern02 ul li:first-child, .pattern02 ul li:nth-child(4), .pattern02 ul li:nth-child(5) { margin-bottom: 0 }
.pattern02 ul li:nth-child(3), .pattern02 ul li:last-child { margin-left: 0 }
.pattern02 ul li.icon-video .imageCntnr span,
.pattern02 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%; }
.pattern02 ul li.icon-video .imageCntnr span:before,
.pattern02 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; }
.pattern02 ul li.icon-image .imageCntnr span:before { content: "t";  }
.pattern02 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.pattern02 .mvLp { display: none }
.pattern02.ramadan { position: relative; background: linear-gradient(0deg,#4c3a6e,#22215b); background: -webkit-linear-gradient(0deg,#4c3a6e,#22215b); background: -o-linear-gradient(0deg,#4c3a6e,#22215b); background: -moz-linear-gradient(0deg,#4c3a6e,#22215b); background: -ms-linear-gradient(0deg,#4c3a6e,#22215b); }
/*.pattern02.ramadan:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url(../Images/ramadanBg.jpg) no-repeat left 0 #fff;z-index:0;opacity:0.7}*/
.pattern02.ramadan .mvLp { display: none; content: ""; position: absolute; left: 50%; top: 5px; transform: translateX(-50%); width: 165px; height: 46px; z-index: 1 }
.pattern02.ramadan .mvLp .mv { float: right; margin-left: 10px; width: 111px; height: 46px; display: inline-block; background: url(../Images/mvLogo.png) no-repeat center center; background-size: 100% }
.pattern02.ramadan .mvLp .ic { float: right; width: 44px; height: 46px; display: inline-block; background: url(../Images/icityLogo.png) no-repeat center center; background-size: 100% }
.pattern02.ramadan .ttl { position: relative; z-index: 1 }
.ramadan .pattern02.ramadan { background: #fff }
.ramadan .pattern02.ramadan:before { display: none }
.ramadan .filterMainContent h3{width:170px}
.pattern02.ramadan:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/ramadanPatternBG.png?ref=0.1) top -20px right repeat; background-size: 80px auto; opacity: 0.7; pointer-events: none }
.pattern02.ramadan:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/ramMasrawyLogo.png) top 10px right 194px no-repeat; background-size: 40px auto; pointer-events: none }
.pattern02.ramadan .ttl h3, .pattern02.ramadan .ttl h3 a { color: #fff }
.pattern02.ramadan .ttl { border-bottom: none }
.pattern02.ramadan .ttl h3:after { background: #fff; }
.pattern02.ramadan ul li:nth-last-child(-n+3) .desc p { color: #fff }
.pattern02.ramadan ul li:nth-last-child(-n+3) .item:hover .desc p { color: #ccc }
.pattern02.ramadan ul li:nth-last-child(-n+3) .secName { color: #fff }
.pattern02.ramadan ul li a img { border: 1px solid #686868; }
.pattern02.ramadan .ttl .more { color: #fff }
.ramadan .mobawaba img { width: 100%; height: 100% }
/********** Masrawy TV **********/
.masrawyTV { width: 332px; float: left; background: #fff; border: 1px solid #e8e8e8; padding: 12px; height: 310px }
.masrawyTV .ttl h3 { padding: 0; background: none !important; font-size: 18px }
.masrawyTV .ttl h3 a { color: #1d1d1d }
.masrawyTV ul li { width: 100% !important; display: inline-block !important; }
.pattern02.masrawyTV ul li .item .imageCntnr { padding-bottom: 75% }
.pattern02.masrawyTV ul li .item img { width: auto; height: 100%; }
.pattern02.masrawyTV .ttl .icon-more:before { transform: none }
/** shift **/
.pattern02.shift { background: url(../Images/backgroundshift.jpg) center center no-repeat; position: relative }
.shift .ttl h3 a, .shift .ttl h1 a { color: #fff }
/********** Most Read **********/
.mostRead { padding: 10px; height: 616px; width: calc(100% - 648px); float: right; margin-left: 24px; border: 1px solid #e8e8e8 }
.mostRead .ttl { height: 40px }
.mostRead .ttl h3 { padding: 0; background: none !important; line-height: 40px; color: #1d1d1d; font-size: 18px; }
.mostRead .ttl h3 a { color: #1d1d1d }
.mostRead .ttl .more { line-height: 40px }
.mostRead .ttl .icon-more:before { line-height: 40px }
.mostRead .allItems { display: inline-block; width: 100%; padding: 16px 0 0; }
.mostRead .allItems li { width: 100%; margin-bottom: 24px; display: inline-block; position: relative; float: right; }
.mostRead .allItems li:after { content: ""; position: absolute; bottom: -12px; right: 0; width: 100%; height: 1px; background: #ddd }
.mostRead .allItems li:last-child:after { display: none }
.mostRead ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((116px * 75) / 100); float: right; width: 116px; }
.mostRead .allItems li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; float: right; }
.mostRead .allItems li .cnts { display: inline-block; float: right; width: calc(100% - 116px); padding-right: 12px }
.mostRead .allItems li .desc { display: inline-block; float: right; width: 100%; }
.mostRead .allItems li .desc h2 {  font-size: 14px; color: #1d1d1d; line-height: 1.6; height: 46px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.mostRead .allItems li .secName { display: inline-block; float: right; font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; margin-bottom: 6px }
/*.mostRead .allItems li .secName:after{content:"";width:4px;height:14px;background:#E03322;float:right;margin-left:5px;margin-top:3px}*/
.mostRead .allItems li .number { position: absolute; top: 0px; right: 0px; 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 }
.mostRead .allItems li .item:hover .desc p { color: #666 }
/*.mostRead .allItems li .secName:hover{color:#1d1d1d}*/
/********** Special Files **********/
.specialFiles { padding: 0; width: 300px; height: 225px; margin-bottom: 24px; direction: ltr; overflow: hidden; }
.specialFiles ul li { position: relative; overflow: hidden;height:225px }
.specialFiles ul li a { display: block }
.specialFiles ul li a img { width: 100%; height: 100%; max-height: 225px;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); }
.specialFiles .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.specialFiles .desc p { color: #fff; text-align: center; line-height: 1.6; padding: 10px; font-size: 16px;  position: absolute; bottom: 10px; right: 0; height: auto; overflow: hidden; margin-bottom: 5px }
.specialFiles .name { width: 150px; height: 70px; background: #E03322; border-bottom: 5px solid #fff; position: absolute; left: -52px; top: -8px; z-index: 999; pointer-events: none; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.specialFiles .name h2, .specialFiles .name span { padding: 0; font-family: DroidKufiBold, arial; color: #fff; font-size: 16px; display: block; line-height: 6.3; text-align: center; }
.bx-wrapper { width: 100%; height: auto; position: relative; z-index: 0 }
.bx-wrapper img { max-width: 100%; display: block; border: none }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.IslameyatProg ul li.icon-video:before { content: "s"; color: #fff; font-size: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20%; margin-left: -5%; width: 40px; height: 40px; z-index: 1; opacity: 0.7 }
/* Next & Prev */
.bx-wrapper .bx-controls-direction a {width:48px;top: 50%; margin-top: -39px; outline: 0; display: inline-block; position: absolute; color: #fff; opacity: 0.7 }
.bx-wrapper .bx-controls-direction a:hover { opacity: 1 }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-direction a:before { font-size: 46px; }
.bx-wrapper .bx-next { right: 0 }
.bx-wrapper .bx-next:before { content: "r"; }
.bx-wrapper .bx-prev { left: 0 }
.bx-wrapper .bx-prev:before { content: "q"; }
/* Bullets */
.bx-wrapper .bx-pager { text-align: center; }
.bx-wrapper .bx-pager-item { margin-right: 3px }
.bx-wrapper .bx-pager-item:last-child { margin-right: 0 }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; position: relative }
.bx-wrapper .bx-pager a { background: none; text-indent: -9999px; display: block; width: 12px; height: 12px; outline: 0; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active { background: #fff }
/********** Mobawaba **********/
.mobawaba { padding: 12px; background: #0683a4; width: 300px; height: 367px }
.mobawaba .border { border: 1px solid #5daebf; height: 343px }
.mobawaba .ttl { padding: 0 8px; height: 49px; border-bottom: 1px solid #5daebf !important }
.mobawaba .ttl h2 a { background: url(../Images/mobawabaLogo.png) no-repeat right 0; height: 33px; line-height: 4.4; padding: 10px 80px 5px 0; color: #fff; font-size: 14px;}
.mobawaba .ttl h2:after { display: none }
.mobawaba .allItems { padding: 8px; border-bottom: 1px solid #5daebf }
.mobawaba ul li { position: relative }
.mobawaba ul li a { display: block }
.mobawaba ul li a img { width: 100%; height: auto; border: none; }
.mobawaba .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.mobawaba .desc p { color: #fff; text-align: center; line-height: 1.6; padding: 12px; font-size: 18px;  position: absolute; bottom: 0; right: 0; height: 80px; overflow: hidden }
.mobawaba .footer { width: 100%; height: 65px; background: #01313d; padding: 8px; position: absolute; bottom: -82px; right: 0; cursor: default }
.mobawaba .footer .price { float: right; font-family: Arial; font-weight: bold; font-size: 22px; color: #fff; line-height: 2.2; cursor: default }
.mobawaba .footer .price span { margin-right: 5px;  font-size: 14px; font-weight: normal }
.mobawaba .footer .add { float: left; height: 49px; padding: 0 8px;  font-size: 15px; color: #fff; line-height: 3.4 }
.mobawaba .footer .add:hover { background: #08708a }
/********** Dugout **********/
.dugoutVideo { padding: 0; background: #000; position: relative; margin-bottom: 30px }
.dugoutVideo .cntnr { display: inline-block; width: 100%; float: right; padding-bottom: 56.30%; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.dugoutVideo .cntnr iframe { width: 100%; height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; overflow: hidden }
/* tabs CSS */
.tabs-nav { list-style: none; margin: 0; display: inline-block; float: right; width: 100% }
.tabs-nav:after { display: block; clear: both; content: " "; }
.tabs-nav > li { position: relative; float: right; font-size: 12px; }
.tabs-nav > li > a { display: block; color: #8a8a8a; position: relative; text-align: center; height: 26px; line-height: 2; white-space: nowrap; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.tabs-nav .tabs-selected > a { font-size: 12px; line-height: 1.5; background-color: #168039; color: #fff }
.tabs-nav > li > a:hover, .tabs-nav > li > a:focus, .tabs-nav > li > a:active { background-color: #168039; color: #fff; outline: 0; }
.tabs-nav > li:hover > a, .tabs-nav > li:focus > a, .tabs-nav > li:active > a { background-color: #168039; color: #fff; outline: 0; }
.tabs-nav .tabs-selected > a:link, .tabs-nav .tabs-selected > a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.tabs-nav > li > a:hover, .tabs-nav > li > a:focus, .tabs-nav > li > a:active { cursor: pointer; }
.tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }
.tabs-hide { display: none; }
.sportsContainer { background: none; box-shadow: none; margin-bottom: 0 }
/********** Matches Tabs **********/
.matchesTabs { background: none; box-shadow: none }
.matchesTabs .allMatches { display: inline-block; float: right; width: 100% }
.matchesTabs .allMatches #matchesTableTabs { display: inline-block; float: right; width: 100% }
.matchesTabs .allMatches #matchesTableTabs #divcontainer { display: inline-block; float: right; width: 100%; margin-top: -1px; background: #fff; border: 1px solid #e8e8e8 }
.matchesTable { padding: 10px 15px; min-height: 142px; display: inline-block; width: 270px; }
.matchesTable .tabs-container .slide .noMatches { text-align: center; font-size: 14px; padding-top: 0; line-height: 8 }
/* Tab Menu */
.allMatches .tabs-nav li { width: 80px; height: 30px; margin-left: 2px; }
.allMatches .tabs-nav li > a { height: 30px; line-height: 2.4; border: 0; box-shadow: none; font-size: 13px; background-color: #ddd; color: #1d1d1d; }
.allMatches .tabs-nav .tabs-selected > a { background-color: #fff; color: #1d1d1d; border: 1px solid #e8e8e8; border-bottom: none; }
.allMatches .tabs-nav > li > a { border-right: none; box-shadow: none }
/* Tab Content */
.allMatches #tab-content { border: 1px solid #d7d7d7; background-color: #eeeeee; height: 100%; margin: 0; clear: both; padding: 0px; display: block }
.allMatches #tab-01 { width: 100% }
.allMatches #tab-02 { width: 100% }
.allMatches #tab-03 { width: 100% }
.allMatches .tabs-container .slide p { text-align: center;  font-size: 13px; padding-top: 10px; color: #fff }
.allMatches .tabs-container { overflow: auto; direction: rtl; display: inline-block; float: right; width: 100%; }
.allMatches .slide { display: inline-block; width: 100%; height: 162px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; float: right; }
.allMatches .item { color: #1d1d1d; font-size: 12px; text-align: center; padding: 18px; position: relative; width: calc((100% /3) - 0.1px); float: right; white-space: normal; }
.allMatches .item:after { content: ""; position: absolute; top: 74px; left: -1px; height: 86px; width: 1px; background: #ddd }
.allMatches .item:nth-child(3n):after { display: none }
.allMatches .item .tourName { font-size: 13px; color: #1d1d1d; padding-bottom: 5px; float: right; margin-bottom: 24px; cursor: auto; text-align: center; width: 100%; display: inline-block; border-bottom: 1px solid #056818 }
.allMatches .item .teamA { float: right; width: 110px; height: 66px }
.allMatches .item .teamA img, .allMatches .item .teamB img { height: 40px; width: auto; border: none; overflow: hidden; background: none; min-height: unset; }
.allMatches .item .teamA p, .allMatches .item .teamB p { display: block; margin: 0; padding-top: 10px; color: #1d1d1d;  font-size: 12px; line-height: 1.4 }
.allMatches .item .result { float: right; width: calc(100% - 220px); padding-top: 0 }
.allMatches .item .result.yesterday { padding-top: 12px; font-family: arial }
.allMatches .item .teamB { float: right; width: 110px; height: 66px }
.allMatches .item .result { font-size: 42px }
.allMatches .item .result .matchResult span { color: #1d1d1d; font-size: 14px !important; text-align: center; margin: 0 10px }
.allMatches .item .status a { background: #666; color: #fff; font-size: 12px; display: block }
.allMatches .status { position: relative; margin: 0 auto; width: 100%; font-family: arial }
.allMatches .item .result .status span { background: none; color: #1d1d1d !important; line-height: 1; display: block; margin-top: 14px !important; font-size: 16px !important }
.allMatches .item .result span.now { width: 60px; height: 20px; background: #056818; color: #fff !important; text-align: center; font-size: 11px !important; line-height: 1.8; margin: 10px auto 0 !important; border-radius: 0 !important }
.allMatches .matchResult { font-family: Arial; font-size: 30px; line-height: 1.4; margin-top: 0 }
.matchesTabs .more { color: #fff; width: 100%; height: 36px; font-size: 14px; text-align: center; background: #056818; display: inline-block; float: right; padding: 3px 0; line-height: 2.2; transition: background-color 0.4s ease 0s; }
.matchesTabs .more:hover { background-color: #2e8432 }
.matchesTabs .slide .noMatches { font-size: 20px !important; padding-top: 56px !important; width: 100%; color: #1d1d1d !important; line-height: 3.5; }
/******************** Matches HP Clip ********************/
.matchesHp{display:inline-block;width:100%;float:right;background:none}
.matchesHp .matchesHpCntnr{display:inline-block;width:100%;float:right;padding:0 28px;height:100px;overflow:hidden;margin:6px 0 0}
.matchesHp .matchesHpCntnr .matchesSlider{display: inline-block;width: 100%;height: 100px;float:right;background:#fff}
.matchesHp .matchItem{display:inline-block;float:right;width:calc(100% / 5);height:100px;background:#fff;overflow: hidden;border-left: 2px solid #e8e8e8;padding:6px 12px;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}
.matchesHp .matchItem:first-of-type{border-right:2px solid #f2f2f2}
.matchesHp .matchItem .tourName{font-size: 11px;color:#000;text-align:center;width:100%;display:inline-block;line-height: 1.4;float:right;margin-bottom: 4px;}
.matchesHp .matchItem .teamA, .matchesHp .matchItem .teamB{float:right;width:calc((100% - 66px) / 2);height:64px;text-align:center}
.matchesHp .matchItem .teamA{padding-left:12px}
.matchesHp .matchItem .teamB{padding-right:12px}
.matchesHp .matchItem .teamA img, .matchesHp .matchItem .teamB img{height: 26px;width: auto;border:none;display:inline-block;min-height:unset}
.matchesHp .matchItem .teamA p, .matchesHp .matchItem .teamB p{display:inline-block;width:100%; margin:0; padding-top:5px;color:#000;font-size:11px;line-height:1.2;text-align:center}
.matchesHp .matchItem .resultDiv{ float:right;width:66px;margin-top: 6px;}
.matchesHp .matchItem .resultDiv .result{color:#000; font-size:16px;font-family:CenturyGothicBold;font-weight:bold;display:inline-block;}
.matchesHp .matchItem .resultDiv .result:first-of-type{float:right}
.matchesHp .matchItem .resultDiv .result:last-of-type{float:left}
.matchesHp .matchItem .resultDiv .matchStatus{display:inline-block;width: 100%;}
.matchesHp .matchItem .resultDiv .matchStatus .status{width:100%;height:18px;display:inline-block;font-size:10px;text-align:center;margin:6px 0 4px;line-height:1.8}
.matchesHp .matchItem .penaltyRes{bottom:3px}
.matchesHp .matchItem .penaltyRes span{font-size:12px}
/** Soon **/
.matchesHp .matchItem.soon .resultDiv .matchStatus .status{border:1px solid #45B3EB;color:#45B3EB}
.matchesHp .matchItem.soon .resultDiv .matchStatus .status:before{content:"لم تبدأ";}
/** Live **/
.matchesHp .matchItem.live .resultDiv .matchStatus .status{border:1px solid #308F40;color:#308F40}
.matchesHp .matchItem.live .resultDiv .matchStatus .status:before{content:"مباشر";}
/** Done **/
.matchesHp .matchItem.done .resultDiv .matchStatus .status{border:1px solid #666;color:#666}
.matchesHp .matchItem.done .resultDiv .matchStatus .status:before{content:"إنتهت";}
/** Live **/
.matchesHp .matchItem .resultDiv .matchStatus .status{border:1px solid #308F40;color:#308F40}
.matchesHp .matchItem .resultDiv .matchStatus .status:before{content:"مباشر";}
.matchesHp .matchItem .resultDiv .matchStatus .time{width:100%;float:right;display:inline-block;color:#666;font-family:arial;font-size:12px;text-align:center}
/** Postponed **/
.matchesHp .matchItem.postponed .resultDiv .matchStatus .status{background:#ff1a3b}
.matchesHp .matchItem.postponed .resultDiv .matchStatus .status:before{content:"مؤجل";}
.matchesHp .matchItem.postponed .resultDiv .matchStatus .time{display:none}
.matchesHp .matchItem.postponed .resultDiv .matchTime{display:none}
.matchesHp .matchItem.postponed .resultDiv .moreDtls{display:none}
.matchesHp .matchItem.postponed .resultDiv .matchResult{display:none}
.matchesHp .ttl{border:none;padding-right:0;background:none;height:32px;position:relative;margin-bottom:0;border-bottom:none!important}
.matchesHp .ttl .matchesTtl{display:inline-block;float:right;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.matchesHp .ttl .matchesTtl .inTtl{float:right;background:#fff;color:#000;width:130px;font-size:13px;text-align:center;padding:0;height:32px;line-height:2.4}
.matchesHp .allMatchesBtn{display:inline-block;float:left;font-size:12px;background:#056818;color:#fff;padding:4px 10px}
.matchesHp .allMatchesBtn:hover{background:#2c792f}
.matchesHp .allMatchesBtn .icon-arrow:before{content:"q";font-size:10px;line-height:1.8;margin-right:6px}
.matchesHp .allMatchesBtn.mob{display:none}
.matchesHp .gotoDay{display: inline-block;padding:0 20px;height:32px;float:right;position: relative;text-align:center;color:#056818;font-size:12px;line-height:2.6}
.matchesHp .gotoDay.yesterday{margin-left:2px}
.matchesHp .gotoDay.tomorrow{margin-right:2px}
.matchesHp .gotoDay span{position: relative;display: inline-block;}
.matchesHp .gotoDay span.icon-prev:before{float:right;content:"h";margin:10px 0 0 6px;transform:rotate(180deg);line-height:1}
.matchesHp .gotoDay span.icon-next:before{float:left;content:"h";margin:10px 6px 0 0;line-height:1}
.matchesHp .gotoDay:hover{background:#fff;color:#056818}
.matchesHp .gotoDay.euro{display:none}
/*.matchesHp .slide .noMatches {font-size: 20px !important;padding-top: 56px !important;width:100%;color: #1d1d1d!important;line-height: 3.5;}*/
.matchesHp .bx-wrapper .bx-pager{display:none}
.matchesHp .flickity-button{position:absolute;width:28px;height:100px;top:0;background:#056818;color:#fff;overflow:hidden;text-align:center;border-radius:0;border:none;margin-top:0;opacity:1;z-index:1}
.matchesHp .flickity-button.previous{right:-28px;left:auto;border:0!important}
.matchesHp .flickity-button.previous:before{color:#fff!important;content:"r";font-size:26px;line-height:4;color:inherit}
.matchesHp .flickity-button.next{left:-28px;right:auto}
.matchesHp .flickity-button.next:before{color:#fff!important;content:"q";font-size:26px;line-height:4;color:inherit}
.matchesHp .flickity-button svg{display:none}
.matchesHp .flickity-button:active, .matchesHp .flickity-button:hover{background-color:#056818}
.matchesHp .flickity-button:active:before, .matchesHp .flickity-button:hover:before {color:#fff}
.matchesHp .flickity-button:focus{background-color:#056818}
.matchesHp .flickity-button:focus:before{color:#fff}
.matchesHp .flickity-button:disabled{opacity: 0.2;cursor: auto;pointer-events: none;}
.imageCntnr{overflow:hidden}
.matchesHp .noStatsDiv{display: inline-block;width: 100%;float: right;}
.matchesHp .noStatsDiv:hover{background:transparent}
.matchesHp .noStats{display:inline-block;width:100%;float:right;position:relative;height:100px}
.matchesHp .noStats p{position:absolute;top:50%;transform:translateY(-50%);font-size:13px;color:#000;width:100%;text-align:center}
.matchesHp .predResult{position: absolute;width: 68px;height: 18px;background-color: #efefef;top: 56px;left:50%;transform:translateX(-50%);line-height: 2;display: inline-block;color: #fff;font-family: DroidKufiLight, Arial;font-size: 10px;text-align: center;background: #000;}
.matchesHp .resultPredBtn .resultDiv .matchStatus .status{background:transparent!important;color:transparent}
.matchesHp .flickity-viewport{overflow:visible}
@media screen and (min-width:1680px) and (max-width:1919px) {
    .matchesHp .matchItem {width: calc(100% / 5)}
}
@media screen and (min-width:1600px) and (max-width:1679px) {
    .matchesHp .matchItem {width: calc(100% / 4)}
}
@media screen and (min-width:1536px) and (max-width:1599px) {
    .matchesHp .matchItem {width: calc(100% / 4)}
}
@media screen and (min-width:1440px) and (max-width:1535px) {
    .matchesHp .matchItem {width: calc(100% / 4)}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    .matchesHp .matchItem {width: calc(100% / 3)}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .matchesHp .matchItem {width: calc(100% / 3)}
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .matchesHp .matchItem {width: calc(100% / 3)}
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .matchesHp .matchItem {width: calc(100% / 2)}
}
@media only screen and (max-width: 1023px) {
    .matchesHp .matchItem {width: calc(100% / 3)}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .matchesHp{margin-bottom:30px;padding:10px}
    .matchesHp .ttl .matchesTtl{left:0;right:0;width:100%;transform:none;position:relative}
    .matchesHp .gotoDay,
    .matchesHp .ttl .matchesTtl .inTtl{padding:0;width:calc((100% - 114px) / 2)}
    .matchesHp .gotoDay{font-size:11px;line-height:3}
    .matchesHp .ttl .matchesTtl .inTtl{font-size:12px;line-height:2.6;width:110px}
    .matchesHp .allMatchesBtn{display:none}
    .matchesHp .allMatchesBtn.mob{display:inline-block;width:100%;margin-top:-12px}
    .matchesHp .matchItem {width: 100%}
    .matchesHp .matchesHpCntnr{height:120px}
}
.matchesHp .flickity-enabled {position: relative;}
.matchesHp .flickity-enabled:focus { outline: none; }
.matchesHp .flickity-viewport {overflow: hidden;position: relative;height: 100%;width:100%;}
.matchesHp .flickity-slider {position: absolute;width: 100%;height: 100%;}
.matchesHp .flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.matchesHp .flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.matchesHp .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}

/********** Masrawy Service **********/
.masrawyServices { background: none }
.masrawyServices .allItems { overflow: auto; direction: rtl; padding: 16px 0 0; display: inline-block; float: right; width: 100%; }
.masrawyServices ul { display: inline-block; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; float: right }
.masrawyServices li { width: calc((100% - 32.1px) / 3); position: relative; float: right; margin-left: 16px; white-space: normal; }
.masrawyServices li:last-child { margin-left: 0 }
.masrawyServices li .item { display: inline-block }
.masrawyServices li img { width: 100%; height: auto; /*min-width:250px;*/ }
.masrawyServices li .more { width: 150px; height: 40px; display: none; margin: 12px calc((100% - 150px) / 2); background: #ffcc00; font-family: DroidKufiBold, Arial; color: #1d1d1d; font-size: 18px; text-align: center; line-height: 2.2 }
.masrawyServices li .more:hover { background: #eebe00 }
/********** Media **********/
.media { background: none; }
.media .ttl { border-bottom: 2px solid #1d1d1d !important }
.media .ttl h3 { background: #1d1d1d !important }
.media .ttl h3 a { color: #fff }
.media .ttl .secMenu li { background: none }
.media .ttl .more { color: #1d1d1d }
.media .ttl .icon-more:before { color: #1d1d1d }
.media .allItems { display: inline-block; width: 100%; padding: 16px 0 0; }
.media ul li { position: relative; width: 430px; float: right; display: inline-block; margin-bottom: 16px; background: #fff; border: 1px solid #e8e8e8 }
.media ul li:first-child { width: calc(100% - 446px); margin-left: 16px; margin-bottom: 0 }
.media ul li:last-child { margin-bottom: 0 }
.media ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((178px * 56.25) / 100); width: 142px; display: inline-block; float: right; }
.media ul li .item img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; width: 100%; height: 100%;object-fit: cover; border: none; }
.media .cnts { display: inline-block; float: right; width: calc(100% - 142px); }
.media .desc { display: inline-block; float: right; padding: 10px }
.media .desc h2 { float: right; width: 100%; color: #1d1d1d; text-align: right; line-height: 1.6; font-size: 14px;  max-height: 68px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.innerSection .media .desc h2 { -webkit-line-clamp: 3; }
.innerSection .media ul li:first-child .desc h2 { -webkit-line-clamp: 2; }
.media ul li .secName { display: inline-block; font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; z-index: 1; pointer-events: visible; margin-bottom: 6px }
.media ul li:first-child .secName { padding: 0px 6px; color: #fff !important; background: #E03322;  font-size: 11px; height: 20px; line-height: 20px; margin-bottom: 6px }
.media ul li:first-child .item .imageCntnr { padding-bottom: calc(56.25% + 3px); width: 100%; }
.media ul li:first-child .desc { width: 100%; height: 50%; cursor: pointer; position: absolute; bottom: 0; right: 0; padding: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.media ul li:first-child .desc h2 { float: right; width: 100%; font-size: 18px; line-height: 1.8; padding: 0 10px; max-height: unset; color: #fff; height: auto }
.media ul li:first-child .item:hover .desc h2 { color: #fff !important }
.media ul li .desc .details { display: inline-block; float: right; width: 100% }
.media ul li .desc span { display: inline-block; float: right; }
.media ul li:first-child .desc .details { position: absolute; bottom: 6px; right: 0; width: 100%; }
.media ul li:first-child .desc span { margin-right: 10px }
.media ul li.icon-video .imageCntnr span,
.media 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: #1d1d1d; border-radius: 50%; }
.media ul li.icon-video .imageCntnr span:before,
.media 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; }
.media ul li.icon-image .imageCntnr span:before { content: "t"; }
.media ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.innerSection .media .desc { padding: 10px }
.innerSection .media ul li .desc span { display: none }
/********** Caricature **********/
/** In poll view //
.caricature{padding:12px;width:calc((100% - 48px) - (100% - 696px));margin-left:48px;height:266px}*/
.caricature { width: 100%; margin-left: 0; margin-bottom: 0; background: none }
.caricature .ttl { border-bottom: 2px solid #7A4D1A; }
.caricature .ttl h3 { background: #7A4D1A; }
.caricature .allItems { display: inline-block; float: right; width: 100%; padding: 16px 0 0 }
/** In poll view //**/
.caricature li { width: calc((100% - 64px) / 5); position: relative; float: right; margin-left: 16px; background: #fff; border: 1px solid #e8e8e8; }
.caricature li:last-child { margin-left: 0; display: none }
.caricature li:nth-of-type(5) { margin-left: 0 }
.caricature li a .item { display: inline-block }
.caricature li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.6%; }
.caricature li a .imageCntnr img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%;  }
/** In poll view //
.caricature li img{width:100%;max-width:170px;height:auto;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;}*/
.caricature li h2 { width: 100%; height: 60px; display: inline-block;  color: #1d1d1d; font-size: 14px; text-align: right; line-height: 1.6; padding: 16px 10px; overflow: hidden; margin-bottom: 10px; }
.caricature li:hover h2 { color: #7A4D1A }
/********** Poll **********/
.poll { padding: 12px; width: calc(100% - 696px); height: 266px; position: relative }
.poll .allItems { display: inline-block; width: 100%; }
.poll .allItems h2 { display: inline-block; width: 100%; background: #eee; padding: 5px 12px; text-align: right; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; margin: 12px 0 }
.poll .allItems input[type="radio"] + label { font-size: 14px; margin: 0 5px 8px; }
.poll .allItems .btns { position: absolute; left: 12px; bottom: 12px }
.poll .allItems .btns .vote { float: right; width: 100px; height: 30px; background: #E03322;  font-size: 14px; color: #fff; text-align: center; margin-left: 2px; line-height: 2.2 }
.poll .allItems .btns .vote:hover { background: #940500 }
.poll .allItems .btns .social { float: right; width: 30px; height: 30px; margin-left: 2px; color: #fff; text-align: center }
.poll .allItems .btns .social:last-child { margin-left: 0 }
.poll .allItems .btns .icon-fb { background: #3c5899 }
.poll .allItems .btns .icon-fb:hover { background: #2c4582 }
.poll .allItems .btns .icon-fb:before { content: "u"; font-size: 20px; line-height: 1.6 }
.poll .allItems .btns .icon-tw { background: #229ff3 }
.poll .allItems .btns .icon-tw:hover { background: #178cd7 }
.poll .allItems .btns .icon-tw:before { content: "?"; font-size: 20px; line-height: 1.6 }
.leftDtlsSc .akhbarThemak { margin-bottom: 30px }
/****************************** Article Page ******************************/
.article { display: inline-block; width: calc(100% - 320px); margin-left: 20px; background: none }
.cd-articles::before { content: 'desktop'; display: none; }
.cd-articles article { margin-top: 24px; display: inline-block; float: right; width: 100%; padding: 30px 80px; background: #fff; border: 1px solid #e8e8e8; }
.cd-articles article:first-child { margin-top: 0 }
.articleDiv { position: relative; z-index: 2; display: inline-block; float: right; width: 100% }
/** Aside (Akhbar Themak) **/
/*.articleDiv .cd-read-more{height:auto;margin-bottom:30px}*/
.articleDiv .cd-read-more li { counter-increment: articles; }
/*.articleDiv .cd-read-more li a .imageCntnr {padding-bottom: calc((74px * 75) / 100);width: 74px;}
.articleDiv .cd-read-more li .secName{right:98px;bottom: 3px;}*/
.articleDiv .cd-read-more .item::before { content: counter(articles); position: absolute; top: 10px; right: 0; width: 24px; height: 24px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; color: #E03322; font-family: Arial; font-weight: bold; font-size: 20px; text-align: center; line-height: 1.3; pointer-events: none; z-index: 1; }
/*.articleDiv .cd-read-more.fixed {position: fixed;top:60px}
.showSponsor .articleDiv .cd-read-more.fixed {top:120px}*/
.articleDiv .cd-read-more li:last-of-type a::after { display: none; }
/* Reading */
.articleDiv .cd-read-more .item.reading em { color: #2a76e8; }
.articleDiv .cd-read-more .item.reading svg { display: block; }
.articleDiv .cd-read-more .item.reading::before { background-color: #E03322; color: #fff; }
/* Read */
.articleDiv .cd-read-more .item.read em { color: #a6a6a6; }
.articleDiv .cd-read-more .item.read::before { background-color: #d9d9d9; color: #bbb; }
.articleDiv .cd-read-more .item.read .imageCntnr { opacity: 0.5 }
.articleDiv .cd-read-more .item.read p { color: #555 }
.articleDiv .cd-read-more li .secName.read { color: #555 }
.articleDiv .cd-read-more li .secName.read:before { opacity: 0.5 }
/** Breadcrumb **/
.breadcrumb { display: inline-block; width: 100%; float: right; padding: 0 0 4px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; position: relative; z-index: 2; }
.breadcrumb li { display: inline-block; float: right;transition:none }
.breadcrumb li a {display:inline-block;float:right; font-size: 14px; color: #1d1d1d; direction: rtl;transition:none }
.breadcrumb li a:after { content: "q"; display: inline-block;width:12px;height:22px; float: left; margin: 0 10px; font-size: 13px; line-height: 22px; }
.breadcrumb li:last-child a:after { display: none }
.breadcrumb li.active a { color: #E03322 }
/** Article Header **/
article .articleHeader { display: inline-block; width: 100%; float: right; margin-bottom: 24px; position: relative; z-index: 2 }
article .articleHeader h1 { font-family: DroidKufiBold, Arial; font-size: 26px; color: #1d1d1d; direction: rtl; margin-bottom: 12px; line-height: 1.6; }
article .articleHeader .time { display: inline-block; width: 100%;  font-size: 14px; color: #666; float: right; direction: rtl; margin-top: 10px }
article .articleHeader .icon-time:before { content: "e";width:16px;height:25px; float: right; margin-left: 5px; font-size: 16px; line-height: 25px; }
article .articleHeader .time span { margin-left: 20px; position: relative; float: right;}
article .articleHeader .time span:after { content: ""; position: absolute; left: -10px; top: 5px; width: 1px; height: 16px; background: #666 }
article .articleHeader .time span:last-of-type:after { display: none }
article .articleHeader .zedSponsor { float: left; position: relative; display: inline-block;margin-top:-10px}
article .articleHeader .zedSponsor p { float: right; display: inline-block; line-height: 60px; text-align: right;  font-size: 12px; color: #666; cursor: auto }
article .articleHeader .zedSponsor a { float: left }
article .articleHeader .zedSponsor img { width: auto; height: 60px; border: none;margin-right: 10px;float:right }
@media screen and (min-width: 320px) and (max-width: 1279px) {
    article .articleHeader .zedSponsor { float: right;margin-top:20px;width:100%}
    article .articleHeader .zedSponsor img{float:right;width:60px}
}

article  .educationSpons { float: left; position: relative; display: inline-block;margin-top:-10px}
article  .educationSpons a { float: right }
article  .educationSpons img { width: 70px; height: auto; border: none;float:right }
article  .educationSpons a:last-child img{margin-right:15px} 
@media screen and (min-width: 320px) and (max-width: 1279px) {
    article  .educationSpons { float: right;margin-top:20px;width:100%}
    article  .educationSpons img{float:right}
}

/** Article Image **/
article .imgDiv { margin: 0 auto; overflow: hidden; width: 100%; position: relative; max-width: 810px; margin-bottom: 24px; position: relative; z-index: 2 }
article .imgDiv .imageCntnr { padding-bottom: 56.25%; float: right; max-width: 810px; width: 100%; position: relative }
article .imgDiv .imageCntnr img { width: 100%; height: auto; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%) }
article .imgDiv .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
article .imgDiv .desc p { color: #fff; text-align: right; line-height: 1.6; padding: 12px; font-size: 12px;  position: absolute; bottom: 0; right: 0 }
article .imgDiv.crctr .desc { display: none }
/** Article Write By **/
article .writeBy { display: inline-block; width: 100% }
article .writeBy .writerImg { float: right; margin-left: 12px; width: 50px; height: 50px }
article .writeBy .writerImg img { width: 50px; height: auto }
article .writeBy p { float: right;  font-size: 16px; color: #666; direction: rtl; line-height: 3 }
article p { cursor: default }
/** Article Details **/
article .details { display: inline-block; width: 100%; float: right; direction: rtl; margin-bottom: 40px; text-align: right; white-space: normal !important; margin-top: 0 !important; position: relative; z-index: 2; overflow: hidden }
article .details, article .details p:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p), article .details h2, article .details span:not(.divVideoStep span, .spk-stand-wg .sp-wi-item span), article .details pre { font-family: DroidKufiLight, Arial !important; font-size: 15px !important; color: #1d1d1d !important; text-align: right !important; line-height: 2.2; margin: 12px 0; width: 100%; white-space: normal; cursor: auto }
article .sp-inline .sp-inline-hightlight .heightlight, article .sp-inline .sp-inline-hightlight span { font-family: DroidKufiLight, Arial !important; font-size: 15px !important; color: #1d1d1d !important; font-weight: bold; }
article .details p a[data-saferedirecturl] { width: 100%; display: inline-block; float: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; direction: ltr; }
article.paginationDiv .details h3 { float: left; width: 300px }
article.paginationDiv .details .pagingDtls { width: 100%; }
article.paginationDiv .details p.WizImg { text-align: right !important; float: right; width: calc(100% - 320px); margin-right: 0; margin-left: 20px }
article.paginationDiv .details p.WizImg img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { margin: 0; width: 100%; height: auto; }
article .details p:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p) { width: 100%; }
article .details ul { display: inline-block; width: 100%; padding-right: 36px; }
article .details li { list-style-type: square; display: list-item; margin: 15px 0; width: 100%;  font-size: 16px; color: #1d1d1d; text-align: right; direction: rtl; cursor: default; font-style: italic }
article .details h2 { font-family: DroidKufiBold, Arial !important; margin: 30px 0 0; font-size: 15px !important; }
article .details p a { color: #777; position: relative }
/*article .details p a:before{content:"";height:1px;background:#777;width:100%;position:absolute;right:0;bottom:1px}*/
/*article .details p .kwhd{white-space:nowrap}*/
article .details p .kwhd:before { width: calc(100% - 12px); right: 6px }
article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { margin: 40px calc((100% - 600px) / 2); height: auto; width: 600px }
article .details blockquote { display: inline-block; float: right; position: relative; width: 100%; margin: 15px 0; padding: 36px 24px 0 0; border-right: 3px solid #ccc }
article .details blockquote:before { content: "E"; font-size: 36px; line-height: 1; color: #ccc; position: absolute; top: 0; right: 24px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
article .details blockquote p { font-style: italic; color: #666 !important }
article .details iframe:not([src*="facebook.com"]) { margin: 40px calc((100% - 600px) / 2) !important; height: 450px; width: 600px; display: inline-block; position: relative !important; }
article .details iframe#frmPAVast { margin: 0; width: unset; height: unset }
article .details iframe.instagram-media { position: relative !important; min-height: 595px }
article .details .pattern01 iframe { margin: 0 !important; width: 100%; height: 84px; background-color: #f8f8f8 }
article .details P.facebookVideoT:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p) { width: 350px; position: relative; padding-bottom: calc((350px * 178) / 100); margin: 20px calc((100% - 350px) / 2); float: right }
article .details P.facebookVideoT iframe { width: 100%; height: 100%; right: unset; left: 50%; transform: translateX(-50%); position: absolute !important; margin: 0 !important }
article .details p iframe { width: 400px; float: right; margin: 0 }
article .details p.facebookVideoW:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p) { width: calc(100% - 100px); position: relative; padding-bottom: calc((calc(100% - 100px) * 56.25)/100); margin: 40px calc((100% - calc(100% - 100px))/2); }
article .details p.facebookVideoW iframe { width: 100%; height: 100%; right: unset; left: 50%; transform: translateX(-50%); position: absolute !important; margin: 0 !important }
article .details p.facebookVideoS:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p) { width: 350px; position: relative; padding-bottom: calc((350px * 100) / 100); margin: 40px calc((100% - 350px) / 2) }
article .details p.facebookVideoS iframe { width: 100%; height: 100%; right: unset; left: 50%; transform: translateX(-50%); position: absolute !important; margin: 0 !important }
article .detailsarticle .details .twitter-video { margin: 24px auto !important }
article .details .twitter-video iframe { margin: 0 auto; height: auto; width: 100% }
div[id^="pa_1x1_psbk_"] { clear: none !important }
article .details .flourish-embed iframe { margin: 0 !important }
article .details .aries_stage,
article .details .aries_stage.aries_horizontalAxis{width:100%;height:260px}
/** Article Pagination **/
article .pagination { display: inline-block; width: 100%; float: right; text-align: center; margin-bottom: 50px; position: relative; z-index: 2 }
article .pagination ul { margin: 0 auto; text-align: center; display: inline-block }
article .pagination ul.PCount { margin: 0 20px }
article .pagination ul li { float: right; border: 1px solid #ddd; margin: 0 2px }
article .pagination ul li:hover { border: 1px solid #666 }
article .pagination ul .liDots4, article .pagination ul .liDots7, article .pagination ul .liDots10,
article .pagination ul .liDots13, article .pagination ul .liDots16, article .pagination ul .liDots19 { border: none !important }
article .pagination ul li a, article .pagination ul li .dots { display: block; overflow: hidden; width: 30px; background: #f8f8f8; height: 30px; text-align: center; font-family: Arial; font-size: 16px; color: #595959; line-height: 2 }
article .pagination ul li .dots { font-weight: bold; background: none }
article .pagination ul li.nextPrev a { width: 55px;  font-size: 14px; margin-left: 0; color: #1d1d1d }
article .pagination ul li.nextPrev .icon-prev:hover:before, article .pagination ul li.nextPrev a:hover .prev { display: none }
article .pagination ul li.nextPrev a:hover:before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
article .pagination ul li.nextPrev a:before { display: block !important; }
article .pagination ul li.current a { background-color: #444 }
article .pagination ul li.nextPrev.disabled a { opacity: .2; cursor: default; }
/*.paginationDiv .pattern01{margin-bottom:0}*/
.paginationDiv .pattern01 ul li { width: calc((100% - 32px) / 3) }
.paginationDiv .pattern01 ul li:nth-child(5n) { margin-left: 16px }
.paginationDiv .pattern01 ul li:nth-child(3n) { margin-left: 0 }
.paginationDiv .pattern01 ul li:nth-last-child(-n+5) { margin-bottom: 16px; }
.paginationDiv .pattern01 ul li:nth-last-child(-n+3) { margin-bottom: 0; }
/* Prev */
article .pagination ul li.nextPrev .icon-prev:before { content: "r"; font-size: 14px; display: block; width: 100%; height: 30px; line-height: 2.4; font-weight: bold; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); 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; }
article .pagination ul li.nextPrev a .prev { display: block; width: 100%; height: 35px; line-height: 5.2; font-size: 12px; color: #fff; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); 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; }
/*article .pagination ul li.nextPrev .icon-prev:hover:before{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);}
article .pagination ul li.nextPrev a:hover .prev{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);}*/
/* Next */
article .pagination ul li.nextPrev .icon-next:before { content: "q"; font-size: 14px; display: block; width: 100%; height: 30px; line-height: 2.4; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); 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; }
article .pagination ul li.nextPrev a .next { display: block; width: 100%; height: 35px; line-height: 5.2; font-size: 12px; color: #fff; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); 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; }
/*article .pagination ul li.nextPrev .icon-next:hover:before{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);}
article .pagination ul li.nextPrev a:hover .next{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);}*/
/** Article Provider **/
article .provider { display: inline-block; width: 100%; float: right; margin-bottom: 40px }
article .provider h2 { float: right; font-family: DroidKufiBold, Arial; font-size: 16px; color: #1d1d1d; margin-left: 10px; width: 130px; line-height: 2.5 }
article .provider .providerImg { float: right; width: calc(100% - 140px); height: 40px; text-align: right; overflow: hidden }
article .provider .providerImg img { width: auto; height: 40px; }
/** Next Link **/
article .nextLink { display: inline-block; width: 100%; float: right; margin-bottom: 60px; position: relative; z-index: 2 }
article .nextLink .nextLinkTitle { float: right; font-family: DroidKufiBold, Arial; font-size: 15px; color: #1d1d1d; margin-left: 5px }
article .nextLink a { float: right;  font-size: 15px; color: #E03322; position: relative; direction: rtl; text-align: right }
/** Elconsolto Link **/
.consoltoDiv { display: inline-block; width: 100%; float: right; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; position: relative; z-index: 2 }
.consoltoLink { float: right;  font-size: 15px; color: #1a3a4d; position: relative; direction: rtl; text-align: right; }
/** Shift Link **/
.shiftDiv { display: inline-block; width: 100%; float: right; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; position: relative; z-index: 2 }
.shiftLink { float: right;  font-size: 15px; color: #ff6200; position: relative; direction: rtl; text-align: right; }
/** Keywords **/
article .keywordsDiv { display: inline-block; width: 100%; float: right; margin-bottom: 40px; position: relative; z-index: 2 }
article .keywordsDiv .item { float: right; padding: 0px 15px; background: #eee; margin: 0 0 10px 10px;  font-size: 14px; color: #1d1d1d; height: 36px; line-height: 2.6 }
article .keywordsDiv .item:hover { background: #e2e2e2 }
.dmPlayerCntnr{display:inline-block;float:right;width:100%;margin-bottom:30px}
.dmPlayerCntnr p{display:inline-block;float:right;width:100%;font-family:DroidKufiBold,Arial!important;font-size:15px!important;margin-bottom:10px!important;cursor:auto!important}
.dmPlayerCntnr .dm-player{display:inline-block;float:right;width:100%}
#dailymotion-pip-large-viewport,
#dailymotion-pip-small-viewport{--dm--pip-left: 0;--dm--pip-right: auto;transform: none!important;right: 0!important;bottom: 0!important;}

.dailyvideoUp #dailymotion-pip-large-viewport,
.dailyvideoUp #dailymotion-pip-small-viewport{bottom:82px!important}

.dailyvideodownLAT #dailymotion-pip-large-viewport,
.dailyvideodownLAT #dailymotion-pip-small-viewport{bottom:48px!important}
article .pageLink{    display: inline-block;width: 100%; float: right; text-align: right; font-size: 15px; color: #330d46;font-family:DroidKufiBold,Arial;margin-bottom:10px}
article .pageLink:nth-of-type(2n){margin-bottom:20px}
article .pageLink span{color:#db7e08}

@media screen and (min-width: 320px) and (max-width: 767px) {
.dmPlayerCntnr p{font-size:14px!important}
#dailymotion-pip-small-viewport{bottom: 40px!important;top: auto!important;height: 160px!important;width: 275px!important;}
.dailyvideodownLAT #dailymotion-pip-small-viewport{bottom:50px!important}
#dailymotion-pip-small-viewport iframe{transform:none!important;width:100%!important;height:100%!important}
}
/** News Feed **/
article .newsFeed { display: inline-block; float: right; width: 560px; margin: 0 calc((100% - 560px) / 2) 40px; background: #f8f8f8; padding: 14px 20px; border-radius: 6px; overflow: hidden }
article .newsFeed a { display: inline-block; float: right; width: calc((100% - 60px) / 3); margin-left: 30px }
article .newsFeed a:last-child { margin-left: 0 }
article .newsFeed a .image { display: inline-block; float: right; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; position: relative; }
article .newsFeed a .image img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 !important; border: none }
article .newsFeed a p { display: inline-block; float: right; width: calc(100% - 36px);  font-size: 12px !important; padding-right: 10px; margin: 0; line-height: 1.5; cursor: pointer }
article .newsFeed a.google .image { background: #fff }
article .newsFeed a.google .image img { max-width: 26px; max-height: 26px; }
article .newsFeed a.google:hover p { color: #E03322 }
article .newsFeed a.facebook .image { background: #3b5998 }
article .newsFeed a.facebook .image img { max-width: 20px; max-height: 20px; }
article .newsFeed a.facebook:hover p { color: #1877f2 }
article .newsFeed a.youtube .image { background: #ff0000 }
article .newsFeed a.youtube .image img { max-width: 22px; max-height: 22px; }
article .newsFeed a.youtube:hover p { color: #ff0000 }

@media screen and (min-width:1280px) and (max-width:1359px) {
    article .newsFeed { width: 100%; margin: 20px 0; }
    article .newsFeed a { width: calc((100% - 60px) / 3); margin-left: 30px; }
    article .newsFeed a .image { margin: 0 calc((100% - 36px) / 2) 10px }
    article .newsFeed a p { width: 100%; text-align: center !important; padding-right: 0 }
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    article .newsFeed { width: 100%; margin: 20px 0; }
    article .newsFeed a { width: calc((100% - 60px) / 3); margin-left: 30px; }
    article .newsFeed a .image { margin: 0 calc((100% - 36px) / 2) 10px }
    article .newsFeed a p { width: 100%; text-align: center !important; padding-right: 0 }

    article .pageLink{font-size:14px}
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    article .newsFeed { width: 100%; margin: 20px 0; }
    article .newsFeed a { width: calc((100% - 60px) / 3); margin-left: 30px; }
    article .newsFeed a .image { margin: 0 calc((100% - 36px) / 2) 10px }
    article .newsFeed a p { width: 100%; text-align: center !important; padding-right: 0 }

    article .pageLink{font-size:14px}
}
@media only screen and (max-width: 1023px) {
    article .pageLink{font-size:13px}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    article .newsFeed { width: 100%; margin: 0 0 20px; padding: 10px }
    article .newsFeed a { width: calc((100% - 40px) / 3); margin-left: 20px; }
    article .newsFeed a .image { margin: 0 calc((100% - 36px) / 2) 10px }
    article .newsFeed a p { width: 100%; text-align: center !important; padding-right: 0; font-size: 11px !important }
}
/** RelatedNews **/
/** Listing View **/
article .details .pattern01 { box-shadow: none; float: left; width: 270px; margin: 0 40px 30px 0; }
article .details .pattern01:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -20px; background: #e8e8e8 }
/*article .details .pattern01 .ttl{height:32px;border-bottom:1px solid #ddd!important}*/
/*article .details .pattern01 .ttl h3{font-size:18px}*/
/*article .details .pattern01 .ttl h3:after{height:18px;display:none}*/
article .details .pattern01 .allItems { padding: 16px 0 0; float: right }
article .details .pattern01 ul { padding-right: 0; float: right }
article .details .pattern01 ul li { width: 100%; list-style-type: none; display: inline-block; margin: 0 0 8px !important; padding-bottom: 8px; font-style: normal; border: none; border-bottom: 1px solid #e8e8e8 }
article .details .pattern01 .ttl h4 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 17px; color: #1d1d1d; display: inline-block; line-height: 36px; background: none; }
article .details .pattern01 ul li h3 { color: #1d1d1d; height: 42px !important; cursor: pointer; overflow: hidden; text-align: right; line-height: 1.6; font-size: 13px !important; padding: 0 !important; margin: 26px 0 0 !important;  display: -webkit-box; -webkit-line-clamp: 2; -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; }
article .details .pattern01 ul li.news .item:hover h3 { color: #E03322 !important; }
article .details .pattern01 ul li.sports .item:hover h3 { color: #056818 !important; }
article .details .pattern01 ul li.arts .item:hover h3 { color: #A8006B !important; }
article .details .pattern01 ul li.howa_w_hya .item:hover h3 { color: #7b1fa2 !important; }
article .details .pattern01 ul li.autos .item:hover h3 { color: #1a237e !important; }
article .details .pattern01 ul li.islameyat .item:hover h3 { color: #075C99 !important; }
article .details .pattern01 ul li.ramadan .item:hover h3 { color: #330D46 !important; }
article .details .pattern01 ul li:last-child { border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0 !important }
article .details .pattern01 ul li .item .imageCntnr { width: 100px; padding-bottom: calc((120px * 56.25) / 100); float: right; }
article .details .pattern01 ul li .item .imageCntnr span { margin: 0 }
article .details .pattern01 ul li .desc { width: calc(100% - 100px); overflow: hidden; cursor: pointer; float: right; padding: 0 10px 0 0 }
article .details .pattern01 ul li .secName { position: absolute; top: 0; right: 110px; }
/*article .details .pattern01 ul li .secName:after {content: "";width: 4px;height: 12px;float: right;margin-left: 5px;margin-top: 0;}*/
article .details .pattern01 ul li.icon-video .imageCntnr span,
article .details .pattern01 ul li.icon-image .imageCntnr span { position: absolute; width: 32px; height: 32px; text-align: center !important; left: 4px; top: 4px; z-index: 1; margin: 0; line-height: 32px; text-align: center; background: #E03322; border-radius: 50%; }
article .details .pattern01 ul li.icon-video .imageCntnr span:before,
article .details .pattern01 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; }
article .details .pattern01 ul li.icon-image .imageCntnr span:before { content: "t";  }
article .details .pattern01 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
article.AuthorsListing .details .pattern01 { margin-top: 20px }

/** News Pointer & Showcase DIV **/
article .nwsPntrSC { display: inline-block; width: 100% }
article .billboardDiv iframe, article .leaderboardDiv iframe { width: 728px; }
.speakolLeft { display: inline-block; float: left; width: 100%; overflow: hidden }
.speakolLeft .speakol { border-bottom: 0 }
.speakolLeft .speakol .ttl { border-bottom: 2px solid #1d1d1d; }
.speakolLeft .speakol .ttl h3 { background: none; padding: 0; color: #1d1d1d }
.speakolLeft.fixed { position: fixed; top: 70px; background: none !important; left: unset !important; }
/*.showSponsor .speakolLeft.fixed {top: 60px;}*/
/** 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;}

/*** Amazon Widget ***/
.amazonWidgetLB { display: inline-block; float: right; width: 100%; background: #232f3e; padding: 10px 10px 24px; position: relative; margin-bottom: 30px; }
.amazonWidgetLB p { color: #fff; font-family: DroidKufiBold, Arial; overflow: hidden; font-size: 16px; width: auto; float: right; line-height: 2.4; }
.amazonWidgetLB p a { color: #fff }
.amazonWidgetLB .ttl { border-bottom: 2px solid #D6AE7B !important }
.amazonWidgetLB .ttl .more { color: #fff; }
.amazonWidgetLB ul { display: inline-block; float: right; width: 100%; }
.amazonWidgetLB li { width: 100%; display: inline-block; float: right; padding: 10px 0; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2) }
.amazonWidgetLB li:last-child { border-bottom: none }
.amazonWidgetLB ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((100px * 56.25) / 100); float: right; width: 100px; }
.amazonWidgetLB li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; float: right; width: auto; max-width: 100px; height: auto;max-height:100px;}
.amazonWidgetLB li .cnts { display: inline-block; float: right; width: calc(100% - 100px); padding-right: 10px }
.amazonWidgetLB li h2 { float: right; width: 100%;  color: #fff; font-size: 13px; line-height: 1.6; height: 59px; overflow: hidden; display: -webkit-box;
                        -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.amazonWidgetLB li .secName { display: inline-block; float: right; margin-bottom: 6px; font-family: DroidKufiBold, Arial; color: #e67a00; font-size: 12px; }
.amazonWidgetLB .strip { position: absolute; bottom: 0; left: 0; width: 100%; height: 22px; background: #131921; padding: 0 10px; line-height: 22px; direction: ltr; text-align: left; font-family: BebasNeueBold; color: #D6AE7B; font-size: 18px; text-transform: uppercase; margin-bottom: 0 !important }
/** Article Amazon Slider **/
.amazonTopSlider,
.amazonBottomSliderSection{display:inline-block;float:right;width:100%;background:#EDFAFC;padding:10px 0;border:1px solid rgba(0,0,0,0.05)}
.amazonTopSlider .amazonTitle,
.amazonBottomSliderSection .amazonTitle{display:inline-block;float:right;width:100%;padding:0 10px}
.amazonTopSlider .ttl,
.amazonBottomSliderSection .ttl{border-bottom:1px solid rgba(0,0,0,0.1)!important}
.amazonTopSlider .ttl p,
.amazonBottomSliderSection .ttl p{float: right;display: inline-block;padding: 0;font-family: DroidKufiBold, Arial;font-size: 17px;color: #1d1d1d;display: inline-block;line-height: 36px;background: none;}
.amazonTopSlider iframe.amazonTopSliderFrame{display: inline-block;float:right; height: 144px !important; width: 100%;position: relative !important;margin:16px 0 0;}

/** Bottom Slider **/
.amazonBottomSliderMain{display:inline-block;float:right;width:100%;padding:0 20px;position: relative;}
.amazonBottomSlider{display:inline-block;float:right;width:100%;position:relative;padding:10px 0}
.amazonBottomSlider li{display:inline-block;float:right;width:270px;height:130px;border:1px solid rgba(0,0,0,0.05);overflow:hidden;position:relative; display: flex; align-items: center; justify-content: center}
.amazonBottomSlider li a{display:inline-block;float:right;width:100%;height:130px;background:#fff;padding:10px}
.amazonBottomSlider li .amznImg{display: inline-block;float:right;width:70px;height: 70px;overflow:hidden;position:relative}
.amazonBottomSlider li .amznImg img {display: block;width: auto!important;height: auto;max-width: 124px;max-height:70px;background: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.amazonBottomSlider li p{display:inline-block;float:right;width:calc(100% - 70px);padding:4px 10px 4px 0;color:#1d1d1d;line-height:1.6;text-align:right;direction:rtl;font-size:13px;pointer-events:none;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.amazonBottomSlider .priceMain{display:inline-block;float:right;width:calc(100% - 120px);padding-right:10px}
.amazonBottomSlider .price,
.amazonBottomSlider .oldPrice{display:inline-block;float:right;width:auto;font-family:CenturyGothicLight,arial;font-size:16px;color:#E67A00;font-weight:bold;padding:0;line-height:1}
.amazonBottomSlider .price span,
.amazonBottomSlider .oldPrice span{font-family:DroidKufiLight,arial;font-size:12px;font-weight:normal}
.amazonBottomSlider .oldPrice{display:none;font-size:13px;color:#666;position:relative;font-weight:normal;margin-right:6px;width:auto;line-height: 16px;}
.amazonBottomSlider .oldPrice span{font-size:10px}
.amazonBottomSlider .oldPrice:after{content:"";position:absolute;left:0;top:50%;width:100%;border-top:1px solid #666}
.amazonBottomSlider li .checkBtn{display:inline-block;width:calc(100% - 20px);height:26px;position:absolute;left:10px;bottom:10px;color:#fff;text-align:center;font-size:12px;background:#E67A00;line-height:26px;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; }
.amazonBottomSlider li .checkBtn:hover{background:#232f3e;}
.amazonBottomSliderSection .flickity-viewport{overflow:hidden}
.amazonBottomSliderSection .flickity-button{width:30px;height:30px;position:absolute;top:50%;transform:translateY(-50%);background:#E67A00;color:#fff;border:none;border-radius:50%}
.amazonBottomSliderSection .flickity-button svg{display:none}
.amazonBottomSliderSection .flickity-button.previous{right:5px;left:auto}
.amazonBottomSliderSection .flickity-button.next{left:5px;right:auto}
.amazonBottomSliderSection .flickity-button.previous:before {content: 'r';}
.amazonBottomSliderSection .flickity-button.next:before {content: 'q';}
.amazonBottomSliderSection .flickity-button:active,
.amazonBottomSliderSection .flickity-button:hover {background: #232f3e;}

.amazonBottomSliderSection .flickity-button:disabled {opacity: 0;cursor: auto;pointer-events: none;}

.amazonBottomSliderSection .swiper-button-next, .amazonBottomSliderSection .swiper-button-prev{margin-top:0}
.amazonBottomSliderSection .swiper-button-next:after, .amazonBottomSliderSection .swiper-button-prev:after{display:none}
.amazonBottomSliderSection .swiper-button-next.swiper-button-disabled, .amazonBottomSliderSection .swiper-button-prev.swiper-button-disabled { background: #f6d1a6;opacity:1;pointer-events: visible;}

/** Elconsolto Article Pattern **/
.dtlsSc .consoltoArtclPattern { display: inline-block; float: right; width: 300px; background: #fff; border: 1px solid #e8e8e8; position: relative; padding: 14px 10px; }
.dtlsSc .consoltoArtclPattern .consoltoHeader { display: inline-block; width: 100%; height: 40px; float: right; position: relative; z-index: 2; margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
.dtlsSc .consoltoArtclPattern .consoltoHeader a { display: inline-block; width: 120px; height: 100%; float: right; position: relative; }
.dtlsSc .consoltoArtclPattern .consoltoHeader a img { display: inline-block; width: 115px; height: auto; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dtlsSc .consoltoArtclPattern .consoltoHeader a.more { float: left; color: #1a3a4d; width: auto; height: auto; display: inline-block;  font-size: 14px; line-height: 2.5 }
.dtlsSc .consoltoArtclPattern: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 .consoltoArtclPattern .allItems { display: inline-block; width: 100%; padding: 12px 0 0; position: relative; z-index: 2 }
.dtlsSc .consoltoArtclPattern .allItems li { width: 100%; margin-bottom: 24px; display: inline-block; position: relative; float: right; }
.dtlsSc .consoltoArtclPattern .allItems li:last-child { margin-bottom: 0 }
.dtlsSc .consoltoArtclPattern .allItems li:after { content: ""; position: absolute; bottom: -12px; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
.dtlsSc .consoltoArtclPattern .allItems li:last-child:after { display: none }
.dtlsSc .consoltoArtclPattern ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((116px * 60) / 100); float: right; width: 116px; }
.dtlsSc .consoltoArtclPattern .allItems li img { position: absolute; top: 50%; bottom: 0; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; width: 100%; height: auto; border: none; float: right; }
.dtlsSc .consoltoArtclPattern .allItems li .desc { float: right; width: calc(100% - 116px); padding-right: 12px }
.dtlsSc .consoltoArtclPattern .allItems li .desc p {  font-size: 13px; color: #222; line-height: 1.6; height: 40px; overflow: hidden; cursor: pointer }
.dtlsSc .consoltoArtclPattern .allItems li .secName { position: absolute; right: 128px; bottom: 0px;  font-size: 12px; color: #1a3a4d; display: inline-block }
/*.dtlsSc .consoltoArtclPattern .allItems li .secName:after{content:"";width:4px;height:12px;background:#1a3a4d;float:right;margin-left:5px;margin-top:4px}*/
.dtlsSc .consoltoArtclPattern .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 .consoltoArtclPattern .allItems li .item:hover .desc p { color: #1a3a4d }
.dtlsSc .consoltoArtclPattern .allItems li .secName:hover { color: #1d1d1d }
/** Album Slider **/
.dtlsSc .albumSliderDtls { width: 300px; height: 266px; background: #fff; display: inline-block; float: left; overflow: hidden; direction: ltr }
.dtlsSc .albumSliderDtls .ttl { border-bottom: 0 !important; height: 38px }
.dtlsSc .albumSliderDtls .ttl h2 { font-size: 20px }
.dtlsSc .albumSliderDtls ul { width: 100%; height: 225px; overflow: hidden }
.dtlsSc .albumSliderDtls ul li { position: relative; overflow: hidden }
.dtlsSc .albumSliderDtls ul li a { display: block }
.dtlsSc .albumSliderDtls ul li a img { width: 100%; height: auto; max-height: 225px;}
.dtlsSc .albumSliderDtls .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.dtlsSc .albumSliderDtls .desc p { color: #fff; text-align: center; line-height: 1.6; padding: 12px; font-size: 20px;  position: absolute; bottom: 20px; right: 0; height: 80px; overflow: hidden }
/** Facebook Comments **/
article .fbComments { padding: 0; border-bottom: 1px solid #ddd; box-shadow: none; float: none }
/** Article Leaderboard **/
article .leaderboardDiv { float: none; margin-bottom: 40px; position: relative; z-index: 2 }
article .articleEnd { display: inline-block; float: right; width: 100% }
/************************************** Article Gallery **************************************/
/***** Before *****/
.demo-gallery { padding-bottom: 56.25%; float: right; max-width: 733px; width: 100%; position: relative; z-index: 2;cursor:pointer }
.articleCntnt .demo-gallery ul li::before { display: none }
.demo-gallery > ul { margin-bottom: 0; padding-right: 0; }
.demo-gallery > ul > li { display: none; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #111 }
.demo-gallery > ul > li:first-child { display: block }
.demo-gallery > ul > li img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0 }
.demo-gallery > ul > li a { display: block }
.demo-gallery > ul > li .showGal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.8); padding: 0 10px;  color: #fff; font-size: 14px; z-index: 9; line-height: 2.8 }
.demo-gallery > ul > li .icon-camera:before { content: "t"; margin-right: 2px; font-size: 22px; color: #fff; float: right; margin-left: 10px; line-height: 1.8 }
.demo-gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; }
.demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; }
.demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }
.demo-gallery > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
.demo-gallery > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); }
.demo-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; }
.demo-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; }
.demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }
.demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); }
.demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; }
.demo-gallery.dark > ul > li a { border: 3px solid #04070a; }
/***** Slider *****/
.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -21px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; }
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; }
.lg-actions .lg-next { left: 0px; }
.lg-actions .lg-next:before { content: "q"; font-size: 32px }
.lg-actions .lg-prev { right: 0px; }
.lg-actions .lg-prev:after { content: "r"; font-size: 32px }
@-webkit-keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}
@-moz-keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}
@-ms-keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}
@keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}
@-webkit-keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}
@-moz-keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}
@-ms-keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}
@keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}
.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; }
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; }
.lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: left; font-size: 24px; height: 47px; line-height: 38px; padding: 5px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
.lg-toolbar .lg-icon:hover { color: #FFF; }
.lg-toolbar .lg-close:after { content: "O" }
.lg-toolbar .lg-download { display: none }
.lg-sub-html { background-color: rgba(0, 0, 0, 0.8); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; }
.lg-sub-html p { font-size: 16px; margin: 5px 0 0;  line-height: 1.8; text-align: center; }
#lg-counter { color: #999; display: inline-block; font-size: 20px; padding-left: 50px; padding-top: 14px; vertical-align: middle; font-family: arial; float: left }
.lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; }
.lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
.lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
.lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; border: none }
.lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; text-align: center }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; text-align: center }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }
.lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; }
.lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: right; overflow: hidden; height: 100%; border: 2px solid #555; border-radius: 4px; margin-bottom: 5px; }
@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; }
.lg-outer .lg-thumb-item img { width: auto; height: 100%; object-fit: cover; border: none }
.lg-outer .lg-thumb-item img[src='undefined'] { width: 96px; height: 76px; background: url(../Images/masrawyLogo.webp?ver=00.00) center center no-repeat; background-size: 80px 23px }
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; }
.lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; }
.lg-outer .lg-toogle-thumb { border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; }
.lg-outer .lg-toogle-thumb:after { content: "9"; font-size: 18px; }
.lg-outer .lg-toogle-thumb:hover { color: #FFF; }
.lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; }
.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; }
.lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; }
.lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; }
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; }
.lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; }
.lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden; }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; }
.lg-progress-bar { background-color: #333; height: 5px; right: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; }
.lg-progress-bar .lg-progress { background-color: #c31717; height: 5px; width: 0; float: right }
.lg-progress-bar.lg-start .lg-progress { width: 100% }
.lg-show-autoplay .lg-progress-bar { opacity: 1; }
.lg-autoplay-button:after { content: "s"; }
.lg-show-autoplay .lg-autoplay-button:after { content: "Q"; }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
#lg-zoom-in:after { content: "\e311"; }
#lg-actual-size { font-size: 20px; }
#lg-actual-size:after { content: "\e033"; }
#lg-zoom-out { opacity: 0.5; pointer-events: none; }
#lg-zoom-out:after { content: "\e312"; }
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; }
.lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; }
.lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; }
.lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; }
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; }
.lg-fullscreen:after { content: "\e20c"; }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; }
.group { *zoom: 1; }
.group:before, .group:after { display: table; content: ""; line-height: 0; }
.group:after { clear: both; }
.lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lg-outer.lg-visible { opacity: 1; }
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; z-index: 1; }
.lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; }
.lg-outer .lg-item { /*background: url("../img/loading.gif") no-repeat scroll center center transparent;*/ display: none !important; }
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; }
.lg-outer.lg-css .lg-current { display: inline-block !important; }
.lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; }
.lg-outer .lg-item.lg-complete { background-image: none; }
.lg-outer .lg-item.lg-current { z-index: 1060; }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; border: none }
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; }
.lg-outer .lg-empty-html { display: none; }
.lg-outer.lg-hide-download #lg-download { display: none; }
.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-backdrop.in { opacity: 1; }
.lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; }
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; }
.lg-outer.lg-dropdown-active #lg-share { color: #FFF; }
.lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; }
.lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; }
.lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; }
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; }
.lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; }
.lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); }
.lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle;  font-size: 12px }
.lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 15px; height: auto; line-height: 1; margin-left: 8px; padding: 0; vertical-align: middle; width: auto; }
.lg-outer #lg-share { position: relative; }
.lg-outer #lg-share:after { content: "o";}
.lg-outer #lg-share-facebook .lg-icon { color: #3b5998; }
.lg-outer #lg-share-facebook .lg-icon:after { content: "u"; }
.lg-outer #lg-share-twitter .lg-icon { color: #00aced; }
.lg-outer #lg-share-twitter .lg-icon:after { content: "?"; }
.lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "w"; }
.lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; display: none }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; display: none }
.lg-group:after { content: ""; display: table; clear: both; }
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }
.lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-css3.lg-fade .lg-item { opacity: 0; }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1; }
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: 100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: -100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-on header, .lg-on .headerBtns, .lg-on .component { display: none }
/** InGallery Ads **/
.lg-item iframe { overflow: hidden; padding: 0; margin: 0; position: relative }
.lg-item iframe.inGallery { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
/** Gallery Title **/
.galleryTitle { float: right; display: inline-block }
.galleryTitle .galleryMasLogo { width: 137px; height: 40px; background: url(../Images/masrawyLogo.webp?ver=00.00) center center no-repeat; background-size: 116px 34px; margin-top: 5px; float: right }
.galleryTitle h2 { float: right; display: inline-block; direction: rtl;  color: #fff; font-size: 18px; line-height: 2.6; margin-right: 10px; height: 50px; padding-right: 20px; border-right: 1px solid #222 }
.lg-outer .zedSponsor { position: absolute; display: inline-block; left: 10px; bottom: 160px; z-index: 2 }
.lg-outer .zedSponsor p { float: right; display: inline-block; line-height: 4; text-align: right;  font-size: 12px; color: #fff; margin-left: 10px; cursor: auto }
.lg-outer .zedSponsor a { float: left }
.lg-outer .zedSponsor img { width: auto; height: 60px; border: none }
/***** After *****/
.repeatDiv { display: block; width: 600px; padding: 45px 20px; height: 100%; position: absolute; left: 50%; margin-left: -300px; top: 0; z-index: 2 }
.repeatDiv .repeatAlbum { display: block; width: 100%; margin-bottom: 20px; text-align: center; }
.repeatDiv .repeatAlbum p { display: block; color: #fff;  font-size: 16px; text-align: center }
.repeatDiv .repeatAlbum .icon-repeat:before { content: "R"; color: #fff; font-size: 50px; line-height: 1.1; }
.repeatDiv .nextAlbum { display: block; width: 100%; height: 95px; padding: 15px 10px 10px; background: #E03322; position: relative }
.repeatDiv .nextAlbum .progress-bar { opacity: 1; background-color: #c31717; height: 5px; right: 0; position: absolute; top: 0; width: 100%; z-index: 1083; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; }
.repeatDiv .nextAlbum .progress-bar .progress { background-color: #fff; height: 5px; width: 0; float: right; transition: all 10000ms ease 0s; -webkit-transition: all 10000ms ease 0s; -moz-transition: all 10000ms ease 0s; -o-transition: all 10000ms ease 0s; -ms-transition: all 10000ms ease 0s }
.repeatDiv .nextAlbum .progress-bar.start .progress { width: 100% }
.repeatDiv .nextAlbum img { width: 98px; height: 70px; float: right; border: 1px solid #eee; margin-left: 10px }
.repeatDiv .nextAlbum h3 { font-family: DroidKufiBold, Arial; font-size: 16px; color: #fff; display: block; float: right; margin-bottom: 5px; }
.repeatDiv .nextAlbum p {  font-size: 14px; color: #fff; display: block; float: right; width: calc(100% - 108px); height: 42px; overflow: hidden; line-height: 1.6; white-space: normal; }
.repeatDiv .relatedAlbum { display: inline-block; float: right; width: 100%; padding: 10px 10px 0 10px; background: #fff; position: relative }
.repeatDiv .relatedAlbum .ttl { height: auto; display: inline-block; float: right; width: 100%; border-bottom: none }
.repeatDiv .relatedAlbum .ttl h2, .repeatDiv .relatedAlbum .ttl h4 { color: #E03322; padding: 0; font-size: 15px; font-family: DroidKufiBold, arial; text-align: right }
.repeatDiv .relatedAlbum .ttl h2:after, .repeatDiv .relatedAlbum .ttl h4:after { display: none }
.repeatDiv .relatedAlbum .content { display: inline-block; float: right; width: 100%; margin-top: 10px; padding: 0; background: none; min-height: unset; overflow-y: auto; height: 250px; }
.repeatDiv .relatedAlbum .content .itmDiv { padding: 12px 0; position: relative; width: 100%; display: block; height: 72px }
.repeatDiv .relatedAlbum .content .itmDiv:before { background-color: #dde2e4; top: -1px; clear: both; content: ""; display: block; float: none; height: 1px; margin: 0 auto; position: absolute; text-align: center; width: 100%; }
.repeatDiv .relatedAlbum .content .itmDiv:first-child:before { display: none }
.repeatDiv .relatedAlbum .content .itmDiv img { width: 65px; height: 46px; float: right; border: 1px solid #eee; margin-left: 10px; }
.repeatDiv .relatedAlbum .content .itmDiv p {  font-size: 14px; color: #1d1d1d; display: block; float: right; width: calc(100% - 75px); height: 42px; overflow: hidden; line-height: 1.6; white-space: normal; }
.lastSlide .lg-toolbar .lg-autoplay-button { display: none }
.lastSlide .lg-toolbar #lg-counter { display: none }
.lastSlide .lg-actions { display: none }
/****************************** Author Article ******************************/
/** Dropdown List **/
.dropDownDiv { display: inline-block; width: 100%; margin-bottom: 40px; padding: 24px; background: #e8e8e8 }
.wrapperDropdown { position: relative; width: 100%; background: #fff; cursor: pointer; padding: 12px; border: 1px solid #e8e8e8; z-index: 1; text-align: right; direction: rtl;  font-size: 14px; color: #666; outline: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.wrapperDropdown:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 12px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #666 transparent; }
.wrapperDropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.wrapperDropdown .dropdown li { padding: 0 10px; }
.wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.wrapperDropdown .dropdown li:last-of-type a { border: none; }
.wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.wrapperDropdown .dropdown li:hover a { color: #E03322; }
.wrapperDropdown.active { border-radius: 5px 5px 0 0; background: #666; box-shadow: none; border-bottom: none; color: white; }
.wrapperDropdown.active:after { border-color: #ccc transparent; }
.wrapperDropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; }
/** Article Author Title **/
article .authorDtls { display: inline-block; width: 100%; float: right; margin: 24px 0 36px; position: relative; }
article .authorDtls .imageCntnr { padding-bottom: calc((150px * 100) / 100); float: right; width: 150px; position: relative; margin-left: 24px; border-radius: 50%; overflow: hidden; }
article .authorDtls .imageCntnr figure { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% }
article .authorDtls .imageCntnr img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: unset }
article .authorDtls .articleHeader { width: calc(100% - 174px) }
article .authorDtls .articleHeader h2 { margin-bottom: 0; font-size: 22px; max-height: 72px; overflow: hidden; margin: 5px 0 10px }
article .authorDtls .articleHeader .authorName { display: inline-block;  font-size: 16px; color: #666; float: right; direction: rtl; }
article .authorDtls .articleHeader .icon-time:before { line-height: 1.7 }
article .authorDtls .articleHeader .time span:after { top: 6px }
/** Article Strip **/
article .articleStrip { display: inline-block; width: 100%; float: right; padding: 8px; background: #E03322; text-align: center; margin-bottom: 20px }
article .articleStrip p {  font-size: 14px; color: #fff; text-align: center; direction: rtl; margin: 0 auto; display: inline-block; line-height: 2.9; }
article .articleStrip .icon-info:before { content: "h"; float: right; font-size: 24px; margin-left: 8px; }
/** Article Video **/
article.articleVideo .videoCntnr { padding-bottom: 56.25%; float: right; max-width: 810px; width: 100%; position: relative; z-index: 2 }
article.articleVideo .videoCntnr iframe, article.articleVideo .videoCntnr img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.2s ease-in-out 0s }
article.articleVideo .videoEnd { display: inline-block; height: 1px }
article.articleVideo .articleVideoEnd { display: inline-block; height: 1px }
article.articleVideo .fixed iframe { position: fixed; top: auto; bottom: 0px; right: 74px; left: auto; width: 300px; height: auto; z-index: 2; border: 12px solid #f2f2f2 }
/** Video Strip **/
article .videoStrip { display: inline-block; float: right; width: 728px; height: auto; margin: -20px calc((100% - 728px) / 2) 20px; overflow: hidden; position: relative; z-index: 2 }
/********** Shortcut Icons Menu **********/
.articleSocialMedia { position: absolute; margin-right: -35px; top: 0; z-index: 3; background: #fff; opacity: 1; visibility: visible; padding: 8px 0; width: 36px; border: 1px solid #e8e8e8; border-left: none; }
.articleSocialMedia.fixed { width: 36px !important; background: #fff !important; top: 70px; position: fixed; }
.articleSocialMedia.hidden { opacity: 0; visibility: hidden }
/*.sponsorStickyOpen .articleSocialMedia{top:0;z-index:51;position:absolute}
.sponsorStickyOpen.showSponsor .articleSocialMedia{top:50%;transform:translateY(-50%);z-index:51;position:fixed;transition:none}*/
.articleSocialMedia::before { position: absolute; top: 0; right: 0; visibility: hidden; z-index: 10; width: 40px; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; }
.show-sponsor .articleSocialMedia::before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.sponsorHome .articleSocialMedia::before { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.articleSocialMedia a { display: block; width: 28px; height: 28px; border-radius: 50%; margin: 0 calc((100% - 28px) / 2) 8px; text-align: center; color: #fff }
.articleSocialMedia a:last-child { margin-bottom: 0 }
.articleSocialMedia .icon-fb { background: #3a5799 }
.articleSocialMedia .icon-fb:hover { background: #28437a }
.articleSocialMedia .icon-fb:before { content: "u"; font-size: 18px; line-height: 1.7 }
.articleSocialMedia .icon-tw { background: #1fa2f0 }
.articleSocialMedia .icon-tw:hover { background: #1083cf }
.articleSocialMedia .icon-tw:before { content: "?"; font-size: 16px; line-height: 1.7 }
.articleSocialMedia .icon-ggl { background: #d55142 }
.articleSocialMedia .icon-ggl:hover { background: #bc3f31 }
.articleSocialMedia .icon-ggl:before { content: "w"; font-size: 18px; line-height: 1.6 }
.articleSocialMedia .icon-wapp { background: #189d0e; display: none }
.articleSocialMedia .icon-wapp:hover { background: #108008 }
.articleSocialMedia .icon-wapp:before { content: "S"; font-size: 20px; line-height: 1.6 }
.articleSocialMedia .icon-msngr { background: #0084ff }
.articleSocialMedia .icon-msngr:hover { background: #0070d9 }
.articleSocialMedia .icon-msngr:before { content: "y"; font-size: 18px; line-height: 1.6 }
.articleSocialMedia .icon-mail { background: #75c155 }
.articleSocialMedia .icon-mail:hover { background: #5ca43e }
.articleSocialMedia .icon-mail:before { content: "z"; font-size: 18px; line-height: 1.6 }
.articleSocialMedia .icon-print { background: #566d7f }
.articleSocialMedia .icon-print:hover { background: #465c6d }
.articleSocialMedia .icon-print:before { content: "G"; font-size: 18px; line-height: 1.6 }
.hideSocialBtns .articleSocialMedia { margin-right: 0 }
/****************************** Category ******************************/
/** Category Pattern01 **/
.catPattern01 { padding: 0; background: none }
.catPattern01 .allItems { display: inline-block; width: 100%; padding: 16px 0 0 }
.catPattern01 ul li { float: right; margin-left: 16px; margin-bottom: 16px; width: calc((100% - 64px) / 5); height: auto; position: relative; overflow: hidden; background: #fff; border: 1px solid #e8e8e8 }
.catPattern01 ul li a { display: block }
.catPattern01 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25% }
.catPattern01 ul li a img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: 100%;height: 100%;object-fit: cover;}
.catPattern01 ul li:first-child, .catPattern01 ul li:nth-child(2), .catPattern01 ul li:nth-child(3) { width: calc((100% - 32.1px) / 3) }
.catPattern01 ul li:first-child .item:hover .desc h2,
.catPattern01 ul li:nth-child(2) .item:hover .desc h2,
.catPattern01 ul li:nth-child(3) .item:hover .desc h2 { color: #fff !important }
.catPattern01 ul li:nth-child(3), .catPattern01 ul li:last-child { margin-left: 0 }
.catPattern01 ul li:nth-last-child(-n+5) { margin-bottom: 0 }
.catPattern01 .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.catPattern01 .desc h2 { color: #fff; text-align: right; line-height: 1.6; padding: 0 10px; font-size: 15px;  position: absolute; bottom: 6px; right: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.catPattern01 ul li:first-child .desc h2, .catPattern01 ul li:nth-child(2) .desc h2, .catPattern01 ul li:nth-child(3) .desc h2 { font-size: 16px; line-height: 1.6 }
.catPattern01 ul li:nth-last-child(-n+5) .desc { position: relative; background: none; padding: 10px }
.catPattern01 ul li:nth-last-child(-n+5) .desc h2 { position: relative; color: #1d1d1d; font-size: 14px; bottom: 0; line-height: 1.6; padding: 0px; height: 68px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.catPattern01 ul li:nth-last-child(-n+5) .item:hover .desc h2 { color: #666 }
.catPattern01 ul li:nth-last-child(-n+5) .secName:hover { color: #1d1d1d }
.catPattern01 ul li.icon-video .imageCntnr span,
.catPattern01 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%; }
.catPattern01 ul li.icon-video .imageCntnr span:before,
.catPattern01 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; }
.catPattern01 ul li.icon-image .imageCntnr span:before { content: "t"; }
.catPattern01 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
/** Category Pattern02 **/
.catPattern02 { padding: 0; background: none; width: calc((100% - 30px) / 2); margin-left: 30px }
.catPattern02:last-child { margin-left: 0 }
.catPattern02 .allItems { display: inline-block; width: 100%; padding: 16px 0 0 }
.catPattern02 ul li { float: right; margin-left: 16px; margin-bottom: 16px; width: calc((100% - 32px) / 3); height: auto; position: relative; overflow: hidden; background: #fff; border: 1px solid #e8e8e8 }
.catPattern02 ul li a { display: block }
.catPattern02 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25% }
.catPattern02 ul li a img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: 100%; height: 100%;object-fit: cover;}
.catPattern02 ul li:first-child, .catPattern02 ul li:nth-child(2) { width: calc((100% - 16px) / 2) }
.catPattern02 ul li:first-child .item:hover .desc h2,
.catPattern02 ul li:nth-child(2) .item:hover .desc h2 { color: #fff !important }
.catPattern02 ul li:nth-child(2), .catPattern02 ul li:last-child { margin-left: 0 }
.catPattern02 ul li:nth-last-child(-n+3) { margin-bottom: 0 }
.catPattern02 .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.catPattern02 .desc h2 { color: #fff; text-align: right; line-height: 1.6; padding: 0 10px; font-size: 15px;  position: absolute; bottom: 6px; right: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.catPattern02 ul li:first-child .desc h2, .catPattern02 ul li:nth-child(2) .desc h2 { font-size: 16px; line-height: 1.6 }
.catPattern02 ul li:nth-last-child(-n+3) .desc { position: relative; background: none; padding: 10px; }
.catPattern02 ul li:nth-last-child(-n+3) .desc h2 { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.6; bottom: 0; padding: 0; height: 68px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.catPattern02 ul li:nth-last-child(-n+3) .item:hover .desc h2 { color: #666 }
.catPattern02 ul li:nth-last-child(-n+3) .secName:hover { color: #1d1d1d }
.catPattern02 ul li.icon-video .imageCntnr span,
.catPattern02 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%; }
.catPattern02 ul li.icon-video .imageCntnr span:before,
.catPattern02 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; }
.catPattern02 ul li.icon-image .imageCntnr span:before { content: "t"; }
.catPattern02 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.patternGroup { display: inline-block; float: right; width: 100% }
/** Category Pattern03 **/
.catPattern03 { padding: 0; width: calc((100% - 60.1px) / 3); margin-left: 30px; overflow: hidden; background: none }
.catPattern03:last-child { margin-left: 0 }
.catPattern03 .allItems { display: inline-block; width: 100%; padding: 16px 0 0 }
.catPattern03 ul li { float: right; margin-bottom: 16px; width: 100%; height: auto; position: relative; background: #fff; border: 1px solid #e8e8e8 }
.catPattern03 ul li:first-child:after, .catPattern03 ul li:last-child:after { display: none }
.catPattern03 ul li:last-child { margin-bottom: 0 }
.catPattern03 ul li a { display: block }
.catPattern03 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((120px * 56.25) / 100); float: right; width: 120px }
.catPattern03 ul li:first-child a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; float: none; width: auto; margin-left: 0 }
.catPattern03 ul li a img { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: 100%; height: 100%;object-fit: cover;}
.catPattern03 .desc { width: calc(100% - 120px); height: 50%; overflow: hidden; cursor: pointer; position: relative; float: right; padding: 10px }
.catPattern03 .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; font-size: 14px;  position: relative; bottom: 0; right: 0; height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.catPattern03 ul li:first-child .desc { position: absolute; bottom: 0; right: 0; float: none; width: 100%; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
.catPattern03 ul li:first-child .desc h2 { font-size: 18px; line-height: 1.6; margin-bottom: 0; position: absolute; bottom: 6px; right: 0; font-size: 16px; color: #fff; padding: 0 10px; height: auto }
.catPattern03 ul li:nth-last-child(-n+3) .item:hover .desc h2 { color: #666 }
.catPattern03 ul li.icon-video .imageCntnr span,
.catPattern03 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%; }
.catPattern03 ul li.icon-video .imageCntnr span:before,
.catPattern03 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; }
.catPattern03 ul li.icon-image .imageCntnr span:before { content: "t";  }
.catPattern03 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.catPattern03 ul li:first-child .item:hover .desc h2 { color: #fff !important }
/********** Search Result **********/
.searchResult { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none }
.searchResult.wzTag .ttl p { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 18px; color: #fff; display: inline-block; line-height: 40px; padding: 0px 20px 0 8px; background: #E03322; }
/*.searchResult.wzTag .ttl h1{color: #E03322;padding: 0 10px;background: #fff;height: 40px;float: right;line-height: 38px;margin: 0;border: 2px solid #E03322;border-bottom: none;}*/
.searchResult form { display: inline-block; width: 100%; height: auto; margin: 0; padding: 20px; background: #e8e8e8; position: relative; margin-top: 16px }
.searchResult form:before { display: none }
.searchResult form input { display: inline-block; position: relative; width: 100%; height: auto; text-align: right; background: #fff; cursor: text; padding: 10px; border: 1px solid #ddd !important; z-index: 1; direction: rtl;  font-size: 14px; color: #1d1d1d; outline: none; }
.searchResult form .morphsearch-submit { position: absolute; width: 30px; height: 30px; margin-top: 0; overflow: hidden; left: 30px; top: 30px; background: #fff; z-index: 2; background-size: 100%; border: none; pointer-events: auto; transform-origin: 50% 50%; opacity: 1; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); }
.searchResult form .morphsearch-submit.icon-search:before { content: "f"; color: #ddd; font-size: 20px; line-height: 1.4; opacity: 1; height: 30px; width: 30px; transform: none; top: 0; }
.searchResult form input:focus, .searchResult form textarea:focus { border: 1px solid #666 !important; outline: none; }
/** 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 }
.cd-tab-filter-wrapper { display: inline-block; width: 100%; float: right; position: relative; overflow: hidden; height: 100%; max-height: 0; box-sizing: border-box; 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-tab-filter-wrapper.show { opacity: 1; visibility: visible; margin: 40px 0 24px; }
/*.cd-tab-filter-wrapper:before{content:"";display:inline-block;float:right;width:20px;height:20px;margin-top:8px;margin-left:16px;background:url(../Images/filter.png) no-repeat center center;background-size:100% auto}*/
.cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
.cd-tab-filter { display: inline-block; float: right; position: relative; width: 100%; margin: 0 auto; cursor: auto }
.cd-tab-filter::after { content: 'q'; position: absolute; left: 20px; top: 50%; color: #666; bottom: auto; -webkit-transform: rotate(-90deg) translateY(-50%); -moz-transform: rotate(-90deg) translateY(-50%); -ms-transform: rotate(-90deg) translateY(-50%); -o-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%); display: none; line-height: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }
.cd-tab-filter ul { position: static; top: 0; left: 0; display: inline-block; float: right; width: 100%; }
.cd-tab-filter li { display: inline-block; float: right; margin-left: 10px; margin-bottom: 10px }
.cd-tab-filter li:last-of-type { border-left: none; margin-left: 0 }
.cd-tab-filter li.placeholder { display: none !important }
.cd-tab-filter li:first-child { display: block; }
.cd-tab-filter a { display: inline-block; height: 36px; border-radius: 20px; padding: 0 30px; background: #fff; border: 1px solid #e8e8e8; line-height: 36px;  font-size: 13px; color: #1d1d1d; text-align: center }
.cd-tab-filter a:hover, .cd-tab-filter a.selected { background: #1d1d1d; color: #fff; }
.cd-tab-filter li.news a:hover, .cd-tab-filter li.news a.selected { background: #E03322 }
.cd-tab-filter li.arts a:hover, .cd-tab-filter li.arts a.selected { background: #A8006B }
.cd-tab-filter li.howa_w_hya a:hover, .cd-tab-filter li.howa_w_hya a.selected { background: #7b1fa2 }
.cd-tab-filter li.sports a:hover, .cd-tab-filter li.sports a.selected { background: #056818 }
.cd-tab-filter li.autos a:hover, .cd-tab-filter li.autos a.selected { background: #1a237e }
.cd-tab-filter li.islameyat a:hover, .cd-tab-filter li.islameyat a.selected { background: #075C99 }
.cd-tab-filter li.ramadan a:hover, .cd-tab-filter li.ramadan a.selected { background: #330D46 }
.cd-tab-filter.is-open::after { -webkit-transform: translateY(-50%) rotate(-270deg); -moz-transform: translateY(-50%) rotate(-270deg); -ms-transform: translateY(-50%) rotate(-270deg); -o-transform: translateY(-50%) rotate(-270deg); transform: translateY(-50%) rotate(-270deg); }
.cd-tab-filter.is-open ul { box-shadow: inset 0 0 0 #1d1d1d, 0 2px 10px rgba(0, 0, 0, 0.2); max-height: 300px; overflow-y: scroll; z-index: 1; }
.cd-tab-filter.is-open ul li { display: inline-block; }
.cd-tab-filter.is-open .placeholder a { opacity: .4; }
.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-filter { position: absolute; top: 0; left: 0; width: 280px; height: 100%; background: #ffffff; box-shadow: 4px 4px 20px transparent; z-index: 2; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
.cd-filter::before { content: ''; position: absolute; top: 0; left: 0; height: 50px; width: 100%; background-color: #1d1d1d; z-index: 2; }
.cd-filter form { padding: 70px 20px; }
.cd-filter .cd-close { position: absolute; top: 0; right: 0; height: 50px; line-height: 50px; width: 60px; color: #ffffff; font-size: 1.3rem; text-align: center; background: #37296a; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 3; }
.no-touch .cd-filter .cd-close:hover { background: #32255f; }
.cd-filter.filter-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); }
.cd-filter.filter-is-visible .cd-close { opacity: 1; }
.no-touch .cd-tab-filter a:hover { color: #1d1d1d; }
.cd-filter-trigger { position: absolute; top: 0; left: 0; height: 50px; line-height: 50px; width: 60px; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; z-index: 3; }
.cd-filter-trigger.filter-is-visible { pointer-events: none; }
.cd-filter-block { margin-bottom: 1.6em; }
.cd-filter-block h4 { position: relative; margin-bottom: .2em; padding: 10px 0 10px 20px; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.no-touch .cd-filter-block h4:hover { color: #1d1d1d; }
.cd-filter-block h4::before { content: ''; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.cd-filter-block h4.closed::before { -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before { font-family: "Open Sans", sans-serif; border-radius: 0; background-color: #ffffff; border: 2px solid #e6e6e6; }
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select { width: 100%; padding: .8em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus { outline: none; background-color: #ffffff; border-color: #1d1d1d; }
.cd-filter-block input[type='search'] { border-color: transparent; background-color: #e6e6e6; font-size: 1.6rem !important; }
.cd-filter-block input[type='search']::-webkit-search-cancel-button { display: none; }
.cd-filter-block .cd-select { position: relative; }
.cd-filter-block .cd-select::after { content: ''; position: absolute; z-index: 1; right: 14px; top: 50%; display: block; width: 16px; height: 16px; pointer-events: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-filter-block select { cursor: pointer; font-size: 1.4rem; }
.cd-filter-block select::-ms-expand { display: none; }
.cd-filter-block .list li { position: relative; margin-bottom: .8em; }
.cd-filter-block .list li:last-of-type { margin-bottom: 0; }
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; }
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label { padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before { width: 16px; height: 16px; left: 0; }
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after { display: none; }
.cd-filter-block .checkbox-label::after { width: 16px; height: 16px }
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after { border-radius: 50%; }
.cd-filter-block .radio-label::after { width: 6px; height: 6px; background-color: #ffffff; left: 5px; }
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before { border-color: #1d1d1d; background-color: #1d1d1d; }
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after { display: block; }
@-moz-document url-prefix() {
    .cd-filter-block .cd-select::after { display: none; }
}
.innerListing .akhbarThemak.fixed { position: fixed; top: 60px }
.showSponsor .innerListing .akhbarThemak.fixed { top: 120px }
.artclEnd { float: right; width: 100%; display: inline-block }
/********** Archive **********/
.datepicker-form .ui-datepicker-trigger { display: none }
.datepicker-form .icon-date { width: 30px; height: 30px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 2 }
.datepicker-form .icon-date:before { content: "c"; color: #666; font-size: 20px; line-height: 1.3; }
.archivePage .searchResult form { margin-top: 20px }
.searchResult .filterDiv { display: inline-block; float: left; width: 70px; }
.searchResult .filterDiv .filterItem { display: inline-block; float: left; width: 32px; height: 32px; margin-right: 6px; background: #E03322; border-radius: 50%; text-align: center; line-height: 32px; position: relative }
.searchResult .filterDiv .filterItem:last-child { margin-right: 0 }
.searchResult .filterDiv .filterBtn img { width: 16px; height: auto;margin-top: 6px; }
.searchResult .filterDiv .icon-date:before { content: "c"; color: #fff; font-size: 14px; line-height: 32px }
.searchResult .filterDiv .showCal .ui-datepicker { position: absolute; z-index: 4; left: 0; max-height: 0; opacity: 0; visibility: hidden; 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; }
.searchResult .filterDiv .showCal.show .ui-datepicker { max-height: 250px; opacity: 1; visibility: visible }

/********** Listing **********/
.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 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 }

.authorsListing .cd-gallery li .time { display: none }
.authorsListing .cd-gallery li .authorName { display: inline-block;  font-size: 13px; color: #666; height: 28px; overflow: hidden; padding: 0 10px }
.authorsListing .cd-gallery li .authorName:hover { color: #1d1d1d }
/********** Author Page **********/
.author .cd-tab-filter { width: 100%; margin: 0; }
.author .cd-tab-filter::after { display: inline-block; left: 16px }
.author .cd-tab-filter ul { display: inline-block; float: right; position: relative; width: 100%; height: auto; max-height: 300px; overflow-x: hidden; overflow-y: auto; text-align: right; background: #fff; cursor: text; padding: 0 12px; border: 1px solid #ddd; direction: rtl;  font-size: 16px; color: #666; outline: none; }
.author .cd-tab-filter.is-open ul { z-index: 1; }
.author .cd-tab-filter li { display: none; width: 100%; border: none; margin-bottom: 0 }
.author .cd-tab-filter li.placeholder { display: block !important; margin-left: 0 }
.author .cd-tab-filter a { display: inline-block; width: 100%; padding: 0; text-align: right; height: 40px; line-height: 40px; border: none; border-radius: 0 }
.author .cd-tab-filter a:hover { background: none !important; color: #1d1d1d; opacity: 0.4 }
.author .cd-tab-filter a.selected { background: #f2f2f2; color: #1d1d1d; box-shadow: none; padding-right: 12px; }
.author .cd-tab-filter.is-open ul li { display: block }
.author .cd-tab-filter-wrapper { z-index: 3; width: 100%; height: auto; float: right; display: inline-block; padding: 16px; background: #e8e8e8; position: relative; margin-top: 16px; max-height: unset }
.author .cd-tab-filter-wrapper:before { display: none }
.author .cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
.author .authorData { display: inline-block; width: 100%; margin: 30px 0; box-shadow: none; background: none }
.author .authorData .imgCntnr { display: inline-block; float: right; width: 150px; padding-bottom: calc((150px * 100) / 100); position: relative; border-radius: 50%; overflow: hidden; background: #e8e8e8; }
.author .authorData .imgCntnr img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%) }
.author .authorData .data { float: right; margin-right: 24px; width: calc(100% - 210px); display: inline-block;  direction: rtl; color: #1d1d1d; font-size: 16px; text-align: right }
.author .authorData .data .name { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 22px; line-height: 1.2; float: right; margin: 5px 0 10px 0 }
.author .authorData .data .bio, article .authorDtls .articleHeader .bio { display: inline-block; float: right; width: 100%;  font-size: 14px; line-height: 1.8; margin-top: 10px; max-height: 78px; overflow: hidden; cursor: auto }
.author .authorData .data .bio p, article .authorDtls .articleHeader .bio p { cursor: auto }
.author .authorData .data .artclsNum { display: inline-block; width: 100%; margin-bottom: 20px; float: right }
.author .authorData .data .lastArtcl { display: inline-block; width: 100%; float: right; height: 58px; overflow: hidden; font-size: 16px; margin-bottom: 20px; }
.author .authorData .data .lastArtcl span { color: #666; margin-left: 5px }
.author .authorData .data .date { font-size: 14px; color: #666; display: inline-block; width: 100%; float: right }
.author .authorData .data .icon-date:before { content: "c"; font-size: 16px; float: right; margin-left: 5px; line-height: 1.6; }
.author .allArtclsTtl { display: inline-block; width: 100%; background: #474747; height: 40px; padding: 0 12px }
.author .allArtclsTtl h2 {  font-size: 18px; color: #fff; text-align: right; direction: rtl; line-height: 2.2 }
/** Author Page Listing **/
.author .cd-gallery li .articleDate {  font-size: 14px; color: #666; display: inline-block; width: 100% }
.author .cd-gallery li .icon-date:before { content: "c"; font-size: 16px; float: right; margin-left: 5px; line-height: 1.6 }
.author .cd-gallery li .authorName { display: none }
.innerListing.authorsListing.author .ttl .more { display: none }
/********** Matches Schedule Page **********/
.matchesSchedule .schedule { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.matchesSchedule .schedule .cd-gallery li { display: inline-block; }
.matchesSchedule .allMatches .icon-downArrow:before { content: "q"; position: absolute; left: 12px; line-height: 2.2; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.matchesSchedule .allMatches .wrapperDropdown:after { display: none }
.matchesSchedule .allMatches .wrapperDropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.matchesSchedule .allMatches .wrapperDropdown .dropdown li { padding: 0 10px; }
.matchesSchedule .allMatches .wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #666; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.matchesSchedule .allMatches .wrapperDropdown .dropdown li:last-of-type a { border: none; }
.matchesSchedule .allMatches .wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.matchesSchedule .allMatches .wrapperDropdown .dropdown li:hover a { color: #1d1d1d; }
.matchesSchedule .allMatches .wrapperDropdown.active { border-radius: 0; background: #eee; box-shadow: none; border-bottom: none; color: #1d1d1d }
.matchesSchedule .allMatches .wrapperDropdown.active:after { border-color: #666 transparent; }
.matchesSchedule .allMatches .wrapperDropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; overflow: auto; }
.matchesSchedule .table { background: none; padding: 0 }
.matchesSchedule .ttl h1 { background: #056818 }
.matchesSchedule .table .allMatches { display: inline-block; width: 100%; margin: 24px 0 0 }
.matchesSchedule .table .allMatches .tabs-nav { position: static; top: 0; left: 0; background-color: #ffffff; border: 1px solid #e8e8e8; margin-bottom: 0 }
.matchesSchedule .table .allMatches .tabs-nav li { display: inline-block; width: calc(100% / 5); height: 50px; margin-left: 0; border-left: 1px solid #e8e8e8 }
.matchesSchedule .table .allMatches .tabs-nav li:last-of-type { border-left: none }
.matchesSchedule .table .allMatches .tabs-nav li > a { display: inline-block; height: 50px; width: 100%; line-height: 50px;  font-size: 14px; color: #1d1d1d; background: none; }
.matchesSchedule .table .allMatches .tabs-nav li .icon-date:before { content: "c"; font-size: 22px; line-height: 2.5 }
.matchesSchedule .table .allMatches .tabs-nav li.tabs-selected > a { background: #e8e8e8; color: #1d1d1d; /*box-shadow: inset 0 -2px 0 #1d1d1d*/; border: none }
.matchesSchedule .table .allMatches .tabs-nav li > a:hover { color: #1d1d1d }
.matchesSchedule .table .allMatches .tabs-nav li a.date { position: relative }
.matchesSchedule .table .allMatches .tabs-nav li a.date .calendarDiv { position: absolute }
.matchesSchedule .allMatches .dropDownDiv { margin-bottom: 0; padding: 20px }
.matchesSchedule .allMatches #matchesTableTabs #divcontainer { padding: 0 20px 20px; background: #e8e8e8 }
.matchesSchedule .allMatches h2 { display: inline-block; width: 100%;  color: #1d1d1d; font-size: 18px; text-align: right; direction: rtl; margin-bottom: 24px }
.matchesSchedule .allMatches h2 span { color: #666; margin-right: 5px }
/** Datepicker **/
.matchesSchedule .showCal .ui-datepicker { position: absolute; z-index: 2; max-height: 0; opacity: 0; visibility: hidden; 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; }
.matchesSchedule .showCal.show .ui-datepicker { max-height: 250px; opacity: 1; visibility: visible }
.matchesSchedule .table .allMatches .slide { height: auto; background: none; border: none; }
.matchesSchedule .table .allMatches .item { width: 100%; padding: 0; display: inline-block; margin-bottom: 24px }
.matchesSchedule .table .allMatches .item:last-child { margin-bottom: 0 }
.matchesSchedule .table .allMatches .item .tourName { padding-bottom: 0; height: 46px; text-align: right; border-bottom: none; background: #474747; padding-right: 12px; margin-bottom: 0; color: #fff; line-height: 46px; font-size: 15px; }
.matchesSchedule .table .allMatches .item .match { display: inline-block; width: 100%; margin-bottom: 2px; background: #fff; height: 70px; overflow: hidden; padding: 12px; float: right; }
.matchesSchedule .table .allMatches .item .match:last-child { margin-bottom: 0 }
.matchesSchedule .table .allMatches .item .time { float: right; width: 50px; font-family: Arial; font-size: 18px; color: #1d1d1d; line-height: 2.8; text-align: center; margin-left: 10px }
.matchesSchedule .table .allMatches .item .time span { margin-top: 15px; }
.matchesSchedule .table .allMatches .item .time span.now { display: inline-block; float: right; width: 50px; height: 26px; background: #056818; color: #fff !important; text-align: center; padding: 0 6px; font-family: DroidKufiLight,arial; font-size: 12px !important; line-height: 26px; margin: 10px auto 0 !important; border-radius: 0 !important; }
.matchesSchedule .table .allMatches .item .teamA, .matchesSchedule .table .allMatches .item .teamB { float: right; width: calc((100% - 290px) / 2); height: 46px; }
.matchesSchedule .table .allMatches .item .teamA img { float: left; margin-right: 12px; height: 46px; width: auto }
.matchesSchedule .table .allMatches .item .teamB img { float: right; margin-left: 12px; height: 46px; width: auto }
.matchesSchedule .table .allMatches .item .teamA p,
.matchesSchedule .table .allMatches .item .teamB p { display: inline-block; width: calc(100% - 58px); }
.matchesSchedule .table .allMatches .item .teamA p { float: left; padding-top: 0; text-align: left; line-height: 46px; }
.matchesSchedule .table .allMatches .item .teamB p { float: right; padding-top: 0; text-align: right; line-height: 46px; }
.matchesSchedule .table .allMatches .item .result { width: 120px }
.matchesSchedule .table .allMatches .matchResult { margin-top: 2px }
.matchesSchedule .table .allMatches .item .channel { float: right; width: 110px;  font-size: 14px; color: #1d1d1d; line-height: 3.3; direction: rtl; text-align: center }
.matchesSchedule .listing { width: 100%; margin-bottom: 0 }
.matchesSchedule .filterMainContent h3 { display: none }
/********** Prayer Times Page **********/
.prayerTimes .prayerTimesTable { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.prayerTimes .main { padding: 20px; background: url(../Images/mosqueBg.jpg) no-repeat top -70px center; background-size: cover }
.prayerTimes.emsakya .main { position: relative; background: linear-gradient(0deg,#330D46,#75358b); background: -webkit-linear-gradient(0deg,#330D46,#75358b); background: -o-linear-gradient(0deg,#4c3a6e,#22215b); background: -moz-linear-gradient(0deg,#4c3a6e,#22215b); background: -ms-linear-gradient(0deg,#4c3a6e,#22215b); }
.prayerTimes.emsakya .main:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/ramadanPatternBG.png?ref=0.1) top -20px right repeat; background-size: 80px auto; opacity: 0.2; pointer-events: none }
.prayerTimes .main .ttl { border-bottom: none; margin-bottom: 24px; position: relative; }
.prayerTimes .main .ttl h1 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 20px; color: #fff; display: block; line-height: 1.6; background: none }
.prayerTimes .main .ttl h1:after { display: none }
.prayerTimes .main .location { display: inline-block; width: 100%; margin-bottom: 40px; position: relative; }
.prayerTimes .main .cityDate { float: right; display: inline-block; margin-left: 20px; width: calc(100% - 320px) }
.prayerTimes .main .cityDate .cityName { font-family: DroidKufiBold, Arial; font-size: 32px; color: #fff; direction: rtl; float: right }
.prayerTimes .main .cityDate .cityName:after { content: "-"; display: inline-block; float: left; margin: 0 15px; font-size: 36px; }
.prayerTimes .main .cityDate .countryName { font-family: DroidKufiBold, Arial; font-size: 32px; color: #fff; direction: rtl; float: right }
.prayerTimes .main .cityDate date { float: right; display: inline-block; width: 100%; color: #fff;  font-size: 16px; text-align: right; direction: rtl }
.prayerTimes.emsakya .allTimes.activeColor .time { color: #075C99 !important }
/** Dropdown List **/
.prayerTimes .main .dropDownDiv { display: inline-block; float: left; width: 300px; margin-bottom: 0; padding: 0; background: none }
.prayerTimes .main .wrapper-demo { display: inline-block; width: 100%; margin-bottom: 12px }
.prayerTimes .main .wrapper-demo:last-child { margin-bottom: 0 }
.prayerTimes .main .wrapperDropdown { position: relative; width: 100%; background: rgba(255, 255, 255, 0.3); cursor: pointer; padding: 6px 12px; border: none; z-index: 1; text-align: right; direction: rtl;  font-size: 16px; color: #fff; outline: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.prayerTimes .main .wrapper-demo:first-child .wrapperDropdown { z-index: 2 }
.prayerTimes .main .icon-downArrow:before { content: "q"; position: absolute; left: 12px; line-height: 2.2; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.prayerTimes .main .wrapperDropdown:after { display: none }
.prayerTimes .main .wrapperDropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.prayerTimes .main .wrapperDropdown .dropdown li { padding: 0 10px; }
.prayerTimes .main .wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #666; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.prayerTimes .main .wrapperDropdown .dropdown li:last-of-type a { border: none; }
.prayerTimes .main .wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.prayerTimes .main .wrapperDropdown .dropdown li:hover a { color: #1d1d1d; }
.prayerTimes .main .wrapperDropdown.active { border-radius: 0; background: #eee; box-shadow: none; border-bottom: none; color: #1d1d1d }
.prayerTimes .main .wrapperDropdown.active:after { border-color: #666 transparent; }
.prayerTimes .main .wrapperDropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; overflow: auto; }
/** Countdown **/
.prayerTimes .mainTable { display: inline-block; width: 100%; position: relative }
.prayerTimes .cntdwn { display: inline-block; width: 100%; float: right; text-align: right; margin-bottom: 30px }
.prayerTimes .cntdwn p { display: inline-block; width: 100%; color: #fff;  font-size: 18px; margin: 0 0 12px; text-align: right; direction: rtl; float: right }
.prayerTimes .cntdwn p:first-child { font-size: 14px; margin-bottom: 10px }
.prayerTimes .cntdwn p:first-child span { margin: 0 5px }
.prayerTimes .cntdwn .timerDiv { display: inline-block; width: 228px; height: 50px; float: right; }
.prayerTimes .cntdwn .timerDiv ul { display: inline-block; width: 100%; margin: 0 auto; direction: ltr }
.prayerTimes .cntdwn .timerDiv ul li { float: left; width: 60px; height: 50px; text-align: center; color: #fff; font-family: Arial; font-size: 32px; position: relative; background: rgba(255, 255, 255, 0.2); margin-right: 24px; line-height: 1.5 }
.prayerTimes .cntdwn .timerDiv ul li:last-child { margin-right: 0 }
.prayerTimes .cntdwn .timerDiv ul li:nth-child(1):after,
.prayerTimes .cntdwn .timerDiv ul li:nth-child(2):after { content: ":"; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; display: block; font-size: 28px; position: absolute; top: 3px; right: -16px }
.prayerTimes .mainTable .prayersTable { display: inline-block; float: right; width: 100%; }
.prayerTimes .mainTable .prayersTable .title { display: inline-block; width: 100%; float: right; }
.prayerTimes .mainTable .prayersTable .title .name { float: right; width: calc(100% / 6); font-family: DroidKufiBold, Arial; font-size: 13px; cursor: auto; color: #fff; padding: 8px 0; text-align: center }
.prayerTimes .mainTable .prayersTable .title .name.active { color: #075C99 }
.prayerTimes .mainTable .prayersTable .title .name:nth-child(odd) { background: #2e3351 }
.prayerTimes .mainTable .prayersTable .title .name:nth-child(even) { background: #393e5e }
.prayerTimes .mainTable .prayersTable .allTimes { display: inline-block; width: 100%; float: right; }
.prayerTimes .mainTable .prayersTable .allTimes .time { float: right; width: calc(100% / 6); font-family: Arial; font-size: 20px; color: #1d1d1d; padding: 16px 0; text-align: center; display: block }
.prayerTimes .mainTable .prayersTable .allTimes .time span { display: block; font-size: 14px; color: #1d1d1d; margin-top: 5px; font-family: DroidKufiLight, Arial; }
.prayerTimes .mainTable .prayersTable .allTimes .time.active { color: #075C99 }
.prayerTimes .mainTable .prayersTable .allTimes .time.active span { color: #075C99 }
.prayerTimes .mainTable .prayersTable .allTimes .time:nth-child(odd) { background: #f8f8f8 }
.prayerTimes .mainTable .prayersTable .allTimes .time:nth-child(even) { background: #fff }
/** prayer checkbox **/
.prayerCheckbox { display: inline-block; float: left; margin-top: 20px }
.prayerCheckbox p.pText { display: inline-block; float: right; color: #fff;  font-size: 14px; line-height: 1.4; width: auto; margin: 0; cursor: default }
.prayerCheckbox .switch { position: relative; display: inline-block; width: 40px; height: 20px; float: right; margin-left: 10px }
.prayerCheckbox .switch input { opacity: 0; width: 0; height: 0; }
.prayerCheckbox .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.prayerCheckbox .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 0px; bottom: 0px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.prayerCheckbox input:checked + .slider { background-color: #45b73d; }
.prayerCheckbox input:focus + .slider { box-shadow: 0 0 1px #45b73d; }
.prayerCheckbox input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.prayerCheckbox .slider.round { border-radius: 34px; }
.prayerCheckbox .slider.round:before { border-radius: 50%; }
/** All Month Table **/
.prayerTimesTable button { display: inline-block; width: 240px; padding: 5px 0;font-size: 14px; color: #fff; background: #1d1d1d; border: none; margin: 0 calc((100% - 240px) / 2) 40px; float: right }
.prayerTimesTable button:after { content: "عرض مواقيت الصلاة خلال شهر"; display: block }
.prayerTimesTable button.hide { background: #075C99 }
.prayerTimesTable button.hide:after { content: "إخفاء مواقيت الصلاة خلال شهر" }
.prayerTimesTable button:hover { background: #075C99 }
.prayerTimes .monthTable { max-height: 0; margin-bottom: 0; visibility: hidden; opacity: 0; 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 }
.prayerTimes .monthTable.show { max-height: 100%; visibility: visible; opacity: 1; margin-bottom: 40px }
.prayerTimes .monthTable .prayersTable { float: right; width: 100% }
.prayerTimes .monthTable .prayersTable .title { display: inline-block; width: 100%; float: right; }
.prayerTimes .monthTable .prayersTable .title .name { float: right; width: calc((100% - 220.1px) / 6);  font-size: 14px; color: #fff; padding: 8px 0; text-align: center; background: #1d1d1d }
.prayerTimes .monthTable .prayersTable .title .name:first-child { width: 220px }
.prayerTimes .monthTable .prayersTable .allTimes { display: inline-block; width: 100%; float: right; border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.prayerTimes .monthTable .prayersTable .allTimes .time { float: right; width: calc((100% - 220px) / 6);  font-size: 13px; color: #1d1d1d; padding: 8px 0; text-align: center; display: block; border-left: 1px solid #e8e8e8; }
.prayerTimes .monthTable .prayersTable .allTimes .time:first-child { width: 220px }
.prayerTimes .monthTable .prayersTable .allTimes .time:last-child { border-left: none }
.prayerTimes .monthTable .prayersTable .allTimes .time span { margin-left: 5px }
.prayerTimes .monthTable .prayersTable .allTimes:nth-child(even) { background: #f2f2f2 }
.prayerTimes .monthTable .prayersTable .allTimes:nth-child(odd) { background: #fff }
.prayerTimes .monthTable .prayersTable .allTimes:nth-child(2) .time { color: #075C99 }
/********** Weather Page **********/
.weatherDiv .weatherCnts { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.weatherDiv .main { padding: 20px; background: url(../Images/weatherBg.jpg) no-repeat right center; background-size: cover }
.weatherDiv .main .ttl { border-bottom: none; margin-bottom: 24px }
.weatherDiv .ttl h1 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 20px; color: #fff; display: block; line-height: 1.6; background: none }
.weatherDiv .ttl h1:after { display: none }
.weatherDiv .main .location { display: inline-block; width: 100%; margin-bottom: 24px }
.weatherDiv .main .cityDate { float: right; display: inline-block; margin-left: 20px; width: calc(100% - 320px) }
.weatherDiv .main .cityDate .cityName { font-family: DroidKufiBold, Arial; font-size: 32px; color: #fff; direction: rtl; float: right }
.weatherDiv .main .cityDate .cityName:after { content: "-"; display: inline-block; float: left; margin: 0 15px; font-size: 36px; }
.weatherDiv .main .cityDate .countryName { font-family: DroidKufiBold, Arial; font-size: 32px; color: #fff; direction: rtl; float: right }
.weatherDiv .main .cityDate date { float: right; display: inline-block; width: 100%; color: #fff;  font-size: 16px; text-align: right; direction: rtl }
/** Dropdown List **/
.weatherDiv .main .dropDownDiv { display: inline-block; float: left; width: 300px; margin-bottom: 0; padding: 0; background: none }
.weatherDiv .main .wrapper-demo { display: inline-block; width: 100%; margin-bottom: 12px }
.weatherDiv .main .wrapper-demo:last-child { margin-bottom: 0 }
.weatherDiv .main .wrapperDropdown { position: relative; width: 100%; background: rgba(255, 255, 255, 0.3); cursor: pointer; padding: 6px 12px; border: none; z-index: 1; text-align: right; direction: rtl;  font-size: 16px; color: #fff; outline: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.weatherDiv .main .wrapper-demo:first-child .wrapperDropdown { z-index: 2 }
.weatherDiv .main .icon-downArrow:before { content: "q"; position: absolute; left: 12px; line-height: 2.2; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.weatherDiv .main .wrapperDropdown:after { display: none }
.weatherDiv .main .wrapperDropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.weatherDiv .main .wrapperDropdown .dropdown li { padding: 0 10px; }
.weatherDiv .main .wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #666; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.weatherDiv .main .wrapperDropdown .dropdown li:last-of-type a { border: none; }
.weatherDiv .main .wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.weatherDiv .main .wrapperDropdown .dropdown li:hover a { color: #1d1d1d; }
.weatherDiv .main .wrapperDropdown.active { border-radius: 0; background: #eee; box-shadow: none; border-bottom: none; color: #1d1d1d }
.weatherDiv .main .wrapperDropdown.active:after { border-color: #666 transparent; }
.weatherDiv .main .wrapperDropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; overflow: auto; }
/** Temp **/
/** Weather Icons **/
.weatherDiv .main .weatherIconCnts { float: right; width: 110px; margin-left: 48px }
.weatherDiv .main .weatherIcon { width: 110px; margin: 0 calc((100% - 110px) / 2) }
.weatherDiv .main .weatherIcon.sunny { background: url("../images/weatherSprite.png") 0 0 no-repeat; height: 110px; margin-top: 2px }
.weatherDiv .main .weatherIcon.cloudy { background: url("../images/weatherSprite.png") 0px -130px no-repeat; height: 86px; margin-top: 14px }
.weatherDiv .main .weatherIcon.partlycloudy { background: url("../images/weatherSprite.png") 0 -236px no-repeat; height: 98px; margin-top: 8px }
.weatherDiv .main .weatherIcon.patchylightdrizzle { background: url("../images/weatherSprite.png") 0 -354px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.lightdrizzle { background: url("../images/weatherSprite.png") 0 -488px no-repeat; height: 90px; margin-top: 12px }
.weatherDiv .main .weatherIcon.lightsleetshowers { background: url("../images/weatherSprite.png") 0 -354px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.lightrainshower { background: url("../images/weatherSprite.png") 0 -354px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.patchylightrain { background: url("../images/weatherSprite.png") 0 -488px no-repeat; height: 90px; margin-top: 12px }
.weatherDiv .main .weatherIcon.patchyrainnearby { background: url("../images/weatherSprite.png") 0 -354px no-repeat; height: 114px; margin-top: 0 }
/** new Weather Icons **/
.weatherDiv .main .weatherIconCnts { float: right; width: 110px; margin-left: 48px }
.weatherDiv .main .weatherIcon { width: 110px; margin: 0 calc((100% - 110px) / 2) }
.weatherDiv .main .weatherIcon.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; height: 110px; margin-top: 2px }
.weatherDiv .main .weatherIcon.clearNight { background: url("../images/weatherSprite1.webp") 0 -825px no-repeat; height: 110px; margin-top: 2px }
.weatherDiv .main .weatherIcon.clouds { background: url("../images/weatherSprite1.webp") 0px -130px no-repeat; height: 86px; margin-top: 14px }
.weatherDiv .main .weatherIcon.showerRain { background: url("../images/weatherSprite1.webp") 0 -475px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.rainDay { background: url("../images/weatherSprite1.webp") 0 -354px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.rainNight { background: url("../images/weatherSprite1.webp") 0 -475px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.drizzle { background: url("../images/weatherSprite1.webp") 0 -1028px no-repeat; height: 90px; margin-top: 12px }
.weatherDiv .main .weatherIcon.mist { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.smoke { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.haze { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.dust { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.fog { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.sand { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.ash { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.squall { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.tornado { background: url("../images/weatherSprite1.webp") 0 -930px no-repeat; height: 110px; margin-top: 0 }
.weatherDiv .main .weatherIcon.snow { background: url("../images/weatherSprite1.webp") 0 -578px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .main .weatherIcon.thunderstorm { background: url("../images/weatherSprite1.webp") 0 -706px no-repeat; height: 114px; margin-top: 0 }
.weatherDiv .temp { width: 100%; display: inline-block; margin-bottom: 24px }
.weatherDiv .temp .icon-high { float: right; font-family: Arial; color: #fff; font-size: 82px; position: relative; padding-right: 24px; margin-left: 48px; margin-top: 10px }
.weatherDiv .temp .icon-high:before { content: "H"; font-size: 24px; position: absolute; top: 0; right: 0 }
.weatherDiv .temp .icon-low { float: right; font-family: Arial; color: #fff; font-size: 60px; position: relative; padding-right: 18px; opacity: 0.5; margin-top: 28px; }
.weatherDiv .temp .icon-low:before { content: "H"; font-size: 18px; position: absolute; top: 0; right: 0 }
/** 5 Days Weather **/
.weatherDiv .weatherTable { float: right; width: 100%; background: rgba(255,255,255,0.2) }
.weatherDiv .weatherTable .title { display: inline-block; width: 100%; float: right; }
.weatherDiv .weatherTable .title .name { float: right; width: calc((100% / 3) - 0.1px); font-family: DroidKufiBold, Arial; font-size: 14px; cursor: auto; color: #fff; padding: 8px 0; text-align: center; }
.weatherDiv .weatherTable .title .name:last-child { border-left: none }
.weatherDiv .weatherTable .title .name.active { color: #075C99 }
.weatherDiv .weatherTable .title .name:nth-child(odd) { background: #005f92; }
.weatherDiv .weatherTable .title .name:nth-child(even) { background: #2176a7 }
.weatherDiv .weatherTable .allTimes { display: inline-block; width: 100%; float: right; }
.weatherDiv .weatherTable .allTimes .dayTemp { float: right; width: calc((100% / 3) - 0.1px); height: 190px; padding: 16px 0; text-align: center; display: block; }
.weatherDiv .weatherTable .allTimes .dayTemp:last-child { border-left: 0 }
.weatherDiv .weatherTable .allTimes .dayTemp date {  color: #1d1d1d; font-size: 14px; margin-bottom: 12px; display: inline-block }
.weatherDiv .main .weatherDayIcon { width: 58px }
/*.weatherDiv .main .weatherDayIcon.sunny{background: url("../images/weatherSprite.png") 0 0 no-repeat;height:58px;margin:2px calc((100% - 58px) / 2) 22px;background-size:58px}
.weatherDiv .main .weatherDayIcon.cloudy{background: url("../images/weatherSprite.png") 0px -68px no-repeat;height:46px;margin:8px calc((100% - 58px) / 2) 28px;background-size:58px}
.weatherDiv .main .weatherDayIcon.partlycloudy{background: url("../images/weatherSprite.png") 0 -124px no-repeat;height:52px;margin:5px calc((100% - 58px) / 2) 25px;background-size:58px}
.weatherDiv .main .weatherDayIcon.patchylightdrizzle{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px}
.weatherDiv .main .weatherDayIcon.lightdrizzle{background: url("../images/weatherSprite.png") 0 -256px no-repeat;height:48px;margin:7px calc((100% - 58px) / 2) 27px;background-size:58px}
.weatherDiv .main .weatherDayIcon.lightsleetshowers{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px}
.weatherDiv .main .weatherDayIcon.lightrainshower{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px}
.weatherDiv .main .weatherDayIcon.patchylightrain{background: url("../images/weatherSprite.png") 0 -256px no-repeat;height:48px;margin:7px calc((100% - 58px) / 2) 27px;background-size:58px}
.weatherDiv .main .weatherDayIcon.patchyrainnearby{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px}
.weatherDiv .main .weatherDayIcon.thunderstorms{background: url("../images/weatherSprite.png") 0px -68px no-repeat;height:46px;margin:8px calc((100% - 58px) / 2) 28px;background-size:58px}
*/
.weatherDiv .main .weatherDayIcon.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; height: 58px; margin: 2px calc((100% - 58px) / 2) 22px; background-size: 58px }
.weatherDiv .main .weatherDayIcon.clearNight { background: url(../images/weatherSprite1.webp) 0px -535px no-repeat; height: 60px; margin: 0px calc((100% - 70px) / 2) 15px; background-size: 70px; width: 70px; }
.weatherDiv .main .weatherDayIcon.clouds { background: url("../images/weatherSprite1.webp") 0px -60px no-repeat; height: 62px; margin: 0px calc((100% - 58px) / 2) 15px; background-size: 58px }
.weatherDiv .main .weatherDayIcon.showerRain { background: url("../images/weatherSprite1.webp") 0 -250px no-repeat; height: 62px; margin: 0px calc((100% - 58px) / 2) 15px; background-size: 58px }
.weatherDiv .main .weatherDayIcon.rainDay { background: url("../images/weatherSprite1.webp") 0 -187px no-repeat; height: 62px; margin: 0px calc((100% - 58px) / 2) 15px; background-size: 58px }
.weatherDiv .main .weatherDayIcon.rainNight { background: url("../images/weatherSprite1.webp") 0 -250px no-repeat; height: 62px; margin: 0px calc((100% - 58px) / 2) 15px; background-size: 58px }
.weatherDiv .main .weatherDayIcon.drizzle { background: url(../images/weatherSprite1.webp) 0 -756px no-repeat; height: 52px; margin: 0 calc((100% - 80px) / 2) 24px; background-size: 80px; width: 80px; }
.weatherDiv .main .weatherDayIcon.mist { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.smoke { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.haze { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.dust { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.fog { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.sand { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.ash { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.squall { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.tornado { background: url(../images/weatherSprite1.webp) 0 -552px no-repeat; height: 54px; margin: 0px calc((100% - 65px) / 2) 15px; background-size: 65px; width: 65px; }
.weatherDiv .main .weatherDayIcon.snow { background: url(../images/weatherSprite1.webp) 0 -377px no-repeat; height: 58px; margin: 0px calc((100% - 70px) / 2) 15px; background-size: 70px; width: 70px }
.weatherDiv .main .weatherDayIcon.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -389px no-repeat; margin: 5px calc((100% - 70px) / 2) 15px; background-size: 60px; height: 62px; }
.weatherDiv .dayTempDtls { display: inline-block }
.weatherDiv .dayTempDtls .icon-high { float: right; font-family: Arial; color: #01699e; font-size: 36px; position: relative; margin-left: 24px; text-align: left }
.weatherDiv .dayTempDtls .icon-high:before { content: "H"; font-size: 14px; position: absolute; top: -2px; right: -12px }
.weatherDiv .dayTempDtls .icon-low { float: right; font-family: Arial; color: #666; font-size: 30px; position: relative; margin-top: 6px; text-align: right }
.weatherDiv .dayTempDtls .icon-low:before { content: "H"; font-size: 10px; position: absolute; top: -2px; right: -10px }
.weatherDiv .weatherTable .allTimes .dayTemp:nth-child(odd) { background: #f8f8f8 }
.weatherDiv .weatherTable .allTimes .dayTemp:nth-child(even) { background: #fff }
/********** Currency & Gold Page **********/
.currGoldDiv .currencyDiv { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.currGoldDiv .main { padding: 0; background: none }
/** Currency & Gold Table **/
/** Currency **/
.currGoldDiv .main h3 { display: inline-block; width: 100%; margin: 24px 0;  font-size: 14px; color: #1d1d1d; text-align: right; direction: rtl }
.currGoldDiv .main h3 span { color: #666; margin-right: 5px }
.currGoldDiv .currDiv { float: right; display: inline-block; width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0; }
.currGoldDiv .currGoldTable { float: right; width: 100%; border: 1px solid #e8e8e8; }
.currGoldDiv .currGoldTable .title { display: inline-block; width: 100%; float: right; }
.currGoldDiv .currGoldTable .title .name { float: right; width: 300px;  font-size: 14px; color: #fff; padding: 8px 0; text-align: center; background: #1d1d1d }
.currGoldDiv .currGoldTable .title .name:first-child { width: calc(100% - 300px) ;text-align:right;padding-right:10px}
.currGoldDiv .currGoldTable .currGoldDtls { display: inline-block; width: 100%; float: right; height: 46px; overflow: hidden; border-bottom: 1px solid #e8e8e8 }
.currGoldDiv .currGoldTable .currGoldDtls:last-child { border-bottom: none }
.currGoldDiv .currGoldTable .currGoldDtls .item { float: right; width: 300px;  cursor: auto; font-size: 15px; line-height: 46px; color: #1d1d1d; border-left: 1px solid #e8e8e8; text-align: center; display: block }
.currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 300px) }
.currGoldDiv .currGoldTable .currGoldDtls .item:last-child { border-left: 0 }
.currGoldDiv .currGoldTable .currGoldDtls .item img { float: right; width: 20px; height: 20px; border-radius: 50%; margin: 13px 10px 0; }
.currGoldDiv .currGoldTable .currGoldDtls .item p { line-height: 46px; font-size: 15px; text-align: center }
.currGoldDiv .currGoldTable .currGoldDtls .item.flag h1 { font-size: 13px; text-align: right }
.currGoldDiv .currGoldTable .currGoldDtls:nth-child(even) { background: #f2f2f2 }
.currGoldDiv .currGoldTable .currGoldDtls:nth-child(odd) { background: #fff }
@media screen and (min-width:1024px) and (max-width:1162px) {
    .currGoldDiv .currGoldTable .title .name { width: calc((100% - 150px) / 3) }
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: calc((100% - 150px) / 3) }
}
@media screen and (min-width:320px) and (max-width:638px) {
    .currGoldDiv .currGoldTable .title .name { width: calc((100% - 150px) / 3) }
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: calc((100% - 150px) / 3) }
}
/** Gold **/
.currGoldDiv .goldDiv { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none; box-shadow: none; margin-bottom: 0 }
.currGoldDiv .goldDiv .currGoldTable .title .name { width: calc(100% / 2) !important }
.currGoldDiv .goldDiv .currGoldTable .title .name:first-child { min-width: initial }
.currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item { width: calc(100% / 2) !important }
.currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:first-child { min-width: initial; font-size: 13px }
.currGoldDiv .goldDiv .goldProvider { width: 300px; display: inline-block; margin: 24px calc((100% - 300px) / 2) 0 }
.currGoldDiv .goldDiv .goldProvider p {  font-size: 14px; color: #1d1d1d; text-align: center; cursor: default }
.currGoldDiv .goldDiv .goldProvider p a { color: #E03322; cursor: pointer }
.currGoldDiv .goldDiv .goldProvider a { display: inline-block; margin-top: 12px }
.currGoldDiv .goldDiv .goldProvider a img { border: none; width: 70px; }
/********** Contact Us **********/
.contactUsDiv .contactUsCnts { width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none }
/** Forms **/
.contactUsDiv .contactForms { box-shadow: none; border: 1px solid #e8e8e8; padding: 20px; margin-bottom: 50px; margin-top: 16px }
.contactUsDiv .contactForms h4 { display: inline-block; width: 100%; margin: 0 0 40px;  font-size: 14px; color: #1d1d1d; text-align: right; direction: rtl; background: #f2f2f2; padding: 14px 20px }
.contactUsDiv .contactForms .forms { display: inline-block; width: 100%; }
.contactUsDiv .contactForms .forms .item { display: inline-block; width: 100%; margin-bottom: 24px; position: relative }
.contactUsDiv .contactForms .forms .item .labelDiv { float: right; width: 130px; line-height: 2.8 }
.contactUsDiv .contactForms .forms .item .labelDiv label {  font-size: 14px; color: #1d1d1d; direction: rtl; text-align: right; float: right }
.contactUsDiv .contactForms .forms .item .labelDiv span { color: red; float: right; margin-right: 2px; line-height: 2; }
.contactUsDiv .contactForms .forms .item .errorMsg { position: absolute; top: 40px; right: 156px; display: inline-block;  font-size: 13px; color: red; direction: rtl; text-align: right; visibility: hidden }
.contactUsDiv .contactForms .forms .item input, .contactUsDiv .contactForms .forms .item textarea { width: calc(100% - 130px) !important; height: 40px !important; border: 1px solid #e8e8e8; float: right; outline: none; padding: 8px 12px;  color: #666; font-size: 14px }
.contactUsDiv .contactForms .forms .item textarea { height: 200px !important }
.contactUsDiv .contactForms .forms .item .captcha { float: right; }
.contactUsDiv .contactForms .forms input[type="submit"] { display: inline-block; width: 300px; padding: 5px 0; background: #E03322;  font-size: 16px; color: #fff; text-align: center; border: none; margin: 0 calc((100% - 300px) / 2) 24px; cursor: pointer }
.contactUsDiv .contactForms .forms .wrapper-demo { display: inline-block; width: calc(100% - 130px); float: right }
.contactUsDiv .contactForms .forms .wrapperDropdown { width: 100%; height: 40px !important; border: 1px solid #ddd; float: right; outline: none; padding: 5px 12px;  color: #666; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.contactUsDiv .contactForms .forms .icon-downArrow:before { content: "q"; position: absolute; left: 12px; line-height: 2.2; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.contactUsDiv .contactForms .forms .wrapperDropdown:after { display: none }
.contactUsDiv .contactForms .forms .wrapperDropdown .dropdown { position: absolute; width: calc(100% + 2px); top: 100%; left: 0; right: -1px; background: #fff; border-radius: 0; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li { padding: 0 10px; }
.contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #666; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li:last-of-type a { border: none; }
.contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li:hover a { color: #1d1d1d; }
.contactUsDiv .contactForms .forms .wrapperDropdown.active { border-radius: 0; background: #eee; box-shadow: none; border-bottom: none; color: #1d1d1d }
.contactUsDiv .contactForms .forms .wrapperDropdown.active:after { border-color: #666 transparent; }
.contactUsDiv .contactForms .forms .wrapperDropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; overflow: auto; }
/** Ads **/
.contactUsDiv .contactAds { box-shadow: none; margin-bottom: 0; border: 1px solid #e8e8e8 }
.contactUsDiv .contactAds h3 { display: inline-block; width: 100%; margin: 0 0 30px;  font-size: 16px; color: #fff; text-align: right; direction: rtl; background: #1d1d1d; padding: 14px 20px }
.contactUsDiv .contactAds .ads { display: inline-block; width: 100%; margin: 0 0 12px; padding: 0 20px }
.contactUsDiv .contactAds .ads .item { display: inline-block; width: calc((100% - 24px) / 2); position: relative; margin: 0 0 24px 24px; float: right }
.contactUsDiv .contactAds .ads .item:nth-child(2n) { margin-left: 0 }
.contactUsDiv .contactAds .ads .item label { float: right; width: 100%; font-family: DroidKufiBold, Arial; font-size: 16px; color: #1d1d1d; direction: rtl; text-align: right }
.contactUsDiv .contactAds .ads .item p, .contactUsDiv .contactAds .ads .item a { float: right; width: 100%;  font-size: 14px; color: #666; direction: rtl; text-align: right }
.contactUsDiv .contactAds .ads .item p { cursor: default }
.contactUsDiv .contactAds .ads .item a { text-decoration: underline; color: #E03322 }
.contactUsDiv .contactAds .ads .item.phone p { direction: ltr; }
/** Map **/
#gmap_canvas { height: 450px; width: 100%; direction: ltr }
#gmap_canvas img { max-width: none !important; background: none !important }
#gmap_canvas strong { font-weight: bold }
/********** Islameyat **********/
.prayerTimes.islameyat { display: inline-block; float: right; width: 100% }
/********** Zakah **********/
.zakahDiv .zakahCnts { width: calc(100% - 320px); margin-left: 20px; padding: 24px }
/** Forms **/
.zakahDiv .zakahForms { background: none; box-shadow: none; padding-bottom: 12px; margin-bottom: 0; }
.zakahDiv .zakahForms h3 { display: inline-block; width: 100%; margin: 24px 0 36px;  font-size: 16px; color: #1d1d1d; text-align: right; direction: rtl; background: #f2f2f2; padding: 8px 12px }
.zakahDiv .zakahForms h4 { display: inline-block; width: 100%; margin: 0;  font-size: 16px; color: #fff; text-align: right; direction: rtl; background: #1d1d1d; padding: 8px 12px }
.zakahDiv .zakahForms .forms { display: inline-block; width: 100%; }
.zakahDiv .zakahForms .forms .item { display: inline-block; width: 100%; margin-bottom: 36px; position: relative }
.zakahDiv .zakahForms .forms .item .formItem { display: inline-block; width: 100%; margin-bottom: 36px; position: relative; background: #f2f2f2; padding: 12px; }
.zakahDiv .zakahForms .forms .item .formItem:last-child { margin-bottom: 0 }
.zakahDiv .zakahForms .forms .item .top { display: inline-block; width: 100%; margin-bottom: 12px; position: relative }
.zakahDiv .zakahForms .forms .item .labelDiv { float: right; width: 100% }
.zakahDiv .zakahForms .forms .item .labelDiv label {  font-size: 14px; color: #1d1d1d; direction: rtl; text-align: right; float: right }
.zakahDiv .zakahForms .forms .item .labelDiv span { color: red; float: right; margin-right: 2px; line-height: 1.5; }
.zakahDiv .zakahForms .forms .item .errorMsg { position: absolute; top: 40px; right: 156px; display: inline-block;  font-size: 13px; color: red; direction: rtl; text-align: right; visibility: hidden }
.zakahDiv .zakahForms .forms .item input, .zakahDiv .zakahForms .forms .item textarea { width: 100% !important; height: 40px !important; border: 1px solid #e8e8e8; float: right; outline: none; padding: 12px;  color: #666; font-size: 14px }
.zakahDiv .zakahForms .forms .item textarea { height: 200px !important }
.zakahDiv .zakahForms .forms .item .captcha { float: right; }
.zakahDiv .zakahForms .forms .calculate { display: inline-block; width: 300px; padding: 5px 0; background: #075C99;  font-size: 16px; color: #fff; text-align: center; border: none; margin: 0 calc((100% - 300px) / 2); cursor: pointer }
.zakahDiv .zakahForms .forms .wrapper-demo { display: inline-block; width: calc(100% - 156px); float: right }
.zakahDiv .zakahForms .forms .wrapperDropdown { width: 100%; height: 40px !important; border: 1px solid #ddd; float: right; outline: none; padding: 5px 12px;  color: #666; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.zakahDiv .zakahForms .forms .icon-downArrow:before { content: "q"; position: absolute; left: 12px; line-height: 2.2; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.zakahDiv .zakahForms .forms .wrapperDropdown:after { display: none }
.zakahDiv .zakahForms .forms .wrapperDropdown .dropdown { position: absolute; width: calc(100% + 2px); top: 100%; left: 0; right: -1px; background: #fff; border-radius: 0; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li { padding: 0 10px; }
.zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #666; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li:last-of-type a { border: none; }
.zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li:hover a { color: #1d1d1d; }
.zakahDiv .zakahForms .forms .wrapperDropdown.active { border-radius: 0; background: #eee; box-shadow: none; border-bottom: none; color: #1d1d1d }
.zakahDiv .zakahForms .forms .wrapperDropdown.active:after { border-color: #666 transparent; }
.zakahDiv .zakahForms .forms .wrapperDropdown.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; overflow: auto; }
.zakahDiv .zakahForms .popupSetting { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); 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; }
.zakahDiv .zakahForms .popupSetting.is-visible { opacity: 1; visibility: visible; z-index: 9; -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; }
.zakahDiv .zakahForms .cd-popup-container { position: relative; padding: 24px; width: 700px; height: 430px; margin: 120px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -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; }
.zakahDiv .zakahForms .cd-popup-container h2 { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 22px; color: #1d1d1d; margin-bottom: 24px; padding: 0 }
.zakahDiv .zakahForms .cd-popup-container h2:after { display: none }
.zakahDiv .zakahForms .cd-popup-container .labelDiv { display: inline-block; width: 100%; float: right; margin: 24px 0; }
.zakahDiv .zakahForms .cd-popup-container .labelDiv label {  font-size: 16px; color: #1d1d1d; direction: rtl; text-align: right; float: right; width: 200px; line-height: 2.6 }
.zakahDiv .zakahForms .cd-popup-container #txtGoldPriceValidation {  font-size: 16px; color: #1d1d1d; direction: rtl; text-align: right; float: right; line-height: 2.6 }
.zakahDiv .zakahForms .cd-popup-container #lblres { font-family: DroidKufiBold, Arial; font-size: 16px; color: #1d1d1d; direction: rtl; text-align: right; float: right; line-height: 2.6 }
.zakahDiv .zakahForms .cd-popup-container .labelDiv p { font-family: Arial; font-size: 32px; color: #075C99; float: right }
.zakahDiv .zakahForms .cd-popup-container .labelDiv span { font-family: DroidKufiLight, Arial; font-size: 14px; color: #1d1d1d; margin-right: 5px; font-weight: normal }
.zakahDiv .zakahForms .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.zakahDiv .zakahForms .cd-popup-container .cd-popup-close::before, .zakahDiv .zakahForms .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; }
.zakahDiv .zakahForms .cd-popup-container .cd-popup-close:hover::before, .zakahDiv .zakahForms .cd-popup-container .cd-popup-close:hover::after { opacity: 1 }
.zakahDiv .zakahForms .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); }
.zakahDiv .zakahForms .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); }
.zakahDiv .zakahForms .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
body.popupOverlay { position: fixed }
/** News Pointer **/
.newsPointer { display: inline-block; float: right; width: 100%; padding: 10px; border: 1px solid #e8e8e8; border-bottom: 1px solid #ddd; box-shadow: none; height: auto; margin-bottom: 30px; overflow: hidden; position: relative; z-index: 2 }
.newsPointer .ttl h4 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold,Arial; font-size: 17px; color: #fff; display: inline-block; line-height: 36px; padding: 0 16px; background: #E03322; }
.newsPointer .ttl h4 a { color: #fff }
.newsPointer .allItems { display: inline-block; float: right; width: 100%; padding: 16px 0 0 }
.newsPointer .allItems ul { display: inline-block; width: 100%; overflow: hidden; text-align: center; }
.newsPointer .allItems ul iframe { text-align: center }
.newsPointer .allItems ul li { display: inline-block; width: 100%; border-bottom: 1px solid #eee; padding: 10px 0; float: right; position: relative }
.newsPointer .allItems ul li:last-child { border-bottom: 0 }
.newsPointer .allItems ul li .trendDiv { float: right; width: 72px; height: 42px; border: 1px solid #ddd; display: inline-block; margin-left: 10px; }
.newsPointer .allItems ul li .trendDiv .trendImg { width: 30px; height: 40px; float: right; display: inline-block; text-align: center; }
.newsPointer .allItems ul li .trendDiv .trendImg img { width: 18px; height: 18px; border: none; margin-top: 11px; }
.newsPointer .allItems ul li .trendDiv .vstrs { float: right; display: inline-block; text-align: center; background: #ddd; width: 40px; height: 40px; font-family: Arial; color: #1d1d1d; font-size: 12px; line-height: 3.6 }
.newsPointer .allItems ul li h2,
.newsPointer .allItems ul li h3 { float: right; display: block;  color: #1d1d1d; font-size: 13px; width: calc(100% - 82px); padding: 0; text-align: right; max-height: 40px; line-height: 1.6; overflow: hidden; position: absolute; right: 82px; top: 50%; transform: translateY(-50%); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.newsPointer .allItems ul .leaderboardDiv { margin: 40px 0 }
.newsPointer .allItems ul li:hover a.news h2,
.newsPointer .allItems ul li:hover a.news h3 { color: #E03322 }
.newsPointer .allItems ul li:hover a.sports h2,
.newsPointer .allItems ul li:hover a.sports h3 { color: #056818 }
.newsPointer .allItems ul li:hover a.arts h2,
.newsPointer .allItems ul li:hover a.arts h3 { color: #A8006B }
.newsPointer .allItems ul li:hover a.howa_w_hya h2,
.newsPointer .allItems ul li:hover a.howa_w_hya h3 { color: #7b1fa2 }
.newsPointer .allItems ul li:hover a.autos h2,
.newsPointer .allItems ul li:hover a.autos h3 { color: #1a237e }
.newsPointer .allItems ul li:hover a.islameyat h2,
.newsPointer .allItems ul li:hover a.islameyat h3 { color: #075C99 }
.newsPointer .allItems ul li:hover a.ramadan h2,
.newsPointer .allItems ul li:hover a.ramadan h3 { color: #330D46 }
.dtlsSc .newsPointer { background: none; border: none; padding: 0 }
.dtlsSc .newsPointer .ttl { border-bottom: 2px solid #E03322 !important }
.dtlsSc .newsPointer .allItems { background: #fff; margin-top: 16px; padding: 0 10px; border: 1px solid #e8e8e8 }
/********** News Pointer Page **********/
.newsPointerDiv .newsPointer { width: calc(100% - 320px); margin-left: 20px; padding: 0; height: auto; background: none; border-bottom: none; height: auto; border: none }
.newsPointerDiv .newsPointer .allItems ul li { background: #fff; border-bottom: none; margin-bottom: 16px; padding: 10px; border: 1px solid #e8e8e8 }
.newsPointerDiv .newsPointer .allItems ul li:last-child { margin-bottom: 0 }
.newsPointerDiv .newsPointer .allItems ul li h2 { right: 92px; width: calc(100% - 102px) }
/********** Masrawy Services **********/
.masrawyServicesDiv .ttl { border-bottom: 2px solid #e2192c; }
/*.masrawyServicesDiv .ttl h3:after{background:#e2192c}*/
.masrawyServicesDiv .services { width: calc(100% - 320px); margin-left: 20px; padding: 24px; height: auto }
.masrawyServicesDiv .services h3 { display: inline-block; width: 100%; margin: 24px 0;  font-size: 18px; color: #1d1d1d; text-align: right; direction: rtl; background: #f2f2f2; padding: 12px 24px }
.masrawyServicesDiv .services .servicesCnts { display: inline-block; width: 100% }
.masrawyServicesDiv .services .servicesCnts .item { float: right; min-width: 300px; width: calc((100% - 24px) / 2); margin: 0 0 24px 24px; border: 1px solid #e8e8e8; text-align: center; padding: 24px }
.masrawyServicesDiv .services .servicesCnts .item:nth-child(2n) { margin-left: 0 }
.masrawyServicesDiv .services .servicesCnts .item img { margin-bottom: 24px; border: none }
.masrawyServicesDiv .services .servicesCnts .item h4 { font-family: Arial; font-size: 36px; color: #1d1d1d; display: inline-block; width: 100%; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: -2px; }
.masrawyServicesDiv .services .servicesCnts .item h5 { display: inline-block; width: 100%; margin: 24px 0; font-size: 16px; color: #1d1d1d; text-align: center; direction: rtl; background: #f2f2f2; padding: 5px 0 }
.masrawyServicesDiv .services .servicesCnts .item p { display: inline-block; width: 100%; color: #1d1d1d; font-size: 14px; text-align: right; direction: rtl; height: 80px }
.masrawyServicesDiv .services .servicesCnts .item button { width: 100%; padding: 5px 0; background: #1d1d1d; font-size: 18px; color: #fff; text-align: center; border: none; margin: 24px 0 0 }
.masrawyServicesDiv .services .servicesCnts .item.bulk { border: 1px solid #ef7d46 }
.masrawyServicesDiv .services .servicesCnts .item.bulk button { background: #ef7d46 }
.masrawyServicesDiv .services .servicesCnts .item.bulk button:hover { background: #d86c38 }
.masrawyServicesDiv .services .servicesCnts .item.jm { border: 1px solid #85c34a }
.masrawyServicesDiv .services .servicesCnts .item.jm button { background: #85c34a }
.masrawyServicesDiv .services .servicesCnts .item.jm button:hover { background: #6daa33 }
.masrawyServicesDiv .services .servicesCnts .item.vas { border: 1px solid #7e5ae2 }
.masrawyServicesDiv .services .servicesCnts .item.vas button { background: #7e5ae2 }
.masrawyServicesDiv .services .servicesCnts .item.vas button:hover { background: #6642c9 }
.masrawyServicesDiv .services .servicesCnts .item.bulk img { margin: 2px 0 25px }
.masrawyServicesDiv .services .servicesCnts .item.jumia img { margin: 13px 0 36px }
.masrawyServicesDiv .services .servicesCnts .item.mob img { margin: 2px 0 26px }
@media screen and (min-width:1359px) and (max-width:1571px) {
    .masrawyServicesDiv .services .servicesCnts .item p { height: 108px }
}
@media screen and (min-width:1237px) and (max-width:1358px) {
    .masrawyServicesDiv .services .servicesCnts .item p { height: 135px }
}
@media screen and (min-width:1185px) and (max-width:1237px) {
    .masrawyServicesDiv .services .servicesCnts .item p { height: 162px }
}
@media screen and (min-width:1024px) and (max-width:1184px) {
    .masrawyServicesDiv .services .servicesCnts .item { min-width: 300px; width: 100%; margin: 0 0 24px 0 }
    .masrawyServicesDiv .services .servicesCnts .item p { height: auto }
}
/********** Poll Listing **********/
.pollListingDiv .pollListing { width: calc(100% - 320px); margin-left: 20px; padding: 24px; height: auto; min-height: 830px; }
.pollListingDiv .pollListing .allItems { display: inline-block; width: 100%; padding: 12px 0; }
.pollListingDiv .pollListing .allItems ul { display: inline-block; width: 100%; }
.pollListingDiv .pollListing .allItems ul li { display: inline-block; width: 100%; border-bottom: 1px solid #eee; padding: 12px 0; }
.pollListingDiv .pollListing .allItems ul li p { display: inline-block; width: 100%;  font-size: 16px; color: #1d1d1d; text-align: right; direction: rtl; margin-bottom: 12px }
.pollListingDiv .pollListing .allItems ul li .allButtons { display: inline-block; width: 100% }
.pollListingDiv .pollListing .allItems ul li .allButtons button { float: right; margin-left: 5px; width: 100px; height: 30px; background: #1d1d1d;  text-align: center; font-size: 14px; color: #fff }
.pollListingDiv .pollListing .allItems ul li .allButtons button:last-child { margin-left: 0 }
.pollListingDiv .pollListing .allItems ul li .allButtons button.results { background: #1d1d1d }
.pollListingDiv .pollListing .allItems ul li .allButtons button.choices { background: #E03322 }
.pollListingDiv .pollListing .allItems ul li .allButtons button.fb { background: #3d5698; width: 30px }
.pollListingDiv .pollListing .allItems ul li .allButtons button.icon-fb:before { content: "u"; font-size: 20px; line-height: 1.6 }
.pollListingDiv .pollListing .allItems ul li .allButtons button.tw { background: #219ff3; width: 30px }
.pollListingDiv .pollListing .allItems ul li .allButtons button.icon-tw:before { content: "?"; font-size: 20px; line-height: 1.5 }
/********** Policy **********/
.policyDiv .policy { width: calc(100% - 320px); margin-left: 20px; padding: 12px; height: auto; min-height: 830px; }
.policyDiv .policy .policyDtls { display: inline-block; width: 100%; padding: 24px 0 }
.policyDiv .policy .policyDtls .item { display: inline-block; width: 100%; margin-bottom: 24px }
.policyDiv .policy .policyDtls .item:last-child { margin-bottom: 0 }
.policyDiv .policy .policyDtls ul { display: inline-block; width: 100%; padding-right: 36px }
.policyDiv .policy .policyDtls p, .policyDiv .policy .policyDtls li, .policyDiv .policy .policyDtls a { display: inline-block; width: 100%;  font-size: 14px; color: #1d1d1d; text-align: right; direction: rtl; margin: 6px 0; cursor: default }
.policyDiv .policy .policyDtls li { list-style-type: square; display: list-item; margin: 24px 0; }
.policyDiv .policy .policyDtls a { color: #E03322; text-decoration: underline; cursor: pointer }
.policyDiv .policy .policyDtls p.head { font-family: DroidKufiBold,Arial; font-size: 16px; margin: 0 }
.policyDiv .policy .policyDtls p.point { font-family: DroidKufiBold,Arial; font-size: 14px; margin: 12px 0 0 }
.policyDiv .policy .policyDtls p strong { font-family: DroidKufiBold,Arial; font-size: 13px }
/********** Media **********/
.content .mainMedia .ttl { border-bottom: 2px solid #1d1d1d !important }
.content .mainMedia .ttl h3 { background: #1d1d1d !important }
.content .mainMedia .akhbarThemak .ttl { border-bottom: 0 !important }
.content .mainMedia .akhbarThemak .ttl h4,
.content .mainMedia .corona .ttl h3 { background: none !important }
.content .mainMedia .corona .ttl { border-bottom: 2px solid #E03322 !important; }
/********** Loader **********/
.loader { display: inline-block; width: 60px; margin: 24px calc((100% - 60px) / 2); }
.loader img { border: none; height: auto }
.loader.grey { height: 206px; position: relative }
.loader.grey img { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px }
/*.articleLoader{display:inline-block;width:calc(100% - 324px)!important;float:right}*/
/** VAS Page **/
/** Masrawy Partners Contents **/
.vasPage { margin: 0 !important; position: relative; background: none; box-shadow: none; padding: 6px; }
.vasPage h1 { text-align: center; padding: 10px 0 30px; font-size: 20px; color: #5b5b5b;  }
.vasPage h1 span { font-size: 24px; color: #E03322; display: block; margin-top: 5px; font-family: DroidKufiBold, arial; }
.vasPage .price { display: block; background: #fff; padding: 10px; margin-bottom: 20px; border: 1px solid #e8e8e8 }
.vasPage .price h3 {  font-size: 14px; color: #1d1d1d; direction: rtl }
.vasPage .price p {  font-size: 12px; color: #1d1d1d; direction: rtl; line-height: 1.5; list-style-type: disc; }
.vasPage .price p span { font-weight: bold }
.vasPage .price p .vod { color: #ed1c24;  font-weight: normal }
.vasPage .price p .mob { color: #f6810f;  font-weight: normal }
.vasPage .price p .its { color: #719a11;  font-weight: normal }
.vasCnts { display: inline-block; float: right; width: 100%; margin-bottom: 20px; background: none; border: none; box-shadow: none; }
.vasCnts .vas { display: inline-block; width: calc((100% - 40px) / 3); min-width: 320px; float: right; overflow: hidden; margin-left: 20px; background: #fff; margin-bottom: 20px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; position: relative }
.vasCnts .vas:nth-child(3n) { margin-left: 0; }
.vasCnts .vas h1 { width: 100%; text-align: center; padding: 15px 0 10px; color: #5b5b5b; font-family: DroidKufiBold, arial; font-size: 24px; color: #333 }
.vasCnts .vas .vasIcon { height: 90px }
.vasCnts .vas .vasIcon.icon-news:before { content: "g"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-woman:before { content: "~"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-horo:before { content: "%"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-arts:before { content: "X"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-jokes:before { content: "&"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-islameyat:before { content: "P"; margin-right: 2px; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-chris:before { content: "#"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-masTv:before { content: "|"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-tech:before { content: "0"; font-size: 74px; color: #1d1d1d; line-height: 1.2 }
.vasCnts .vas .vasIcon.icon-mobawaba:before { content: "F"; font-size: 110px; color: #1d1d1d; line-height: 0.6 }
.vasCnts .vas .mobNumCntnr { width: 300px; height: 42px; margin: 0 calc((100% - 300px) / 2) 40px; border: 1px solid #e8e8e8 }
.vasCnts .vas .mobNumCntnr iframe { height: 60px }
.vasCnts .vas h2 { padding: 0 10px; margin: 10px 0 24px; height: 62px; overflow: hidden;  font-size: 16px; text-align: center }
.vasCnts .vas .details { display: inline-block; padding: 10px; float: right; width: 300px; }
.vasCnts .vas .details .vod { display: inline-block; margin-bottom: 10px }
.vasCnts .vas .details .vod h3 {  font-size: 12px; color: #ed1c24; direction: rtl }
.vasCnts .vas .details .vod li span { font-family: arial; color: #ed1c24 }
.vasCnts .vas .details .mob { display: inline-block; margin-bottom: 10px }
.vasCnts .vas .details .mob h3 {  font-size: 12px; color: #f6810f; direction: rtl }
.vasCnts .vas .details .mob li span { color: #f6810f }
.vasCnts .vas .details .its { display: inline-block; margin-bottom: 10px }
.vasCnts .vas .details .its h3 {  font-size: 12px; color: #719a11; direction: rtl }
.vasCnts .vas .details .its li span { font-family: arial; color: #719a11 }
.vasCnts .vas .details ul { padding-right: 15px; display: inline-block; float: right; width: 260px; }
.vasCnts .vas .details li {  font-size: 12px; color: #333; direction: rtl; line-height: 1.5; list-style-type: disc; cursor: text }
.vasCnts .vas p {  font-size: 14px; color: #868686; direction: rtl; text-align: center; height: 120px }
.vasCnts .vas .vasLnk { width: 200px; display: inline-block; text-align: center; margin-bottom: 20px }
.vasCnts .vas .vasBtn { text-align: center; background: #eee; padding: 6px 0; cursor: pointer; width: 200px;  font-size: 14px; color: #1d1d1d; display: inline-block; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.vasCnts .vas .vasBtn:hover { background-color: #ccc }
.vasCnts .vas .oprtrHnt { font-size: 12px; color: #333; height: auto; position: absolute; right: 18px; bottom: 2px }
.vasCnts .vas p .vod { color: #ed1c24 }
.vasCnts .vas p .mob { color: #f6810f }
.vasCnts .vas p .its { color: #719a11 }
/** Mobile Box **/
.vasCnts #usermobile { background-color: #fff; padding: 10px 0; }
/** Vas Page color **/
.vasCnts .news { border-top: 3px solid #E03322 }
.vasCnts .arts { border-top: 3px solid #A8006B }
.vasCnts .woman { border-top: 3px solid #7b1fa2 }
.vasCnts .jokes { border-top: 3px solid #8dba21 }
.vasCnts .islamic { border-top: 3px solid #075C99 }
.vasCnts .chris { border-top: 3px solid #955119 }
.vasCnts .masTv { border-top: 3px solid #E03322 }
.vasCnts .horo { border-top: 3px solid #f1a71d }
.vasCnts .mbwba { border-top: 3px solid #36a0d2 }
.vasCnts .mtv { border-top: 3px solid #a42709 }
.vasCnts .tech { border-top: 3px solid #1862a8 }
.vasCnts .weird { border-top: 3px solid #2e3094 }
.vasCnts .economy { border-top: 3px solid #289e54 }
.vasCnts .fabreka { border-top: 3px solid #c31717 }
/** VAS Details Drop Down **/
.vas > div > .details { background: #fff; border: 1px solid #e8e8e8; width: 100%; max-height: 0; position: absolute; left: 50%; margin-left: -150px; bottom: 20px; z-index: 999; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.vas > div:hover > .details { z-index: 9999; box-shadow: 0px 0px 5px 0px #ddd; visibility: visible; opacity: 1; transition-delay: 0s; max-height: 100%; }
/********** Shaghalni **********/
.shaghalniPage { display: inline-block; width: 100%; float: right; background: none; margin-bottom: 30px; padding: 0 14px; }
.shaghalniPage .shaghalniLogo { display: inline-block; float: right; width: 120px; margin: 20px calc((100% - 120px) / 2) }
.shaghalniPage .shaghalniLogo img { width: 100%; height: auto }
.shaghalniPage h1 { display: inline-block; float: right; width: 100%; text-align: center; margin-bottom: 40px; font-size: 28px; color: #E03322; font-family: DroidKufiBold, arial; cursor: auto }
.shaghalniPage .shaghalniList { display: inline-block; float: right; width: 100% }
.shaghalniPage .shaghalniList ul { display: inline-block; float: right; width: 100% }
.shaghalniPage .shaghalniList ul li { display: inline-block; float: right; width: calc((100% - 60px) / 3); height: 196px; padding: 20px 20px 10px; margin-left: 30px; margin-bottom: 30px; background: #fff; border: 1px solid #e8e8e8; }
.shaghalniPage .shaghalniList ul li:nth-child(3n) { margin-left: 0 }
/** Top **/
.shaghalniPage .shaghalniList ul li .top { display: inline-block; float: right; width: 100%; border-bottom: 1px solid #e8e8e8 }
.shaghalniPage .shaghalniList ul li .top .jobContainer { display: inline-block; float: right; width: 100%; }
.shaghalniPage .shaghalniList ul li .top .jobContainer .compLogo { display: inline-block; float: right; width: 54px; height: 54px; position: relative }
.shaghalniPage .shaghalniList ul li .top .jobContainer .compLogo img { width: auto; height: auto; max-height: 54px; max-width: 54px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.shaghalniPage .shaghalniList ul li .top .jobContainer .jobTitle { display: inline-block; float: right; width: calc(100% - 54px); padding-right: 20px }
.shaghalniPage .shaghalniList ul li .top .jobContainer .jobTitle h2 { display: inline-block; float: right; width: 100%; margin-bottom: 4px; line-height: 1.8; font-family: DroidKufiBold, Arial; font-size: 17px; color: #1d1d1d; text-align: right; direction: rtl; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.shaghalniPage .shaghalniList ul li .top .jobContainer .jobTitle .jobLocation { display: inline-block; float: right; width: 100%; }
.shaghalniPage .shaghalniList ul li .top .jobContainer .jobTitle .jobLocation img { display: inline-block; float: right; width: 12px; margin-top: 2px }
.shaghalniPage .shaghalniList ul li .top .jobContainer .jobTitle .jobLocation p { display: inline-block; float: right; width: calc(100% - 12px); height: 22px; margin-bottom: 0; padding-right: 6px;  font-size: 12px; color: #666; text-align: right; direction: rtl; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.shaghalniPage .shaghalniList ul li .top .jobDesc { display: inline-block; float: right; width: 100%; padding: 20px 0 10px }
.shaghalniPage .shaghalniList ul li .top .jobDesc p { display: inline-block; float: right; width: 100%; min-height: 44px;  font-size: 12px; color: #1d1d1d; text-align: right; direction: rtl; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
/** Bottom **/
.shaghalniPage .shaghalniList ul li .bottom { display: inline-block; float: right; width: 100%; padding-top: 10px; }
.shaghalniPage .shaghalniList ul li .bottom .jobTags { display: inline-block; float: right; width: 50% }
.shaghalniPage .shaghalniList ul li .bottom .jobTags:last-child { margin-left: 0; float: left }
.shaghalniPage .shaghalniList ul li .bottom .jobTags p { display: inline-block; float: right; width: auto;  padding-right: 6px; font-size: 11px; color: #666; text-align: right; direction: rtl; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.shaghalniPage .shaghalniList ul li .bottom .jobTags img { display: inline-block; float: right; width: 18px; margin-top: 1px }
.shaghalniPage .shaghalniList ul li .bottom .jobTags.time img { width: 14px; margin-top: 3px }
/************** Amazon Widget ***************/
article .details iframe.amazonWidget { margin: 0 0 20px !important; height: 170px !important; width: 100%; display: inline-block; position: relative !important; }
article .amazonBanner { display: inline-block; float: right; width: 100%; background: #000;  font-size: 14px; text-align: right; position: relative; padding: 16px; margin-bottom: 20px; background: #7b1fa2 }
article .amazonBanner p { color: #fff; float: right; display: inline-block; width: 100%; margin-bottom: 16px; line-height: 30px; text-align: center }
article .amazonBanner a { width: 150px; height: 30px; display: inline-block; float: left; line-height: 30px; margin: 0 calc((100% - 150px) / 2); background: #fff; color: #7b1fa2; text-align: center; font-size: 13px; }


/****************************** Family Gathering ******************************/
.familyGatheringPage .content-wrap { width: 100% }
.familyGatheringPage .content { padding: 0 }
.familyGathering { position: relative; width: 100%; margin-bottom: 0 }
.familyGathering .la-square-loader, .familyGathering .la-square-loader > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.familyGathering .la-square-loader { display: block; font-size: 0; color: #fff }
.familyGathering .la-square-loader.la-dark { color: #333 }
.familyGathering .la-square-loader > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor }
.familyGathering .la-square-loader { width: 32px; height: 32px }
.familyGathering .la-square-loader > div { width: 100%; height: 100%; background: transparent; border-width: 2px; border-radius: 0; -webkit-animation: square-loader 2s infinite ease; -moz-animation: square-loader 2s infinite ease; -o-animation: square-loader 2s infinite ease; animation: square-loader 2s infinite ease }
.familyGathering .la-square-loader > div:after { display: inline-block; width: 100%; vertical-align: top; content: ""; background-color: currentColor; -webkit-animation: square-loader-inner 2s infinite ease-in; -moz-animation: square-loader-inner 2s infinite ease-in; -o-animation: square-loader-inner 2s infinite ease-in; animation: square-loader-inner 2s infinite ease-in }
.familyGathering .la-square-loader.la-sm { width: 16px; height: 16px }
.familyGathering .la-square-loader.la-sm > div { border-width: 1px }
.familyGathering .la-square-loader.la-2x { width: 64px; height: 64px }
.familyGathering .la-square-loader.la-2x > div { border-width: 4px }
.familyGathering .la-square-loader.la-3x { width: 96px; height: 96px }
.familyGathering .la-square-loader.la-3x > div { border-width: 6px }
@-webkit-keyframes square-loader {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    25% { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
    75% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-moz-keyframes square-loader {
    0% { -moz-transform: rotate(0deg); transform: rotate(0deg) }
    25% { -moz-transform: rotate(180deg); transform: rotate(180deg) }
    50% { -moz-transform: rotate(180deg); transform: rotate(180deg) }
    75% { -moz-transform: rotate(360deg); transform: rotate(360deg) }
    100% { -moz-transform: rotate(360deg); transform: rotate(360deg) }
}
@-o-keyframes square-loader {
    0% { -o-transform: rotate(0deg); transform: rotate(0deg) }
    25% { -o-transform: rotate(180deg); transform: rotate(180deg) }
    50% { -o-transform: rotate(180deg); transform: rotate(180deg) }
    75% { -o-transform: rotate(360deg); transform: rotate(360deg) }
    100% { -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes square-loader {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) }
    25% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
    50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
    75% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes square-loader-inner {
    0% { height: 0 }
    25% { height: 0 }
    50% { height: 100% }
    75% { height: 100% }
    100% { height: 0 }
}
@-moz-keyframes square-loader-inner {
    0% { height: 0 }
    25% { height: 0 }
    50% { height: 100% }
    75% { height: 100% }
    100% { height: 0 }
}
@-o-keyframes square-loader-inner {
    0% { height: 0 }
    25% { height: 0 }
    50% { height: 100% }
    75% { height: 100% }
    100% { height: 0 }
}
@keyframes square-loader-inner {
    0% { height: 0 }
    25% { height: 0 }
    50% { height: 100% }
    75% { height: 100% }
    100% { height: 0 }
}
/****/
.js body { overflow: hidden; }
.js body.mofkera { overflow: unset; }
.js body.overflow { overflow: auto; }
.familyGathering .header { position: absolute; z-index: 1000; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; padding: 2.5em; pointer-events: none; }
/* the page (header background) that is being moved up (initial view) */
.familyGathering .page--mover { position: fixed; width: 100%; height: 100vh; background: URL("../Images/familyGatheringBG.jpg") top center no-repeat; background-size: cover }
/* the title of the initial view */
.familyGathering .title-wrap { position: absolute; width: 100%; margin: 8vh 0 0 0; text-align: center; }
.familyGathering .title { position: relative; text-indent: 0.2em; font-family: DroidKufiBold, arial; transition: none; text-align: center }
.familyGathering .title--main { font-size: 3.4vw; margin: 0 auto; color: #fff; line-height: 1.6; }
.familyGathering .title--sub { font-size: 1.8vw; display: block; margin: 0; color: #fff;}
/* static page with grid */
.familyGathering .page--static { -webkit-align-items: center; align-items: center; max-width: 1220px; margin: 0 auto; padding: 2em 0 0; text-align: center; }
.familyGathering .page:after { display: none }
.familyGathering .page__title { padding: 0 2em; }
.familyGathering .page__title-main { font-size: 2.8vw; margin: 0 auto; padding: 2em 0 0; color: #E03322; transition: none; font-family: DroidKufiBold, arial; text-align: center }
.familyGathering .page__title-sub { font-size: 1.6vw; margin: 0.5em 0 4em; transition: none;  text-align: center }
.familyGathering .device { position: fixed; z-index: 1000; bottom: 0; left: 50%; width: 45vh; height: 45vh; margin: 0 0 0 -22.5vh; background: url(../Images/FamilyGathering/device.svg) no-repeat 50% 0%; background-size: 100%; }
.familyGathering .device__screen { position: absolute; top: 25.5%; left: 8.5%; width: 83%; height: 100%; background: url(../Images/FamilyGathering/screen.jpg) no-repeat 50% 0%; background-size: 100%; }
/* Button */
.familyGathering .button { margin: 0; padding: 0; border: none; background: none; }
.familyGathering .button--view { position: fixed; z-index: 1000; bottom: 1.5em; left: 50%; width: 3em; height: 1.75em; margin: 0 0 0 -1.5em; -webkit-animation: pointDown 0.6s 0.6s ease-in infinite alternate forwards; animation: pointDown 0.6s 0.6s ease-in infinite alternate forwards; fill: #fff; }
@-webkit-keyframes pointDown {
    from { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes pointDown {
    from { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
.familyGathering .button--view path { -webkit-transition: fill 0.3s; transition: fill 0.3s; fill: inherit; }
.familyGathering .button--view:hover,
.familyGathering .button--view:focus { outline: none; fill: #E03322 }
.familyGathering .button--load { width: 7em; color: #a3b0bd; }
.familyGathering .button--load svg { width: 2.5em; }
.familyGathering .button__text { font-size: 0.65em; font-weight: bold; display: block; margin: 0.85em 0 0 0; text-indent: 3px; letter-spacing: 3px; text-transform: uppercase; color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; }
.familyGathering .polaroid__base,
.familyGathering .polaroid__loader { -webkit-transition: fill 0.3s; transition: fill 0.3s; fill: #a3b0bd; }
.familyGathering .button--load:hover,
.familyGathering .button--load:focus { color: #03a9f4; outline: none; }
.familyGathering .button:hover .polaroid__base,
.familyGathering .button:focus .polaroid__base,
.familyGathering .button:hover .polaroid__loader,
.familyGathering .button:focus .polaroid__loader { fill: #03a9f4; }
.familyGathering .polaroid__inner { fill: #e9ecef; }
.familyGathering .button--loading .polaroid__loader circle { -webkit-animation: fadeInOut 0.3s ease-in infinite alternate forwards; animation: fadeInOut 0.3s ease-in infinite alternate forwards; }
.familyGathering .button--loading .polaroid__loader circle:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.familyGathering .button--loading .polaroid__loader circle:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
@-webkit-keyframes fadeInOut {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeInOut {
    from { opacity: 0; }
    to { opacity: 1; }
}
.familyGathering .button--hidden { pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.familyGathering .grid { position: relative; z-index: 100; margin: 0 auto; list-style: none; column-count: 1; column-gap: 0; }
.familyGathering .grid__item { display: inline-block; -webkit-flex: none; flex: none; width: 100%; padding: 10px; transition: none; vertical-align: top; max-width: 400px; pointer-events: none }
.js .familyGathering .grid__item { opacity: 0; }
.familyGathering .grid__item--hidden { opacity: 0; }
.familyGathering .grid__link { display: inline-block; float: right; width: 100%; padding: 13px 13px 0 13px; background: #fff; position: relative; padding-bottom: 100%; overflow: hidden; border: 12px solid #fff }
.familyGathering .grid__img { display: block; width: auto; height: 100%; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.familyGathering .grid__item-title {  line-height: 1; position: relative; overflow: hidden; margin: 0; padding: 1em 0.5em; text-align: right; white-space: nowrap; text-overflow: ellipsis; color: #698b8d; background: #fff; }
/* Loader (styles defined in square-loader.min.css) */
.familyGathering .la-square-loader { position: absolute; top: 60%; left: 50%; color: #565f73; opacity: 0; -webkit-transform: translate3d(-50%,-50%,0) scale3d(1.35,1.35,1); transform: translate3d(-50%,-50%,0) scale3d(1.35,1.35,1); }
.familyGathering .la-square-loader > div { border-radius: 2px; }
.js .familyGathering .la-square-loader { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.familyGathering.view--loaded .la-square-loader { opacity: 0; }
/* Visibility/pointer events of items depending on state (loaded) */
.js .familyGathering .grid,
.js .familyGathering .device,
.js .familyGathering .button--view { opacity: 0; }
.familyGathering.view--loaded .grid,
.familyGathering.view--loaded .device,
.familyGathering.view--loaded .button--view { opacity: 1; }
.familyGathering.view--loaded .button--view { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
/*.js .familyGathering .page--static {pointer-events: none;}*/
.familyGathering .view--grid .page--static { pointer-events: auto; }
/** Grid Listing **/
.familyGathering.view--grid .grid { column-count: 3 }
.familyGathering.view--grid .grid__item { padding: 0; opacity: 0 !important; visibility: hidden; max-width: 100%; cursor: pointer; pointer-events: visible; transition: opacity 0.5s ease-in-out 0s }
.familyGathering.view--grid .grid__item.gridFadeIn { visibility: visible; opacity: 1 !important }
.familyGathering.view--grid .grid__link { padding: 0; border: 4px solid #fff; padding-bottom: 0 }
.familyGathering.view--grid .grid__img { display: inline-block; float: right; width: 100%; position: relative; top: auto; left: auto; transform: none; max-height: unset; max-width: unset }
/** Ramadan Strip **/
.familyGathering .grid__link .ramadanStrip { display: none }
.familyGathering.view--grid .grid__link .ramadanStrip { display: inline-block; position: absolute; width: 100%; height: 30px; background: linear-gradient(45deg,#24255b,#393872,#24255b); bottom: 0; left: 0; right: 0; padding: 0 10px; line-height: 30px }
.familyGathering.view--grid .grid__link .ramadanStrip p { display: inline-block; float: right;  font-size: 13px; color: #fff; text-align: right; direction: rtl; line-height: 30px }
/** Header Button **/
.familyGathering .headerBtn { position: fixed; width: 100%; padding: 30px; top: 50px; left: 0; z-index: 102; pointer-events: none; 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; }
.familyGathering .headerBtn .right { display: inline-block; float: right; }
.familyGathering .headerBtn .right a { display: inline-block; float: right; margin-left: 20px;  font-size: 16px; color: #fff; border: 1px solid #fff; padding: 6px 20px; pointer-events: visible }
.familyGathering .headerBtn .right a:first-child { background: #fff; color: #2d323c }
.familyGathering .headerBtn .right a:last-child { margin-left: 0 }
.familyGathering .headerBtn .left { display: inline-block; float: left }
.familyGathering .headerBtn .left a { display: inline-block; float: right;  font-size: 16px; color: #fff; border: 1px solid #fff; padding: 6px 20px; pointer-events: visible }
.familyGathering .headerBtn .right a:hover,
.familyGathering .headerBtn .left a:hover { background: #fff; color: #2d323c }
.familyGathering.view--grid .headerBtn { padding: 16px 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.familyGathering.view--grid .headerBtn .right a,
.familyGathering.view--grid .headerBtn .left a { color: #2d323c; border: 1px solid #2d323c; font-size: 15px; padding: 4px 12px; }
.familyGathering.view--grid .headerBtn .right a:first-child { background: #E03322; color: #fff; border: 1px solid #E03322 }
.familyGathering.view--grid .headerBtn .right a:hover,
.familyGathering.view--grid .headerBtn .left a:hover { background: #E03322; color: #fff; border: 1px solid #E03322 }
.familyGatheringPage .lstNwsNtfy { display: none }
/** Popup **/
.familyGathering .popupMsg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; opacity: 0; visibility: hidden; 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; }
.familyGathering.showPopup .popupMsg { opacity: 1; visibility: visible }
.familyGathering .popupMsg:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(29,29,29,0.9) }
.familyGathering .popupMsg .popupMsgCntnr { position: absolute; top: 50%; left: 50%; background: #fff; width: 480px; height: 360px; transform: translate(-50%,-50%) }
.familyGathering .popupMsg a.closePopup { position: absolute; display: inline-block; width: 30px; height: 30px; top: 15px; left: 16px; z-index: 2 }
.familyGathering .popupMsg a.closePopup:after, .familyGathering .popupMsg a.closePopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; 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; }
.familyGathering .popupMsg a.closePopup:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.familyGathering .popupMsg a.closePopup:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.familyGathering .popupMsg .popupTtl { display: inline-block; float: right; width: 100%; position: relative; color: #00415d; padding-bottom: 10px; border-bottom: 1px solid #D1D2D4; text-align: center; z-index: 1; margin: 0; height: 60px; }
.familyGathering .popupMsg .popupTtl h3 { display: inline-block; float: right; width: 100%; font-family: DroidKufiBold, Arial; font-size: 18px; color: #fff; height: 60px; background: #000; text-align: center; line-height: 3.6; margin-bottom: 8px; }
.familyGathering .popupMsg .GatheringCollab { display: inline-block; float: right; width: 100%; position: relative; padding: 20px }
.familyGathering .popupMsg .GatheringCollab .addPhoto { display: inline-block; width: 100%; height: 200px; float: right; border-radius: 6px; border: 2px dashed #ddd; cursor: pointer; position: relative; }
.familyGathering .popupMsg .GatheringCollab .icon-addPhoto:before { content: "k"; font-size: 72px; line-height: 200px; color: #ddd }
.familyGathering .popupMsg .GatheringCollab .addPhoto img { position: absolute; top: 50%; left: 50%; width: auto !important; height: 100%; transform: translate(-50%,-50%) }
.familyGathering .popupMsg .GatheringCollab .allButtons { margin: 20px auto 0; float: none; width: auto; display: inline-flex; height: 30px; }
.familyGathering .popupMsg .GatheringCollab .allButtons a { display: inline-block; float: right; width: auto; margin-left: 10px; padding: 0 19px; height: 34px; white-space: nowrap; text-align: center; line-height: 34px;  color: #fff; font-size: 13px; }
.familyGathering .popupMsg .GatheringCollab .allButtons a:last-child { margin-left: 0 }
.familyGathering .popupMsg .GatheringCollab .allButtons a.uploadBtn { background: #40d561; }
.familyGathering .popupMsg .GatheringCollab .allButtons a.shareBtn { background: #d8d8d8; pointer-events: none }
.familyGathering .popupMsg .GatheringCollab .allButtons a.deleteBtn { background: #d8d8d8; color: #fff; width: 34px; padding: 0; pointer-events: none }
.familyGathering .popupMsg .GatheringCollab .allButtons a.icon-delete:before { content: "\5c"; font-size: 22px; line-height: 34px }
.familyGathering .popupMsg .GatheringCollab .allButtons.uploaded a.shareBtn { background: #3b5998; pointer-events: visible }
.familyGathering .popupMsg .GatheringCollab .allButtons.uploaded a.deleteBtn { background: #E03322; pointer-events: visible }
.familyGathering .popupMsg .GatheringCollab .uploadNotification { position: absolute; top: 0; left: 0; width: 100%; height: auto; background: #E03322; opacity: 0; visibility: hidden; 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; }
.familyGathering .popupMsg .GatheringCollab .uploadNotification p { display: inline-block; float: right; width: 100%; padding: 6px 10px; text-align: center;  color: #fff; font-size: 12px; margin-bottom: 0 }
.familyGathering .popupMsg .GatheringCollab .uploadNotification.uploaded { opacity: 1; visibility: visible }
/** Large Image Popup **/
.familyGathering .popupImg { position: fixed; top: 50px; left: 0; width: 100%; height: calc(100% - 50px); z-index: 1001; opacity: 0; visibility: hidden; 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; }
.familyGathering.showLargeImg .popupImg { opacity: 1; visibility: visible }
.familyGathering .popupImg:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(29,29,29,0.98) }
.familyGathering .popupImg .popupImgCntnr { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%) }
.familyGathering .popupImg .popupImgCntnr img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-height: 100%; max-width: 100% }
.familyGathering .popupImg a.closeImgPopup { position: absolute; display: inline-block; width: 30px; height: 30px; top: 15px; left: 16px; z-index: 2 }
.familyGathering .popupImg a.closeImgPopup:after, .familyGathering .popupImg a.closeImgPopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; 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; }
.familyGathering .popupImg a.closeImgPopup:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.familyGathering .popupImg a.closeImgPopup:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/** Ramadan Entry Point **/
.ramadanEP { position: relative; direction: ltr; border-radius: 0; }
.ramadanEP .ramadanEPConts { display: inline-block; width: 100%; float: right; padding: 50px 20px; text-align: center; position: relative; background: #442356 }
.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: #fff; 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 }
/** Event Entry Point Slider **/
/** Left Entry Point **/
.leftHP .eventEntryPoint { width: 300px; height: 150px; margin: 0 calc((100% - 300px) / 2) 30px }
.leftHP .eventEntryPoint.ramadan{margin:0;overflow:hidden} 
.leftHP .eventEntryPoint a { width: 100%; margin-left: 0; height: 150px }
.leftHP .eventEntryPoint a:last-child { margin-bottom: 0 }
.leftHP .eventEntryPoint a img { width: 300px; height: 150px;position:relative;left:0;top:0;transform:none }

.ramadan.bxSlider .bx-controls, .ramadan.bxSlider .bx-pager{display:none}
.specialFiles.ramadan{height:150px}

@media screen and (min-width:1680px) and (max-width:1919px) {
    /*.familyGathering .grid__item{max-width:350px}*/
}
@media screen and (min-width:1600px) and (max-width:1679px) {
    .familyGathering .grid__item { max-width: 320px }
}
@media screen and (min-width:1536px) and (max-width:1599px) {
    .familyGathering .grid__item { max-width: 300px }
}
@media screen and (min-width:1440px) and (max-width:1535px) {
    .familyGathering .grid__item { max-width: 320px }
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    .familyGathering .grid__item { max-width: 250px }
}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .familyGathering .grid__item { max-width: 270px }
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .familyGathering .page--static { padding: 2em 16px 0; }
    .familyGathering .grid__item { max-width: 260px }
    .familyGathering .headerBtn .right a,
    .familyGathering .headerBtn .left a { font-size: 14px; padding: 4px 12px }
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .familyGathering .page--static { padding: 2em 16px 0; }
    .familyGathering .grid__item { max-width: 260px }
    .familyGathering .headerBtn .right a,
    .familyGathering .headerBtn .left a { font-size: 14px; padding: 4px 12px }
}
@media only screen and (max-width: 1023px) {
    .familyGathering .page--static { padding: 2em 12px 0; }
    .familyGathering .title-wrap { margin: 14vh 0 0 0 }
    .familyGathering .title--main { font-size: 4vw }
    .familyGathering .title--sub { font-size: 2.4vw }
    .familyGathering .grid__item { max-width: 250px }
    .familyGathering .headerBtn { padding: 20px }
    .familyGathering .headerBtn .right a,
    .familyGathering .headerBtn .left a { font-size: 13px; padding: 4px 12px }
    .familyGathering .page__title-main { font-size: 3.4vw; padding: 2em 0 0 }
    .familyGathering .page__title-sub { font-size: 2.2vw; margin: 0.5em 0 2.4em; }
    .familyGathering.view--grid .headerBtn { padding: 16px }
    .familyGathering.view--grid .headerBtn .right a,
    .familyGathering.view--grid .headerBtn .left a { font-size: 13px; padding: 4px 12px }
    .ramadanEP .ramadanEPConts .epItems li { width: calc((100% - 20px) / 2); margin: 0 0 20px 20px; }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .familyGathering .page--static { padding: 2em 10px 0; }
    .familyGathering .page__title { padding: 0 20px }
    .familyGathering .title-wrap { margin: 18vh 0 0 0 }
    .familyGathering .title--main { font-size: 8vw }
    .familyGathering .title--sub { font-size: 4.8vw }
    .familyGathering .grid__link { border: 8px solid #fff }
    .familyGathering .grid { column-count: 1 }
    .familyGathering.view--grid .grid { column-count: 2 }
    .familyGathering .grid__item { max-width: 180px }
    .familyGathering .device { width: 40vh; height: 40vh; margin: 0 0 0 -20vh; }
    .familyGathering .headerBtn { padding: 14px }
    .familyGathering .headerBtn .right a,
    .familyGathering .headerBtn .left a { font-size: 12px; padding: 4px 0; width: 88px; text-align: center; margin-left: 14px }
    .familyGathering .headerBtn .left a { margin-left: 0 }
    .familyGathering .page__title-main { font-size: 7.4vw; padding: 2em 0 0 }
    .familyGathering .page__title-sub { font-size: 4.6vw; margin: 0.5em 0 2.4em; }
    .familyGathering.view--grid .headerBtn { padding: 14px }
    .familyGathering.view--grid .headerBtn .right a,
    .familyGathering.view--grid .headerBtn .left a { font-size: 12px; padding: 4px 0 }
    .familyGathering .popupMsg .popupMsgCntnr { width: calc(100% - 20px) !important; }
    .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 }
}


/****************************** Elgouna ******************************/
.elgounaPage .content{padding:0}
.elgouna{display: inline-block;float: right;width: 100%;height: calc(100vh - 50px);background:url(../Images/Elgouna/elgounaBG.png) no-repeat center center;background-size:contain}
.elgouna ul{display: inline-block;float: right;width: 100%;height:100%}
.elgouna li{position:absolute;width:calc((100% - 48px) / 2);height:calc(((100% - 48px) / 3) * 2);pointer-events:none}

.elgouna li a{pointer-events:visible}
/*.elgouna li:hover{z-index:1}*/
.elgouna li .imgContainer{position:absolute;width:100%;height:100%}
.elgouna li .imgContainer:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.2s ease-in-out}
.elgouna li p{position:absolute;left:50%;font-family:droidKufiBold, arial;font-size:42px;z-index:1;
              background-image: linear-gradient(to right, #dec489, #dec489 50%, #fff 50%);background-size: 200% 100%;background-position: -100%;
  display: inline-block;padding: 5px 0;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: all 0.2s ease-in-out;}
.elgouna li p:before{content: '';background: #dec489;display: block;position: absolute;bottom: -3px;left: 0;width: 0;height: 3px;transition: all 0.2s ease-in-out;}

.elgouna li:hover .imgContainer:after{opacity:1;visibility:visible}
.elgouna li:hover p{background-position:0}
.elgouna li:hover p:before{width:100%}

/* El Gouna Logo */
.elgouna li:nth-child(1){right:16px;top:16px;}
.elgouna li:nth-child(1) .logo{position:absolute;right:0;top:0;width:250px}

/* El Gouna News */
.elgouna li:nth-child(2){top:16px;left:16px;}
.elgouna li:nth-child(2) .imgContainer{background:url(../Images/Elgouna/elgounaNews.jpg) no-repeat center center;background-size:cover;clip-path: polygon(0% 0%, 100% 0%, 100% 49.6%, 0% 100%);}
.elgouna li:nth-child(2) p{top:25%;transform:translate(-50%,-50%)}

/* El Gouna Videos */
.elgouna li:nth-child(3){bottom:16px;right:16px;}
.elgouna li:nth-child(3) .imgContainer{background:url(../Images/Elgouna/elgounaVideos.jpg) no-repeat center center;background-size:cover;clip-path: polygon(0% 0%, 100% 50.4%, 100% 100%, 0% 100%);}
.elgouna li:nth-child(3) p{bottom:25%;transform:translate(-50%,50%)}


/* El Gouna Etlalat */
.elgouna li:nth-child(4){bottom:16px;left:16px;}
.elgouna li:nth-child(4) .imgContainer{background:url(../Images/Elgouna/elgounaEtlalat.jpg) no-repeat center center;background-size:cover;clip-path: polygon(0% 50.4%, 100% 0%, 100% 100%, 0% 100%);}
.elgouna li:nth-child(4) p{bottom:25%;transform:translate(-50%,50%)}


/* El Gouna Header */
.gounaHeader { display: inline-block; float: right; width: 100%; height: 200px; position: relative;background: url(../Images/Elgouna/gounaHeader.jpg) top right no-repeat; background-size:cover;margin-bottom: 40px; overflow: hidden}
.gounaHeader .logo{width:204px;height:112px;position:absolute;top:20px;left:20px;background: url(../Images/Elgouna/elgounaLogo.png) center center no-repeat; background-size:100%;}
.gounaHeader p.title{position:absolute;width:100%;right:26px;top:50%;transform:translateY(calc(-50% - 20px));font-family: DroidKufiBold, Arial; font-size: 48px; color: #A8006B}
.gounaHeader .headerMenu { position: absolute; bottom: 0; width: 100%; height: 44px; background-color:#A8006B}
.gounaHeader .headerMenu li { display: inline-block; float: right; position: relative; float: right; width: auto; height: 44px; }
.gounaHeader .headerMenu li:last-child { margin-left: 0 }
.gounaHeader .headerMenu li a { display: inline-block; width: auto; height: 100%; float: right; color: #fff;  font-size: 14px; line-height: 44px; padding: 0 26px; }
.gounaHeader .headerMenu li a:hover, .gounaHeader .headerMenu li a.select { background: #7a004e }

#cd-top-nav > ul > li > a.icon-elgouna:before{content: '\aa';display: block;font-size: 24px;line-height: 1;}

#cd-lateral-nav .topIcons .gouna a:before {content: "\aa";display: block;font-size: 24px;line-height: 1.6;color: #b5a28a;position: absolute;width: 100%;right: 0;}


.gounaClip .articleListWidget li .secName{display:none}
.gounaClip .articleListWidget li h2{height: 63px;display: -webkit-box;-webkit-line-clamp: 3;}


@media screen and (min-width:1360px) and (max-width:1439px) {
    .elgouna li:nth-child(1) .logo{width:200px}
}


@media screen and (min-width:1280px) and (max-width:1359px) {
    .elgouna li:nth-child(1) .logo{width:200px}
    .elgouna li p{font-size:32px}
}


@media screen and (min-width:1152px) and (max-width:1279px) {
    .elgouna li:nth-child(1) .logo{width:150px}
    .elgouna li p{font-size:32px}
}


@media screen and (min-width:1024px) and (max-width:1151px) {
    .elgouna li:nth-child(1) .logo{width:150px}
    .elgouna li p{font-size:32px}
}


@media only screen and (max-width: 1023px) {
    .elgouna li:nth-child(1) .logo{width:150px}
    .elgouna li p{font-size:32px}
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    
    .elgouna{height:100%;padding:20px 10px;background:url(../Images/Elgouna/elgounaBG.png) no-repeat top -30px center;background-size:cover}
    .elgouna li{position:relative;width:100%;right:auto;top:auto;}
    .elgouna li:nth-child(1){height:auto;top:0;right:0;text-align:center;margin-bottom:20px}
    .elgouna li:nth-child(1) .logo {width: 130px;position: relative;right: 0;top: 0;}
    .elgouna li:nth-child(2),
    .elgouna li:nth-child(3),
    .elgouna li:nth-child(4){ top: 0; left: 0;right:0;bottom:0; width: 100%; height: 300px }

    .elgouna li:nth-child(2) .imgContainer {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 65%);background: url(../Images/Elgouna/elgounaNews.jpg) no-repeat center bottom;background-size: auto 430px;}
    
    .elgouna li:nth-child(3){margin-top:-90px}
    .elgouna li:nth-child(3) .imgContainer {clip-path: polygon(0% 0%, 100% 35%, 100% 65%, 0% 100%);}

    .elgouna li:nth-child(4){margin-top:-90px}
    .elgouna li:nth-child(4) .imgContainer {clip-path: polygon(0% 35%, 100% 0%, 100% 100%, 0% 100%);}

    .elgouna li p{font-size:20px;transform:none;top:auto;left:auto}
    .elgouna li:nth-child(2) p{right:10px;top:auto;bottom:42px;transform:none}
    .elgouna li:nth-child(3) p{left:10px;top:auto;bottom:60px;transform:none}
    .elgouna li:nth-child(4) p{right:10px;top:auto;bottom:20px;transform:none}

    .elgouna li p:before{bottom:0}

    .gounaHeader {background: url(../Images/Elgouna/gounaHeader.jpg) top center no-repeat;background-size:cover}
    .gounaHeader .logo{width:128px;height:70px;left:50%;transform:translateX(-50%)}
    .gounaHeader p.title{right:auto;top:50%;transform:translateY(calc(-50% + 20px));font-size: 30px;text-align:center}
    .gounaHeader .headerMenu ul{position:absolute;width:312px;height:100%;left:50%;top:0;transform:translateX(-50%)}
    .gounaHeader .headerMenu li a{padding: 0 16px;}
}







/****************************** ADS ******************************/
/** Fixed Ad Placement **/
.customSponsor { width: 100%;min-height:auto; display: inline-block; float: right; border: 0; background: none; box-sizing: content-box; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); -moz-clip-path: inset(0 0 0 0); -ms-clip-path: inset(0 0 0 0); -o-clip-path: inset(0 0 0 0); left: 0; margin: 0 auto; overflow: visible; top: 0; visibility: visible;position:relative; z-index: 1;margin-right: 0 }
.customSponsor > div { overflow: hidden; width: 100% !important; min-width: auto!important;min-height: auto!important;}
.customSponsor > div > div { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0 }
.customSponsor > div > div iframe { position: fixed !important; width: 1258px; height: inherit; border: none; margin: 0 !important; left:50%;transform:translateX(-50%);top:0; bottom: 0}
.showFixedAd .customSponsor {min-height:400px;margin-bottom: 30px;}
.matchcenter .customSponsor > div > div iframe{width:938px;right: calc(((100% - 1258px) / 2) + 12px);left: auto;transform: none;}


@media screen and (min-width:1360px) and (max-width:1919px) {
    .customSponsor > div > div iframe {width: 1076px}
    .showFixedAd .customSponsor{min-height:342px}
    .matchcenter .customSponsor > div > div iframe{width:756px;right: calc(((100% - 1100px) / 2) + 12px)}
}


@media screen and (min-width:1280px) and (max-width:1359px) {
    .customSponsor > div > div iframe {width: 976px}
    .showFixedAd .customSponsor{min-height:310px}
    .matchcenter .customSponsor > div > div iframe{width:656px;right: calc(((100% - 1000px) / 2) + 12px)}
}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .customSponsor > div > div iframe {width: 776px}
    .showFixedAd .customSponsor{min-height:246px}
    .matchcenter .customSponsor > div > div iframe{width:456px;right: calc(((100% - 800px) / 2) + 12px)}
}


@media only screen and (max-width: 1023px) {
    .customSponsor > div > div iframe {width: 100%}
    .showFixedAd .customSponsor{min-height:246px}
    .matchcenter .customSponsor > div > div iframe{width:100%;right:0}
}



@media screen and (min-width: 320px) and (max-width: 767px) {
    .customSponsor { width: calc(100% + 24px);margin-right: -12px; }
    .customSponsor > div > div iframe {width: 100%}
    .showFixedAd .customSponsor{min-height:420px}
    .matchcenter .customSponsor > div > div iframe{width:100%;right:0}
}

#adxbox{transition:none!important}

.adTtl{min-height:16px;transition:none}

/********** Showcase **********/
.showcaseDiv { display: inline-block; width: 300px; float: left; height: auto; margin-bottom: 20px; overflow: hidden; box-shadow: none; min-width: 300px; min-height: 262px}
.articleDiv .showcaseDiv { margin-bottom: 30px }
.showcaseDiv .adTtl:not(.ivbsDescription p) {  text-align: center !important; color: #666 !important; background: #fff; font-size: 11px !important; width: 300px; height: 16px;max-height:16px; line-height: 16px; cursor: default; margin: 0 }
.showcaseDiv .showcase { background: #ddd; width: 300px; height: auto; display: flex; min-height: 250px }
.showcaseDiv .showcase > div { float: right; display: flex }
.showcaseDiv .showcase.sc1 { background: #fff }
.showcaseDiv .geminiSC1Ad { display: none !important }
.showcaseDiv .geminiSC1Ad.showSC1 { display: flex !important }
.showcaseDiv .geminiSC2Ad { display: none !important }
.showcaseDiv .geminiSC2Ad.showSC2 { display: flex !important }
.showcaseDiv .geminiSC3Ad { display: none !important }
.showcaseDiv .geminiSC3Ad.showSC3 { display: flex !important }
.showcaseDiv .geminiSC4Ad { display: none !important }
.showcaseDiv .geminiSC4Ad.showSC4 { display: flex !important }
.showcaseDiv .geminiSC5Ad { display: none !important }
.showcaseDiv .geminiSC5Ad.showSC5 { display: flex !important }
.showcaseDiv .geminiSC6Ad { display: none !important }
.showcaseDiv .geminiSC6Ad.showSC6 { display: flex !important }
.showcaseDiv .geminiSC7Ad { display: none !important }
.showcaseDiv .geminiSC7Ad.showSC7 { display: flex !important }
.showcaseDiv .geminiSC8Ad { display: none !important }
.showcaseDiv .geminiSC8Ad.showSC8 { display: flex !important }
.showcaseDiv .geminiSC9Ad { display: none !important }
.showcaseDiv .geminiSC9Ad.showSC9 { display: flex !important }
.showcaseDiv .geminiSC10Ad { display: none !important }
.showcaseDiv .geminiSC10Ad.showSC10 { display: flex !important }
.showcaseDiv .geminiSCIGAd { display: none !important }
.showcaseDiv .geminiSCIGAd.showSCIG { display: flex !important }
.showcaseDiv img { border: none !important }
.showcaseDiv .geminiSC1Ad .hcSlider { display: none }
.showcaseDiv .geminiSC1Ad.showSC1 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper, .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
/** second showcase **/
.showcaseDiv .geminiSC2Ad .hcSlider { display: none }
.showcaseDiv .geminiSC2Ad.showSC2 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper, .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC3Ad .hcSlider { display: none }
.showcaseDiv .geminiSC3Ad.showSC3 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper, .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC4Ad .hcSlider { display: none }
.showcaseDiv .geminiSC4Ad.showSC4 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper, .showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC5Ad .hcSlider { display: none }
.showcaseDiv .geminiSC5Ad.showSC5 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper, .showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC6Ad .hcSlider { display: none }
.showcaseDiv .geminiSC6Ad.showSC6 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper, .showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC7Ad .hcSlider { display: none }
.showcaseDiv .geminiSC7Ad.showSC7 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper, .showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC8Ad .hcSlider { display: none }
.showcaseDiv .geminiSC8Ad.showSC8 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper, .showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC9Ad .hcSlider { display: none }
.showcaseDiv .geminiSC9Ad.showSC9 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper, .showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC10Ad .hcSlider { display: none }
.showcaseDiv .geminiSC10Ad.showSC10 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper, .showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
/*.showcaseDiv .geminiSC1Ad .monsterImage{display:none}
.showcaseDiv .geminiSC1Ad.monsterCntnr .monsterImage{display:block}
.showcaseDiv .geminiSC1Ad.monsterCntnr .scImage{display:none}*/
/********** ASYNC OTP **********/
/** Desktop **/
.showOTP .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOTP .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOTP .showcaseDiv .sc1 iframe { width: 100%; height: 400px; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 130px; visibility: visible; z-index: 9999; }
.hideOTP .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important;z-index: 1; }
.hideOTP .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOTP .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
.adAsync div[style] { width: auto !important; height: auto !important }
/********** ASYNC OVERLAY **********/
/** Desktop **/
.showOverlay .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOverlay .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOverlay .showcaseDiv .sc1 iframe { width: 100%; height: calc(100% - 50px); display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 50px; visibility: visible; z-index: 9999; }
.hideOverlay .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOverlay .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOverlay .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
.showOverlay .sponsorAsync { display: none }
.hideOverlay .sponsorAsync { display: block }
.showOverlay-clsdSpnsr .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOverlay-clsdSpnsr .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOverlay-clsdSpnsr .showcaseDiv .sc1 iframe { width: 100%; height: calc(100% - 50px); display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 50px; visibility: visible; z-index: 9999; }
.hideOverlay-clsdSpnsr .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOverlay-clsdSpnsr .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOverlay-clsdSpnsr .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/********** ASYNC Expandable Showcase **********/
/** Same ratio **/
.ExpandSCMain .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.ExpandSCMain .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.ExpandSCMain .showcaseDiv .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandSCMain.showExpand .showcaseDiv .showcase.sc1 iframe { width: 624px; height: 520px }
.ExpandSCMain .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/** Same ratio **/
.ExpandSCWide .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.ExpandSCWide .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.ExpandSCWide .showcaseDiv .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandSCWide.showExpand .showcaseDiv .showcase.sc1 iframe { width: 800px; height: 250px }
.ExpandSCWide .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/** Expandable Leaderboard **/
.ExpandLB .leaderboardDiv { overflow: visible; width: 728px; margin: 0 calc((100% - 728px) / 2) 20px; height: 106px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .leaderboardDiv { height: 331px }
.ExpandLB .leaderboardDiv .leaderboard.lb1 { position: relative; left: 0; width: 100%; background: none; height: 90px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 { height: 315px }
.ExpandLB .leaderboardDiv .leaderboard.lb1 iframe { width: 728px; height: 90px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 iframe { width: 728px; height: 315px; z-index: 99999 }
.ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 { display: none !important }
/** Expandable Billboard **/
.ExpandLB .billboardDiv { overflow: visible; width: 728px; margin: 0 calc((100% - 728px) / 2) 20px; height: 106px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .billboardDiv { height: 331px }
.ExpandLB .billboardDiv .billboard.bb1 { position: relative; left: 0; width: 100%; background: none; height: 90px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .billboardDiv .billboard.bb1 { height: 315px }
.ExpandLB .billboardDiv .billboard.bb1 iframe { width: 728px; height: 90px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .billboardDiv .billboard.bb1 iframe { width: 728px; height: 315px; z-index: 99999 }
.ExpandLB .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
.scSliderMain .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; }
.scSliderMain .monster iframe { width: 300px; height: 600px; display: inline-block; float: right; }
.scSliderMainInner .showcase.sc1 iframe { width: 300px; height: 600px; display: inline-block; float: right; }
.scTabsMain .showcase.sc1 { background: #f2f2f2 }
.scTabsMain .showcase.sc1 iframe { width: 300px; height: 280px; display: inline-block; float: right; }
/********** Billboard **********/
/*.billboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}*/
.billboardDiv { display: inline-block; width: 100%;height:266px;position:relative; float: right; text-align: center; box-shadow: none;background:none }
.billboardDiv .billboardCnts { display: inline-block; width: 728px; height: auto; overflow: hidden; box-shadow: none; float: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.billboardDiv .adTtl {  text-align: center; color: #666; background: #fff; font-size: 11px !important; width: auto; height: 16px;max-height:16px; line-height: 16px; cursor: default }
.billboardDiv .billboard { background: #ddd; width: auto; height: auto; display: flex }
.billboardDiv .billboard > div { float: right; display: flex }
.billboardDiv .geminiBB1Ad { display: none !important }
.billboardDiv .geminiBB1Ad.showBB1 { display: flex !important }
.billboardDiv img { border: none !important }
.billboardDiv .geminiBB1Ad .hcSlider { display: none }
.billboardDiv .geminiBB1Ad.showBB1 .hcSlider { display: inline-block }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.content .mainMedia .billboardDiv,
.content .mainMedia .leaderboardDiv { background: none }
/********** Monster **********/
.monsterDiv { display: inline-block; width: 300px; height: 616px; overflow: hidden; box-shadow: none; margin-left: 24px; min-width: 300px; float: right }
.monsterDiv .adTtl {  text-align: center; color: #666; background: #fff; font-size: 11px !important; width: 300px; height: 16px; max-height:16px; line-height: 16px; cursor: default }
.monsterDiv .monster { background: #ddd; width: 300px; height: auto; display: flex }
.monsterDiv .geminiMonsterAd { display: none !important }
.monsterDiv .geminiMonsterAd.showMonster { display: flex !important }
.monsterDiv img { border: none !important }
.monsterDiv .geminiMonsterAd .hcSlider { display: none }
.monsterDiv .geminiMonsterAd.showMonster .hcSlider { display: inline-block }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper, .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 600px !important }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a { display: inline-block }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a img { max-width: 300px !important }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a iframe { width: 300px; height: 600px; pointer-events: none }
/********** Leaderboard **********/
/*.leaderboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}*/
.leaderboardDiv { display: inline-block; width: 100%;height:266px;position:relative; float: right; text-align: center; box-shadow: none;background:none }
.leaderboardDiv .leaderboardCnts { display: inline-block; width: auto; height: auto; overflow: hidden; overflow: hidden; box-shadow: none; float: none; min-width: 728px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.leaderboardDiv .adTtl {  text-align: center; color: #666; background: #fff; font-size: 11px !important; width: auto; height: 16px; max-height:16px; line-height: 16px; cursor: default }
.leaderboardDiv .leaderboard { background: #ddd; width: auto; height: auto; display: flex }
/*.leaderboardDiv .leaderboard iframe{width:100%}*/
.leaderboardDiv .leaderboard > div { float: right; display: flex }
.leaderboardDiv .geminiLB2Ad { display: none !important }
.leaderboardDiv .geminiLB2Ad.showLB2 { display: flex !important }
.leaderboardDiv .geminiLB3Ad { display: none !important }
.leaderboardDiv .geminiLB3Ad.showLB3 { display: flex !important }
.leaderboardDiv .geminiLB4Ad { display: none !important }
.leaderboardDiv .geminiLB4Ad.showLB4 { display: flex !important }
.leaderboardDiv .geminiLB5Ad { display: none !important }
.leaderboardDiv .geminiLB5Ad.showLB5 { display: flex !important }
.leaderboardDiv .geminiLB6Ad { display: none !important }
.leaderboardDiv .geminiLB6Ad.showLB6 { display: flex !important }
.leaderboardDiv .geminiLB7Ad { display: none !important }
.leaderboardDiv .geminiLB7Ad.showLB7 { display: flex !important }
.leaderboardDiv .geminiLB8Ad { display: none !important }
.leaderboardDiv .geminiLB8Ad.showLB8 { display: flex !important }
.leaderboardDiv .geminiLB9Ad { display: none !important }
.leaderboardDiv .geminiLB9Ad.showLB9 { display: flex !important }
.leaderboardDiv .geminiLB10Ad { display: none !important }
.leaderboardDiv .geminiLB10Ad.showLB10 { display: flex !important }
.leaderboardDiv img { border: none !important }
.leaderboardDiv .geminiLB1Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB1Ad.showLB1 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB2Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB2Ad.showLB2 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB3Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB3Ad.showLB3 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB4Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB4Ad.showLB4 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB5Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB5Ad.showLB5 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB6Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB6Ad.showLB6 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB7Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB7Ad.showLB7 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB8Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB8Ad.showLB8 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB9Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB9Ad.showLB9 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB10Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB10Ad.showLB10 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.hcSlider ul, .hcSlider li { width: 100% !important; margin: 0 !important; height: 100% !important }
.hcSlider li { width: 100% !important; background: none !important; border: none !important }
/********** Interscroller **********/
/*.interscrollerIframe, article .details .interscrollerIframe{display:none;margin:0;height:auto;width:100%;}
.interscrollerShow .interscrollerIframe, .interscrollerShow article .details .interscrollerIframe{display:block}*/
#InterScroller { display: inline-block; float: right; width: 100% }
.interscrollerShow .interScrollerAsync, .interscrollerShow article .details .interScrollerAsync { display: inline-block; position: relative; float: left; width: 100%; margin-bottom: 20px; margin-top: 16px }
.interScrollerAsync, article .details .interScrollerAsync { display: none }
.interScrollerAsync > div, article .details .interScrollerAsync > div { width: 100% !important }
.isAdTtl, article .details .isAdTtl {  text-align: center !important; color: #b9b9b9 !important; background: #000; font-size: 11px !important; width: 100%; position: absolute; z-index: 2; height: 16px; right: calc(((100% - 85%) / 2) + 12px); line-height: 1.5; cursor: default; margin: 0 !important; display: inline-block; float: right; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.isAdTtl.first, article .details .isAdTtl.first { top: 0; right: 0 !important; z-index: 3 }
.isAdTtl.spareLast, article .details .isAdTtl.spareLast { bottom: 0; position: fixed; display: none }
.showAdttl .isAdTtl.spareLast, article .details .showAdttl .isAdTtl.spareLast { display: inline-block }
.isAdTtl.last, article .details .isAdTtl.last { display: none }
.isWrapper, article .details .isWrapper { width: 100%; display: inline-block; float: right; border: 0; background: #f2f2f2; box-sizing: content-box; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); -moz-clip-path: inset(0 0 0 0); -ms-clip-path: inset(0 0 0 0); -o-clip-path: inset(0 0 0 0); left: 0; margin: 0 auto; overflow: visible; position: relative; top: 16px; visibility: visible; z-index: auto; }
.isWrapper > div, article .details .isWrapper > div { position: relative; z-index: 1; overflow: hidden; width: 100% !important; padding-bottom: 41.4% }
.isWrapper > div > div, article .details .isWrapper > div > div { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0 }
.isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { position: fixed !important; width: inherit; height: inherit; border: none; z-index: 1; margin: 0 !important; right: calc(((100% - 85%) / 2) + 12px); right: -webkit-calc(((100% - 85%) / 2) + 12px); bottom: 16px }
/*.isWrapper > div > div.active iframe,
.isWrapper > div > div:hover iframe, article .details .isWrapper > div > div.active iframe, article .details .isWrapper > div > div:hover iframe {pointer-events: all;}*/
.isWrapper .closeIS { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 15px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; font-family: Arial; font-size: 26px; line-height: 1.1; font-weight: normal; z-index: 3; visibility: hidden; opacity: 0; 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; }
.scrollISFrame .isWrapper .closeIS { visibility: visible; opacity: 1 }
.scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe { position: absolute !important; right: 0 !important; top: 0; bottom: auto !important }
.scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast { position: absolute !important; right: 0 !important }
.scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast { display: none }
.scrollISFrame .isAdTtl.last, article .details .scrollISFrame .isAdTtl.last { z-index: 4; display: inline-block !important; bottom: 0 }
.fixedIS .isWrapper .closeIS { visibility: hidden; opacity: 0 }
.fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { position: fixed !important; right: calc(((100% - 85%) / 2) + 12px) !important; top: 65px }
.fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first { position: fixed; top: 50px; right: calc(((100% - 85%) / 2) + 12px) !important }
@media only screen and (max-width: 1023px) {
    .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important }
    .fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first { right: 10px !important }
    .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { right: 10px !important }
    .isAdTtl.spareLast, article .details .isAdTtl.spareLast { right: 10px !important }
}
@media screen and (min-width:320px) and (max-width:767px) {
    .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important; bottom: auto !important; top: calc(50% + 25px); transform: translateY(-50%) }
    .isWrapper > div, article .details .isWrapper > div { padding-bottom: 196%; }
    .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { top: calc(50% + 25px) }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    /* Safari only override */
    ::i-block-chrome, .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important; bottom: auto !important; top: -50px; transform: none; }
    ::i-block-chrome, .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { top: -50px; }
    ::i-block-chrome, .scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe { top: -50px !important; right: 10px !important; position: fixed !important }
}
/********** ASYNC Native Ads **********/
.nativeAds { position: absolute; z-index: 2; width: 100%; top:0;right:0;height:100%;pointer-events:none }
.nativeAds iframe {position: absolute;top: 0;right:0;width: 100%!important;height: 100%!important;margin: 0;background: #fff;pointer-events: visible;}
.nativeAds .adsbygoogle {width: 100%!important;height: 100%!important;position: absolute;background: #fff;}
.nativeAds .adsbygoogle div{width: 100%!important;height: 100%!important;}


/********** AD Blocker Detected **********/
.adBlkrDtctd .popupNotify { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); 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; }
.adBlkrDtctd .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; }
.adBlkrDtctd .cd-popup-container { position: relative; padding: 24px; width: 600px; height: 400px; margin: 120px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -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; }
.adBlkrDtctd .cd-popup-container .cd-buttons { position: absolute; right: 0; bottom: 0; width: 100%; height: 60px }
.adBlkrDtctd .cd-popup-container .cd-buttons a { position: relative; top: 0; left: 0; float: right; background: #ddd; width: calc(100% / 2); height: 60px;  font-size: 16px; color: #1d1d1d; text-align: center; display: block; line-height: 3.5; }
.adBlkrDtctd .cd-popup-container .cd-buttons a:first-child { background: #1d1d1d; color: #fff }
.adBlkrDtctd .cd-popup-container .cd-buttons a:hover { background: #ccc }
.adBlkrDtctd .cd-popup-container .cd-buttons a:first-child:hover { background: #E03322 }
.adBlkrDtctd .cd-popup-container .cd-buttons a:before, .adBlkrDtctd .cd-popup-container .cd-buttons a:after { display: none }
.adBlkrDtctd .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.adBlkrDtctd .cd-popup-container .cd-popup-close::before, .adBlkrDtctd .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; }
.adBlkrDtctd .cd-popup-container .cd-popup-close:hover::before, .adBlkrDtctd .cd-popup-container .cd-popup-close:hover::after { opacity: 1; }
.adBlkrDtctd .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); }
.adBlkrDtctd .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); }
.adBlkrDtctd .cd-popup-container .warnMsg { width: 480px; display: inline-block;; margin: 30px calc((100% - 480px) / 2) 15px }
.adBlkrDtctd .cd-popup-container .icon-warn { display: inline-block; width: 100%; text-align: center }
.adBlkrDtctd .cd-popup-container .icon-warn:before { content: "h"; font-size: 42px; color: #E03322; float: right; line-height: 1 }
.adBlkrDtctd .cd-popup-container h2, .adBlkrDtctd .cd-popup-container h4 { display: inline-block; width: 100%; text-align: center; font-family: DroidKufiBold, Arial; font-size: 24px; color: #1d1d1d; margin: 15px 0; }
.adBlkrDtctd .cd-popup-container h2 spanm .adBlkrDtctd .cd-popup-container h4 span { color: #999; font-family: arial }
.adBlkrDtctd .cd-popup-container .msg p { display: inline-block; width: 100%; text-align: right; direction: rtl;  font-size: 16px }
.adBlkrDtctd .cd-popup-container .msg p:first-child { margin-bottom: 10px }
.adBlkrDtctd .cd-popup-container .msg p:last-child { margin-top: 30px }
/********** OnE Stickybar **********/
.oneStickyDiv { width: 100%; height: 50px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 51; visibility: visible; opacity: 1; transition: all 0.3s ease-in 0s; background: linear-gradient(270deg,#4c88c4,#345985); background: -webkit-linear-gradient(270deg,#4c88c4,#345985); background: -o-linear-gradient(270deg,#4c88c4,#345985); background: -moz-linear-gradient(270deg,#4c88c4,#345985); background: -ms-linear-gradient(270deg,#4c88c4,#345985); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c88c4', endColorstr='#345985',GradientType=0 ) }
.oneStickyDiv .cnts { display: inline-block; width: calc(100% - 158px); margin: 0 74px 0 84px; position: relative }
.oneStickyDiv .onLogo { float: right; width: 60px; height: 60px; position: absolute; right: 0; bottom: 0; z-index: 9 }
.oneStickyDiv .onLogo img { border: none }
.oneStickyDiv .onSlider { float: right; display: inline-block; width: calc(100% - 108px); margin-right: 84px; height: 50px; }
.oneStickyDiv .onSlider li { display: inline-block; width: 100%; cursor: default }
.oneStickyDiv .onSlider li h3 { float: right; font-family: DroidKufiBold, Arial; font-size: 24px; color: #cd1e25; margin-left: 24px; line-height: 2.2; background: #edf1f2; height: 50px; width: 100px; text-align: center; display: inline-block; cursor: default }
.oneStickyDiv .onSlider li p { float: right;  font-size: 24px; color: #edf1f2; line-height: 2; direction: rtl; display: inline-block; cursor: default }
.oneStickyDiv .bx-controls { display: none }
.show-sponsor .oneStickyDiv { visibility: hidden; opacity: 0 }
.sponsorHome .oneStickyDiv { visibility: hidden; opacity: 0 }





/** Fixed Ad Placement **/
.customSponsor { width: 100%;min-height:auto; display: inline-block; float: right; border: 0; background: none; box-sizing: content-box; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); -moz-clip-path: inset(0 0 0 0); -ms-clip-path: inset(0 0 0 0); -o-clip-path: inset(0 0 0 0); left: 0; margin: 0 auto; overflow: visible; top: 0; visibility: visible;position:relative; z-index: 1;margin-right: 0 }
.customSponsor > div { overflow: hidden; width: 100% !important; min-width: auto!important;min-height: auto!important;}
.customSponsor > div > div { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0 }
/*.customSponsor > div > div iframe { position: fixed !important; width: 1258px; height: inherit; border: none; margin: 0 !important; left:50%;transform:translateX(-50%);top:0; bottom: 0}*/
.showFixedAd .customSponsor {min-height:400px;margin-bottom: 30px;}
.customSponsor > div > div iframe { position: fixed !important; width: 938px;right: calc(((100% - 1258px) / 2) + 12px);left: auto;height: inherit; border: none; margin: 0 !important; top:0; bottom: 0}


@media screen and (min-width:1360px) and (max-width:1919px) {
    /*.customSponsor > div > div iframe {width: 1076px}*/
    .showFixedAd .customSponsor{min-height:342px}
     .customSponsor > div > div iframe{width:756px;right: calc(((100% - 1100px) / 2) + 12px)}
}


@media screen and (min-width:1280px) and (max-width:1359px) {
    .customSponsor > div > div iframe {width: 976px}
    .showFixedAd .customSponsor{min-height:310px}
     .customSponsor > div > div iframe{width:656px;right: calc(((100% - 1000px) / 2) + 12px)}

}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .customSponsor > div > div iframe {width: 776px}
    .showFixedAd .customSponsor{min-height:246px}
     .customSponsor > div > div iframe{width:456px;right: calc(((100% - 800px) / 2) + 12px)}

}


@media only screen and (max-width: 1023px) {
    .customSponsor > div > div iframe {width: 100%}
    .showFixedAd .customSponsor{min-height:246px}
     .customSponsor > div > div iframe{width:100%;right:0}

}



@media screen and (min-width: 320px) and (max-width: 767px) {
    .customSponsor { width: calc(100% + 24px);margin-right: -12px; }
    .customSponsor > div > div iframe {width: 100%}
    .showFixedAd .customSponsor{min-height:420px}
     .customSponsor > div > div iframe{width:100%;right:0}

}

/********** Sticky Series **********/
.stickySeries { width: 800px; height: 100px; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9999; visibility: visible; opacity: 1; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; background: #282956; text-align: center; overflow: hidden; transition: all 0.3s ease-in 0s; }
.stickySeries .cnts { width: 100%; display: inline-block; height: 100%; position: relative; position:absolute;left:50%;top:50%;transform:translate(-50% , -50%) }
.stickySeries .slider { opacity: 0; float: right; position: absolute; right: 0;width:100%}
.stickySeries .currentTime.show { opacity: 1 }
.stickySeries .nextTime.show { opacity: 1 }
.stickySeries .bx-wrapper { z-index: 1 }
.stickySeries .currentSeriesSlider { display: inline-block; width: 100%!important; float: right; }
.stickySeries .nextSeriesSlider { display: inline-block; width: auto; float: right; }
.stickySeries li { display: inline-block; width: 100%!important; height: 100px; float: right !important; overflow: hidden }
.stickySeries .seriesImg { display: inline-block; float: right; width: 178px; height: 100px; overflow: hidden; position: relative; z-index: 1 }
.stickySeries .seriesImg img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; max-width: unset; }
.stickySeries .seriesImg .now { position: absolute; right: -40px; top: -26px; width: 90px; height: 70px; text-align: center; line-height: 106px; background: #F8AB25; font-family: DroidKufiBold,Arial; color: #fff; font-size: 16px; z-index: 1; transform: rotate(45deg); box-shadow: 0px 0px 4px rgba(0,0,0,0.4) }
.stickySeries .seriesData { float: right; display: inline-block; width: calc(100% - 360px); padding-right: 20px }
.stickySeries p { cursor: auto }
.stickySeries .seriesData .time { display: inline-block; float: left; color: #fff; font-size: 14px; text-align: right; direction: rtl; line-height: 30px }
.stickySeries .seriesData .icon-time:before { content: "e"; float: right; display: inline-block; margin-left: 6px; color: #fff; font-size: 15px; line-height: 30px }
.stickySeries .seriesData .time span { display: inline-block; float: right; margin: 0 4px; font-size: 16px }
.stickySeries .seriesData .time span:first-child { margin-right: 0 }
.stickySeries .seriesData .time span.repeat { color: #bebebe; font-size: 13px; font-weight: normal; line-height: 32px }
.stickySeries .allTickerBtn { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100% }
.stickySeries .seriesName { width: 100%; color: #F8AB25; font-size: 20px; font-family: DroidKufiBold, Arial; line-height: 1.4; margin: 14px 0; float: right; display: inline-block; position: relative; z-index: 1 }
.stickySeries .seriesData .show { display: inline-block; float: right; color: #fff; font-size: 14px; text-align: right; direction: rtl; line-height: 30px }
.stickySeries .seriesData .icon-tv:before { content: "\5c"; float: right; display: inline-block; margin-left: 6px; color: #fff; font-size: 18px; line-height: 30px;}
.stickySeries .seriesData .show span { display: inline-block; float: right; color: #fff; font-size: 16px }
.stickySeries .seriesData .show span.hasry { display: inline-block; float: right; margin: 5px 6px 0 0; width: 50px; height: 18px; text-align: center;  font-size: 12px; color: #fff; background: #E03322; line-height: 1.3; font-weight: normal }
.stickySeries .Serieschannel { display: inline-block; float: right; height: 100%; position: relative; margin-left: 45px; }
.stickySeries .Serieschannel { height: 40px; width: auto; margin: 5px 0; position: relative; display: inline-block; float: right; margin-left: 45px; max-width: 60px }
.stickySeries .Serieschannel img { position: relative; width: auto; height: 40px; }
.stickySeries .info { position: absolute; right: 0; top: -36px; width: 90px; height: 26px; text-align: center;  font-size: 13px; color: #fff; background: #E03322; line-height: 1.8 }
.stickySeries .seriesBtn { display: inline-block; float: right; width: 100px; height: 30px;  font-size: 13px; color: #fff; line-height: 2.3; position: absolute; left: 50px; bottom: 12px; z-index: 2; background: linear-gradient(270deg,#7374ad,#56578e); background: -webkit-linear-gradient(270deg,#7374ad,#56578e); background: -o-linear-gradient(270deg,#7374ad,#56578e); background: -moz-linear-gradient(270deg,#7374ad,#56578e); background: -ms-linear-gradient(270deg,#7374ad,#56578e); }
.stickySeries .closeSeries { position: absolute; width: 30px; height: 30px; top: 0; left: 0; z-index: 1; display: inline-block }
.stickySeries .closeSeries:before { content: "O"; color: #7f81bd; font-size: 20px; line-height: 30px; width: 100%; }
.stickySeries .hasry { position: relative; display: inline-block; float: right; text-align: center; margin-top: 10px; width: 60px; height: 30px; color: #fff; background-color: red;  font-size: 15px; margin-left: 25px }
.stickySeries .repetition { position: relative; display: inline-block; float: right; color: #fff;  font-size: 15px; line-height: 3.2 }
.stickySeries .repetition.mob, .stickySeries .hasry.mob { display: none }
.stickySeries .bx-controls, .stickySeries .bx-wrapper .bx-pager { display: none }
.stickySeries .nextMob { display: none }

.stickySeries .tickerSponser{display: inline-block;position: absolute;bottom: 0;left: 0;background-color: #fff;width: 60px;height: 30px;text-align:center}
.stickySeries .tickerSponser img{width:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.removeStickySeries .stickySeries { visibility: hidden; opacity: 0 }

/********** Sticky Series 2023 **********/
.seriesTV { width: 408px; height: 255px; position: fixed;padding:4px 4px 14px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9999; visibility: visible; opacity: 1;overflow: hidden; text-align: center; overflow: hidden; transition: all 0.3s ease-in 0s; }
/*.seriesTV:before{content:'';position:absolute;top:0;left:0;background:url(../Images/Ramadan23/tv.png) no-repeat;width:100%;height:100%}*/
.seriesTV .masLogo { position: absolute; width: auto; height: 32px; left: 50px; top: 12px; border: none; }
.seriesTV .cnts { width: 100%; display: inline-block; height: 231px; position: relative; /*position:absolute;left:50%;top:50%;transform:translate(-50% , -50%)*/ }
/*.seriesTV .cnts:after { content: "15642"; position: absolute; top: 20px; left: 20px; color: #fff; font-size: 14px; font-family: CenturyGothicBold; transform: rotate(-90deg); letter-spacing: -1px; }*/
.seriesTV .slider { opacity: 0; float: right; position: absolute; right: 0;width:100%;height:100% }
.seriesTV .currentTime.show { opacity: 1 }
.seriesTV .nextTime.show { opacity: 1 }
.seriesTV .bx-wrapper { z-index: 1 }
.seriesTV .currentSeriesTVSlider { display: inline-block; width: 100%!important; float: right;}
.seriesTV .nextSeriesSlider { display: inline-block; width: auto; float: right; }
/*.seriesTV li { display: inline-block; width: 100%!important; height: 232px; float: right !important; overflow: hidden;background:#fff }
.seriesTV .seriesImg { display: inline-block; float: right; width: 100%; height: 150px; overflow: hidden; position: relative; z-index: 1 }
.seriesTV .seriesImg img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; max-width: unset; }*/
.seriesTV .seriesImg .now { position: absolute; right: -40px; top: -26px; width: 90px; height: 70px; text-align: center; line-height: 106px; background: #f8a71b; font-family: DroidKufiBold,Arial; color: #fff; font-size: 16px; z-index: 1; transform: rotate(45deg); box-shadow: 0px 0px 4px rgba(0,0,0,0.4) }
/*.seriesTV .seriesData { float: right; display: inline-block; width:100%; padding: 0 8px;}
.seriesTV .seriesData .time { display: inline-block; float: left; color: #000; font-size: 14px;  text-align: right; direction: rtl; line-height: 30px }
.seriesTV .seriesData .icon-time:before { content: "e"; float: right; display: inline-block; margin-left: 6px; color: #000; font-size: 15px; line-height: 30px }
.seriesTV .seriesData .time span { display: inline-block; float: right; margin: 0 4px; font-size: 16px }*/
.seriesTV .seriesData .time span:first-child { margin-right: 0 }
/*.seriesTV .seriesData .time span.repeat {  color: #e03523; font-size: 13px; font-weight: normal; line-height: 32px }*/
.seriesTV p { cursor: auto }
.seriesTV .allTickerBtn { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100% }
.seriesTV .seriesName { width: 100%; color: #F8AB25; font-size: 18px; font-family: DroidKufiBold, Arial; line-height: 1.4; margin: 11px 0; float: right; display: inline-block; position: relative; z-index: 1 }

.seriesTV .seriesData .time span.repeat {  color: #bebebe; font-size: 13px; font-weight: normal; line-height: 18px }
.seriesTV {
        height: 100px;border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    background: #282956;
    }

    .seriesTV li {
        height: 90px;display: inline-block; width: 100%!important;  float: right !important; overflow: hidden;
    }

    .seriesTV .seriesImg {
        width: 100px;
        height: 90px; display: inline-block; float: right; overflow: hidden; position: relative; z-index: 1 
    }

    .seriesTV .seriesImg img {
        width: auto;
        height: 100%; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; max-width: unset;
    }

    .seriesTV .seriesData {
        width: calc(100% - 100px);
        padding-right: 10px; float: right; display: inline-block; padding: 0 8px;
    }

    .seriesTV .seriesData .time {
        float: right;
        font-size: 12px;
        line-height: 20px;
        width: 100%;display: inline-block; color: #fff; text-align: right; direction: rtl;
    }

    .seriesTV .seriesData .icon-time:before {
        line-height: 20px;
        font-size: 12px;content: "e"; float: right; display: inline-block; margin-left: 6px; color: #fff; 
    }

    .seriesTV .seriesData .time span {
        margin: 0 3px;
        font-size: 12px;display: inline-block; float: right;
    }

    .seriesTV .seriesName {
        font-size: 15px;
        margin: 10px 0;
    }

    .stickySeries .seriesData .time span.repeat { font-size: 11px; line-height: 22px}

    .seriesTV .closeSeries { position: absolute; width: 20px; height: 20px; top: 4px; left: 4px; z-index: 1; display: inline-block;background-color:transparent }
    .seriesTV .closeSeries:before { content: "O"; color: #7f81bd; font-size: 14px; line-height: 20px; width: 100%;position:absolute;left:0;top:0 }

/*.seriesTV .seriesName:before {content: 'q';color: #fab22f;font-size: 16px;margin-right: 6px;line-height: 1.2;float: left;}*/
.seriesTV .seriesData .show { display: inline-block; float: right; color: #fff; font-size: 14px;  text-align: right; direction: rtl; line-height: 30px }
.seriesTV .seriesData .icon-tv:before { content: "\5c"; float: right; display: inline-block; margin-left: 6px;margin-top:4px; color: #fff;/*background:url(../Images/Ramadan23/monitor.png) no-repeat*/height:16px;width:16px }
.seriesTV .seriesData .show span { display: inline-block; float: right; color: #fff;  font-size: 15px }
.seriesTV .seriesData .show span.hasry { display: inline-block; float: right; margin: 8px 6px 0 0; background-color:transparent;width: auto; height: auto; text-align: center;  font-size: 12px; color: #e03523; ; line-height: 1.3; font-weight: normal }
.seriesTV .Serieschannel { display: inline-block; float: right; height: 100%; position: relative; margin-left: 45px; }
.seriesTV .Serieschannel { height: 40px; width: auto; margin: 5px 0; position: relative; display: inline-block; float: right; margin-left: 45px; max-width: 60px }
.seriesTV .Serieschannel img { position: relative; width: auto; height: 40px; }
.seriesTV .info { position: absolute; right: 0; top: -36px; width: 90px; height: 26px; text-align: center;  font-size: 13px; color: #fff; background: #E03322; line-height: 1.8 }
.seriesTV .seriesBtn { display: inline-block; float: right; width: 60px; height: 26px;  font-size: 13px; color: #fff; line-height: 2; position: absolute; left: 8px; bottom: 50px; z-index: 2; background: #e03523; }
/*.seriesTV .closeSeries { position: absolute; width: 20px; height: 20px; top: 4px; left: 4px; z-index: 1; display: inline-block;background-color:#fffeff }*/
/*.seriesTV .closeSeries:before { content: "O"; color: #000; font-size: 14px; line-height: 20px; width: 100%;position:absolute;left:0;top:0 }*/
.seriesTV .hasry { position: relative; display: inline-block; float: right; text-align: center; margin-top: 10px; width: 60px; height: 30px; color: #fff; background-color: red;  font-size: 15px; margin-left: 25px }
.seriesTV .repetition { position: relative; display: inline-block; float: right; color: #fff;  font-size: 15px; line-height: 3.2 }
.seriesTV .repetition.mob, .seriesTV .hasry.mob { display: none }
.seriesTV .bx-controls, .seriesTV .bx-wrapper .bx-pager { display: none }
.seriesTV .nextMob { display: none }
.removeSeriesTV .seriesTV { visibility: hidden; opacity: 0 }

.seriesTV .tickerSponser{display: inline-block;position: absolute;bottom: 0;left: 0;background-color: #fff;width: 60px;height: 30px;}
.seriesTV .tickerSponser img{width:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


/********** Ramadan 2017 Survey **********/
/** Questions **/
.surveyDiv .questionsDiv { width: calc(100% - 320px); margin-left: 20px; padding: 24px; height: auto; min-height: 830px; }
.surveyDiv .questionsDiv h3 { display: inline-block; width: 100%; margin: 24px 0 36px;  font-size: 16px; color: #1d1d1d; text-align: right; direction: rtl; background: #f2f2f2; padding: 12px 24px }
.surveyDiv .timeLineDiv { width: 100%; display: inline-block; }
.surveyDiv .timeLineDiv p {  font-size: 16px; color: #1d1d1d; text-align: right; margin-bottom: 12px; cursor: default }
.surveyDiv .timeLineDiv p span { color: #1a6399; }
.surveyDiv .timeLineDiv ul { display: inline-block; width: 100%; margin: 0 }
.surveyDiv .timeLineDiv ul li { display: inline-block; width: calc(100% / 13); float: right; cursor: default; }
.surveyDiv .timeLineDiv li:before { content: ""; background-color: #cfcfcf !important; border-radius: 100px; z-index: 9; float: left; width: 14px; height: 14px; margin: 0; position: relative; cursor: default; }
.surveyDiv .timeLineDiv li.checked:before { background-color: #1a6399 !important; }
.surveyDiv .timeLineDiv li:after { background-color: #cfcfcf !important; content: ""; display: block; height: 2px; right: 0; position: relative; top: 6px; width: 100%; z-index: 10; }
.surveyDiv .timeLineDiv li.checked:after { background-color: #1a6399 !important; }
.surveyDiv .timeLineDiv ul:after { background-color: #cfcfcf !important; content: ""; display: block; height: 2px; right: 0; position: relative; top: 6px; width: 100% }
.surveyDiv .allQues h4 { color: #1d1d1d; font-family: DroidKufiBold, arial; font-size: 24px; margin: 60px 0 24px; text-align: center; background: #f2f2f2; padding: 5px 0 }
.surveyDiv .allQues .answersDiv { display: inline-block; width: 100% }
.surveyDiv .allQues .answersDiv .answerItem { float: right; display: inline-block; margin-left: 24px; margin-bottom: 24px; width: calc((100% - 72px) / 4); cursor: pointer }
.surveyDiv .allQues .answersDiv .answerItem:nth-child(4n) { margin-left: 0 }
.surveyDiv .allQues .answersDiv .answerItem .imgMask { display: inline-block; width: 100%; position: relative; }
.surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:before { content: ""; background: none repeat scroll 0 0 rgba(0,0,0,0.5); text-align: center; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
.surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:after { content: "3"; color: #fff; font-size: 72px; z-index: 2; position: absolute; top: 50%; left: 50%; width: 72px; height: 72px; line-height: 1; margin: -36px 0 0 -36px }
.surveyDiv .allQues .answersDiv .answerItem .imgMask img { width: 100%; height: auto }
.surveyDiv .allQues .answersDiv .answerItem p { display: inline-block; width: 100%; text-align: center;  font-size: 16px; color: #1d1d1d; padding: 5px 0; height: 70px; overflow: hidden }
.surveyDiv .allQues .answersDiv .answerItem.selected p { color: #1a6399 }
.surveyDiv .allQues .nxtPrevDiv { width: 300px; height: 40px; margin: 24px calc((100% - 300px) / 2); }
.surveyDiv .allQues .nxtPrevDiv .btn { width: 144px; height: 40px; background: #1a6399; float: left; margin-right: 12px; text-align: center;  font-size: 16px; color: #fff; }
.surveyDiv .allQues .nxtPrevDiv .btn:last-child { margin-right: 0 }
.surveyDiv .allQues .nxtPrevDiv .btn a { color: #fff; float: right; padding: 4px 40px }
.surveyDiv .allQues .nxtPrevDiv .btn a.prev { padding: 4px 37px }
.surveyDiv .allQues .nxtPrevDiv .btn a.next { padding: 4px 40px }
.surveyDiv .allQues .nxtPrevDiv .btn a.prev:before { content: "r"; line-height: 2; float: right; margin-left: 5px }
.surveyDiv .allQues .nxtPrevDiv .btn a.next:after { content: "q"; line-height: 2; float: left; margin-right: 5px }
.surveyDiv .allQues .chooseAnswer { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); 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; }
.surveyDiv .allQues .chooseAnswer.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; }
.surveyDiv .allQues .cd-popup-container { position: relative; padding: 24px; width: 420px; height: 180px; top: 50%; margin: -90px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -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; }
.surveyDiv .allQues .chooseAnswer p {  font-size: 18px; color: #1d1d1d; direction: rtl; float: right; display: inline-block; width: 100%; margin-top: 24px }
.surveyDiv .allQues .chooseAnswer .ok { position: absolute; bottom: 24px; left: 0; display: inline-block; width: 100px; padding: 5px 0; background: #1a6399;  font-size: 16px; color: #fff; text-align: center; border: none; margin: 24px calc((100% - 100px) / 2) 0; cursor: pointer; }
.surveyDiv .allQues .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.surveyDiv .allQues .cd-popup-container .cd-popup-close::before, .surveyDiv .allQues .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; }
.surveyDiv .allQues .cd-popup-container .cd-popup-close:hover::before, .surveyDiv .allQues .cd-popup-container .cd-popup-close:hover::after { opacity: 1 }
.surveyDiv .allQues .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); }
.surveyDiv .allQues .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); }
.surveyDiv .allQues .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
/** Results **/
.surveyDiv .resultDiv { width: calc(100% - 320px); margin-left: 20px; padding: 24px; height: auto; min-height: 830px;display:inline-block;float:right }
.surveyDiv .resultDiv h3 { display: inline-block; width: 100%; margin: 24px 0 36px;  font-size: 16px; color: #1d1d1d; text-align: right; direction: rtl; background: #f2f2f2; padding: 12px 24px; float: right }
.surveyDiv .resultDiv h3 span { color: #330D46; font-weight: bold; line-height: 1.4; margin-right: 5px; font-size: 20px }
.surveyDiv .resultDiv .grid-wrap { margin: 0; padding: 0; box-shadow: none }
.surveyDiv .resultDiv .grid { margin: 0 auto; height: auto !important }
.surveyDiv .resultDiv .grid li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; float: right; cursor: pointer; padding: 12px; border: 1px solid #e8e8e8; box-shadow: 0 6px 6px -3px rgba(0,0,0,.1) }
.surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 0 }
.surveyDiv .resultDiv .grid li h2 { color: #1d1d1d; background: #ddd; padding: 5px 0; height: 72px; font-family: DroidKufiBold, Arial; font-size: 16px; text-align: center; display: inline-block; width: 100%; margin-bottom: 12px }
.surveyDiv .resultDiv .grid li .answersDiv { display: inline-block; width: 100%; margin-bottom: 12px }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem { float: right; width: calc((100% - 10px) / 2); display: inline-block; margin-left: 10px; position: relative; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem.numberOne { float: right; width: 100%; display: inline-block; margin-bottom: 25px }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:last-child { margin-left: 0 }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem .answerImgDiv { display: inline-block; width: 100%; height: auto; background-color: #000; position: relative; overflow: hidden }
/*.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) .answerImgDiv, .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) .answerImgDiv{height:133px}
*/ .surveyDiv .resultDiv .grid li .answersDiv .answerItem img { width: 100%; height: auto; border: 0 }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem p.rate { display: inline-block; position: absolute; color: #fff; overflow: visible; line-height: 2 }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) p.rate { background-color: #45bb61; width: 40px; height: 40px; font-size: 20px; line-height: 2; top: -4px; right: -4px; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) p.rate:before { content: ""; position: absolute; right: 0; bottom: -4px; width: 0; height: 0; border-top: 4px solid #528f61; border-right: 4px solid transparent; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) p.rate:after { content: ""; position: absolute; left: -4px; top: 0; width: 0; height: 0; border-bottom: 4px solid #528f61; border-left: 4px solid transparent; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p.rate { background-color: #fbb03b; width: 34px; height: 34px; font-size: 16px; line-height: 2; top: -4px; right: -4px; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p.rate:before { content: ""; position: absolute; right: 0; bottom: -4px; width: 0; height: 0; border-top: 4px solid #c9984c; border-right: 4px solid transparent; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p.rate:after { content: ""; position: absolute; left: -4px; top: 0; width: 0; height: 0; border-bottom: 4px solid #c9984c; border-left: 4px solid transparent; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p.rate { background-color: #ff4444; width: 34px; height: 34px; font-size: 16px; line-height: 2; top: -4px; right: -4px; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p.rate:before { content: ""; position: absolute; right: 0; bottom: -4px; width: 0; height: 0; border-top: 4px solid #a25b5b; border-right: 4px solid transparent; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p.rate:after { content: ""; position: absolute; left: -4px; top: 0; width: 0; height: 0; border-bottom: 4px solid #a25b5b; border-left: 4px solid transparent; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem p { display: inline-block; width: 100%; text-align: center;  font-size: 16px; color: #1d1d1d; padding: 0; line-height: 1.5; height: auto; overflow: hidden; float: right }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem span { color: #1d1d1d; font-family: arial; font-size: 20px; width: 100%; text-align: center; display: inline-block; position: relative; float: right; }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem span:after { content: "%"; font-size: 18px }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p, .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p { font-size: 14px; height: 42px }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) span { color: #45bb61; margin-bottom: 0 }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) span { color: #fbb03b; font-size: 18px }
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) span { color: #ff4444; font-size: 18px }
.surveyDiv .resultDiv .grid li .more { display: inline-block; width: 100%; padding: 5px 0; background: #2a2a2a;  font-size: 14px; color: #fff; text-align: center }
.surveyDiv .resultDiv .surveyCompleted { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); 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; }
.surveyDiv .resultDiv .surveyCompleted.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; }
.surveyDiv .resultDiv .cd-popup-container { position: relative; padding: 24px; width: 420px; height: 180px; top: 50%; margin: -90px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -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; }
.surveyDiv .resultDiv .surveyCompleted p {  font-size: 18px; color: #1d1d1d; direction: rtl; float: right; display: inline-block; width: 100%; margin-top: 24px }
.surveyDiv .resultDiv .surveyCompleted .ok { position: absolute; bottom: 24px; left: 0; display: inline-block; width: 100px; padding: 5px 0; background: #1a6399;  font-size: 16px; color: #fff; text-align: center; border: none; margin: 24px calc((100% - 100px) / 2) 0; cursor: pointer; }
.surveyDiv .resultDiv .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.surveyDiv .resultDiv .cd-popup-container .cd-popup-close::before, .surveyDiv .resultDiv .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; }
.surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::before, .surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::after { opacity: 1 }
.surveyDiv .resultDiv .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); }
.surveyDiv .resultDiv .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); }
.surveyDiv .resultDiv .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
/*.surveyDiv .resultDiv{width: calc(100% - 324px);margin-left: 24px;padding:24px;height:auto;min-height: 830px;}
.surveyDiv .resultDiv h3{display:inline-block;width:100%;margin:24px 0 36px;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:12px 24px;float:right}
.surveyDiv .resultDiv h3 span{color:#1a6399;font-weight:bold;line-height: 1.4;margin-right: 5px;font-size:20px}
.surveyDiv .resultDiv .grid-wrap {margin: 0;padding:0;box-shadow:none}
.surveyDiv .resultDiv .grid {margin: 0 auto;height:auto!important}
.surveyDiv .resultDiv .grid li {min-width:300px;width:calc((100% - 48px) / 3);margin-left:24px;margin-bottom:24px;float: right;cursor: pointer;padding:12px;border:1px solid #ddd;box-shadow:0 6px 6px -3px rgba(0,0,0,.1)}
.surveyDiv .resultDiv .grid li:nth-child(3n){margin-left:0}
.surveyDiv .resultDiv .grid li h2 {color: #1d1d1d;background:#ddd;padding:5px 0;font-family: DroidKufiBold, Arial;font-size: 16px;text-align: center;display:inline-block;width:100%;margin-bottom:12px}
.surveyDiv .resultDiv .grid li .answersDiv{display:inline-block;width:100%;margin-bottom:12px}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem{float:right;width:calc(100% / 3);display:inline-block;}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(odd){background:#fff}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(even){background:#f2f2f2}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:last-child{margin-left:0}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem img{width:100%;height:auto}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem p {display: inline-block;width: 100%;text-align: center;font-size: 14px;color: #1d1d1d;padding: 8px 0;line-height:1.5;height:70px;overflow:hidden}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem span{color: #1d1d1d;font-family: arial;font-size: 32px;width: 100%;text-align: center;display: inline-block;margin-top: 12px;}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem span:after{content:"%";font-size:18px}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) span{color:#fbb03b;border-bottom:4px solid #fbb03b}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) span{color:#45bb61;font-size:42px;line-height:0.9;border-bottom:4px solid #45bb61}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) span:after{font-size:22px}
.surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) span{color:#ff4444;border-bottom:4px solid #ff4444}
.surveyDiv .resultDiv .grid li .more{display:inline-block;width:100%;padding:5px 0;background:#1a6399;font-size:14px;color:#fff;text-align:center}
.surveyDiv .resultDiv .surveyCompleted {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);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;}
.surveyDiv .resultDiv .surveyCompleted.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;}
.surveyDiv .resultDiv .cd-popup-container {position: relative;padding: 24px;width: 420px;height: 180px;top: 50%;margin: -90px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-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;}
.surveyDiv .resultDiv .surveyCompleted p {font-size: 18px;color: #1d1d1d;direction: rtl;float: right;display: inline-block;width: 100%;margin-top: 24px}
.surveyDiv .resultDiv .surveyCompleted .ok {position: absolute;bottom: 24px;left: 0;display: inline-block;width: 100px;padding: 5px 0;background: #1a6399;font-size: 16px;color: #fff;text-align: center;border: none;margin: 24px calc((100% - 100px) / 2) 0;cursor: pointer;}
.surveyDiv .resultDiv .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;}
.surveyDiv .resultDiv .cd-popup-container .cd-popup-close::before, .surveyDiv .resultDiv .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;}
.surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::before, .surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::after {opacity: 1}
.surveyDiv .resultDiv .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);}
.surveyDiv .resultDiv .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);}
.surveyDiv .resultDiv .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}*/
/* Slideshow style */
.surveyDiv .resultDiv .slideshow { position: fixed; background: rgba(0,0,0,0.85); width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.surveyDiv .resultDiv .slideshow-open .slideshow { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.surveyDiv .resultDiv .slideshow ul { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0,0,150px); transform: translate3d(0,0,150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.surveyDiv .resultDiv .slideshow ul.animatable li { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.surveyDiv .resultDiv .slideshow-open .slideshow ul { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.surveyDiv .resultDiv .slideshow li { width: 660px; height: 500px; position: absolute; top: 50%; left: 50%; margin: -250px 0 0 -330px; visibility: hidden; transition: none }
.surveyDiv .resultDiv .slideshow li h2 { color: #1d1d1d; background: #f2f2f2; padding: 5px 0; font-family: DroidKufiBold, Arial; font-size: 22px; text-align: center; display: inline-block; width: 100%; margin-bottom: 12px }
.surveyDiv .resultDiv .slideshow li .answersDiv { display: inline-block; width: 100%; height: 450px; overflow-y: scroll; padding: 0 10px; }
.surveyDiv .resultDiv .slideshow li .answersDiv .answerItem { float: right; width: calc((100% - 36px) / 4); display: inline-block; margin-left: 12px; margin-bottom: 24px }
.surveyDiv .resultDiv .slideshow li .answersDiv .answerItem:nth-child(4n) { margin-left: 0 }
.surveyDiv .resultDiv .slideshow li .answersDiv .answerItem img { width: 100%; height: auto }
.surveyDiv .resultDiv .slideshow li .answersDiv .answerItem p { display: inline-block; width: 100%; text-align: center;  font-size: 14px; color: #1d1d1d; padding: 8px 0 0; line-height: 1.5; overflow: hidden; }
.surveyDiv .resultDiv .slideshow li .answersDiv .answerItem span { color: #666; font-family: arial; font-size: 20px; width: 100%; text-align: center; display: inline-block; }
.surveyDiv .resultDiv .slideshow li .answersDiv .answerItem span:after { content: "%"; font-size: 18px }
.surveyDiv .resultDiv .slideshow li.show { visibility: visible; }
.surveyDiv .resultDiv .slideshow li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.8); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.surveyDiv .resultDiv .slideshow li.current:after { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; }
.surveyDiv .resultDiv .slideshow figure { width: 100%; height: 100%; background: #fff; overflow: hidden; }
.srvyRslts .sponsorDuplicate { display: none }
.srvyRslts .stickySeries, .showSponsor.srvyRslts .stickySeries { display: none !important }
/* Navigation */
.surveyDiv .resultDiv .slideshow nav span { position: fixed; z-index: 1000; color: #59656c; text-align: center; padding: 3% 1%; cursor: pointer; font-size: 2.2em; }
.surveyDiv .resultDiv .slideshow nav span.nav-prev,
.surveyDiv .resultDiv .slideshow nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.surveyDiv .resultDiv .slideshow nav span.nav-next { left: 0 }
.surveyDiv .resultDiv .slideshow nav span.nav-prev { right: 0; }
.surveyDiv .resultDiv .slideshow nav span.icon-prev:before { content: "r"; color: #1d1d1d; font-size: 36px }
.surveyDiv .resultDiv .slideshow nav span.icon-next:before { content: "q"; color: #1d1d1d; font-size: 36px }
.surveyDiv .resultDiv .slideshow nav span.nav-close { top: 0; left: 0; padding: 0.5em 0.8em; color: #fff; }
.surveyDiv .resultDiv .slideshow nav span.nav-close::before, .surveyDiv .resultDiv .slideshow nav span.nav-close::after { content: ''; position: absolute; width: 5px; height: 100%; top: 0; left: 50%; border-radius: 3px; opacity: 1; background: #fff; 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; }
.surveyDiv .resultDiv .slideshow nav span.nav-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.surveyDiv .resultDiv .slideshow nav span.nav-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.srvyRslts header { display: none }
.srvyRslts .morphSearchDiv { display: none }
.srvyRslts footer { display: none }
.srvyRslts .sponsorBanner { display: none }
.srvyRslts .sponsorBtnText { display: none }
.srvyRslts .cd-main-content { background: #1d1d1d }
.srvyRslts #OptDiv { display: none }
.popupOverlay .sponsorBanner { display: none }
.popupOverlay .sponsorBtnText { display: none }
.popupOverlay #OptDiv { display: none }
/** Ramadan Header **/
.ramadanHeader { display: inline-block; float: right; width: 100%; height: 200px; position: relative;background:url(../Images/ramdan24/masrawyhelal.png) top 10px right 10px no-repeat, url(../Images/ramdan24/ramdanDesk.jpg) top -60px center no-repeat; background-size:3%, 100%; margin-bottom: 40px; overflow: hidden; }
/*.ramadanHeader{display:inline-block;float:right;width:100%;height:200px;position:relative;
               background: linear-gradient(0deg , #4c3a6e , #22215b);
               background: -webkit-linear-gradient(0deg, #4c3a6e , #22215b);
               background: -o-linear-gradient(0deg,#4c3a6e,#22215b);
               background: -moz-linear-gradient(0deg,#4c3a6e,#22215b);
               background: -ms-linear-gradient(0deg,#4c3a6e,#22215b);
               margin-bottom:40px;overflow:hidden;border-bottom: 2px solid #330D46;}*/
/*.ramadanHeader:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../Images/ramadanPatternBG.webp?ref=0.1) top -20px right repeat;background-size:80px auto;opacity:0.7;pointer-events:none}*/
/*.RHeaderLogo { background: url(../Images/Ramlogo.webp) top 36px right 160px no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 185px auto; pointer-events: none; }
*//*.ramadanHeader:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/starRight.webp)top 0px right -34px no-repeat; background-size: 207px auto; pointer-events: none; }
*//*.ramadanHeader:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../Images/ramadanMasrawy.webp) top 20px right 70px no-repeat,url(../Images/ramMasrawyLogo.webp) top 20px left 20px no-repeat;
 background-size:200px auto, 44px auto;pointer-events:none
}*/
/*.ramadanHeader:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/starLeft.webp) bottom 44px left -6px no-repeat; background-size: 200px auto; pointer-events: none; }
*/
.ramadanHeader:before{content:'';position:absolute;background:url(../Images/ramdan24/FoolCar.png) left center no-repeat;bottom: 44px;left: 176px;width: 270px;height: 150px;background-size: 100%;}
.ramadanHeader:after{content:'';position:absolute;background:url(../Images/ramdan24/ramdankMasrawy.png) right center no-repeat;top: 68px;right: 186px;width: 400px;height: 64px;background-size: 100%;}
.ramadanHeader .by { display: inline-block; position: absolute; bottom: 94px; left: 47px; color: #cfcfcf; font-size: 9px;}
.ramadanHeader .headerMenu { position: absolute; bottom: 0; width: 100%; height: 44px; background-color:rgba(40, 11, 75, .8);}
.ramadanHeader .headerMenu li { display: inline-block; float: right; position: relative; float: right; width: auto; height: 44px; }
.ramadanHeader .headerMenu li:last-child { margin-left: 0 }
.ramadanHeader .headerMenu li a { display: inline-block; width: auto; height: 100%; float: right; color: #fff;  font-size: 14px; line-height: 44px; padding: 0 22px; }
.ramadanHeader .headerMenu li a:hover, .ramadanHeader .headerMenu li a.select { background: #49114e }
.ramadanHeader a.regBtn{display: inline-block;width: 145px;height: 40px;float: left;margin-top: 15px;margin-left:15px;background-color: #160343;font-family: DroidKufiLight, Arial;font-size: 16px;font-weight: 400;color: #fff;text-align: center;line-height: 40px;border:1px solid #fff}
.ramadanHeader a.regBtn p{text-align:center;display:inline-block;}
.ramadanHeader a.regBtn.userLogin{background-color:transparent;border:0;width:auto;height:auto;z-index:2;position:relative}
.ramadanHeader a.regBtn.userLogin .usericon{display:inline-block;width:42px;height:42px;border-radius:50%;background-color:#160343;border:1px solid #c6afcc;float:left;position:relative;overflow:hidden}
.ramadanHeader a.regBtn.userLogin .usericon.noImg:before{content:'<';position:absolute;font-size:30px;bottom:0;left:50%;transform:translateX(-50%);line-height:1;color:#c6afcc}
.ramadanHeader a.regBtn.userLogin .usericon img{display: inline-block;float: left;position: absolute;left: 0;top: 0;z-index: 2;width: 42px;height: auto;}
.ramadanHeader a.regBtn.userLogin p{float:left;margin-left:10px}
.ramadanHeader .regBtn p.logout{display:none}

#cd-menu-header { display: none; position: relative; right: 0; top: 0; height: 100%; width: auto; float: right; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; }
#cd-menu-header .cd-menu-icon { display: inline-block; position: relative; top: 50%; float: right; width: 30px; height: 2px; background-color: #FFF; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#cd-menu-header .cd-menu-icon::before, #cd-menu-header .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; }
#cd-menu-header .cd-menu-icon::before { bottom: 8px; }
#cd-menu-header .cd-menu-icon::after { top: 8px; }
#cd-menu-header .iconText { float: right; display: inline-block; width: auto; height: 100%; color: #fff;  font-size: 13px; margin-right: 30px; line-height: 44px; }
.navOverlay { display: inline-block; width: 100%; height: 100%; position: fixed; background: url(../Images/ramadanBKMobile.jpg) center center no-repeat; z-index: 99; right: 0; top: 0; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; }
.navOverlay .navContainer { display: inline-block; width: 100%; height: 100%; margin-top: 50px }
#cd-menu-close { position: relative; right: 0; top: 0; height: 60px; width: 60px; float: right; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; }
#cd-menu-close .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; width: 30px; height: 3px; background-color: transparent; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#cd-menu-close .cd-menu-icon::before, #cd-menu-close .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; bottom: 0; background-color: #fff; }
#cd-menu-close .cd-menu-icon::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#cd-menu-close .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.navOverlay ul { display: inline-block; margin-top: 50px; position: absolute; left: 50%; transform: translateX(-50%); transition: transform .2s 0s, visibility 0s .2s; }
.navOverlay ul li { position: relative; width: 100%; text-align: center; margin-bottom: 20px }
.navOverlay ul li a { display: inline-block; width: 100%; height: 100%; color: #fff;  font-size: 15px; text-align: center; }
.openMenuHeader .navOverlay { opacity: 1; visibility: visible }
/** ramadan Survey2019 **/
/*.ramadanSurvey {width: calc(100% - 324px);margin-left: 24px;padding: 24px;height: auto;background-color:#fff;float:right}
.ramadanSurvey .surveyQuestion, .resultContainer{display:inline-block;float:right;width:100%;height:auto;overflow: hidden;text-align:center;margin:auto}
.ramadanSurvey .surveyQuestion .ttl, .resultDiv.ramadanResult .ttl{border-bottom:1px solid #330D46}
.ramadanSurvey .surveyQuestion .ttl h2, .resultDiv.ramadanResult .ttl h2{display: inline-block;width: 100%;font-size: 16px;color: #1d1d1d;text-align: right;}
.ramadanSurvey .surveyQuestion h3{display: inline-block;width: 100%;height: 35px;margin: 24px 0 36px;font-size: 14px;color: #fff;text-align: right;direction: rtl;background: #330D46;padding: 0 20px;line-height: 2.4;}
.ramadanSurvey .surveyQuestion .ramadanQuestions{display:inline-block;position:relative;width:100%;border: 2px solid #330D46;overflow: hidden;height: 600px;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions{display:inline-block;position:relative;width:100%;overflow: hidden;overflow-y: scroll;height: 550px;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer{display:inline-block;float:right;width:100%;position:relative;padding: 40px 40px 0;height: 546px;transition:all .3s ease-in-out}
.ramadanSurvey .surveyQuestion .ramadanQuestions h4{color: #1d1d1d;font-family: DroidKufiBold, arial;font-size: 24px;text-align: center;margin-bottom:10px}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionAnswer{display: inline-block;float: right;margin-top: 30px;position: relative;width: calc((100% - 50px) / 6);margin-left:10px;opacity:1;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(6n+1){margin-left:0}
.ramadanSurvey .surveyQuestion .ramadanQuestions .answerImg{display:inline-block;float:right;position:relative;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .answerImg img{width: 100%;height: auto;border:none}
.ramadanSurvey .surveyQuestion .ramadanQuestions .answerName{display:inline-block;float:right;width:100%;height:25px;background-color:#2a2a2a;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .answerName p{color:#fff;font-size:12px;text-align:center}
.ramadanSurvey .surveyQuestion .ramadanQuestions .timelineQuestions{display: inline-block;width: 100%;height: 50px;background-color: #eeeeee;margin-top: 35px;position: absolute;bottom: 0;right: 0;}
.ramadanSurvey .timelineQuestions ul{display:inline-block;width:auto;height:100%;position:relative}
.ramadanSurvey .timelineQuestions li{display:inline-block;position: relative;width:30px;height:30px;background-color:#fff;border:2px solid #dddddd;border-radius:50%;text-align:center;margin-left:13px;margin-top:8px}
.ramadanSurvey .timelineQuestions li:last-child{margin-left:0}
.ramadanSurvey .timelineQuestions li:first-child:before{display:none}
.ramadanSurvey .timelineQuestions li:before{content: '';float: right;width: 20px;height: 2px;background-color: #dddddd;display: block;right: -20px;position: relative;top: 10px;z-index: 10;}
.ramadanSurvey .timelineQuestions li a{text-align:center;color:#1d1d1d;font-size:15px;line-height:1.5;width: 100%;height: 100%;display: inline-block;}
.ramadanSurvey .timelineQuestions li.selected{background-color:#cb8831}
.ramadanSurvey .timelineQuestions li.selected a{color:#fff}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-webkit-scrollbar {width: 8px;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-webkit-scrollbar-thumb {background-color: #330D46;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-webkit-scrollbar-track {background-color: #eeeeee;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-moz-scrollbar {width: 8px;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-moz-scrollbar-thumb {background-color: #330D46;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-moz-scrollbar-track {background-color: #eeeeee;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer:after{content:'';width:100%;height:100%;opacity:.5;background-color:#fff;position: absolute;top: 0;right: 0;pointer-events: none;}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer:first-child:after{display:none}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.removeAfter:after{display:none}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer{opacity:.3}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select{opacity:1}
.ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select .answerName{background-color:#330D46}
.ramadanSurvey .surveyQuestion .ramadanQuestions a.sumbit{display: inline-block;width: 110px;height: 30px;color: #fff;background-color: #330D46;font-size: 14px;margin-bottom: 20px;line-height: 2;}
.ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height: 600px;width:100%;font-family: DroidKufiLight, arial}*/
/** survey result **/
.resultContainer h3 { display: inline-block; width: 100%;  font-size: 16px; color: rgb(29, 29, 29); text-align: right; direction: rtl; float: right; margin: 24px 0px 36px; background: rgb(242, 242, 242); padding: 12px 24px; }
.resultContainer h3 span { color: #330D46; font-weight: bold; line-height: 1.4; margin-right: 5px; font-size: 20px; }
/** ramdan survey design3**/
.ramadanSurvey.design3 { width: calc(100% - 320px); margin-left: 20px; padding: 24px 24px 0 24px; height: auto; background-color: #fff; float: right; }
.ramadanSurvey.design3 .surveyQuestion, .resultContainer { display: inline-block; float: right; width: 100%; height: auto; text-align: center; margin: auto }
.ramadanSurvey.design3 .surveyQuestion .ttl, .resultDiv.ramadanResult .ttl { border-bottom: 1px solid #330D46 }
.ramadanSurvey.design3 .surveyQuestion .ttl h2, .resultDiv.ramadanResult .ttl h2 { display: inline-block; width: 100%;  font-size: 16px; color: #1d1d1d; text-align: right; }
.ramadanSurvey.design3 .surveyQuestion h3 { display: inline-block; width: 100%; height: auto; margin: 24px 0 36px;  font-size: 14px; color: #1d1d1d; text-align: right; direction: rtl; background: #e6e4e4; padding: 0 20px; line-height: 2.4; z-index: 101; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions { display: inline-block; position: relative; width: 100%; float: right }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .allQuestions { display: inline-block; position: relative; width: 100%; overflow: hidden; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer { display: inline-block; float: right; width: 100%; position: relative; padding: 20px 0 0; transition: all .3s ease-in-out; z-index: 4; height: auto; margin-bottom: 60px }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer:last-child { padding-bottom: 20px }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4 { color: #1d1d1d; font-family: DroidKufiBold, arial; font-size: 20px; text-align: right; margin-bottom: 10px; width: calc(100% - 100px) }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4 span { color: #330D46; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { display: inline-block; float: right; margin-top: 30px; position: relative; cursor: pointer; width: calc((100% - 40px) / 5); margin-left: 10px; opacity: 1; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 0 }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg { display: inline-block; margin: 0 auto; position: relative; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img { width: 100%; height: auto; border: none; max-height: 115px }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerName { display: inline-block; float: right; width: 100%; height: 25px; background-color: #2a2a2a; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerName p { color: #fff;  font-size: 12px; text-align: center }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer:after { content: ''; width: 100%; height: 100%; opacity: .5; background-color: #fff; position: absolute; top: 0; right: 0; pointer-events: none; }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer:first-child:after { display: none }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.removeAfter:after { display: none }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer { opacity: .3 }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select { opacity: 1 }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select .answerName { background-color: #330D46 }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions iframe { height: 600px; width: 100%;}
.ramadanSurvey.design3 .itemsConts { display: inline-block; width: 100%; position: relative; }
/*.ramadanSurvey.design3:before{content:'';width:calc(100% - 324px);height:100%;display:inline-block;background:url(../Images/ramadanPattern.png);z-index:99;position:absolute;right:0;top:0;opacity:.04}*/
.ramadanSurvey.design3 .questionContainer:after { content: ''; width: 100%; height: 100%; opacity: .5; background-color: #fff; position: absolute; top: 0; right: 0; pointer-events: none; }
.ramadanSurvey.design3 .questionContainer:first-child:after { display: none }
.ramadanSurvey.design3 .questionContainer.removeAfter:after { display: none }
/*.questionContainer.answerOverlay .questionAnswer{opacity:.3}*/
.ramadanSurvey.design3 .questionContainer.answerOverlay .answerImg { opacity: 0.3 }
.ramadanSurvey.design3 .questionContainer.answerOverlay .answerName { opacity: 0.3 }
.ramadanSurvey.design3 .questionContainer.answerOverlay .questionAnswer.select .answerImg { opacity: 1 }
.ramadanSurvey.design3 .questionContainer.answerOverlay .questionAnswer.select .answerName { opacity: 1; background-color: #330D46 }
.timelineQuestions { position: fixed; margin-right: -45px; top: 155px; z-index: 1; background: #f2f2f2; padding: 10px 0; width: 40px; box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2); }
.timelineQuestion::before { position: absolute; top: 0; right: 0; visibility: hidden; z-index: 10; width: 36px; height: 100%; background: rgba(0,0,0,.5); content: ''; opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity .3s,-webkit-transform 0s .3s; transition: opacity .3s,transform 0s .3s; }
.timelineQuestions li { display: inline-block; text-align: right; position: relative; width: 28px; height: 28px; background-color: #fff; border: 2px solid #dddddd; border-radius: 50%; margin: 0 calc((100% - 28px)/2) 10px; }
.timelineQuestions li a { text-align: center; color: #1d1d1d; font-size: 14px; line-height: 1.8; width: 100%; height: 100%; display: inline-block; font-family: arial; cursor: pointer }
.timelineQuestions li.selected { background-color: #cb8831; }
.timelineQuestions li.selected a { color: #fff }
.ramadanSurvey.design3 a.sumbit { position: relative; text-align: center; display: inline-block; width: 110px; height: 30px; font-size: 14px; color: #fff; background-color: #330D46;  z-index: 101; margin-bottom: 10px }
.ramadanSurvey.design3 .allQues .chooseAnswer { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); 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; }
.ramadanSurvey.design3 .allQues .chooseAnswer.is-visible { opacity: 1; visibility: visible; z-index: 999; -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; }
.ramadanSurvey.design3 .allQues .cd-popup-container { position: relative; padding: 24px; width: 500px; height: 180px; top: 50%; margin: -90px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -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; }
.ramadanSurvey.design3 .allQues .chooseAnswer p {  font-size: 17px; color: #1d1d1d; direction: rtl; float: right; display: inline-block; width: 100%; margin-top: 24px }
.ramadanSurvey.design3 .allQues .chooseAnswer .ok { position: absolute; bottom: 15px; left: 0; display: inline-block; width: 100px; padding: 5px 0; background: #1a6399;  font-size: 16px; color: #fff; text-align: center; border: none; margin: 24px calc((100% - 100px) / 2) 0; cursor: pointer; }
.ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close::before, .allQues .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; }
.ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close:hover::before, .allQues .cd-popup-container .cd-popup-close:hover::after { opacity: 1 }
.ramadanSurvey.design3 .allQues .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); }
.ramadanSurvey.design3 .allQues .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); }
.ramadanSurvey.design3 .allQues .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions p.quesCount { position: absolute; left: 0; top: 22px; display: inline-block; float: right; font-weight: bold; font-family: CenturyGothicBold, Arial; font-size: 16px; color: #000; line-height: 38px }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions p.quesCount span { line-height: 1.4 }
.ramadanSurvey.design3 .surveyQuestion .ramadanQuestions p.quesCount span:first-child { color: #330D46 }
.surveyQuestion .survInfo { display: inline-block; float: right; width: 100%; margin: 10px 0 40px }
.surveyQuestion .survInfo .attSclBar { position: relative; display: inline-block; float: right; width: 100%; height: 50px; padding: 16px; margin: 0; background: #2a2a2a; margin-left: 20px; border-radius: 6px; overflow: hidden }
.surveyQuestion .survInfo .attSclBar p { display: inline-block; float: right; width: calc(100% - 330px); position: absolute; right: 16px; top: 50%; transform: translateY(-50%);  font-size: 13px; color: #fff; text-align: right; direction: rtl; line-height: 1.8; }
.surveyQuestion .survInfo .attSclBar .articleSocial { padding: 0 }
.surveyQuestion .survInfo .attSclBar .articleSocial a { width: 36px; height: 36px }
.surveyQuestion .survInfo .attSclBar .articleSocial a:before { line-height: 2 }
.surveyQuestion .survInfo .attSclBar .articleSocial a:last-of-type { margin-left: 0 }
.ramadanSurveyResult{overflow:visible!important}
/*** Ramadan ToDo List 2021 ***/
.ramadanToDo .left { display: inline-block; float: left; width: 300px }
.ramadanToDoCnts { display: inline-block; float: right; width: 100%; cursor: auto; background: none; }
.toDoContainer > header { margin: 0 auto; padding: 2em; }
.toDoContainer { position: relative; display: inline-block; float: right; width: 100%; height: 670px; }
.toDoContainer > header { text-align: center; background: rgba(0,0,0,0.01); }
.toDoContainer > header h1 { font-size: 2.625em; line-height: 1.3; margin: 0; font-weight: 300; }
.toDoContainer > header span { display: block; font-size: 60%; opacity: 0.3; padding: 0 0 0.6em 0.1em; }
/* Main Content */
.column { float: left; width: 50%; padding: 0 2em; min-height: 300px; position: relative; }
.column:nth-child(2) { box-shadow: -1px 0 0 rgba(0,0,0,0.1); }
.column p { font-weight: 300; font-size: 2em; padding: 0; margin: 0; text-align: right; line-height: 1.5; }
/* To Navigation Style */
.demo-4 body { overflow: hidden; }
@media screen and (max-width: 46.0625em) {
    .column { width: 100%; min-width: auto; min-height: auto; padding: 1em; }
    .column p { text-align: left; font-size: 1.5em; }
    .column:nth-child(2) { box-shadow: 0 -1px 0 rgba(0,0,0,0.1); }
}
@media screen and (max-width: 25em) {
    .codrops-icon span { display: none; }
}
.toDoHeader { display: inline-block; float: right; width: 100%; margin-bottom: 20px }
.toDoHeader h2 { position: relative; display: inline-block; float: right; width: 100%; padding: 0; font-family: DroidKufiBold, Arial; font-size: 18px; color: #1d1d1d; text-align: right; margin-bottom: 20px }
.toDoHeader .headerBottom { display: inline-block; float: right; position: relative; width: 100%; }
.toDoHeader .headerBottom .toDoBtn { display: inline-block; float: right; position: relative; height: 32px; padding: 0 20px; font-size: 12px; color: #fff; line-height: 2.6; background: #1d1d1d; border-radius: 4px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.toDoHeader .headerBottom .toDoBtn:hover { background: #A8006B }
.toDoHeader .headerBottom .toDoBtn .icon-date:before { content: "c"; float: right; display: inline-block; color: #fff; font-size: 14px; display: inline-block; width: 16px; margin-left: 8px; height: 30px; line-height: 2.2; -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; transition: all 0.2s ease-in-out 0s; }
.toDoHeader .headerBottom .leftSide { display: inline-block; float: left }
.toDoHeader .headerBottom .leftSide .toDoBtn { margin-left: 10px; }
.toDoHeader .headerBottom .leftSide .toDoBtn span:before { content: "تسجيل دخول" }
.mofakeraLoggedIn .toDoHeader .headerBottom .leftSide .toDoBtn span:before { content: "تسجيل خروج" }
.mofakeraLoggedIn .toDoContainer { height: 726px }
.goToDate { display: inline-block; float: right }
.toDoHeader .headerBottom .leftSide .regBtnHeader img { display: none }
.toDoHeader .headerBottom .leftSide .regBtnHeader p { display: inline-block; width: auto; background-color: #000; color: #fff; padding: 2px 15px;  border-radius: 4px; font-size: 14px; }
.bb-custom-wrapper .menuNav { position: absolute; top: calc(100% + 10px); right: 0; z-index: 998; width: 282px; height: 282px; padding: 20px; border: 1px solid #ddd; background: #fff; box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; -ms-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.openMenu .bb-custom-wrapper .menuNav { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.bb-custom-wrapper .menuNav ul li { display: inline-block; float: right; width: 40px; height: 40px; list-style-type: none; border-bottom: none; font-size: 10px; padding: 0; float: right; position: relative; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.openMenu .bb-custom-wrapper .menuNav ul li { right: 0; opacity: 1; visibility: visible; }
.bb-custom-wrapper .menuNav .ramadanName { position: relative; display: inline-block; float: right; width: 100%; height: 40px; padding: 0; font-family: DroidKufiBold, Arial; font-size: 18px; color: #1d1d1d; text-align: right; }
.bb-custom-wrapper .menuNav ul li a { display: inline-block; float: right; width: 30px; height: 30px; text-align: center; color: #1d1d1d; line-height: 2.2; border-radius: 50%; font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.bb-custom-wrapper .menuNav ul li.disabled { pointer-events: none }
.bb-custom-wrapper .menuNav ul li.disabled a { color: #ccc; pointer-events: none }
.bb-custom-wrapper .menuNav ul li a:hover, .bb-custom-wrapper .menuNav ul li a.selected { color: #fff; background: #A8006B; border-radius: 50% }
.bb-custom-wrapper .menuNav ul li a:hover span, .bb-custom-wrapper .menuNav ul li a.selected span { color: #fff }
.openRegister .bb-custom-wrapper .registerPopup:before { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 1001 }
/*.bb-custom-wrapper .login-box{position: fixed;top: 50%;left:50%;transform:translate(-50%, -50%);z-index: 1002;width:500px;height:400px;padding:20px;border: 1px solid #ddd;background:#fff;box-shadow:0 6px 6px -3px rgba(0, 0, 0, 0.1);opacity:0;visibility:hidden;
                 -webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;-o-transition: opacity .3s 0s, visibility 0s .3s;-ms-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.bb-custom-wrapper .login-box.loginActive{height:370px}
.bb-custom-wrapper .login-box.signUpActive{height:470px}
*/
.openRegister .bb-custom-wrapper .login-box { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.bb-custom-wrapper .regHint { position: absolute; top: calc(100% + 6px); left: 78px; z-index: 1002; width: 280px; padding: 18px; border: 1px solid #ddd; background: #fff; box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; -ms-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.bb-custom-wrapper .regHint:before { border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 9px solid #fff; content: ""; left: 21px; position: absolute; top: -9px; z-index: 98; }
.bb-custom-wrapper .regHint:after { border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #ddd; content: ""; left: 20px; position: absolute; top: -11px; z-index: 97; }
.bb-custom-wrapper .regHint p { display: inline-block; float: right; width: 100%;  font-size: 13px; color: #1d1d1d }
.openRegisterHint .bb-custom-wrapper .regHint { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
/*.openRegisterHint .bb-custom-wrapper .regHintDiv:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1001}*/
.bb-custom-wrapper .closeHint { position: absolute; top: 6px; left: 6px; width: 16px; height: 16px; z-index: 1 }
.bb-custom-wrapper .closeHint:after, .bb-custom-wrapper .closeHint:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #1d1d1d; opacity: .2; 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; }
.bb-custom-wrapper .closeHint:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.bb-custom-wrapper .closeHint:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.toDoSocial { float: left; display: inline-block; padding: 0 }
.toDoSocial a { float: right; display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 2.2; font-size: 18px; margin-left: 4px; border-radius: 2px }
.toDoSocial a:last-of-type { margin-left: 0; position: relative; }
.toDoSocial a.icon-fb:before { content: "u"; color: #fff }
.toDoSocial a.icon-tw:before { content: "?"; color: #fff }
.toDoSocial a.icon-fb { background: #4267b2 }
.toDoSocial a.icon-tw { background: #1da1f2 }
.lb-header { position: relative; color: #00415d; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eee; text-align: center; height: 36px; }
.lb-header a { margin: 0 25px; padding: 0 20px; text-decoration: none; color: #666; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.lb-header .active { color: #A8006B; font-size: 16px; }
.social-login { position: relative; float: left; width: 100%; height: auto; padding: 10px 0 15px 0; border-bottom: 1px solid #eee; }
.social-login a { position: relative; float: left; width: 100%; text-decoration: none; color: #fff; border: 1px solid rgba(0,0,0,0.05); padding: 8px 12px; border-radius: 2px; font-size: 12px; text-transform: uppercase; margin: 0; text-align: center; }
.social-login a i { position: relative; float: left; width: 20px; top: 2px; }
.social-login a { background-color: #49639F; }
.email-login, .email-signup { position: relative; float: left; width: 100%; height: auto; margin-top: 20px; text-align: center; }
.u-form-group { width: 100%; margin-bottom: 10px; }
.u-form-group input[type="email"],
.u-form-group input[type="password"],
.u-form-group input[type="text"] { width: 100%; height: 45px; outline: none; border: 1px solid #ddd; padding: 0 10px; border-radius: 2px;  color: #333; font-size: 0.8rem; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.u-form-group input:focus { border-color: #358efb; }
.u-form-group button { width: 50%; background-color: #A8006B; border: none;  outline: none; color: #fff; font-size: 14px; font-weight: normal; padding: 6px 0; border-radius: 2px; margin-top: 10px; }
.forgot-password { width: 50%; text-align: left; text-decoration: underline; color: #666; font-size: 0.75rem; }
.login-box .closePopup { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; z-index: 1 }
.login-box .closePopup:after, .login-box .closePopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #1d1d1d; opacity: .2; 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; }
.login-box .closePopup:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.login-box .closePopup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/*.footerLogo{position:absolute;right:40px;height:69px;bottom:20px;z-index:999}
.footerLogo img{width:60px;height:auto}*/
.bb-bookblock { width: 400px; height: 300px; display: inline-block; float: right; margin: 0 auto; position: relative; z-index: 100; -webkit-perspective: 1300px; perspective: 1300px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.bb-page { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; transition-property: transform; }
.bb-vertical .bb-page { width: 50%; height: 100%; left: 50%; -webkit-transform-origin: left center; transform-origin: left center; }
.bb-horizontal .bb-page { width: 100%; height: 50%; top: 50%; -webkit-transform-origin: center top; transform-origin: center top; }
.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.bb-vertical .bb-content { width: 200%; }
.bb-horizontal .bb-content { height: 200%; }
.bb-page > div { width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.bb-vertical .bb-back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.bb-horizontal .bb-back { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.bb-outer { width: 100%; overflow: hidden; z-index: 999; }
.bb-overlay,
.bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }
.bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); }
.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
/* Content display */
.bb-content { background: #000; }
.bb-vertical .bb-front .bb-content { left: -100%; }
.bb-horizontal .bb-front .bb-content { top: -100%; }
/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.bb-vertical .bb-flip-prev { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.bb-horizontal .bb-flip-prev { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.bb-vertical .bb-flip-next-end { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); }
.bb-vertical .bb-flip-prev-end { -webkit-transform: rotateY(-165deg); transform: rotateY(-165deg); }
.bb-horizontal .bb-flip-next-end { -webkit-transform: rotateX(15deg); transform: rotateX(15deg); }
.bb-horizontal .bb-flip-prev-end { -webkit-transform: rotateX(165deg); transform: rotateX(165deg); }
.bb-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background: #fff; }
/* No JS */
.no-js .bb-bookblock,
.no-js ul.bb-custom-grid li { width: auto; height: auto; }
.no-js .bb-item { display: block; position: relative; }
.bb-custom-wrapper { width: 100%; height: 100%; position: relative; }
.bb-custom-wrapper .bb-bookblock { width: 100%; height: 620px; -webkit-perspective: 2000px; perspective: 2000px; }
.bb-custom-side { width: 50%; float: right; height: 100%; overflow: hidden; position: relative; background: #fff; padding: 30px; display: inline-block; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; align-items: center; }
.bb-custom-side:before { content: ''; position: absolute; bottom: 0; right: 0; width: 80px; height: 120px; background: url(../Images/RamadanToDo/boarderRightdown.png?ver=0.1) no-repeat bottom right; background-size: 210%; }
.bb-custom-side:last-child { padding: 40px 30px }
.bb-custom-side:last-child:before { content: ''; position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 80px; height: 140px; background: url(../Images/RamadanToDo/borderLeftUp.png?ver=0.1) no-repeat, url(../Images/RamadanToDo/helal.png?ver=0.1) no-repeat top right 22%; background-size: 210%, 160%; z-index: 999; }
.page::after { position: absolute; top: 0; right: 0; z-index: 101; width: 80px; height: 100%; box-shadow: inset -30px 0 40px -20px rgba(0, 0, 0, 0.1); content: ''; }
.page:first-of-type::after { left: 0; right: auto; box-shadow: inset 0px 0 0 rgba(0, 0, 0, 0.05), inset 30px 0 40px -20px rgba(0, 0, 0, 0.02); }
/*.page::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/toDoPatternBG.png) repeat;opacity: 0.02;background-size: 200%;pointer-events:none}*/
.bb-custom-side .cnts { width: 100%; display: inline-block; float: right; padding: 0; z-index: 102; position: relative; border: 1px solid #e8e8e8; border-radius: 6px; overflow: hidden; }
.bb-custom-side .cnts:before { content: ''; position: absolute; width: 100%; height: 100%; top: 10px; left: 50%; transform: translateX(-50%); background: url('../Images/RamadanToDo/islamic-star.png') no-repeat top center; background-size: 70%; z-index: 1; opacity: .09; }
.bb-custom-side:last-child .cnts:before { display: none }
.bb-custom-firstpage { text-align: center; width: 50%; float: right; height: 100%; position: relative }
.bb-custom-firstpage h1 { font-size: 3.5em; line-height: 1.8; margin: 0; font-family: DroidKufiBold,arial; font-weight: normal; color: #fff; position: relative; margin-bottom: 150px }
.bb-custom-firstpage h1 span { display: block; font-size: 50%; font-family: DroidKufiLight,arial; color: #d3b577; }
.bb-custom-firstpage img { position: relative; width: 180px; height: auto; z-index: 1 }
/*.bb-custom-side p {font-size: 1em;direction:rtl;line-height:2.4;margin:0;position:relative;top:50%;transform:translateY(-50%)}*/
.bb-custom-side .day { position: relative; display: inline-block; float: right }
.bb-custom-side p { display: inline-block; float: right; width: 100%; text-align: center;  font-size: 12px; color: #1d1d1d; margin-bottom: 6px; cursor: auto; line-height: 1.2; }
.bb-custom-side .day .number { font-family: CenturyGothicBold; font-size: 72px; color: #A8006B; margin-bottom: 0; text-align: right; width: auto; margin-left: 10px; line-height: 0.8 }
.bb-custom-side .day .dayCnt { display: inline-block; float: right }
.bb-custom-side .day .dayCnt p { display: inline-block; float: right; width: 100%; margin-bottom: 0; padding-top: 16px; font-size: 14px; color: #1d1d1d; margin-bottom: 10px; text-align: right }
.bb-custom-side .day .dayCnt p:last-child { padding-top: 0; margin: 0 }
.bb-custom-wrapper > nav { width: 100%; height: 40px; margin: 0 auto; position: absolute; bottom: 10px; z-index: 1000; text-align: center; }
.bb-custom-wrapper > nav a { display: inline-block; width: 40px; height: 40px; text-align: center; border-radius: 6px; background: #fff; color: #555; font-size: 0; margin: 2px; border: 1px solid #666; }
.bb-custom-icon:before { font-family: 'arrows'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 30px; line-height: 40px; display: block; -webkit-font-smoothing: antialiased; }
.bb-custom-icon-first:before,
.bb-custom-icon-last:before { content: "\e002"; }
.bb-custom-icon-arrow-left:before,
.bb-custom-icon-arrow-right:before { content: "\e003"; }
.bb-custom-icon-arrow-right:before,
.bb-custom-icon-last:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.bb-custom-wrapper > nav a:last-of-type { width: 110px; border: 1px solid #666 }
.bb-custom-icon-last:before { content: "المجموع النهائي"; transform: none;  font-size: 12px; color: #555 }
.bb-custom-wrapper > nav a.disabled { color: #ccc; border: 1px solid #ccc; pointer-events: none }
.bb-custom-wrapper > nav a:hover { background: #A8006B; color: #fff; border: 1px solid #A8006B }
.bb-custom-icon-last:hover:before { color: #fff }
/* No JS */
.no-js .bb-custom-wrapper { height: auto; }
.no-js .bb-custom-content { height: 470px; }
.bb-custom-side .info { position: relative; display: inline-block; float: right; height: 60px; width: 100%; margin-bottom: 28px; z-index: 103 }
.bb-custom-side .info:before { content: ''; position: absolute; width: 28px; height: 145px; top: -37px; right: 49%; background: url(../Images/RamadanToDo/fanous.png?ver=0.1) no-repeat top right 50%; background-size: 490%; }
.bb-custom-side .info .date { position: relative; width: 100%; padding: 11px 0 5px 0; }
.bb-custom-side .info .date #day,
.bb-custom-side .info .date #month { text-align: center; font-size: 26px; color: #fff; }
.bb-custom-side .info .date #month { font-size: 16px; }
.bb-custom-side .info .date #today { font-weight: bold; }
.bb-custom-side .info .info-bottom { position: relative; display: inline-block; float: left; height: 60px; width: 200px; }
.bb-custom-side .info .info-bottom .item { display: inline-block; float: right; width: 40px; margin-right: 40px; height: 60px; text-align: center; padding: 0; }
.bb-custom-side .info .info-bottom .item:first-child { margin-right: 0 }
.bb-custom-side .info .info-bottom #count,
.bb-custom-side .info .info-bottom #tasks,
.bb-custom-side .info .info-bottom #count_done,
.bb-custom-side .info .info-bottom #tasks_done,
.bb-custom-side .info .info-bottom #remaining_done,
.bb-custom-side .info .info-bottom #remaining_tasks { font-size: 24px; color: #1d1d1d; text-align: center; font-family: CenturyGothicBold }
.bb-custom-side .info .info-bottom #tasks,
.bb-custom-side .info .info-bottom #tasks_done,
.bb-custom-side .info .info-bottom #remaining_tasks { font-weight: normal; font-size: 12px;}
.bb-custom-side .info .info-bottom #count,
.bb-custom-side .info .info-bottom #remaining_done,
.bb-custom-side .info .info-bottom #count_done { font-family: CenturyGothicBold; width: 40px; height: 40px; color: #1d1d1d; line-height: 1.6; margin: 0 calc((100% - 38px) / 2) 6px; background: #eee; border-radius: 6px; border: 1px solid #ddd; }
.bb-custom-side .info .info-bottom #remaining_done { color: #A8006B }
.bb-custom-side .info .info-bottom #count_done { color: #00af16 }
.bb-custom-side .app { width: 100%; display: inline-block; float: right; min-height: 438px; margin: 0 auto; -webkit-backface-visibility: hidden; position: relative; z-index: 2; /*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/ }
.bb-custom-side:last-child .app { height: 518px }
.bb-custom-side .app::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/RamadanToDo/toDoBgLn.jpg) repeat; opacity: 0.6; background-size: 100%; pointer-events: none; z-index: 0 }
.bb-custom-side .app .table { display: inline-block; float: right; width: 100% }
.bb-custom-side .app .table .tableHeader, .bb-custom-side .app .table .tableCnts { display: inline-block; float: right; width: 100%; position: relative; }
.bb-custom-side .app .table .tableHeader { height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 22px; background: #eee; }
.bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { display: inline-block; float: right; width: calc(100% - 430px); font-family: DroidKufiBold, Arial; font-size: 16px; color: #1d1d1d; text-align: center }
.bb-custom-side .app .table .tableHeader .item { padding: 2px 10px; height: 40px; color: #1d1d1d }
.bb-custom-side .app .table .tableCnts .item {  font-size: 15px; padding: 0 10px; line-height: 1.8 }
.bb-custom-side .app .table .tableCnts .item.prayerTime { background: #eee; margin-top: 4px }
.bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
.bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
.bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 126px }
.bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 50px }
.bb-custom-side .app .table .tableCnts ul { display: inline-block; float: right; width: 254px; margin: 0 }
.bb-custom-side .app .table .tableCnts ul li { display: inline-block; margin: 0; min-height: unset; float: right; padding: 1px 10px; width: 126px; cursor: auto }
.bb-custom-side .app .table .tableCnts ul li a { width: 28px; margin: 0 calc((100% - 28px) / 2); }
.bb-custom-side .app .table .tableCnts ul li a i, .bb-custom-side .app .table .tableCnts ul li .res i { width: 28px; height: 28px }
.bb-custom-side .app .table .tableCnts ul li a i.fa-circle-thin:before, .bb-custom-side .app .table .tableCnts ul li .res i.fa-circle-thin:before { background: url(../Images/RamadanToDo/toDoEmptyL.png) no-repeat center center; background-size: 100%; }
.bb-custom-side .app .table .tableCnts ul li a i.fa-check-circle:before, .bb-custom-side .app .table .tableCnts ul li .res i.fa-check-circle:before { background: url(../Images/RamadanToDo/toDoCheckedL.png?ref=0.1) no-repeat center center; background-size: 100%; }
.bb-custom-side .app .table .tableCnts ul li .right { display: none }
.bb-custom-side .app .table .tableCnts .prayerItems { display: inline-block; float: right; width: 100%; height: 30px; margin-bottom: 10px }
.bb-custom-side .app .table .tableCnts .prayerItems:last-child { margin-bottom: 4px }
.bb-custom-side h2 { position: relative; display: inline-block; float: right; width: 100%; height: 40px; padding: 2px 20px; font-family: DroidKufiBold, Arial; font-size: 16px; color: #1d1d1d; background: #eee; text-align: right; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.bb-custom-side .zekr { display: inline-block; float: right; width: 100%; margin-top: 24px; border-top: 1px solid #ddd; position: relative }
.bb-custom-side .zekr .item { display: inline-block; float: right; width: 100%; position: relative }
.bb-custom-side .zekr .item .zekrCnts { display: inline-block; float: right; width: 100%; padding: 10px 20px; position: relative }
.bb-custom-side .zekr .item p { display: inline-block; float: right; width: 100%;  font-size: 15px; color: #1d1d1d; text-align: center; line-height: 2.6; margin-bottom: 0; margin-top: -9px }
.bb-custom-side.last .info:before { left: 0; right: auto }
.bb-custom-side .app ul { margin: 0; display: inline-block; float: right; width: 100%; }
.bb-custom-side .app ul #today2 { width: 100%; height: 52px; margin: 10px auto; font-size: 18px; text-align: center; color: #636363; line-height: 52px; }
.bb-custom-side .app ul li { position: relative; display: inline-block; float: right; list-style: none; width: calc(100% / 4); color: #636363; transition: all ease-in-out 0s; cursor: auto; padding: 9px 10px }
.bb-custom-side .app ul li.lihiden { opacity: 0; }
.bb-custom-side .app ul li a, .bb-custom-side .app ul li .res { width: 100%; display: inline-block; float: right; color: #636363; text-decoration: none; position: relative; margin: 0 }
.bb-custom-side .app ul li a i, .bb-custom-side .app ul li .res { position: relative; display: inline-block; transition: all ease-in-out 0.5s; width: 28px; height: 28px; margin: 0 calc((100% - 28px) / 2) }
.fa-circle-thin:before { content: ""; position: absolute; width: 100%; height: 100%; background: url("../Images/RamadanToDo/toDoEmptyL.png") no-repeat center center; background-size: 100% }
.fa-check-circle:before { content: ""; position: absolute; width: 100%; height: 100%; background: url("../Images/RamadanToDo/toDoCheckedL.png?ref=0.1") no-repeat center center; background-size: 100% }
.bb-custom-side .app ul li a .mark, .bb-custom-side .app ul li .res .mark { color: #744bc0; }
.bb-custom-side .app ul li a .mark-alt, .bb-custom-side .app ul li .res .mark-alt { color: #636363; }
.bb-custom-side .app ul li a:hover > i, .bb-custom-side .app ul li .res:hover > i { color: #744bc0; }
.bb-custom-side .app ul li .right { width: 100%; display: inline-block; margin-bottom: 10px; float: right; }
.bb-custom-side .app ul li .right img { float: right; display: inline-block; width: 30px; border: none; margin: 0 calc((100% - 30px) / 2); margin-bottom: 10px; }
.bb-custom-side .app ul li .right p { display: inline-block; width: 100%; word-wrap: break-word; line-height: 20px; outline: none; margin: 0;  font-size: 15px; text-align: center; color: #1d1d1d; pointer-events: none; transition: all ease-in-out 0.25s; }
.bb-custom-side .app ul li .right p span { cursor: text; }
.bb-custom-side .app ul li .right .line-through { color: #b3b3b3; text-decoration: line-through; font-style: italic; /*transform: translateX(-7px);*/ }
.bb-custom-side .app ul li span { display: inline-block; position: relative; width: 35px; height: 30px; cursor: pointer; transition: all ease-in-out 0.35s; }
.bb-custom-side .app ul li span i { font-size: 20px; transform: translate(9px, -1px); }
.bb-custom-side .app ul li span:hover > i { color: #24b5e2; }
.bb-custom-side .app .bottom { height: 80px; width: auto; margin-top: -300px; transition: all ease-in-out 0.4s; }
.bb-custom-side .app .bottom.show { margin-top: -24px; }
.bb-custom-side .app .bottom a { display: block; width: 150px; height: 40px; line-height: 40px; margin: 40px auto 0 auto; padding: 0 10px; font-size: 18px; background: linear-gradient(135deg, rgba(158, 15, 184, 0.9) -20%, rgba(5, 232, 255, 0.9) 165%); color: #fff; border-radius: 20px; text-decoration: none; text-align: center; }
.bb-custom-side .app .bottom a i { margin-right: 5px; }
.bb-custom-side .app .bottom a:hover { background: linear-gradient(135deg, rgba(158, 15, 184, 0.8) -20%, rgba(5, 232, 255, 0.8) 165%); }
.bb-custom-side .app .bottom a:active { transform: translateY(1px); background: linear-gradient(135deg, rgba(158, 15, 184, 0.9) -20%, rgba(5, 232, 255, 0.9) 165%); }
.bb-custom-side .app .bottom #undo { width: 30px; height: 30px; border-radius: 100px; float: right; line-height: 30px; opacity: 0; cursor: default; margin-top: -54px; margin-right: 21px; pointer-events: none; }
.bb-custom-side .app .bottom #undo i { margin-left: 5px; }
.down { -webkit-animation: slide_down 0.4s; animation: slide_down 0.4s; }
/** Last page **/
.bb-custom-side.last .info h3 { display: inline-block; float: right; width: 100%; font-family: DroidKufiBold, Arial; font-size: 24px; color: #1d1d1d; text-align: center; }
.bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 340px) }
.bb-custom-side.last .app .table .tableHeader .item.prayerTime,
.bb-custom-side.last .app .table .tableCnts .item.prayerTime,
.bb-custom-side.last .app .table .tableHeader .item.prayerFard,
.bb-custom-side.last .app .table .tableCnts .item.prayerFard,
.bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
.bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
.bb-custom-side.last .app .table .tableCnts ul li { width: 170px; }
.bb-custom-side.last .app .table .tableCnts ul { width: 340px }
.bb-custom-side.last .app .table .tableCnts ul li .res, .bb-custom-side.last .app ul li .res { width: 100%; text-align: center; margin: 0; height: auto; }
.bb-custom-side.last .app .table .tableCnts .prayerItems { margin-bottom: 50px }
.bb-custom-side.last .app .table .tableCnts .prayerItems:last-child { margin-bottom: 4px; }
.bb-custom-side.last .res p { width: auto; float: none; margin-bottom: 0 }
.bb-custom-side.last .res p span { color: #A8006B; width: auto; margin-left: 6px }
.bb-custom-side.last .res p:first-child { font-size: 18px; margin-left: 2px }
.bb-custom-side.last .res p:last-child { font-size: 12px; line-height: 2 }
.bb-custom-side.last:last-of-type .app ul li { height: 200px }
.bb-custom-side.last:last-of-type .app .res p { height: 30px; line-height: 1.9; }
.bb-custom-side.last:last-of-type .app ul li .right { margin-bottom: 12px }
.bb-custom-side.last .zekr .item p { line-height: 1.2 !important; margin-top: 0; height: auto !important }
/*@-webkit-keyframes slide_down {
  0% {
    opacity: 0;
    transform: scale(0);
    margin-top: -41px;
  }
  20% {
    opacity: 0;
  }
  80% {
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    margin-top: 10px;
  }
}
@keyframes slide_down {
  0% {
    opacity: 0;
    transform: scale(0);
    margin-top: -41px;
  }
  20% {
    opacity: 0;
  }
  80% {
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    margin-top: 10px;
  }
}
.up {
  -webkit-animation: slide_up 0.6s;
  animation: slide_up 0.6s;
}
@-webkit-keyframes slide_up {
  0% {
    opacity: 1;
    transform: scale(1);
    margin-top: 10px;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(0);
    margin-top: -45px;
  }
}
@keyframes slide_up {
  0% {
    opacity: 1;
    transform: scale(1);
    margin-top: 10px;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(0);
    margin-top: -45px;
  }
}
.down_in {
  -webkit-animation: down_in 0.35s;
  animation: down_in 0.35s;
}
@-webkit-keyframes down_in {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(-55px);
  }
  70% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes down_in {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(-55px);
  }
  70% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
.pop_out {-webkit-animation: pop_out 0.25s;animation: pop_out 0.25s;}
.pop_in {-webkit-animation: pop_in 0.35s;animation: pop_in 0.35s;}
@-webkit-keyframes pop_in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pop_in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}*/

/*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}


/*feeling ramadan*/
.feeling p.text{font-family:DroidKufiBold, Arial;font-size:24px;text-align:center;float:none;margin:20px 0 10px 0}
/*.feeling .ItemListing.Green{background:#D5E5CD}
.feeling .ItemListing.Red{background:#ffcdd2}
.feeling .ItemListing.blue{background:#e5dcf1}
.feeling .ItemListing.grey{background:#e4e4e4}
.feeling .ItemListing.yellow{background:#f6eabe}*/
.feeling .ItemListing p{color:#000}
.feeling .ItemListing:before{display:none}
.feeling  .ItemListing a{display:inline-block;position:relative;width:100%;height:100%;transition: all .2s ease-in-out;}
.feeling  .ItemListing{transition:none;overflow:visible}
.feeling .ItemListing:hover{transform: none; }
.feeling .ItemListing a:hover{transform: scale(1.1); }
.feeling .ItemListing p{height:auto;top:50%;left:50%;transform:translate(-50%, -50%);line-height:unset!important}
.feeling .artclEnd{margin-bottom:40px}

.feeling .ItemListing:first-child a{background-color:#D5E5CD}
.feeling .ItemListing:nth-of-type(2) a{background-color:#ffcdd2}
.feeling .ItemListing:nth-of-type(3) a{background-color:#e5dcf1}
.feeling .ItemListing:nth-of-type(4) a{background-color:#e4e4e4}
.feeling .ItemListing:nth-of-type(5) a{background-color:#f6eabe}

.feeling .ItemListing:nth-of-type(6) a{background-color:#D5E5CD}
.feeling .ItemListing:nth-of-type(7) a{background-color:#ffcdd2}
.feeling .ItemListing:nth-of-type(8) a{background-color:#e5dcf1}
.feeling .ItemListing:nth-of-type(9) a{background-color:#e4e4e4}
.feeling .ItemListing:nth-of-type(10) a{background-color:#f6eabe}

.feeling .ItemListing:nth-of-type(11) a{background-color:#D5E5CD}
.feeling .ItemListing:nth-of-type(12) a{background-color:#ffcdd2}
.feeling .ItemListing:nth-of-type(13) a{background-color:#e5dcf1}
.feeling .ItemListing:nth-of-type(14) a{background-color:#e4e4e4}
.feeling .ItemListing:nth-of-type(15) a{background-color:#f6eabe}

.feeling .ItemListing:nth-of-type(16) a{background-color:#D5E5CD}
.feeling .ItemListing:nth-of-type(17) a{background-color:#ffcdd2}
.feeling .ItemListing:nth-of-type(18) a{background-color:#e5dcf1}
.feeling .ItemListing:nth-of-type(19) a{background-color:#e4e4e4}
.feeling .ItemListing:nth-of-type(20) a{background-color:#f6eabe}

.feeling .ItemListing:nth-of-type(21) a{background-color:#D5E5CD}
.feeling .ItemListing:nth-of-type(22) a{background-color:#ffcdd2}
.feeling .ItemListing:nth-of-type(23) a{background-color:#e5dcf1}
.feeling .ItemListing:nth-of-type(24) a{background-color:#e4e4e4}
.feeling .ItemListing:nth-of-type(25) a{background-color:#f6eabe}

.feeling .ItemListing:nth-of-type(26) a{background-color:#D5E5CD}
.feeling .ItemListing:nth-of-type(27) a{background-color:#ffcdd2}
.feeling .ItemListing:nth-of-type(28) a{background-color:#e5dcf1}
.feeling .ItemListing:nth-of-type(29) a{background-color:#e4e4e4}
.feeling .ItemListing:nth-of-type(30) a{background-color:#f6eabe}


.openDoaaPopup .doaaPopup{visibility:visible;opacity:1}
.openDoaaPopup.ItemListing:hover{transform:none}
.doaaPopup{position:fixed;display:inline-block;width:100%;height:100%;top: 0;right: 0;bottom: 0;left: 0;z-index:3;opacity: 0;visibility: hidden}
.doaaPopup:before{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
    transition: opacity 0.3s, transform 0s 0.3s;}
.doaaPopup .doaaBox{display:inline-block;position:absolute;width:900px;height:auto;background-color:#F4E0CE;left:50%;transform:translate(-50% , -50%);top:50%;padding: 20px 60px 40px; max-height: 440px;overflow-y:auto;z-index:4}
.doaaPopup .doaaBox:before{content:'';position:absolute;background:url(../Images/ramdan24/objectRight.png) right bottom no-repeat;bottom:0;right:0;width:50%;height:100%;background-size:100% auto;pointer-events:none}
.doaaPopup .doaaBox:after{content:'';position:absolute;background:url(../Images/ramdan24/objectRight.png) left top no-repeat;top:0;left:0;width:50%;height:100%;background-size:100% auto;transform:rotateX(3.142rad) rotateY(180deg);pointer-events:none}
.doaaPopup .doaaBox .closeDoaa{display:inline-block;position:absolute;top:20px;left:15px;width:15px;height:20px;z-index:2;right:auto;background-color:unset!important}
.doaaPopup .doaaBox .closeDoaa:before{content:'O';position:absolute;top:0;left:0;font-size:19px;color:#000;font-weight:bold;line-height:1}
.doaaPopup .doaaBox .title{display:inline-block;float:left;width:100%;}
.doaaPopup .doaaBox span{display:inline-block;color:#330D46;font-size:24px;text-align:center;font-family:DroidKufiBold, Arial ;margin:25px 0 15px }
.doaaPopup .doaaBox ul{display:inline-block;float:right;width:100%;margin-top:15px;}
.doaaPopup .doaaBox ul li{display:list-item;float:right;width:100%;background-color:transparent;font-family:DroidKufiLight, Arial;font-size:18px;color:#000;border:0;margin-bottom:10px; list-style-type: disc;list-style-position:inside;overflow:visible}
.doaaPopup .doaaBox ul li::marker{font-size:15px}
  .sharebtnfb{   display:inline-block; float: left!important;
    width: 118px!important;
    height: 40px!important;
    top: auto!important;
    right: auto!important;
    background-color: #4267B2!important;
    color: #fff!important;
    z-index: 1;
    line-height: 40px!important;text-align:left;margin-top:15px}
.sharebtnfb:before{content:'u';float:left;margin:5px 6px 0 10px}



/*donation*/
.donation .ItemListing{background-color:#fff;border:1px solid #e8e8e8;width:calc((100% - 40px) /3);height:145px;margin-left:20px}
.donation .ItemListing:last-child, .donation .ItemListing:nth-of-type(3n){margin-left:0}
.donation .ItemListing:before{display:none}
.donation p.text{font-family:DroidKufiBold, Arial;font-size:22px;text-align:center;float:none;margin:20px 0 10px 0}
.donation  .ItemListing a{display:inline-block;position:relative;width:100%;height:100%;transition: all .2s ease-in-out;}
.donation  .ItemListing{transition:none;overflow:visible}
.donation .ItemListing p{height: auto;line-height: unset!important;bottom:15px;font-size: 15px;color: #000;text-align: center;top:auto}
.donation .ItemListing img{    background-color: unset;height: 66px;width: auto;top: unset;position: relative;left: unset;transform: unset;margin: 20px auto 15px;}
/*.donation .ItemListing.EFB img{height:36px;margin-top:45px;}*/
.donation .ItemListing.lifeMaker .doaaBox .title span, .donation .ItemListing.EFB .doaaBox .title span{line-height:unset}
.donation .ItemListing.EFB .doaaBox .title img{width:85px;margin-top:10px}
.donation .doaaPopup .doaaBox{max-height:650px;padding:20px 30px}
.donation .doaaBox ul li{display:inline-block;margin-bottom:12px}
.donation .doaaBox ul li:last-child{margin-bottom:0}
.donation .doaaBox ul li label{display:inline-block;float:right;color:#000;font-family: DroidKufiBold, Arial; font-size: 16px; }
.donation .doaaBox ul li span{margin:0;font-size:14px;font-family:DroidKufiLight, Arial;color:#333333;text-align:right;line-height:1.5;width:100%}
.donation .doaaBox ul li a{display:inline-block;float:right;color:#330D46;width:auto;height:auto;top:unset;left:unset}
.donation .doaaPopup .doaaBox{width:500px;height:465px;background-color:#fff;padding:20px}
.donation .doaaPopup .doaaBox:before, .donation .doaaPopup .doaaBox:after{display:none}
.donation .doaaPopup .doaaBox .title{display:inline-block;width:100%;float:right;border-bottom:2px solid #e8e8e8;padding-bottom:15px}
.donation .doaaPopup .doaaBox .title img{display:inline-block;float:right;width:70px;height:auto;margin:0}

.donation .doaaPopup .doaaBox .title span{text-align: right; font-size: 20px; float: right;margin: 0 15px 0;line-height: 65px;color:#000}
.donation .doaaPopup .doaaBox .hyperlink{display:inline-block;width:150px;height:40px;background-color:#330d46;font-family:DroidKufiLight, Arial;font-size:15px;line-height:40px;color:#fff}
.donation .mersal .doaaPopup .doaaBox .title span{line-height:unset}
.donation .doaaBox ul li span.custom{    float: right; margin-top: 2px;}

/*find logo hint*/
.HintSection{display:inline-block;float:right;width:calc(100% - 320px);height:150px;background-color:#46114E;border:1px solid #160343;position:relative;}
.HintSection:before{content:'';position:absolute;top:0;right:0;width:100%;height:110px;background:url(../Images/ramdan24/hintPattern.png) top center no-repeat;background-size:100% auto;pointer-events:none}
.HintSection:after{content:'';position:absolute;bottom:0;left:50px;width:160px;height:150px;background:url(../Images/ramdan24/gift.png?ver=0.1) bottom left no-repeat;background-size:100% auto;pointer-events:none}
.HintSection .hintBox{display:inline-block;width:100%;height:100%;float:right;padding:32px 30px 15px}
.HintSection p.hintText{display:inline-block;float:right;width:410px;font-family:DroidKufiLight, Arial;color:#fff;font-size:22px;font-weight:700;margin-left:20px;line-height:1.7}
.HintSection p.hintText span{color:#FFE440}
.HintSection a.regBtn {display:inline-block;width:155px;height:40px;float:right;background-color:#fff;margin-top:10px;font-family:DroidKufiLight, Arial;font-size:16px;font-weight:700;color:#160343;text-align:center;line-height:40px}
.HintSection a.regBtn p{text-align:center}
.HintSection a.regBtn p.username, .HintSection a.regBtn .usericon, .HintSection a.regBtn img{display:none}
.HintSection .regBtn p.logout{display:inline-block}
.HintSection .regBtn .textHint{display:none}
.buttonsBox{display:inline-block;position:relative;width:155px;height:auto;float:right;margin-top:16px;}
.buttonsBox .rules{display:inline-block;width:100%;float:right;font-family:DroidKufiLight, Arial;font-size:16px;color:#FFE440}

.openRulesPopup .rulesPopup{visibility:visible;opacity:1}
.openRulesPopup.ItemListing:hover{transform:none}
.rulesPopup{position:fixed;display:inline-block;width:100%;height:100%;top: 0;right: 0;bottom: 0;left: 0;z-index:3;opacity: 0;visibility: hidden}
.rulesPopup:before{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
    transition: opacity 0.3s, transform 0s 0.3s;}
.rulesPopup .ruleBox{display:inline-block;position:absolute;width:900px;height:auto;background-color:#F4E0CE;left:50%;transform:translate(-50% , -50%);top:50%;padding: 20px 60px 40px; max-height: 440px;overflow-y:auto;z-index:4}
.rulesPopup .ruleBox:before{content:'';position:absolute;background:url(../Images/ramdan24/objectRight.png) right bottom no-repeat;bottom:0;right:0;width:50%;height:100%;background-size:100% auto;pointer-events:none}
.rulesPopup .ruleBox:after{content:'';position:absolute;background:url(../Images/ramdan24/objectRight.png) left top no-repeat;top:0;left:0;width:50%;height:100%;background-size:100% auto;transform:rotateX(3.142rad) rotateY(180deg);pointer-events:none}
.rulesPopup .ruleBox .closeRules{display:inline-block;position:absolute;top:20px;left:15px;width:15px;height:20px;z-index:2;right:auto;background-color:unset!important}
.rulesPopup .ruleBox .closeRules:before{content:'O';position:absolute;top:0;left:0;font-size:19px;color:#000;font-weight:bold;line-height:1}
.rulesPopup .ruleBox .title{display:inline-block;float:left;width:100%;}
.rulesPopup .ruleBox span{display:inline-block;color:#330D46;font-size:24px;text-align:center;font-family:DroidKufiBold, Arial ;margin:25px 0 15px }
.rulesPopup .ruleBox ul{display:inline-block;float:right;width:100%;margin-top:15px;}
.rulesPopup .ruleBox ul li{display:list-item;float:right;width:100%;background-color:transparent;font-family:DroidKufiLight, Arial;font-size:18px;color:#000;border:0;margin-bottom:10px; list-style-type: disc;list-style-position:inside;overflow:visible}
.rulesPopup .ruleBox ul li::marker{font-size:15px}


/*guess who*/
.flyingCelebration { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; pointer-events: none; bottom: 0; opacity: 0; visibility: hidden; 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 }
.celebration .flyingCelebration { opacity: 1; visibility: visible; z-index: 999999 }

 .votingTeamPopup{position: fixed;top:50px;left:0;right:0;bottom:0;width: 100%;height: calc(100% - 50px);bvisibility: hidden;opacity: 0;z-index: 200;pointer-events:none}
.openTeamPopupMain .votingTeamPopup{visibility:visible;opacity:1;pointer-events:visible}
 .votingTeamPopup:before{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
    transition: opacity 0.3s, transform 0s 0.3s;}

 .votingTeamPopup .guessWhoCnts{display:inline-block;width:996px;height:550px;position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);padding:50px 20px 20px;z-index:3}
 .votingTeamPopup .guessWhoCnts:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../Images/ramdan24/Maskgroup.jpg) bottom center no-repeat;z-index:1;background-size:100%;border:1px solid #fff }
 .votingTeamPopup .closeTeamPopup{position:absolute;width:20px;height:20px;top:20px;left:20px;transition: none;opacity:0;visibility:hidden}
.openTeamPopupMain .votingTeamPopup .closeTeamPopup{visibility:visible;opacity:1}
.votingTeamPopup .teamVotingCntnr{display:inline-block;float:right;width:100%;position:relative;z-index:2}

 .votingTeamPopup .closeTeamPopup:before{content:'O';position:absolute;top:0;left:0;font-size:19px;color:#fff;font-weight:bold;line-height:1;z-index:2}

 .votingTeamPopup .allTeams{width: 100%;height: 100%;display: -ms-flexbox;display: flex;position: relative;transition: none;opacity:0;visibility:hidden;}
 .votingTeamPopup .allTeams{visibility:visible;opacity:1}
 .votingTeamPopup .allTeams .divQues{display: inline-block;width: 100%;float: right;margin-bottom:20px}
 .votingTeamPopup .allTeams .divQues p{display:inline-block;width:100%;text-align:center;color:#fff;font-size:28px;font-family:DroidKufiBold, Arial;margin-bottom:40px}
 .votingTeamPopup .allTeams .divQues .characterImg{display:inline-block;height:185px;width:280px;border:1px solid #160343;background-color:#d1c7cf;position:relative}
  .votingTeamPopup .allTeams .divQues .characterImg img{display:inline-block;position:absolute;width:200px;height:auto;left:50%;transform:translateX(-50%);bottom:0}

 .votingTeamPopup .allTeams .teamVotingCntnr{display: inline-block;width: 520px;float:none}
 .votingTeamPopup .allTeams .teamVotingCntnr li{display:inline-block;position:relative;width:calc((100% - 20px )/ 2);float:right;border-radius:0;height:60px;margin-left:20px;border:1px solid #fff;background-color:#1b0641;color:#fff;cursor:pointer;font-size:18px;font-weight:400;text-align:center;font-family:DroidKufiLight, Arial;margin-bottom:20px;line-height:60px}
 .votingTeamPopup .allTeams .teamVotingCntnr li:nth-child(2n){margin-left:0}
 .votingTeamPopup .allTeams .teamVotingCntnr li:nth-child(3), .tour2830.openTeamPopupMain .votingTeamPopup .allTeams .divAns label:nth-child(4){margin-bottom:0}
 .votingTeamPopup .allTeams .teamVotingCntnr li:hover{background-color:#4f124d;}
 .votingTeamPopup .allTeams .teamVotingCntnr li.correct{background-color:#fff;border:1px solid #160343;color:#160343}
 .votingTeamPopup .allTeams .teamVotingCntnr li.wrong{background-color:#E03322;border:1px solid #fff}

 .votingTeamPopup .allTeams{display:inline-block;float:right;width:100%;}
 .votingTeamPopup .sharebtnfb{position:absolute;bottom:20px;left:20px;z-index:2}

 /*featuredsticky in ramdan*/
.featuredHintSticky{ margin-left: 20px; width: calc(100% - 320px); float: right; background: none; position: relative;z-index:2}
.featuredHintSticky.fixed { width: 930px !important; position: fixed; top: 67px; right: calc(((100% - 1282px) / 2) + 16px); background: none !important }
.ramadan  .featuredArea, .ramadan  .HintSection{width:100%}

.article .HintSection{margin-bottom:35px;width:100%}
.article .HintSection a.linkramadan{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}
.article .HintSection p.hintText{font-size:20px;width: 340px;}
.article .HintSection:after{left:23px;width:145px}

.findLogo{position:absolute;z-index:3}
.findLogoHint{DISPLAY: none;position: fixed;width: 100%;height: 100%;top:0;right:0;background-color: rgba(0,0,0,.5);z-index: 4;opacity:0;visibility:hidden;
               -webkit-transition: width 0.2s, -webkit-transform 0.2s; -moz-transition: width 0.2s, -moz-transform 0.2s; transition: width 0.2s, transform 0.2s;}
.regBtn .textHint{display:inline-block;position:absolute;width:300px;height:50px;background-color:#fff;padding:0 10px;border:1px solid #160343; left: -8px;top: 60px;opacity:0;visibility:hidden}
.regBtn .textHint:before{content:'';  width: 0;  height: 0;      border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 15px solid #fff;position: absolute;top: -15px;left: 15px;}
.regBtn .textHint p{display:inline-block;width:100%;text-align:center;color:#000;font-size:16px;font-weight:400;line-height:50px}
.show .findLogoHint{display:inline-block}

.show .findLogoHint{opacity:1;visibility:visible}
.show .ramadanHeader a.regBtn.userLogin{z-index:5}
.show .textHint{visibility:visible;opacity:1}
.hintMessage .rules{    display: inline-block;
    width: 100%;
    float: right;
    font-family: DroidKufiLight, Arial;
    font-size: 16px;
    color: #FFE440;text-align:center}
.hintMessage .rules, .rulesPopupHint{display:none}
 .firstScreen .rules, .firstScreen .rulesPopupHint{display:inline-block}
.firstScreen .hintMessage{height:102px}

 
.openRulesPopupHint .rulesPopupHint{visibility:visible;opacity:1}
.openRulesPopupHint.ItemListing:hover{transform:none}
.rulesPopupHint{position:fixed;display:inline-block;width:100%;height:100%;top: 0;right: 0;bottom: 0;left: 0;z-index:9999999999;opacity: 0;visibility: hidden}
.rulesPopupHint:before{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
    transition: opacity 0.3s, transform 0s 0.3s;}
.rulesPopupHint .ruleBox{display:inline-block;position:absolute;width:900px;height:auto;background-color:#F4E0CE;left:50%;transform:translate(-50% , -50%);top:50%;padding: 20px 60px 40px; max-height: 440px;overflow-y:auto;z-index:4}
.rulesPopupHint .ruleBox:before{content:'';position:absolute;background:url(../Images/ramdan24/objectRight.png) right bottom no-repeat;bottom:0;right:0;width:50%;height:100%;background-size:100% auto;pointer-events:none}
.rulesPopupHint .ruleBox:after{content:'';position:absolute;background:url(../Images/ramdan24/objectRight.png) left top no-repeat;top:0;left:0;width:50%;height:100%;background-size:100% auto;transform:rotateX(3.142rad) rotateY(180deg);pointer-events:none}
.rulesPopupHint .ruleBox .closeRulesHint{display:inline-block;position:absolute;top:20px;left:15px;width:15px;height:20px;z-index:2;right:auto;background-color:unset!important}
.rulesPopupHint .ruleBox .closeRulesHint:before{content:'O';position:absolute;top:0;left:0;font-size:19px;color:#000;font-weight:bold;line-height:1}
.rulesPopupHint .ruleBox .title{display:inline-block;float:left;width:100%;}
.rulesPopupHint .ruleBox span{display:inline-block;color:#330D46;font-size:24px;text-align:center;font-family:DroidKufiBold, Arial ;margin:25px 0 15px ;width:100%}
.rulesPopupHint .ruleBox ul{display:inline-block;float:right;width:100%;margin-top:15px;}
.rulesPopupHint .ruleBox ul li{display:list-item;float:right;width:100%;background-color:transparent;font-family:DroidKufiLight, Arial;font-size:18px;color:#000;border:0;margin-bottom:10px; list-style-type: disc;list-style-position:inside;overflow:visible}
.rulesPopupHint .ruleBox ul li::marker{font-size:15px}


/*body.show{overflow:hidden}*/
/*.show .random-div{top:128px!important;left:320px!important}*/
 .random-div {    position: absolute; cursor: pointer;transition: all 0.10s ease;z-index:3;animation: pulse 2s infinite;border-radius:50%}
  #ramadanHeader{    position: relative; float:left;   width: 1px; height: 1px;width:100%}
  @keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

 /*ramdan hint message*/
.hintMessage{display:none;position: fixed;left: 50%;transform: translateX(-50%);width: auto;height: 80px;background-color:    #a091bd;padding:20px;max-width:300px;z-index:9999999999; -webkit-animation: expand 1s;opacity:0;visibility:hidden}
.hintMessage p{display:inline-block;width:100%;color:#fff;text-align:center;font-family:DroidKufiLight, Arial;line-height: 1.5;font-size: 15px;}
.hintMessage.remove{-webkit-animation: disappear 1s 1 forwards;}
.showhint .hintMessage{opacity:1;visibility:visible;display:inline-block}
.showhint .october50{z-index:99999999}
@-webkit-keyframes expand{
    0%{top:-80px}
    100%{top:0}
}

@-webkit-keyframes disappear{
    0%{top:0}
    100%{top:-80px}
}

@media screen and (min-width:1680px) and (max-width:1919px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 340px); }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 105px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 25px; }
    .bb-custom-side .app .table .tableCnts ul { width: 210px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 105px; }

    .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}

    .feeling .ItemListing{width:calc((100% - 60px) /4);height:95px}
    .feeling .ItemListing:nth-child(3n){margin:0 0 20px 20px}
    .feeling .ItemListing:nth-child(4n){margin:0 0 20px 0}
    .feeling .ItemListing p{font-size:19px}

 .HintSection p.hintText{width:360px;font-size:20px}
    .HintSection a{width:150px}
    .HintSection:after{left: 15px; width: 145px;height: 110px;}
    .HintSection a.regBtn, .HintSection .buttonsBox{width:145px}

     .article .HintSection p.hintText{font-size:18px;width:280px;margin-top:8px}
    .article .HintSection:after{width:110px}
    .article .HintSection a.regBtn, .article .HintSection .buttonsBox{width:135px}

    .boxListing .ItemListing p{line-height:123px}

    .donation .ItemListing{width:calc((100% - 40px) /3);height:140px}


}
@media screen and (min-width:1600px) and (max-width:1679px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 340px); }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 105px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 25px; }
    .bb-custom-side .app .table .tableCnts ul { width: 210px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 105px; }

     .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}

     .feeling .ItemListing{width:calc((100% - 60px) /4);height:95px}
    .feeling .ItemListing:nth-child(3n){margin:0 0 20px 20px}
    .feeling .ItemListing:nth-child(4n){margin:0 0 20px 0}
    .feeling .ItemListing p{font-size:19px}

     .HintSection p.hintText{width:360px;font-size:20px}
    .HintSection a{width:150px}
    .HintSection:after{left: 15px; width: 145px;height: 110px;}
   .HintSection a.regBtn, .HintSection .buttonsBox{width:145px}

     .article .HintSection p.hintText{font-size:18px;width:280px;margin-top:8px}
    .article .HintSection:after{width:110px}
    .buttonsBox{width:135px}

    .boxListing .ItemListing p{line-height:123px}

    .donation .ItemListing{width:calc((100% - 40px) /3);height:140px}
}
@media screen and (min-width:1536px) and (max-width:1599px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 340px); }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 105px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 25px; }
    .bb-custom-side .app .table .tableCnts ul { width: 210px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 105px; }

    .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}

     .feeling .ItemListing{width:calc((100% - 60px) /4);height:95px}
    .feeling .ItemListing:nth-child(3n){margin:0 0 20px 20px}
    .feeling .ItemListing:nth-child(4n){margin:0 0 20px 0}
    .feeling .ItemListing p{font-size:19px}

     .HintSection p.hintText{width:360px;font-size:20px}
    .HintSection a{width:150px}
    .HintSection:after{left: 15px; width: 145px;height: 110px;}
  .HintSection a.regBtn, .HintSection .buttonsBox{width:145px}

     .article .HintSection p.hintText{font-size:18px;width:280px;margin-top:8px}
    .article .HintSection:after{width:110px}
    .article .HintSection .buttonsBox{width:135px}

    .boxListing .ItemListing p{line-height:123px}

    .donation .ItemListing{width:calc((100% - 40px) /3);height:140px}
    .donation p.text{font-size:20px}
}
@media screen and (min-width:1440px) and (max-width:1535px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 340px); }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 105px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 25px; }
    .bb-custom-side .app .table .tableCnts ul { width: 210px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 105px; }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 300px) }
    .bb-custom-side.last .app .table .tableHeader .item.prayerTime,
    .bb-custom-side.last .app .table .tableCnts .item.prayerTime,
    .bb-custom-side.last .app .table .tableHeader .item.prayerFard,
    .bb-custom-side.last .app .table .tableCnts .item.prayerFard,
    .bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts ul li { width: 150px; }
    .bb-custom-side.last .app .table .tableCnts ul { width: 300px }

    .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}

     .feeling .ItemListing{width:calc((100% - 60px) /4);height:95px}
    .feeling .ItemListing:nth-child(3n){margin:0 0 20px 20px}
    .feeling .ItemListing:nth-child(4n){margin:0 0 20px 0}
    .feeling .ItemListing p{font-size:19px}

      .HintSection p.hintText{width:360px;font-size:20px}
    .HintSection a{width:150px}
    .HintSection:after{left: 15px; width: 145px;height: 110px;}
   .HintSection a.regBtn, .HintSection .buttonsBox{width:145px}

     .article .HintSection p.hintText{font-size:18px;width:280px;margin-top:8px}
    .article .HintSection:after{width:110px}
   .article .HintSection .buttonsBox{width:135px}

    .boxListing .ItemListing p{line-height:123px}

    .donation .ItemListing{width:calc((100% - 40px) /3);height:140px}
    .donation p.text{font-size:20px}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 320px); }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 100px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 20px; }
    .bb-custom-side .app .table .tableCnts ul { width: 200px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 100px; }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 300px) }
    .bb-custom-side.last .app .table .tableHeader .item.prayerTime,
    .bb-custom-side.last .app .table .tableCnts .item.prayerTime,
    .bb-custom-side.last .app .table .tableHeader .item.prayerFard,
    .bb-custom-side.last .app .table .tableCnts .item.prayerFard,
    .bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts ul li { width: 150px; }
    .bb-custom-side.last .app .table .tableCnts ul { width: 300px }
    .weatherDiv .temp .windHum { width: 125px }
    .matchesTabs .allMatches .matchResult { font-size: 29px }

    .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}

     .feeling .ItemListing{width:calc((100% - 60px) /4);height:95px}
    .feeling .ItemListing:nth-child(3n){margin:0 0 20px 20px}
    .feeling .ItemListing:nth-child(4n){margin:0 0 20px 0}
    .feeling .ItemListing p{font-size:19px}

    .votingTeamPopup .guessWhoCnts{    width: 960px;height: 485px;    padding: 35px 20px 20px;}
    .votingTeamPopup .allTeams .divQues p{font-size:26px;margin-bottom:25px}
    .votingTeamPopup .allTeams .divQues .characterImg{height:170px}
    .votingTeamPopup .allTeams .divQues .characterImg img{width:175px}

     .HintSection p.hintText{width:360px;font-size:20px}
    .HintSection a{width:150px}
    .HintSection:after{left: 15px; width: 145px;height: 110px;}
   .HintSection a.regBtn, .HintSection .buttonsBox{width:145px}

    .article .HintSection p.hintText{font-size:18px;width:280px;margin-top:8px}
    .article .HintSection:after{width:110px}
    .article .HintSection a.regBtn{width:135px}
    .article .HintSection .buttonsBox {width: 135px;}
    .boxListing .ItemListing p{line-height:123px}

    .donation .ItemListing{width:calc((100% - 40px) /3);height:140px}
    .donation p.text{font-size:20px}

}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 290px); }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 90px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 20px; }
    .bb-custom-side .app .table .tableCnts ul { width: 180px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 90px; }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { font-size: 14px }
    .bb-custom-side.last .app .table .tableHeader { height: 46px }
    .bb-custom-side.last .app .table .tableHeader .item:first-child { line-height: 1.5 }
    .bb-custom-side.last .app .table .tableHeader .item { line-height: 3 }
    .bb-custom-side .info:before { width: 25px; height: 132px; right: 44% }
    .ramadanHeader .headerMenu li a { padding: 0 13px; font-size: 13px; }
    .bb-custom-side.last .info h3 { font-size: 22px; line-height: 1.8 }
    .weatherDiv .temp .windHum { width: 125px }
    article .details p iframe { width: 385px; }
    .author .authorData .data .bio { margin-top: 0px; max-height: 98px; }

    .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}

    .feeling .ItemListing p{font-size:19px}

     .votingTeamPopup .guessWhoCnts{    width: 960px;height: 485px;    padding: 35px 20px 20px;}
    .votingTeamPopup .allTeams .divQues p{font-size:26px;margin-bottom:25px}
    .votingTeamPopup .allTeams .divQues .characterImg{height:170px}
    .votingTeamPopup .allTeams .divQues .characterImg img{width:175px}

    .HintSection{height:130px}
    .HintSection .hintBox{padding:30px 15px 15px}
    .HintSection p.hintText{width:306px;font-size:18px}
    .HintSection a.regBtn{    width: 140px;height: 36px;line-height: 36px;font-size:15px;margin-top:10px}
    .HintSection:after{    left: 50px;width: 130px;left:15px}
     .HintSection .buttonsBox{width:140px}
    
   .article   .HintSection {width:100%}
    .article  .HintSection .hintBox { padding: 40px 10px 15px;}
    .article  .HintSection p.hintText {width: 258px; font-size: 14px;margin-left:10px}
    .article  .HintSection .buttonsBox{width:103PX}
    .buttonsBox .rules{font-size:13PX}
    .article  .HintSection a.regBtn  {width: 103px; height: 28px;line-height: 28px;font-size: 13px;margin-top:10px}
    .article  .HintSection:after { left: 10px; width: 70px; height: 56px;}

    .ramadanHeader a.regBtn{width: 140px;height: 38px;line-height: 38px;font-size:14px}
    .ramadanHeader a.regBtn.userLogin .usericon{width:35px;height:35px}
    .ramadanHeader a.regBtn.userLogin .usericon:before{font-size:26px}

       .regBtn .textHint{    width: 250px;height: 40px;top:51px}
    .regBtn .textHint p{    font-size: 14px;line-height: 40px;}

    .boxListing .ItemListing p{line-height:106px}

     .donation .ItemListing{width:calc((100% - 40px) /3);height:140px}
    .donation .ItemListing p{font-size:16px}
    .donation .ItemListing img{margin:20px auto;height:60px}
    .donation p.text{font-size:18px}

}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 250px); font-size: 14px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 80px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 10px; }
    .bb-custom-side .app .table .tableCnts ul { width: 160px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 80px; }
    .bb-custom-side .info:before { display: none }
    .bb-custom-side .app .table .tableHeader { height: 45px }
    .bb-custom-side .app .table .tableHeader .item { padding: 6px 10px }
    .bb-custom-side .app .table .tableHeader .item:first-child { line-height: 1.4 }
    .bb-custom-side .app .table .tableCnts .item { font-size: 14px }
    .bb-custom-side .day { margin-top: 4px;width: calc(100% - 160px); }
    .bb-custom-side .day .number { font-size: 50px }
    .bb-custom-side .day .dayCnt p { font-size: 12px; padding-top: 12px; }
    .bb-custom-side .day .dayCnt{width:90px}
    .bb-custom-side .info .info-bottom { width: 160px }
    .bb-custom-side .info .info-bottom .item { margin-right: 20px }
    .bb-custom-side .app ul li a i, .bb-custom-side .app ul li .res { width: 24px; height: 24px; margin: 0 calc((100% - 24px) / 2); }
    .bb-custom-side .app .table .tableCnts ul li a i, .bb-custom-side .app .table .tableCnts ul li .res i { width: 24px; height: 24px; margin-top: 4px; }
    .bb-custom-side h2 { font-size: 14px; padding: 6px 10px; }
    .bb-custom-side .app ul li .right p { font-size: 14px }
    .bb-custom-side .app ul li { padding: 11px 10px }
    .bb-custom-side .zekr .item p { font-size: 14px; line-height: 2.8; }
    .ramadanHeader .headerMenu li a { padding: 0 7px; font-size: 12px; }
    .ramadanHeader .headerMenu ul li a::-webkit-scrollbar { display: none; }
    .bb-custom-side.last .info h3 { font-size: 20px; line-height: 2 }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 240px) }
    .bb-custom-side.last .app .table .tableHeader .item.prayerTime,
    .bb-custom-side.last .app .table .tableCnts .item.prayerTime,
    .bb-custom-side.last .app .table .tableHeader .item.prayerFard,
    .bb-custom-side.last .app .table .tableCnts .item.prayerFard,
    .bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts ul li { width: 120px; }
    .bb-custom-side.last .app .table .tableCnts ul { width: 240px }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { font-size: 14px }
    .bb-custom-side.last .app .table .tableHeader { height: 46px }
    .bb-custom-side.last .app .table .tableHeader .item:first-child { line-height: 1.5 }
    .bb-custom-side.last .res p:first-child { font-size: 16px }
    .bb-custom-side.last .res p span { margin-left: 4px; }
    .bb-custom-side.last:last-of-type .app ul li .right { margin-bottom: 14px; }
    .weatherDiv .temp .windHum { width: 125px }
    article .details p iframe { width: 325px; }
    .author .authorData .data .bio { margin-top: 0px; max-height: 98px; }
    .surveyQuestion .survInfo .attSclBar .surveySponsor { width: 100%; margin-bottom: 32px }
    .surveyQuestion .survInfo .attSclBar p { width: 100%; position: relative; top: auto; transform: none; right: auto }
    .surveyQuestion .survInfo .attSclBar .surveySponsor:before { right: auto; bottom: -16px; width: 100%; height: 1px; transform: none; top: auto; left: 0 }

    .educationHeader .headerMenu li a{padding:0}

    .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}

    .feeling .ItemListing p{font-size:19px}

     .votingTeamPopup .guessWhoCnts{    width: 885px;height: 485px;    padding: 35px 20px 20px;}
    .votingTeamPopup .allTeams .divQues p{font-size:26px;margin-bottom:25px}
    .votingTeamPopup .allTeams .divQues .characterImg{height:170px}
    .votingTeamPopup .allTeams .divQues .characterImg img{width:175px}

    .HintSection .hintBox{padding:40px 15px 15px}
    .HintSection p.hintText{width:270px;font-size:18px}
    .HintSection a.regBtn {    width: 125px;height: 30px;line-height: 30px;font-size:14px;margin-top:10px}
    .HintSection:after{    left: 10px;    width: 46px; height: 40px;}
    .HintSection .buttonsBox {width: 125px;margin-top:0}
    
     .article .HintSection {width:100%}
     .article .HintSection .hintBox { padding: 40px 10px 15px;}
     .article .HintSection p.hintText {width: 185px; font-size: 14px;margin-left:10px}
      .article .HintSection .buttonsBox {width: 103px;}
      .buttonsBox .rules{font-size:13PX}
     .article .HintSection a.regBtn {width: 103px; height: 28px;line-height: 28px;font-size: 13px;margin-top:10px}
     .article .HintSection:after { left: 10px; width: 70px; height: 56px;}

    .ramadanHeader a.regBtn{width: 140px;height: 38px;line-height: 38px;font-size:14px}
    .ramadanHeader a.regBtn.userLogin .usericon{width:35px;height:35px}
    .ramadanHeader a.regBtn.userLogin .usericon:before{font-size:26px}

       .regBtn .textHint{    width: 250px;height: 40px;top:51px}
    .regBtn .textHint p{    font-size: 14px;line-height: 40px;}

       .donation .ItemListing{width:calc((100% - 20px) /2);height:140px}
       .donation .ItemListing:nth-of-type(3n){margin-left:20px}
       .donation .ItemListing:nth-of-type(2n){margin-left:0}
    .donation .ItemListing p{font-size:16px}
    .donation .ItemListing img{margin:20px auto;height:60px}
    .donation p.text{font-size:18px}
}


@media screen and (min-width:1024px) and (max-width:1151px) {
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 220px); font-size: 14px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 70px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 10px; }
    .bb-custom-side .app .table .tableCnts ul { width: 140px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 70px; }
    .bb-custom-side .info:before { display: none }
    .bb-custom-side .app .table .tableHeader { height: 45px }
    .bb-custom-side .app .table .tableHeader .item { padding: 6px 10px }
    .bb-custom-side .app .table .tableHeader .item:first-child { line-height: 1.4 }
    .bb-custom-side .app .table .tableCnts .item { font-size: 14px }
    .bb-custom-side .day { margin-top: 4px;width: calc(100% - 160px); }
    .bb-custom-side .day .number { font-size: 50px }
    .bb-custom-side .day .dayCnt p { font-size: 12px; padding-top: 12px; }
    .bb-custom-side .day .dayCnt{width:90px}
    .bb-custom-side .info .info-bottom { width: 160px }
    .bb-custom-side .info .info-bottom .item { margin-right: 20px }
    .bb-custom-side .app ul li a i, .bb-custom-side .app ul li .res { width: 24px; height: 24px; margin: 0 calc((100% - 24px) / 2); }
    .bb-custom-side .app .table .tableCnts ul li a i, .bb-custom-side .app .table .tableCnts ul li .res i { width: 24px; height: 24px; margin-top: 4px; }
    .bb-custom-side h2 { font-size: 14px; padding: 6px 10px; }
    .bb-custom-side .app ul li .right p { font-size: 14px }
    .bb-custom-side .app ul li { padding: 11px 10px }
    .bb-custom-side.last .info h3 { font-size: 18px; line-height: 2 }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 200px) }
    .bb-custom-side.last .app .table .tableHeader .item.prayerTime,
    .bb-custom-side.last .app .table .tableCnts .item.prayerTime,
    .bb-custom-side.last .app .table .tableHeader .item.prayerFard,
    .bb-custom-side.last .app .table .tableCnts .item.prayerFard,
    .bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts ul li { width: 100px; }
    .bb-custom-side.last .app .table .tableCnts ul { width: 200px }
    .bb-custom-side.last .res p:first-child { font-size: 14px }
    .bb-custom-side.last .res p span { margin-left: 4px; }
    .bb-custom-side.last .res p:last-child { font-size: 10px; line-height: 2.6; }
    .bb-custom-side.last:last-of-type .app ul li .right { margin-bottom: 17px; }
    .weatherDiv .temp .windHum { width: 100%; float: right }
    article .details p iframe { width: 100%; }
    .author .authorData .data .bio { margin-top: 0px; max-height: 98px; }
    .ramadanHeader .headerMenu li a { padding: 0 12px; font-size: 14px }
    .surveyQuestion .survInfo .attSclBar .surveySponsor { width: 100%; margin-bottom: 32px }
    .surveyQuestion .survInfo .attSclBar p { width: 100%; position: relative; top: auto; transform: none; right: auto }
    .surveyQuestion .survInfo .attSclBar .surveySponsor:before { right: auto; bottom: -16px; width: 100%; height: 1px; transform: none; top: auto; left: 0 }

     .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}

    .feeling .ItemListing p{font-size:19px}
    .doaaPopup .doaaBox{width:840px}

         .votingTeamPopup .guessWhoCnts{    width: 885px;height: 485px;    padding: 35px 20px 20px;}
    .votingTeamPopup .allTeams .divQues p{font-size:26px;margin-bottom:25px}
    .votingTeamPopup .allTeams .divQues .characterImg{height:170px}
    .votingTeamPopup .allTeams .divQues .characterImg img{width:175px}

    .HintSection .hintBox{padding:40px 15px 15px}
    .HintSection p.hintText{width:270px;font-size:18px}
    .HintSection a.regBtn {    width: 125px;height: 30px;line-height: 30px;font-size:14px;margin-top:10px}
     .HintSection:after{    left: 10px;    width: 46px; height: 40px;}
    .HintSection .buttonsBox {width: 125px;margin-top:0}

         .article .HintSection {width:100%}
     .article .HintSection .hintBox { padding: 40px 10px 15px;}
     .article .HintSection p.hintText {width: 185px; font-size: 14px;margin-left:10px}
     .article .HintSection .buttonsBox {width: 103px;}
     .buttonsBox .rules{font-size:13PX}
     .article .HintSection a.regBtn  {width: 103px; height: 28px;line-height: 28px;font-size: 13px;margin-top:10px}
     .article .HintSection:after { left: 10px; width: 70px; height: 56px;}
    .ramadanHeader a.regBtn{width: 140px;height: 38px;line-height: 38px;font-size:14px}
    .ramadanHeader a.regBtn.userLogin .usericon{width:35px;height:35px}
    .ramadanHeader a.regBtn.userLogin .usericon:before{font-size:26px}

    .regBtn .textHint{    width: 250px;height: 40px;top:51px}
    .regBtn .textHint p{    font-size: 14px;line-height: 40px;}

      .donation .ItemListing{width:calc((100% - 20px) /2);height:140px}
       .donation .ItemListing:nth-of-type(3n){margin-left:20px}
       .donation .ItemListing:nth-of-type(2n){margin-left:0}
    .donation .ItemListing p{font-size:16px}
    .donation .ItemListing img{margin:20px auto;height:60px}
    .donation p.text{font-size:18px}
   
}
@media only screen and (max-width: 1023px) {
    .ramadanToDoCnts { padding: 0 0px }
    .bb-custom-side { padding: 20px }
    .bb-custom-side:last-child { padding: 30px 20px }
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 190px); font-size: 13px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 60px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 10px; }
    .bb-custom-side .app .table .tableCnts ul { width: 120px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 60px; }
    .bb-custom-side .app .table .tableHeader .item { padding: 8px 10px }
    .bb-custom-side .app .table .tableCnts .item { font-size: 13px }
    .bb-custom-side .day { margin-top: 10px }
    .bb-custom-side .day .number { font-size: 58px }
    .bb-custom-side .day .dayCnt p { font-size: 11px; padding-top: 16px; margin-bottom: 6px; }
    .bb-custom-side .info .info-bottom #tasks, .bb-custom-side .info .info-bottom #tasks_done, .bb-custom-side .info .info-bottom #remaining_tasks { font-size: 11px; }
    .bb-custom-side .info .info-bottom { width: 140px }
    .bb-custom-side .info .info-bottom .item { margin-right: 10px }
    .bb-custom-side .app ul li a i, .bb-custom-side .app ul li .res { width: 24px; height: 24px; margin: 0 calc((100% - 24px) / 2); }
    .bb-custom-side .app .table .tableCnts ul li a i, .bb-custom-side .app .table .tableCnts ul li .res i { width: 24px; height: 24px; margin-top: 4px; }
    .bb-custom-side h2 { font-size: 13px; padding: 8px 10px; }
    .bb-custom-side .app ul li .right p { font-size: 13px }
    .bb-custom-side .app ul li { padding: 11px 6px }
    .bb-custom-side .zekr .item p { font-size: 13px; line-height: 3; }
    .mofakeraLoggedIn .toDoContainer { height: 716px; }
    .mofakeraLoggedIn .bb-custom-wrapper .bb-bookblock { height: 610px }
    .bb-custom-side.last .info h3 { font-size: 18px; line-height: 2 }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 200px) }
    .bb-custom-side.last .app .table .tableHeader .item.prayerTime,
    .bb-custom-side.last .app .table .tableCnts .item.prayerTime,
    .bb-custom-side.last .app .table .tableHeader .item.prayerFard,
    .bb-custom-side.last .app .table .tableCnts .item.prayerFard,
    .bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts ul li { width: 100px; }
    .bb-custom-side.last .app .table .tableCnts ul { width: 200px }
    .bb-custom-side.last .res p:first-child { font-size: 14px }
    .bb-custom-side.last .res p span { margin-left: 4px; }
    .bb-custom-side.last .res p:last-child { font-size: 10px; line-height: 2.6; }
    .bb-custom-side.last:last-of-type .app ul li .right { margin-bottom: 17px; }
    article .details p iframe { width: 100%; }
    .toDoHeader .headerBottom .leftSide { width: calc(100% - 130px) }

    .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}

    .sharebtnfb{padding-bottom:0!important;height: 35px !important;line-height:35px!important;margin-top:6px}
    .sharebtnfb:before{font-size:14px}
    .feeling .ItemListing p{font-size:19px}
    .doaaPopup .doaaBox, .rulesPopup .ruleBox, .rulesPopupHint .ruleBox{width:calc(100% - 100px);padding: 20px 15px 40px;max-height: 300px;}
    .doaaPopup .doaaBox .closeDoaa, .rulesPopup .ruleBox .closeRules, .rulesPopupHint .ruleBox .closeRulesHint{padding-bottom:0}
    .doaaPopup .doaaBox span, .rulesPopup .ruleBox span, .rulesPopupHint .ruleBox span{margin: 15px 0 0;font-size:22px}
    .doaaPopup .doaaBox ul li, .rulesPopup .ruleBox ul li, .rulesPopupHint .ruleBox ul li{font-size:15px}
     .rulesPopup .ruleBox, .rulesPopupHint .ruleBox{margin:10px 0 0;height:calc(100% - 190px)}

     .votingTeamPopup .guessWhoCnts{width:calc(100% - 100px);height:calc(100% - 60px);padding:20px;background-size:unset}
      .votingTeamPopup .guessWhoCnts::after{background-size:unset}
      .votingTeamPopup .sharebtnfb{bottom:12px;left:16px}

      .HintSection .hintBox{padding:40px 15px 15px}
    .HintSection p.hintText{width:220px;font-size:16px}
    .HintSection a.regBtn {width: 125px;height: 30px;line-height: 30px;font-size:14px;margin-top:10px}
     .HintSection:after{    left: 10px;    width: 46px; height: 40px;}
    .HintSection .buttonsBox {width: 125px;margin-top:0}
     .buttonsBox .rules{font-size:13PX}

    .ramadanHeader a.regBtn{width: 108px;height: 32px;line-height: 32px;font-size:13px;margin-top: 10px;margin-left: 10px;}
    .ramadanHeader a.regBtn.userLogin .usericon{width:35px;height:35px}
    .ramadanHeader a.regBtn.userLogin .usericon:before{font-size:26px}

    .boxListing .ItemListing p{height:auto;left:50%;top:50%;transform:translate(-50% , -50%)}

    .donation .ItemListing{height:145px}
    .donation .ItemListing a{height:100%;padding-bottom:unset}
    .donation .ItemListing p{left:unset;top:unset;transform:unset}
   
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .ramadanToDoCnts { padding: 0 10px; box-shadow: none }
    .bb-custom-side { padding: 10px; width: 100% }
    .toDoContainer { height: 1246px; box-shadow: 0 6px 6px -3px rgba(0,0,0, 0.1) }
    .bb-custom-wrapper .bb-bookblock { height: 1194px }
    .mofakeraLoggedIn .toDoContainer { height: 1300px; }
    .mofakeraLoggedIn .bb-custom-wrapper .bb-bookblock { height: 1194px }
    .bb-custom-side:last-child { padding: 26px 10px; width: 100% }
    .bb-custom-side .app .table .tableHeader .item, .bb-custom-side .app .table .tableCnts .item { width: calc(100% - 160px); font-size: 13px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime,
    .bb-custom-side .app .table .tableHeader .item.prayerFard, .bb-custom-side .app .table .tableCnts .item.prayerFard,
    .bb-custom-side .app .table .tableHeader .item.prayerSunna, .bb-custom-side .app .table .tableCnts .item.prayerSunna { width: 50px; }
    .bb-custom-side .app .table .tableHeader .item.prayerTime, .bb-custom-side .app .table .tableCnts .item.prayerTime { margin-left: 10px; }
    .bb-custom-side .app .table .tableCnts ul { width: 100px; }
    .bb-custom-side .app .table .tableCnts ul li { width: 50px; }
    .bb-custom-side .app .table { margin-bottom: 23px }
    .bb-custom-side .app .table .tableHeader .item { padding: 8px 10px }
    .bb-custom-side .app .table .tableCnts .item { font-size: 13px }
    .bb-custom-side:last-child .app { height: auto }
    .bb-custom-side .app:first-child { height: 600px; }
    .bb-custom-side .app:last-child { min-height: 398px; }
    .bb-custom-side .day { margin-top: 16px; width: calc(100% - 132px); }
    .bb-custom-side .day .dayCnt { width: 70px }
    .bb-custom-side .day .number { font-size: 48px }
    .bb-custom-side .day .dayCnt p { font-size: 11px; padding-top: 6px; margin-bottom: 4px; }
    .bb-custom-side .info .info-bottom #tasks, .bb-custom-side .info .info-bottom #tasks_done, .bb-custom-side .info .info-bottom #remaining_tasks { font-size: 10px; }
    .bb-custom-side .info .info-bottom { width: 132px }
    .bb-custom-side .info .info-bottom .item { margin-right: 6px }
    .bb-custom-side .app ul li a i, .bb-custom-side .app ul li .res { width: 24px; height: 24px; margin: 0 calc((100% - 24px) / 2); }
    .bb-custom-side .app .table .tableCnts ul li a i, .bb-custom-side .app .table .tableCnts ul li .res i { width: 24px; height: 24px; margin-top: 4px; }
    .bb-custom-side h2 { font-size: 13px; padding: 6px 10px; border-top: 1px solid #ddd; }
    .bb-custom-side .app ul li .right p { font-size: 12px }
    .bb-custom-side .app ul li { padding: 11px 2px }
    .bb-custom-side .zekr { margin-top: 0; border-top: none }
    .bb-custom-side .zekr .item { margin-bottom: 56px }
    .bb-custom-side .zekr .item:last-of-type { margin-bottom: 0 }
    .bb-custom-side .zekr .item p { font-size: 13px; line-height: 3; }
    .bb-custom-side:last-child:before { content: ''; position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 46px; height: 135px; background: url(../Images/RamadanToDo/borderLeftUp.png) no-repeat, url(../Images/RamadanToDo/helal.png) no-repeat top right 27%; background-size: 210%, 228%; z-index: 999 }
    .bb-custom-side .zekr:before { content: ''; position: absolute; bottom: 0; right: 0; width: 60px; height: 65px; background: url(../Images/RamadanToDo/boarderRightdown.png) no-repeat bottom right; background-size: 210%; }
    .bb-custom-side.last .app ul.work:before { content: ''; position: absolute; bottom: 0; right: 0; width: 48px; height: 50px; background: url(../Images/RamadanToDo/boarderRightdown.png) no-repeat bottom right; background-size: 210%; }
    .bb-custom-side .app:first-child:before { content: ''; position: absolute; width: 100%; height: 100%; top: 60px; left: 50%; right: auto; bottom: auto; transform: translateX(-50%); background: url(../Images/RamadanToDo/islamic-star.png) no-repeat top center; background-size: 160%; z-index: 0; opacity: .04; }
    .bb-custom-side .info:before { display: none }
    .bb-custom-side.last .app { height: 605px }
    .toDoHeader .headerBottom .leftSide .regBtnHeader p { max-width: 100px; height: 32px; line-height: 2.3; padding: 2px 10px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: ltr }
    .bb-custom-wrapper > nav { bottom: 18px }
    .toDoHeader .headerBottom .toDoBtn { font-size: 11px; line-height: 3 }
    .bb-custom-wrapper .login-box { width: calc(100% - 20px); padding: 30px 20px; height: 420px }
    .lb-header a { margin: 0; padding: 0; width: 50%; text-align: center; float: right; display: inline-block; font-size: 13px; }
    .lb-header .active { font-size: 14px; }
    .login-box .closePopup { top: 10px; left: 10px; width: 20px; height: 20px; }
    .u-form-group button { font-size: 13px }
    .page::after { display: none }
    .bb-custom-wrapper .regHint { left: 0; width: 258px }
    .bb-custom-wrapper .regHint:before, .bb-custom-wrapper .regHint:after { left: 50%; transform: translateX(-50%); }
    .mofakeraResult .toDoContainer { height: 870px }
    .mofakeraResult .bb-custom-wrapper .bb-bookblock { height: 784px; }
    .bb-custom-side.last .info h3 { font-size: 18px; line-height: 2 }
    .bb-custom-side.last .app .table .tableHeader .item, .bb-custom-side.last .app .table .tableCnts .item { width: calc(100% - 164px) }
    .bb-custom-side.last .app .table .tableHeader .item.prayerTime,
    .bb-custom-side.last .app .table .tableCnts .item.prayerTime,
    .bb-custom-side.last .app .table .tableHeader .item.prayerFard,
    .bb-custom-side.last .app .table .tableCnts .item.prayerFard,
    .bb-custom-side.last .app .table .tableHeader .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts .item.prayerSunna,
    .bb-custom-side.last .app .table .tableCnts ul li { width: 82px; }
    .bb-custom-side.last .app .table .tableCnts ul { width: 164px }
    .bb-custom-side.last .app .table .tableCnts .prayerItems { margin-bottom: 10px }
    .bb-custom-side.last .app .table .tableCnts .prayerItems:last-child { margin-bottom: 4px; }
    .bb-custom-side.last:last-of-type .app ul li { height: 120px; }
    .bb-custom-side.last .res p:first-child { font-size: 13px; margin-left: 0px; }
    .bb-custom-side.last .res p span { margin-left: 4px; }
    .bb-custom-side.last .res p:last-child { font-size: 10px; line-height: 2.6; }
    .bb-custom-side.last:last-of-type .app ul li .right { margin-bottom: 18px; }
    .bb-custom-side.last .zekr .item { margin-bottom: 67px; }
    /*.bb-custom-wrapper .bb-bookblock {height: 1194px;}
    .bb-custom-side.last .app:last-child {min-height: 238px;}
    .bb-custom-side.last .zekr .item {margin-bottom: 26px;}*/
    #cd-lateral-nav .topIcons{padding:0}
    #cd-lateral-nav .topIcons .icons {width: calc((100% - 30px)/ 4);margin-left:10px}
    #cd-lateral-nav .topIcons .weather .icon-temp{right:8px}
    #cd-lateral-nav .topIcons .weather .weatherIconHeader{left:5px}
    .cd-gallery .billboardDiv .adAsync iframe { width: 320px }
    article .details p iframe { width: 100%; }
    article .billboardDiv iframe, article .leaderboardDiv iframe { width: 320px; }
    .surveyQuestion .survInfo .attSclBar { width: 100%; margin-left: 0 }
    .surveyQuestion .survInfo .attSclBar p { width: calc(100% - 20px); right: 10px; font-size: 11px; }
    .surveyQuestion .survInfo .attSclBar .surveySponsor { width: 100%; margin-bottom: 32px; transform: none }
    .surveyQuestion .survInfo .attSclBar p { width: 100%; position: relative; top: auto; transform: none; right: auto }
    .surveyQuestion .survInfo .attSclBar .surveySponsor:before { right: auto; bottom: -16px; width: 100%; height: 1px; transform: none; top: auto; left: 0 }

    .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;}

    .feeling .ItemListing p{font-size:15px}
    .feeling .ItemListing{width: calc((100% - 20px) /3);height: 85px;margin:0 0 10px 10px}
    .feeling .ItemListing:nth-child(2n){margin:0 0 10px 10px}
    .feeling .ItemListing:nth-child(3n){margin:0 0 10px 0}
    .feeling .ItemListing a{height:100%}
    .feeling .filterMainContent h3{font-size:14px}

    .doaaPopup .doaaBox, .rulesPopup .ruleBox, .rulesPopupHint .ruleBox{width: calc(100% - 20px); padding: 20px 15px;height:calc(100% - 250px);  max-height: unset; top: 150px;transform: translateX(-50%);}
    .doaaPopup .doaaBox span, .rulesPopup .ruleBox span, .rulesPopupHint .ruleBox span{font-size:20px}
    .doaaPopup .doaaBox ul li, .rulesPopup .ruleBox ul li, .rulesPopupHint .ruleBox ul li{margin-bottom:15px}
    .rulesPopup .ruleBox, .rulesPopupHint .ruleBox{margin:10px 0 0;height:calc(100% - 190px)}

     .votingTeamPopup .guessWhoCnts{width: calc(100% - 30px); padding: 40px 15px 15px;height: calc(100% - 80px);}
      .votingTeamPopup .guessWhoCnts:after{background:url(../Images/ramdan24/Maskgroup.jpg) bottom right no-repeat;background-size:auto 100%}
      .votingTeamPopup .closeTeamPopup{top:10px;left:10px}
      .votingTeamPopup .allTeams .divQues p{font-size:18px;margin-bottom:16px}
      .votingTeamPopup .allTeams .divQues .characterImg{width:calc(100% - 30px);max-width:280px;height:140px}
       .votingTeamPopup .allTeams .divQues .characterImg img{width:145px}
       .votingTeamPopup .allTeams .teamVotingCntnr{width:100%}
       .votingTeamPopup .allTeams .teamVotingCntnr li{width:calc((100% - 10px )/ 2);margin-left:10px;margin-bottom:10px;height:50px;line-height:50px;font-size:16px}
      .votingTeamPopup .allTeams .divQues{margin-bottom:15px}

      .HintSection{width:100%}
         .article .HintSection{  width: calc(100% + 20px);  margin-right: -10px;}
      .HintSection .hintBox, .article .HintSection .hintBox { padding: 40px 10px 15px;}
      .HintSection p.hintText, .article .HintSection p.hintText {width: 185px; font-size: 14px;margin-left:10px}
       .HintSection .buttonsBox {width: 103px;margin-top:0}

      .HintSection a.regBtn, .article .HintSection a.regBtn{width: 103px; height: 28px;line-height: 28px;font-size: 13px;}
      .HintSection:after, .article  .HintSection:after{ left: 10px; width: 48px; height:42px;}

      .ramadanHeader a.regBtn { width: 75px; height: 26px;line-height: 26px; font-size: 10px; margin-top: 6px;margin-left: 6px;}
      .ramadanHeader a.regBtn.userLogin .usericon{width:30px;height:30px}
    .ramadanHeader a.regBtn.userLogin .usericon:before{font-size:22px}

    .doaaPopup .doaaBox:after{height:172px}
    .donation .ItemListing{height:130px}
    .donation .ItemListing img{height:52px}
    /*.donation .ItemListing.EFB img{height:28px}*/
    .donation .ItemListing p{font-size:15px}
    .ramadan.donation p.text{font-size:14px}
    .donation .doaaPopup .doaaBox{width:calc(100% - 20px);height:calc(100% - 145px);padding:10px 15px}
    .donation .doaaPopup .doaaBox .title img{width:35px}
    .donation .doaaPopup .doaaBox .title span{font-size:16px;line-height:unset}
    .donation .doaaBox ul li label{font-size:15px}
    .donation .doaaPopup .doaaBox .hyperlink{width:130px;height:36px;font-size:14px;line-height:36px;float:unset}

    .hintMessage{height:70px;padding:12px}
    .hintMessage p{font-size:14px}
    @-webkit-keyframes expand{
    0%{top:-70px}
    100%{top:0}
    }

    @-webkit-keyframes disappear{
    0%{top:0}
    100%{top:-70px}
    }

}
/*** ramdan series listing 2020 ***/
.seriesContainer { padding: 70px 40px 40px; margin-left: 0; width: 100%; float: right; overflow: hidden; margin-bottom: 0; min-height: 400px; position: relative; z-index: 2 }
/*.seriesContainer:before{content:'';position:absolute;width:100%;height:100%;top:0;right:0;
                    background: url(../Images/SeriesPattern.png); 
                   background-position: center;
                   background-attachment: fixed;
                   background-size: cover;pointer-events:none}*/
.seriesContainer .ttl { position: relative; border: 0 !important }
.seriesContainer .ttl h1 { background-color: transparent !important; color: #fff; font-size: 30px; padding: 0 }
.seriesContainer .hint{display:inline-block;float:right;width:100%;height:70px;background-color:#330D46;color:#fff;font-size:16px;margin-top:50px;padding:20px  }
.seriesContainer .hint span{color:#f8a71b;font-family: DroidKufiBold, Arial;}
.seriesContainer .hint span.popupNotif{cursor:pointer;position:relative}
.seriesContainer .hint span.popupNotif:before{content:'';position:absolute;width:100%;height:1px;background-color:#f8a71b;right:0;bottom:4px}
.seriesContainer .seriesFilter { display: inline-block; width: 100%; float: right; margin: 40px 0 50px 0 }
.seriesContainer .seriesFilter p { display: inline-block; float: right; width: 70px; font-size: 15px;  color: #1d1d1d; margin-left: 20px }
.seriesContainer .seriesFilter li:last-child { margin-left: 0 }
.seriesContainer .seriesFilter .DropDownCnts { position: relative; display: inline-block; width: 100%; height: 36px; float: right; outline: 0; color: #1d1d1d; font-size: 15px; }
.seriesContainer .seriesFilter .wrapper-dropdown, .seriesContainer .seriesFilter .wrapper-dropdown input[type=text] { margin: 0 auto; color: #929395; outline: none; cursor: pointer; text-align: right; line-height: 2; width: 100%; height: 36px; border: none; font-size: 14px; border-bottom: 1px solid #ddd; }
.seriesContainer .seriesFilter .wrapper-dropdown span { color: #898989;  font-size: 15px }
.seriesContainer .seriesFilter .wrapper-dropdown li { width: 100% !important; margin-left: 0 !important; border-bottom: 1px solid #ddd; padding: 10px 10px }
.seriesContainer .seriesFilter .wrapper-dropdown:before, .seriesContainer .seriesFilter .wrapper-dropdown:after { content: ''; position: absolute; top: 50%; width: 7px; height: 1px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #777; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.2s, -webkit-transform 0.2s; -moz-transition: width 0.2s, -moz-transform 0.2s; transition: width 0.2s, transform 0.2s; }
.seriesContainer .seriesFilter .wrapper-dropdown:before { left: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.seriesContainer .seriesFilter .wrapper-dropdown:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.seriesContainer .seriesFilter .wrapper-dropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: #fff; list-style: none; font-weight: normal; opacity: 0; pointer-events: none; z-index: 70; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); overflow-x: hidden; overflow-y: auto; max-height: 170px; }
.seriesContainer .seriesFilter .wrapper-dropdown .dropdown li a { display: block; text-decoration: none; color: #1d1d1d; font-size: 14px; border-bottom: 1px solid #f0f2f5; font-weight: 400;  border-bottom: 0 }
.seriesContainer .seriesFilter .wrapper-dropdown.searchActive:before, .seriesContainer .seriesFilter .wrapper-dropdown.searchActive:after { width: 7px; background: #4f4f4f; }
.seriesContainer .seriesFilter .wrapper-dropdown.searchActive:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.seriesContainer .seriesFilter .wrapper-dropdown.searchActive::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.seriesContainer .seriesFilter .wrapper-dropdown.searchActive .dropdown { opacity: 1; pointer-events: auto; }
.seriesContainer .tvContainer { display: inline-block; float: right; width: 100%; background-color: rgba(117, 53, 139, .8); padding: 0 30px 26px; }
.seriesContainer .allItems { display: inline-block; width: 100%; float: right; margin-top: 0; z-index: 5; border: 2px solid #7e3391; border-right: none; }
.seriesContainer .allItems ul { display: inline-block; float: right }
.seriesContainer .allItems li { display: inline-block;position:relative; float: right; width: 100%; padding: 0; height: 90px; background-color: #fff; z-index: 5; border-bottom: 2px solid #7e3391 }
.seriesContainer .allItems li:last-of-type { border: none }
.seriesContainer .allItems li a { display: inline-block; float: right; width: 100%; height: 100%; pointer-events: none }
.seriesContainer .allItems li .itemDtls { display: inline-block; float: right; width: calc(100% - 170px); margin-right: 20px }
.seriesContainer .allItems li .category { display: inline-block; float: right; border-left: 1px solid #ddd; margin-left: 30px; width: 70px }
.seriesContainer .allItems li .category p { display: inline-block; width: 100%;  font-size: 15px; color: #898989; margin-bottom: 15px }
.seriesContainer .allItems li .categoryDtls { display: inline-block; float: right; width: 200px; border-left: 1px solid #ddd; margin-left: 20px }
.seriesContainer .allItems li .categoryDtls p { display: inline-block; text-align: right; width: 100%; font-size: 16px;  color: #1d1d1d; margin-bottom: 10px }
.seriesContainer .allItems li .categoryDtls span { font-size: 16px;  color: #1d1d1d }
.seriesContainer .allItems li .bell{display: inline-block;position: absolute;top: 0;left: 6px;width: 28px;height: 28px;cursor:pointer}
.seriesContainer .allItems li .bell:before{content:'i';color:#7e3391;font-size:28px;line-height:1}
.seriesContainer .allItems li .bell.active:before{content:'@';color:#f8a71b;font-size:28px;line-height:1}
.seriesContainer .allItems li .bell .bellText {visibility: hidden;width: 195px;height:60px;border:2px solid #7e3391;background-color: #5a1c6b;padding: 6px 10px;position: absolute;top:-6px;right:38px;z-index: 1;}
.notif .seriesContainer .allItems li .bell .bellText {visibility: visible;}
.seriesContainer .allItems li .bell .bellText p{color: #fff;font-size:13px;line-height:1.6;text-align:right}
.seriesContainer .allItems li .bell .bellText  span{color:#f8a71b;display:block}
.seriesContainer .allItems li .bell .bellText .arrowDown {width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 14px solid #5a1c6b;position: absolute;top: 10px;right:-14px;}
.seriesContainer .allItems li .bell .bellText .arrowDown:before{    content: '';height: 12px;width: 12px;position: absolute;top: -7px;left: -20px;border-bottom: 2px solid #7e3391;border-left: 2px solid #7e3391;transform:rotate(225deg);}
.seriesContainer .tvChannel { display: inline-block; float: right; width: 100px; margin-top: 102px; pointer-events: none }
.seriesContainer .tvChannel ul { display: inline-block; float: right; border: 2px solid #7e3391; border-left: none }
.seriesContainer .tvChannel li { display: inline-block; float: right; width: 100px; height: 90px; position: relative; border-bottom: 2px solid #7e3391 }
.seriesContainer .tvChannel li:last-of-type { border: none }
.seriesContainer .tvChannel li:nth-of-type(odd), .seriesContainer .allItems li:nth-of-type(odd) { background-color: #330D46 }
.seriesContainer .tvChannel li:nth-of-type(even), .seriesContainer .allItems li:nth-of-type(even) { background-color:#5d1c74 }
.seriesContainer .tvChannel li img { display: inline-block; float: right; width: auto; height: auto; max-width: 70px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 4px }
.seriesContainer .scrolableDiv { display: inline-block; float: right; width: calc(100% - 100px); overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0; margin-top: 60px; cursor: grab }
.seriesContainer .indicator { display: inline-block; float: right; width: 100%; height: 42px }
.seriesContainer .indicator ul { float: right; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; -ms-flex-align: center; align-items: center; -webkit-overflow-scrolling: touch; }
.seriesContainer .indicator li { display: inline; float: right; color: #f8a71b; font-size: 16px; width: 300px; font-family: DroidKufiBold,Arial; padding-bottom: 10px;}
.seriesContainer .indicator li span { margin-left: 2px; font-family: DroidKufiLight,Arial; }
.seriesContainer .allItems li ul.sliderItem { float: right; width: 100%; height: 100%; margin-top: 0; border-bottom: 0; border-right: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; -ms-flex-align: center; align-items: center; -webkit-overflow-scrolling: touch; }
.seriesContainer .allItems li ul.sliderItem li { width: auto; height: 60px; padding: 0 10px; margin-bottom: 0; border: 0; border-left: 2px solid #7e3391; border-bottom: 0; padding: 0 15px; z-index: unset }
.seriesContainer .allItems li ul.sliderItem li.half { width: auto }
.seriesContainer .allItems li p.sName { display: inline-block; text-align: right; width: 100%; font-size: 14px; font-family: DroidKufiBold, Arial; color: #fff; margin-bottom: 0 }
.seriesContainer .allItems li .time { display: inline-block; float: right; }
.seriesContainer .allItems li .time p { color: #dfdfdf; font-size: 15px; float: right }
.seriesContainer .allItems li .time p span { float: right;  }
.seriesContainer .allItems li .time p span span { margin-left: 4px }
.seriesContainer .allItems ul.sliderItem li:nth-of-type(odd), .seriesContainer .allItems ul.sliderItem li:nth-of-type(even) { background-color: transparent }
.seriesContainer .scrolableDiv::-webkit-scrollbar { height: 5px; }
/* Track */
.seriesContainer .scrolableDiv::-webkit-scrollbar-track { border-radius: 10px; }
/* Handle */
.seriesContainer .scrolableDiv::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; }
.seriesContainer .timeDropDown { display: inline-block; float: right; width: 100%; margin-top: 30px }
.seriesContainer .timeDropDown p { display: inline-block; float: right; width: 100%;  font-size: 18px; color: #50555a; margin-bottom: 10px }
.seriesContainer .timeDropDown .dropDownDiv { display: inline-block; float: left; width: 100%; margin-bottom: 0; padding: 0; background: none }
.seriesContainer .timeDropDown .wrapper-demo { display: inline-block; width: 225px; float: left; background-color: transparent; }
.seriesContainer .timeDropDown .wrapperDropdown { position: relative; width: 100%; height: 43px; border-radius: 4px; background: linear-gradient(#702a88 , #330D46); cursor: pointer; padding: 6px 12px; border: none; z-index: 1; text-align: right; direction: rtl;  font-size: 16px; color: #fff; outline: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.seriesContainer .timeDropDown .wrapperDropdown span {  font-size: 15px; color: #fff; direction: ltr; float: right; line-height: 2 }
.seriesContainer .timeDropDown .icon-downArrow:before { content: "q"; position: absolute; left: 12px; line-height: 2.2; color: #fff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.seriesContainer .timeDropDown .wrapperDropdown:after { display: none }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background-color: #702a88; border-radius: 0; border: 1px solid #7e3391; border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown li { padding: 0 10px; }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown li:hover { background-color: #ddd; }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown li:hover a { color: #7e3391; border-bottom: 1px solid #ddd }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown li a { display: block; text-decoration: none; color: #fff; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #7e3391; direction: ltr }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown li:last-of-type a { border: none; }
.seriesContainer .timeDropDown .wrapperDropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.seriesContainer .timeDropDown .wrapperDropdown.active { border-radius: 4px; box-shadow: none; border-bottom: none; }
.seriesContainer .timeDropDown .wrapperDropdown.active:after { border-color: #666 transparent; }
.seriesContainer .timeDropDown .wrapperDropdown.active .dropdown { border: 1px solid #330D46;border-top:0; max-height: 400px; overflow: auto; box-shadow: 1px 4px 4px rgba(0,0,0,.1); border-radius: 0 0 4px 4px; }
.tvGuide .ramadanHeader { margin-bottom: 0; background-color: #9f61ac;}
.tvGuide .content { padding: 0 }
/********** Ramadan 2022 tv guide **********/
.ramadan2022{display: inline-block; float: right; width: 100%; height: 100%; position: relative;}
.ramadan2022 .ramadan { display: inline-block; float: right; width: 100%; height: 100%; position: relative; background: linear-gradient(360deg, #702a88, #330D46) }
.ramadan2022 .ramadan:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background: url(../Images/Ramadan23/SeriesPattern.png) top left repeat; opacity: 0.5; background-size: 108px 108px; pointer-events: none; z-index: 1 }
.seriesContainer .seriesDiv { display: inline-block; width: 100%; position: relative; float: left; margin-top: 40px; }
.seriesContainer .seriesDiv ul li { display: inline-block; float: right;position:relative; width: calc((100% - 72px) / 4); height: auto; float: right; background-color: #330D46; padding: 14px; margin-left: 24px; margin-bottom: 24px }
.seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 0 }
.seriesContainer .seriesDiv ul.main-carousel.searched li { display: none }
.seriesContainer .seriesDiv ul.main-carousel.searched li.searchedSeries { display: inline-block; }
.seriesContainer .seriesDiv ul.main-carousel.searched .flickity-slider { transform: translateX(1.91%) !important; }
.seriesContainer .seriesDiv ul li p.seriesName { display: inline-block; float: right;  font-size: 18px; color: #fff; margin-bottom: 5px }
.seriesContainer .seriesDiv ul li .bell{display: inline-block;position: absolute;top: 8px;left: 6px;width: 28px;height: 28px;cursor:pointer}
.seriesContainer .seriesDiv ul li .bell:before{content:'i';color:#7e3391;font-size:28px;line-height:1}
.seriesContainer .seriesDiv ul li .bell.active:before{content:'@';color:#f8a71b;font-size:28px;line-height:1}
.seriesContainer .seriesDiv ul li .bell .bellText {visibility: hidden;width: 195px;height:60px;border:2px solid #7e3391;background-color: #330D46;padding: 6px 10px;position: absolute;top:-72px;left:-22px;z-index: 1;}
.notif .seriesContainer .seriesDiv ul li .bell .bellText {visibility: visible;}
.seriesContainer .seriesDiv ul li .bell .bellText p{color: #fff;font-size:13px;line-height:1.6;text-align:right}
.seriesContainer .seriesDiv ul li .bell .bellText  span{color:#f8a71b;display:block}
.seriesContainer .seriesDiv ul li .bell .bellText .arrowDown {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #5a1c6b;position:absolute;bottom:-10px;left:20px}
.seriesContainer .seriesDiv ul li .bell .bellText .arrowDown:before{    content: '';height: 12px;width: 12px;position: absolute;top: -15px;left: -7px;border-bottom: 2px solid #7e3391;border-left: 2px solid #7e3391;transform:rotate(314deg);}
.seriesContainer .seriesDiv ul li .imgCntnr { display: inline-block; float: right; width: 100%; position: relative; padding-bottom: 56.25%; overflow: hidden }
.seriesContainer .seriesDiv ul li .imgCntnr img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.seriesContainer .seriesDiv ul li .channelCnts { display: inline-block; float: right; width: 100%; overflow: hidden }
.seriesContainer .seriesDiv ul li .channelContainer { display: inline-block; float: right; margin-top: 20px; width: calc(100% + 34px); height: 160px; overflow-y: scroll; padding-left: 17px; }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer { display: inline-block; float: right; width: 100%; background-color: rgba(93, 28, 116, .8); margin-right: 0; padding: 15px; margin-bottom: 12px }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer:last-child { margin-bottom: 0 }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .time { display: inline-block; float: right; width: 100px; padding-right: 20px; position: relative; }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .time:before { content: "e"; color: #dfdfdf; font-size: 14px; float: right; margin-left: 6px; line-height: 14px; }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .time p { display: inline-block; float: right;  font-size: 13px; color: #dfdfdf; line-height: 1 }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .time p span { color: #dfdfdf;  font-size: 12px; margin-left: 5px }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .channel { display: inline-block; float: right; width: calc(100% - 100px); position: relative; }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .icon-tv:before { content: "\5c"; float: right; display: inline-block; margin-left: 6px; color: #dfdfdf; font-size: 13px; line-height: 14px }
.seriesContainer .seriesDiv ul li .channelContainer .boxContainer .channel p { display: inline-block; float: right;  font-size: 12px; color: #dfdfdf; line-height: 1 }
.ramadan2022 .flickity-button { border: 1px solid #4c3a6e }
.ramadan2022 .flickity-button:before { color: #4c3a6e }
.ramadan2022 .flickity-button.previous:before { content: "r"; }
.ramadan2022 .flickity-button.next:before { content: 'q'; }
.ramadan2022 .flickity-button:hover { background-color: #4c3a6e }
.ramadan2022 .flickity-button:hover:before { color: #fff }
.ramadan2022 .flickity-button:disabled { opacity: 0.5; visibility: visible; cursor: auto; pointer-events: none; }
.ramadan2022 .main-carousel.searched .flickity-button { pointer-events: none; opacity: 0.5; visibility: visible; cursor: auto; }
/*.seriesContainer .tabcontent {display: inline-block;border: 1px solid #ccc;border-top: none;opacity:0;visibility:visible}*/
.seriesContainer ::selection { background: transparent; color: inherit }
.seriesContainer .tabs { display: inline-block; width: 100%; float: right; margin-top: 50px }
.seriesContainer .tabs > li { float: right; border: none; outline: none; margin-left: 2px; transition: 0.3s; font-size: 17px;  display: table-cell; list-style: none; text-align: center; padding: 16px 20px; position: relative; overflow: hidden; cursor: pointer; color: #702a88; transition-duration: 0.25s; }
.seriesContainer .tabs li:hover { color: #fff }
.seriesContainer .tabs > li.active { color: #fff; border-bottom: 0; background-color: rgba(117, 53, 139, .8) }
.seriesContainer .tab__content { position: relative; width: 100%; display: inline-block; float: right }
.seriesContainer .tab__content > li { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; list-style: none; }
.seriesContainer .tab__content > li.active { opacity: 1; visibility: visible }

/*.bellNotif{   visibility:hidden;position: fixed;top: 50px;right: 310px;width: 190px;height: 86px;background-color:#441b5c;padding:16px;z-index: 5;}
.bellNotif p{display:inline-block;width:100%;font-size:15px;color:#fff;text-align:center;line-height:1.6}
.ramadan.notif .bellNotif{visibility:visible}*/

.blockNotif{display: inline-block;position: fixed;width: 100%;height: 100%; top: 0;left: 0; background: rgba(0,0,0,.8);z-index: 10;visibility:hidden;opacity:0;-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; transition: all 0.2s ease-in-out 0s;}
.blockNotif .blockContainer{display:inline-block;position:absolute;width:600px;height:475px;top:50%;left:50%;transform:translate(-50% , -50%)}
.blockNotif img{    display: inline-block;position: absolute;top: 0;left: 0;width:100%;height:auto}
.blockNotif .closePopupNotif{display:inline-block;position:absolute;top:0;left:0;width:25px;height:25px;background-color:#fff;z-index:1}
.blockNotif .closePopupNotif:before{content:'O';position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);font-size:18px;color:#3c1c51}
.openBellPopup.ramadan2022 .blockNotif{visibility:visible;opacity:1}

/******************** ramadan countdown ********************/
.ramadanCountDown{margin-bottom:20px;background-color:transparent}
.ramadanCountDown a{display:inline-block;position:relative;width:300px;height:150px;float:right}
.ramadanCountDown a img{display:inline-block;width:100%;height:100%;float:right}
.ramadanCountDown a .phrosCounter{display: inline-block;position: absolute;z-index: 1;bottom: 14px;left: 50%;transform: translateX(-50%);line-height: 1;text-shadow: #511c62 0 0 1px;width: calc(100% - 92px);height: 42px;}
.ramadanCountDown a .phrosCounter .phrosTimer{display: inline-block;float: right;width: 42px;height: 41px;color: #511c62;font-size: 24px;line-height: 41px;margin-left:13px}
.ramadanCountDown a .phrosCounter .phrosTimer:last-child{margin-left:0}
.removeHref a{pointer-events:none}

/******************** ramadan Quiz ********************/
.Quiz2022 .quiz .predHint, .Quiz2022 .quiz .predHint { display: inline-block; float: right; width: 100%; background: #000; padding: 20px 40px 20px 20px; min-height: 210px; position: relative; margin-bottom: 40px; overflow: hidden }
.Quiz2022 .quiz .predHint .hintMsg, .Quiz2022 .quiz .predHint .hintMsg { display: inline-block; float: right; width: 100%; position:relative}
.Quiz2022 .quiz .predHint .hintMsg h3, .Quiz2022 .quiz .predHint .hintMsg h3 { float: right; display: inline-block; width: 100%; text-align: right; color: #fff; font-family: DroidKufiBold,Arial; font-size: 26px; line-height: 2; }
.Quiz2022 .quiz .predHint .hintMsg p, .Quiz2022 .quiz .predHint .hintMsg p { float: right; display: inline-block; width: 100%; text-align: right; color: #fff;  font-size: 14px; line-height: 2; margin: 20px 0 }
.Quiz2022 .quiz .predHint .regBtn, .Quiz2022 .quiz .predHint .regBtn { position: absolute; left: 20px; bottom: 20px; width: 200px; height: 50px; background: #4e2268; color: #fff;  font-size: 14px; line-height: 3.6; text-align: center; }
.Quiz2022 .quiz .title h2 { color: #fff }
.Quiz2022 .quiz .title:after { background-color: #666; }
.Quiz2022 .quiz { display: inline-block; width: calc(100% - 320px); float: right; margin-left: 20px; }
.Quiz2022 .quiz .quizSteps { display: inline-block; float: right; width: 100%; padding: 20px 40px 20px 20px; min-height: 90px; position: relative; margin-bottom: 40px; overflow: hidden; 
  background:linear-gradient(250deg, #581d6d  20%, #482260 80%) ;}
.Quiz2022 .quiz .quizSteps:before{content: '';background: url(../Images/Ramadan23/SeriesPattern.png);position: absolute;top: 0;right: 0;width: 100%;height: 100%;opacity: 0.4;z-index: 0; }
/*.Quiz2022 .quiz .quizSteps::after{    content: '';position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: url(../Images/Ramadan23/SeriesPattern.png) top left repeat;opacity: 1;background-size: 108px 108px;pointer-events: none;z-index: 0;}
*/.Quiz2022 .quiz .quizHint .hintMsg { margin-bottom: 32px }
.Quiz2022 .quiz .quizHint .hintMsg h3, .Quiz2022 .quiz .quizHint .hintMsg p { color: #fff; width: 100% }
.Quiz2022 .quiz .quizHint .hintMsg h3 span.gift { text-align: right; color: #fff;  font-size: 16px; line-height: 2; margin: 20px 0 }
.Quiz2022 .quiz .quizHint .hintMsg h3 span.win { color: #f8a71b }
.Quiz2022 .quiz .quizHint .hintMsg p { margin: 0 }
.Quiz2022 .quiz .quizHint .regBtn { background: #fff; color: #4e2268; position: relative; float: right; display: inline-block; width: 160px; height: 50px; bottom: 0; left: 0; font-size: 22px; line-height: 22px; }
.Quiz2022 .quiz  .quizDekor.quizHint .dekor{display:inline-block;width:160px;height:165px;position:absolute;top:0;left:30px;background:url(../Images/Ramadan23/hlal.png) no-repeat, url(../Images/Ramadan23/lentern.png) no-repeat, url(../Images/Ramadan23/star.png) no-repeat;background-position: 0 0, 35px 6px, 91px 0;
    background-size: 15%, 24% ,18%;}
.Quiz2022 .quiz .step { display: inline-block; float: right; width: 100%; position: relative; height: 480px }
.Quiz2022 .quiz .quizSteps { padding: 32px }
.Quiz2022 .quiz .quizSteps .sponserLogo { display: inline-block; float: left; width: 130px; height: 55px; position: absolute;bottom:15px;left:30px }
/*.Quiz2022 .quiz .quizSteps .sponserLogo:after { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: url(../Images/waffargaLogo.png?ref=0.1) no-repeat; background-size: 100% }*/
  .Quiz2022 .quiz .quizSteps .sponserLogo p{display:inline-block;float:right;color:#fff;font-family: DroidKufiLight,Arial;font-size:11px;margin-top:8px;    width: auto;
    margin-bottom: 0;
    text-align: right;
    line-height: unset;}  
   .Quiz2022 .quiz .quizSteps .sponserLogo img{display:inline-block;float:right;width: 90px; height: auto; line-height: 1;margin-right: 10px;}
 .Quiz2022 .quiz .quizSteps .sponserLogo span{display:inline-block;float:right;color:#fff;font-family: DroidKufiLight,Arial;font-size:11px;margin-top:8px;margin-right:12px;font-weight:unset}  
.Quiz2022 .quiz .quizSteps { padding: 115px 32px 60px 32px;border-radius:8px;border-top-right-radius:0 }
.Quiz2022 .quiz .quizDekor.quizSteps { padding: 60px 175px 60px 32px;border-radius:8px;border-top-right-radius:0 }
.Quiz2022 .quiz .quizSteps .dekor{display:inline-block;width:110px;height:165px;position:absolute;top:0;left:30px;background:url(../Images/Ramadan23/hlal.png) no-repeat, url(../Images/Ramadan23/lentern.png) no-repeat, url(../Images/Ramadan23/star.png) no-repeat;background-position: 0 0, 24px 1px, 60px -3px;
    background-size: 15%, 24% ,18%;}
.Quiz2022 .quiz .quizSteps .beforeContainer { display: inline-block; position: absolute; top: -1px; right: -1px; width: 150px; height: 150px; overflow:hidden}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{content: '';position: absolute;width: 25%;height: 90%;background-color: #703186;transform: rotate(135deg);z-index: 3;left: 21px;}
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya{display:inline-block;position:relative;width:100%;height:100%;background-color:#703186; border-bottom-left-radius: 20px;overflow:hidden }
.Quiz2022 .quiz .quizSteps .beforeContainer span { color: #330D46; font-family: BebasNeueBold, Arial; position: absolute; top: -6px; right: 8px; font-size: 103px;line-height:1 ;z-index:1}
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{content: '';border-right: 106px solid #fff;border-top: 106px solid transparent;border-bottom: 106px solid transparent;width: 0;height: 0;position: absolute;right: -15px;top: -68px;transform: rotate(135deg);z-index:1}
.Quiz2022 .quiz #welcome.step,
.Quiz2022 .quiz #intro.step { height: auto }
.Quiz2022 .quiz .tabs .regBtn.noImg .usericon { border: 1px solid #000 }
.Quiz2022 .quiz .tabs .regBtn.noImg .usericon:before { color: #000 }
.regBtn p.logout{display:none}
.quizLoaderGeneral { display: inline-block; position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 10; background-color: rgba(88, 29, 109, .9); }
.quizLoaderGeneral img { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:50px}
/** Date **/
.Quiz2022 .quiz .game-top { display: inline-block; float: right; width: 100%; margin-bottom: 100px; position: relative }
.Quiz2022 .quiz .game-top .date { float: right; display: inline-block; }
.Quiz2022 .quiz .game-top .date p { display: inline-block; float: right; width: 100%;  text-align: right; color: #fff; font-size: 16px; line-height: 1.8 }
/** Question Bar **/
.Quiz2022 .quiz .questionBar { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 116px; height: 28px }
.Quiz2022 .quiz .questionBar:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #b1badd; transform: translateY(-50%) }
.Quiz2022 .quiz .questionBar .icon-answer { display: inline-block; float: right; margin-left: 16px; width: 28px; height: 28px; border-radius: 50%; background: #4e2268; border: 2px solid #b1badd; color: #000; position: relative }
.Quiz2022 .quiz .questionBar .icon-answer:last-of-type { margin-left: 0 }
.Quiz2022 .quiz .questionBar .icon-answer:before { content: "Y"; visibility: hidden; opacity: 0; -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; transition: all 0.2s ease-in-out 0s; width: 18px; height: 18px; font-size: 18px; background: #fff; border-radius: 50%; line-height: 1; margin-top: 3px }
.Quiz2022 .quiz .question1 .questionBar .icon-answer:nth-child(1):before { visibility: visible; opacity: 1 }
.Quiz2022 .quiz .question2 .questionBar .icon-answer:nth-child(2):before { visibility: visible; opacity: 1 }
.Quiz2022 .quiz .question3 .questionBar .icon-answer:nth-child(3):before { visibility: visible; opacity: 1 }
/** Timer Bar **/
.Quiz2022 .quiz .inline-time { position: absolute; top: 58px; right: 0; left: 0; width: 100%; height: 18px }
.Quiz2022 .quiz .timerBar { zoom: 1; position: absolute; top: 0; right: 0; width: calc(100% - 30px); height: 100%; border: 2px solid #b1badd; background-color: #E03322; background: linear-gradient(to left,#f8a71b,#51266a); border-radius: 15px; display: inline-block; overflow: hidden }
.Quiz2022 .quiz .icon-timer { position: absolute; top: 0; left: 0; width: 30px; height: 100% }
.Quiz2022 .quiz .icon-timer:before { content: 'C'; color: #b1badd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px; width: 18px; height: 18px; line-height: 1; border-radius: 50%; font-weight: bold }
.Quiz2022 .quiz .timerBar:before { content: ""; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background: #52276b; }
.Quiz2022 .quiz .question1 .timerBar:before { animation: timerBarQ1 21s linear forwards; animation-delay: 0s }
.Quiz2022 .quiz .question2 .timerBar:before { animation: timerBarQ2 21s linear forwards; animation-delay: 0s }
.Quiz2022 .quiz .question3 .timerBar:before { animation: timerBarQ3 21s linear forwards; animation-delay: 0s }
@keyframes timerBarQ1 {
    from { right: -100%; }
    to { right: 0 }
}
@keyframes timerBarQ2 {
    from { right: -100%; }
    to { right: 0 }
}
@keyframes timerBarQ3 {
    from { right: -100%; }
    to { right: 0 }
}
/** share **/
.Quiz2022 .toDoSocial { float: right; display: inline-block; width: 100%; margin: 20px auto }
.Quiz2022 .toDoSocial p { font-size: 16px;  color: #fff; width: 100%; text-align: center; margin-bottom: 20px }
.Quiz2022 a.icon-fb { display: inline-block; float: right; color: #fff; width: auto; background-color: #4267b2;  font-size: 14px; padding: 0 10px; margin-left: 10px; line-height: 32px }
.Quiz2022 a.icon-fb:before { content: 'u'; color: #fff; float: left; line-height: 32px }
.Quiz2022 a.logOut { display: inline-block; float: right; color: #2c2d5e; width: auto; background-color: #b1badd;  font-size: 14px; padding: 0 10px; line-height: 32px }
/** Get Ready **/
.Quiz2022 .quiz .getReadyTimer p { display: inline-block; float: right; width: 100%;  text-align: center; color: #fff; font-size: 32px; line-height: 3; margin-bottom: 30px }
.Quiz2022 .quiz .getReadyTimer span { display: inline-block; float: right; width: 100%;  font-weight: bold; text-align: center; color: #f8a71b; font-size: 120px; }
/** Questions **/
.Quiz2022 .quiz .questionDiv { display: inline-block; float: right; width: 100%; min-height: 150px; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 16px; position: relative }
.Quiz2022 .quiz .questionDiv p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 32px; font-family: DroidKufiBold, arial; text-align: center; color: #000; font-size: 24px; line-height: 1.6; }
.Quiz2022 .quiz .answerDiv { display: inline-block; float: right; width: 100% }
.Quiz2022 .quiz .answer { display: inline-block; float: right; width: calc((100% - 16px) / 2); height: 80px; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 16px; margin-left: 16px; position: relative; cursor: pointer }
.Quiz2022 .quiz .answer:nth-of-type(2n) { margin-left: 0 }
.Quiz2022 .quiz .answer p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 16px;  text-align: center; color: #000; font-size: 16px; line-height: 1.6; pointer-events: none }
.Quiz2022 .quiz .selected { background: #812e8a }
.Quiz2022 .quiz .selected p { color: #fff }
/** Results **/
.Quiz2022 .quiz .resultDiv { display: inline-block; float: right; width: 100% }
.Quiz2022 .quiz .resultDiv p { display: inline-block; float: right; width: 100%;  text-align: center; color: #fff; font-size: 32px; line-height: 3; margin-bottom: 16px }
.Quiz2022 .quiz .resultDiv p span { display: block; font-size: 20px; line-height: 1; margin-bottom: 20px; }
.Quiz2022 .quiz #result-section { height: auto }
.Quiz2022 .quiz .resultDiv .allStars { display: inline-block; float: right; width: 280px; height: 124px; margin: 0 calc((100% - 280px) / 2) 50px; position: relative }
.Quiz2022 .quiz .resultDiv .allStars .star { position: absolute; width: 76px; height: 76px; }
.Quiz2022 .quiz .resultDiv .allStars .star.icon-star:before { content: ""; width: 76px; height: 76px; background: url(../Images/star.png?ver=2) no-repeat top; background-size: 96% }
.Quiz2022 .quiz .resultDiv .allStars .star.icon-star:nth-child(1) { right: 0; bottom: 0 }
.Quiz2022 .quiz .resultDiv .allStars .star.icon-star:nth-child(2) { left: 50%; top: 0; transform: translateX(-50%) }
.Quiz2022 .quiz .resultDiv .allStars .star.icon-star:nth-child(3) { left: 0; bottom: 0 }
.Quiz2022 .quiz .resultDiv.oneStar .allStars .star.icon-star:nth-child(1):before { background: url(../Images/starFill.png?ver=2)no-repeat top; background-size: 96% }
.Quiz2022 .quiz .resultDiv.twoStar .allStars .star.icon-star:nth-child(1):before,
.Quiz2022 .quiz .resultDiv.twoStar .allStars .star.icon-star:nth-child(2):before { background: url(../Images/starFill.png?ver=2)no-repeat top; background-size: 96% }
.Quiz2022 .quiz .resultDiv.threeStar .allStars .star.icon-star:nth-child(1):before,
.Quiz2022 .quiz .resultDiv.threeStar .allStars .star.icon-star:nth-child(2):before,
.Quiz2022 .quiz .resultDiv.threeStar .allStars .star.icon-star:nth-child(3):before { background: url(../Images/starFill.png?ver=2)no-repeat top; background-size: 96% }
.Quiz2022 .quiz .resultDiv .yourScore { display: inline-block; float: right; width: 100%; height: 190px; position: relative; border: 1px solid #f8a71b; overflow: hidden }
.Quiz2022 .quiz .resultDiv .yourScore p { display: inline-block; float: right; width: 100%;  text-align: center; color: #fff; font-size: 22px; line-height: 2; margin: 20px 0 0px; }
.Quiz2022 .quiz .resultDiv #number-correct p { font-size: 42px; margin-bottom: 0; line-height: 1 }
.Quiz2022 .quiz .resultDiv .yourScore span { font-family: DroidKufiBold, Arial; font-size: 42px; display: inline-block }
.Quiz2022 .quiz .resultDiv .yourScore .slash { margin: 0 6px }
.Quiz2022 .quiz .afterLogin .welcomeHint { background: none; height: 150px; min-height: 100%; }
.Quiz2022 .quiz .afterLogin .welcomeHint .hintMsg h3 { color: #330D46; margin-top: 30px; }
.Quiz2022 .quiz .afterLogin .welcomeHint .hintMsg h3 span { font-weight: bold }
.Quiz2022 .quiz .afterLogin .welcomeHint .hintMsg p.first { color: #330D46; margin: 0 }
.Quiz2022 .quiz .afterLogin .welcomeHint .yourScore { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 230px; height: 120px; border: 1px solid #3b3d72; overflow: hidden }
.Quiz2022 .quiz .afterLogin .welcomeHint .yourScore p { display: inline-block; float: right; width: 100%;  text-align: center; color: #3b3d72; font-size: 22px; line-height: 1.8; margin: 10px 0 0px; }
.Quiz2022 .quiz .afterLogin .welcomeHint .userScore p { font-size: 42px; margin-bottom: 0; line-height: 1 }
.Quiz2022 .quiz .afterLogin .welcomeHint .yourScore span { font-family: DroidKufiBold, Arial; font-size: 42px;}
.Quiz2022 .quiz .afterLogin .welcomeHint .yourScore .slash { margin: 0 6px }
.Quiz2022 .quiz .quizSteps .getReadyTimer .sponserLogo {left:0}
.Quiz2022 .quiz .quizSteps .gameBlock .sponserLogo  {left:0;bottom:-20px}
.Quiz2022 .quiz .hidden { display: none; }
.Quiz2022 .quiz .inline { display: inline; }
.Quiz2022 .quiz #question-num, .Quiz2022 .quiz .inline-time { display: inline-block; }
/** Countdown **/
.Quiz2022 .quiz .quizCounterDiv { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 215px; }
.Quiz2022 .quiz .quizCounterDiv .counterHint { display: inline-block; float: right; font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; text-align: right; margin-left: 16px; line-height: 3.4; }
.Quiz2022 .quiz .quizCounter { text-align: left; direction: ltr; display: inline-block; float: right; }
.Quiz2022 .quiz .icon-time:before { content: 'i'; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); font-size: 14px }
.Quiz2022 .quiz .quizTimer { display: inline-block; float: left;  font-size: 20px; margin-right: 4px; line-height: 2; color: #fff }
.Quiz2022 .quiz .quizTimer:last-of-type { margin-right: 0 }
/** Quiz Start Countdown **/
.Quiz2022 .quiz .quizStartCounter { display: inline-block; float: right; text-align: left; direction: ltr; float: right; width: 204px; }
.Quiz2022 .quiz .quizStartTimer { display: inline-block; float: left;  font-size: 32px; margin-right: 20px; line-height: 1; color: #fff; position: relative }
.Quiz2022 .quiz .quizStartTimer:last-of-type { margin-right: 0 }
.Quiz2022 .quiz .quizStartTimer:after { content: "e"; position: absolute; right: -16px; bottom: 0;  font-size: 32px }
.Quiz2022 .quiz .quizStartTimer:last-child:after { display: none }
.Quiz2022 .quiz .quizStartTimer span {  color: #fff; font-size: 12px; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%) }
.Quiz2022 .quiz .quizHint.quizMainCounter { padding: 32px 32px 50px }
.Quiz2022 .quiz .quizHint.quizMainCounter .hintMsg { margin-bottom: 20px }

.Quiz2022 .quiz .quizProtID{display:inline-block;float:right;font-size:11px;color:#fff;text-align:right;direction:rtl;position:absolute;right:175px;bottom:30px}

/******************** ramadan lantern ********************/
.lantern{display:inline-block;position:relative;width:100%;height:auto;background-color:#150443;padding:15px 20px;margin-bottom:40px;float:right}
.lantern:before{content:'';background:url(../Images/ramdan24/lantern.png);position: absolute;left: 0;top: 0;width: 278px;height: 100%;background-size: 100%;}
.lantern img{display:none;position:absolute;top:0;left:0;width:auto;height:calc(100% + 1px);z-index:2}
.lantern .doaa{display:inline-block;float:right;width:calc(100% - 248px);z-index:2;position:relative}
.lantern p{display:inline-block;float:right;width:100%;font-family:DroidKufiBold, Arial;font-size:18px;margin-bottom:2px;color:#c6afcc}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.ticker-wrap {
  position: relative;
  width: 100%;float:right;
  overflow: hidden;
  height: auto;
  background-color: transparent;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}

.ticker-wrap .ticker__item {display:inline-block;float:right;width:100%;font-size:15px;color:#fff;text-align:right;}


/******************** Login Popup ********************/
.registerPopup:before { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; bottom: 0; background: rgba(29,29,29,0.90); z-index: 99999; pointer-events: none; -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; transition: all 0.2s ease-in-out 0s }
.openRegister .registerPopup:before { visibility: visible; opacity: 1 }
.login-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  z-index: 100000; width: 480px; height: 400px; overflow: hidden; background: #fff; box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; -ms-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.registerPopup .login-box h3 { display: inline-block; float: right; width: 100%; font-family: DroidKufiBold, Arial; font-size: 18px; color: #fff; height: 60px; background: #000; text-align: center; line-height: 3.6; margin-bottom: 8px; }
.registerPopup .login-box.loginActive { height: 510px }
.registerPopup .login-box.loginActive.error { height: 550px }
.registerPopup .login-box.loginActive.error .social-login { margin-bottom: 20px }
.registerPopup .login-box.loginActive h3:before { content: "تسجيل دخول" }
.registerPopup .login-box.signUpActive { height: 510px }
.registerPopup .login-box.signUpActive.error { height: 560px }
.registerPopup .login-box.signUpActive h3:before { content: "مستخدم جديد" }
.registerPopup .login-box.profileActive h3:before { content: "حساب مستخدم" }
.registerPopup .login-box.profileActive { height: 470px }
.registerPopup .login-box.error .u-form-group { margin-bottom: 0; margin-top: 20px }
.openRegister .login-box { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.openRegister .login-box.phonenumber .email-login.complete { display: none }
.openRegister .login-box.phonenumber .lb-header { border-bottom: 0 }
.openRegister .login-box.phonenumber { height: 340px }
.registerPopup .lb-header { display: inline-block; float: right; width: 100%; position: relative; color: #00415d; padding-bottom: 10px; border-bottom: none; text-align: center; z-index: 1; margin: 0; height: 60px }
.registerPopup .lb-header a { display: inline-block; margin: 0 25px; padding: 0 20px; text-decoration: none; color: #666; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.registerPopup .lb-header .active { color: #E03322; }
.registerPopup .profile { display: inline-block; float: right; width: 100%; }
.registerPopup .profile .userImg { display: none; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; }
.registerPopup .profile .UserData { display: inline-block; float: right; width: 100% }
.registerPopup .profile .UserData .data { display: inline-block; float: right; width: 100%; padding: 10px 20px 0; text-align: right }
.registerPopup .profile .UserData .data label { display: inline-block; float: right; width: 60px;  font-size: 15px; margin-left: 5px; color: #000 }
.registerPopup .profile .UserData .data span { display: inline-block; float: right;  font-size: 15px; color: #000; width: auto; margin-top: 0 }
.registerPopup .social-login { position: relative; float: left; width: 100%; height: auto; padding: 10px 0 16px 0; border-bottom: 1px solid #D1D2D4; margin-bottom: 16px }
.registerPopup .social-login a { position: relative; float: left; width: 100%; text-decoration: none; color: #fff; border: 1px solid rgba(0,0,0,0.05); padding: 8px 12px; border-radius: 4px; font-size: 12px; text-transform: uppercase; margin: 0; text-align: center; margin-bottom: 10px }
.registerPopup .social-login a:last-of-type { margin-bottom: 0 }
.registerPopup .social-login a.loginFbBtn { background-color: #49639F; }
.registerPopup .social-login a.loginGglBtn { background-color: #E05449 }
.registerPopup .email-login, .email-signup { position: relative; float: left; width: 100%; height: auto; text-align: center; padding: 20px; margin-top: 32px }
.registerPopup .email-login .complete { display: inline-block; width: 100%; text-align: right; color: #E03322; font-size: 15px; margin-bottom: 5px }
.registerPopup .email-login.complete { padding: 10px 20px 0 }
.registerPopup .u-form-group { width: 100%; margin-bottom: 15px; display: inline-block; position: relative }
.registerPopup .u-form-group .itemError { display: inline-block; position: absolute;  font-size: 12px; color: red; left: 0; top: -20px; text-align: left }
.registerPopup .u-form-group.error { margin-top: 25px; margin-bottom: 0 }
.registerPopup .u-form-group input[type="email"],
.registerPopup .u-form-group input[type="password"],
.registerPopup .u-form-group input[type="text"], .registerPopup .u-form-group input[type="tel"] { width: 100%; height: 45px; outline: none; border: 1px solid #666; padding: 0 10px; border-radius: 4px;  color: #333; font-size: 0.8rem; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.registerPopup .u-form-group input::-webkit-input-placeholder { color: #666; opacity: 1; font-weight: normal; font-size: inherit }
.registerPopup .u-form-group input:focus { border: 1px solid #666 !important }
.registerPopup .u-form-group .labelHint { display: inline-block; font-size: 12px; position: absolute; right: 10px; top: -12px; background-color: #fff; color: #525252; padding: 0 5px }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid #666; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }
.registerPopup .u-form-group input:valid { background: #fff !important; }
.registerPopup .signUpActive .u-form-group.error.passwrd .labelHint, .registerPopup .signUpActive .u-form-group.error.confirmPass .labelHint { top: 8px }
.registerPopup .signUpActive.error .email-signup .u-form-group:nth-of-type(1), .registerPopup .loginActive.error .email-login .u-form-group.emails { margin-top: 0 }
/*.euroPredCnts .login-box.signUpActive.error .email-login, .euroPredCnts .login-box.signUpActive.error .email-signup{padding-top:0}
.euroPredCnts .login-box.loginActive.error .email-login, .euroPredCnts .login-box.loginActive.error .email-signup{padding-top:0}*/
.registerPopup .u-form-group input:focus { border-color: #358efb; background-color: #fff !important }
.registerPopup .u-form-group button, .u-form-group .Compelete, .u-form-group .SigninBtn, .u-form-group .SignupBtn { display: inline-block; position: relative; width: 50%; background-color: #E03322; border: none;  outline: none; color: #fff; font-size: 14px; font-weight: normal; padding: 6px 0; border-radius: 2px; margin-top: 10px; }
.registerPopup .u-form-group .Compelete { width: calc(50% - 20px) }
.registerPopup .forgot-password { width: 50%; text-align: left; text-decoration: underline; color: #666; font-size: 0.75rem; }
.registerPopup .login-box .closePopup { position: absolute; top: 15px; left: 16px; width: 30px; height: 30px; z-index: 2 }
.registerPopup .login-box .closePopup:after, .login-box .closePopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; 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; }
.registerPopup .login-box .closePopup:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.registerPopup .login-box .closePopup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.LoaderLogin { width: 100%; height: 40px; position: absolute; right: 0; top: 0; background-color: #E03322 }
.LoaderLogin img { display: inline-block; height: 36px; float: right; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.registerPopup .generalError { display: inline-block; float: right; text-align: right; color: red; font-size: 12px;  padding: 10px 20px 0 }
.registerPopup .Nophonenumber .email-login.complete { margin-top: 10px }
.registerPopup .Nophonenumber .email-login .complete { margin-bottom: 15px }


.registerPopup .profile .UserData .logoHint{display:none}
.profileActive .profile .UserData .logoHint{display:inline-block}
 .profile .UserData .logoHint{background-color:#F4E0CE;color:#330D46;display:inline-block;    width: calc(100% - 40px);margin: 20px 20px 10px;padding: 3px 20px;margin-top:10px}
 .profile .UserData .logoHint p{font-size:15px;font-family: DroidKufiLight, Arial}
 .profile .UserData .logoHint p span{color:#330D46;float:unset;margin:5px}

/*prayer notification*/
.prayerNotification.showpopup { display: inline-block; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 9999; 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; }
.prayerNotification .prayerCnts { display: inline-block; position: fixed; bottom: 10px; left: 10px; width: 300px; height: 100px; background-color: #fff; border-radius: 6px; z-index: 9999; box-shadow: 2px 2px 2px 0 rgba(0,0,0,.4); }
.prayerNotification a.closeBTNp { position: relative; display: inline-block; width: 16px; height: 16px; float: right; margin: 4px 4px 0 0; }
.prayerNotification a.closeBTNp:after, .prayerNotification a.closeBTNp:before { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; border-radius: 3px; opacity: .2; background: #1d1d1d; 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; }
.prayerNotification a.closeBTNp:hover:after, .prayerNotification a.closeBTNp:hover:before { opacity: 1 }
.prayerNotification a.closeBTNp:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.prayerNotification a.closeBTNp:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.prayerNotification .items { display: inline-block; float: right; width: 100%; padding: 0 20px; margin-top: 4px; }
.prayerNotification a.masrawyLogo { display: inline-block; float: right; width: 20px; height: 20px; position: relative }
.prayerNotification a.masrawyLogo img { position: absolute; width: 100%; height: auto; right: 0; top: 0; border: 0 }
.prayerNotification p.text { display: inline-block; float: right; margin-right: 5px; font-size: 14px; color: #717171;  cursor: auto }
.prayerNotification p.text:after { content: 'q'; color: #fab22f; font-size: 12px; margin-right: 3px; line-height: 2.3; float: left }
.prayerNotification .salah { display: inline-block; float: right; width: 100%;  }
.prayerNotification .salah p { color: #474745; font-size: 18px; float: right;  cursor: auto }
.prayerNotification .salah span { display: inline-block; float: right; color: #474745; font-size: 16px; line-height: 2.2; margin-right: 5px;  }
.prayerNotification .salah span span { display: inline-block; float: left; color: #474745; font-size: 16px;  }
.prayerNotification .prayerImg { position: absolute; width: 70px; height: 70px; top: 50%; transform: translateY(-50%); left: 20px }
.prayerNotification .newPlan { display: inline-block; border: 0; position: absolute; left: 15px; width: 65px; height: auto; top: 50%; transform: translateY(-50%); }
.prayerNotification.removeNO { visibility: hidden; opacity: 0; pointer-events: none }
.prayerNotification .popupMsg { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 6px; width: 450px; height: 200px; padding: 20px; opacity: 0; visibility: hidden; 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; }
.prayerNotification .popupMsg p { text-align: center; width: 100%;  font-size: 18px; color: #717171; margin-bottom: 20px; cursor: default }
.prayerNotification .popupMsg .buttons { display: inline-block; width: 100%; text-align: center }
.prayerNotification .popupMsg .buttons a { display: inline-block; width: 80px; height: 30px; background-color: #fab22f;  font-size: 15px; color: #fff; margin-left: 10px }
.prayerNotification .popupMsg .buttons a:last-child { margin-left: 0 }
.prayerNotification.showpopup .popupMsg { opacity: 1; visibility: visible }
.prayerNotification .popupMsg p.hint { font-size: 13px; margin-bottom: 0; margin-top: 20px; cursor: default }
.prayerNotification .popupMsg p.hint a { color: #fab22f }

/******************** Poll ********************/
.ramadanPoll { display: inline-block; float: left; width: 300px; background: #fff; position: relative; padding: 10px; border: 1px solid #e0e0e0; border-top: 4px solid #511c62; }
.ramadanPoll .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 12px ;border-bottom:none!important}
.ramadanPoll .ttl .more { display: none }
.wcDiv .ramadanPoll .ttl:after { display: none }
 .ramadanPoll .ttl h3{background:transparent!important;color:#000!important;padding:0!important}
.ramadanPoll .allItems { display: inline-block; width: 100%; float: right }
.ramadanPoll .allItems h3 { display: inline-block; width: 100%; float: right; padding: 8px 0; text-align: right; font-family: DroidKufiBold, Arial; font-size: 13px; color: #000; margin: 0 0 20px; }
.ramadanPoll .allItems input[type="radio"] + label { font-size: 13px; margin: 0 5px 10px}
.ramadanPoll .allItems .step { display: inline-block; float: right; width: 100% }
.ramadanPoll .allItems .pollBullets { display: inline-block; float: right; width: 100%; margin-bottom: 40px }
.ramadanPoll .allItems .btns { display: inline-block; float: left; }
.ramadanPoll .allItems .btns .vote { float: left; position: relative; display: inline-block; width: 90px; height: 40px; text-align: center;  font-size: 13px; color: #fff; line-height: 40px; background: #511c62!important; }
 .ramadanPoll .allItems .btns .vote:hover{background:#642378!important}

/** Second Step **/
.ramadanPoll .allItems .secondStep { display: inline-block; width: 100%; float: right }
.ramadanPoll .allItems .secondStep ul { padding-right: 0; float: right }
.ramadanPoll .allItems .secondStep li { display: inline-block; width: 100%; float: right; margin-bottom: 30px; }
.ramadanPoll .allItems .secondStep .itemDiv { display: inline-block; width: 100%; float: right }
.ramadanPoll .allItems .secondStep .itemDiv .item { display: inline-block; width: 100%; float: right; font-family: DroidKufiBold, Arial; font-size: 13px !important; white-space: unset !important; text-align: right; direction: rtl; color: #000; margin: 0 !important; margin-left: 0px !important }
.ramadanPoll .allItems .secondStep .itemDiv .votes { display: inline-block; width: auto; float: right;  white-space: unset !important; font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
.ramadanPoll .allItems .secondStep .itemDiv .votes span { display: inline-block; width: auto; float: left;  font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
.ramadanPoll .allItems .secondStep .itemDiv .percentage { display: inline-block; width: auto; float: left; font-size: 15px !important; font-weight: bold; margin: 0 !important; font-family: Arial; line-height: 34px; }
.ramadanPoll .allItems .secondStep .votesPercent { display: inline-block; float: right; width: 100%; position: relative; height: 6px; background: #ddd; overflow: hidden }
.ramadanPoll .allItems .secondStep .votesPercent .voteSlide { position: absolute; right: 0; top: 0; width: auto; height: 6px; background: #e03322 }

.article .ramadanPoll{background-color:#f2f2f2;width:100%;margin:0 0 20px;border: 1px solid #eee;}
.article .ramadanPoll .allItems input[type="radio"] + label{background-color:#eee ;border:0}


.article .surveyHint{display:inline-block;float:right;width:100%;background:#511c62;padding:16px 20px;margin-bottom:20px}
.article .surveyHint p{display: inline-block;float: right;width: 100%;font-size: 15px;color: #fff;text-align: right;pointer-events:none}

/** Educatoin Header **/
.educationHeader { display:inline-block;float:right;width:100%;position:relative;margin-bottom:40px;}
.educationHeader .headerTop{display:inline-block;float:right;width:100%;height:180px;position:relative;overflow:hidden;background: #fff;background-size:100% auto; }
.educationHeader .headerTop:before{content: "";background: url(../Images/Thanawya/thanawiaamma200Ree.png) top 15% center no-repeat #b6b5b3;width: 100%;height: 100%;left: 0;top: 0;position: absolute;background-size: 100% auto;pointer-events: none;}
.educationHeader .headerTop:after{content:"";background:url(../Images/Thanawya/boxes.png) no-repeat;opacity:0.2;width:100%;height:100%;left:0px;bottom:0;position:absolute;background-size:100% auto;pointer-events:none}
.educationHeader .headerTop h1{display: inline-block;float: right;font-family: DroidKufiBold,Arial;font-size: 48px;color: #E03322;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.educationHeader .headerMenu {display:inline-block;float:right;width:100%;height:44px;z-index:10;background-color: #1d1d1d}
.educationHeader .headerMenu li {display: inline-block;float: right;position: relative;float: right;width: auto;height: 44px;}
.educationHeader .headerMenu li a {display: inline-block;width: auto;height: 100%;float: right;color: #fff;font-size: 14px;line-height: 44px;padding: 0 26px;}
.educationHeader:before, .educationHeader:after { display: none }
.education .navOverlay { background: url(../Images/overlayeducation.jpg) !important }
.educationHeader .educationSpons{position: absolute;right: 10px;bottom: 0;display: inline-block;float: right;}
.educationHeader .educationSpons a{display:inline-block;float:right;margin-left:20px;}
.educationHeader .educationSpons a img{width:75px;height:auto}
.educationHeader .educationSpons a:last-child img{margin-top:14px}



/** Amazon Header **/
.amazonHeader { display:inline-block;float:right;width:100%;position:relative;margin-bottom:40px;}
.amazonHeader .headerTop{display:inline-block;float:right;width:100%;height:180px;position:relative;overflow:hidden;background: #fff;background-size:100% auto; }
.amazonHeader .headerTop:before{content: "";background: url(../Images/Amazon/amazonDTBG.jpg) top -50px center no-repeat #8be5e6;width: 100%;height: 100%;left: 0;top: 0;position: absolute;background-size: 100% auto;pointer-events: none;}

.amazonHeader .headerTop h1{display: inline-block;float: right;font-family: DroidKufiBold,Arial;font-size: 48px;color: #E03322;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.amazonHeader .headerMenu {display:inline-block;float:right;width:100%;height:44px;z-index:10;background-color:#542f00}
.amazonHeader .headerMenu li {display: inline-block;float: right;position: relative;float: right;width: auto;height: 44px;}
.amazonHeader .headerMenu li a {display: inline-block;width: auto;height: 100%;float: right;color: #fff;font-size: 14px;line-height: 44px;padding: 0 26px;}
.amazonHeader:before, .amazonHeader:after { display: none }
.education .navOverlay { background: url(../Images/overlayeducation.jpg) !important }
.amazonHeader .educationSpons{position: absolute;right: 10px;bottom: 0;display: inline-block;float: right;}
.amazonHeader .educationSpons a{display:inline-block;float:right;margin-left:20px;}
.amazonHeader .educationSpons a img{width:90px;height:auto}
.amazonHeader .educationSpons a:last-child img{margin-top:14px}




@media screen and (min-width:1360px) and (max-width:1919px) {
    .amazonHeader .headerTop:before{background: url(../Images/Amazon/amazonDTBG.jpg) top -30px center no-repeat #b6b5b3;background-size: 100% auto;}
}



@media screen and (min-width:1280px) and (max-width:1359px) {
    .amazonHeader .headerTop:before{background: url(../Images/Amazon/amazonDTBG.jpg) top -20px center no-repeat #b6b5b3;background-size: 100% auto;}
    .amazonHeader .headerMenu li a{padding:0 20px}
}


@media screen and (min-width:1024px) and (max-width:1279px) {
    .amazonHeader .headerTop:before{background: url(../Images/Amazon/amazonDTBG.jpg) top center no-repeat #b6b5b3;background-size: 100% auto;}
    .amazonHeader .headerMenu li a{padding:0 12px;font-size:13px}
}



@media only screen and (max-width: 1023px) {
    .amazonHeader .headerTop:before{background: url(../Images/Amazon/amazonDTBG.jpg) center center no-repeat #b6b5b3;background-size: 100% auto;}
    .amazonHeader .headerMenu li a{padding:0 12px;font-size:12px}
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    .amazonHeader .headerTop:before{background: url(../Images/Amazon/amazonMobBG.jpg) center right no-repeat #8be5e6;background-size: auto 100%}
}





/** thanawia amaa**/
.thanawia{display:inline-block;width:100%;height:200px;float:left;position:relative;border-bottom:0;background:url(../Images/Thanawya/thanawiaamma200.png) url(../Images/Thanawya/boxes.png) #b6b5b3 no-repeat;background-color:#b6b5b3}
.thanawia:before{content:'';width:100%;height:100%;top:0;left:0;position:absolute;background:url(../Images/Thanawya/boxes.png);}



/** COP Header **/
.copHeader { display:inline-block;float:right;width:100%;position:relative;margin-bottom:40px;}
.copHeader .headerTop{display:inline-block;float:right;width:100%;height:180px;position:relative;overflow:hidden;background: #fff;background-size:100% auto; }
.copHeader .headerTop:before{content: "";background: url(../Images/copPattern01.svg) no-repeat;width: 223px;height: 100%;right:0;top: 0;position: absolute;background-size: auto 100%;pointer-events: none;}
.copHeader .headerTop:after{content:"";background:url(../Images/copLogo.svg) no-repeat;width:102px;height:calc(100% - 20px);left:20px;top:10px;position:absolute;background-size:100% auto;pointer-events:none}
.copHeader .headerTop h1{display: inline-block;float: right;font-family: DroidKufiBold,Arial;font-size: 48px;color: #006eb7;line-height:1;position: absolute;top: 50%;right:100px;transform: translateY(-50%);}
.copHeader .headerTop h1 span{display:block;font-family: DroidKufiLight,Arial;font-size: 20px;color: #b69428;margin-top:10px;text-align:right}
.copHeader .headerMenu {display:inline-block;float:right;width:100%;height:44px;z-index:10;background-color: #006eb7}
.copHeader .headerMenu li {display: inline-block;float: right;position: relative;float: right;width: auto;height: 44px;}
.copHeader .headerMenu li a {display: inline-block;width: auto;height: 100%;float: right;color: #fff;font-size: 14px;line-height: 44px;padding: 0 26px;}
.copHeader:before, .copHeader:after { display: none }
.copHeader .educationSpons{position: absolute;right: 10px;bottom: 0;display: inline-block;float: right;}
.copHeader .educationSpons a{display:inline-block;float:right;margin-left:20px;}
.copHeader .educationSpons a img{width:90px;height:auto}
.copHeader .educationSpons a:last-child img{margin-top:14px}



/******** ACN Count down *******/
.eventCountDown {display:inline-block;float:right;width:300px;height:150px;position:relative;margin-bottom:20px;border: 1px solid #e8e8e8;/*background:url('../Images/egyxsengal.jpg') center center no-repeat;background-size:contain*/background:#fff}
.eventCountDown:before{content:"";display:inline-block;background: url(../Images/educationCountdown.png) no-repeat;position:absolute;bottom:0;left:0;width: 118px;height: 30px;background-size: 100% auto;pointer-events: none;}
.eventCountDown .countDownCnts{display:inline-block;width:100%;height:100%;float:right;position:relative}
.eventCountDown .countDownCnts img{display: inline-block;width: 32px;height: auto;position: absolute;top: 8px;right: 8px;}
.eventCountDown h3{font-family: DroidKufiBold, Arial;font-size: 14px;color:#1d1d1d;line-height:1.6;text-align:center;white-space:nowrap;position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:2}
.eventCountDown h3:before{content:"";display:inline-block;background: url(../Images/educationCap.png) no-repeat;position:absolute;right:0px;top:2px;width: 28px;height: 18px;background-size: 100% auto;pointer-events: none;}
.eventCountDown h3 span{display:block;font-size:16px}
.eventCountDown h3 .status{display:inline-block;font-size:14px}
.eventCountDown .countDown{display:inline-block;float:right;width:100%;position:absolute;bottom:28px;left:0;z-index:2}
.eventCountDown .countDown p{font-size: 15px;cursor: pointer;color:#000;text-align:center;cursor:auto;margin-bottom:10px}
.eventCountDown .countDown .phrosCounter {text-align: center;width:auto;margin: 0 auto;display: inline-block;}
.eventCountDown .countDown .phrosCounter .phrosTimer{position:relative;display:inline-block;float:left;text-align:center;margin:0 6px;font-family:BebasNeueBold;font-weight:bold;font-size: 26px;border-radius:4px;color:#fff;background:#E03322;line-height:1.2;width:46px;height:40px;}
/*.eventCountDown .countDown .phrosCounter .phrosTimer:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:0px 0px 2px 4px rgba(255,255,255,0.4);border-radius:4px}*/
/*.eventCountDown .countDown .phrosCounter .phrosTimer:after{content:'';background:url(../Images/ACN2022/CDVector.png) no-repeat;position: absolute;left: 50px;top: 50%;transform: translateY(-50%);width: 23px;height: 23px;z-index: 2;}*/
.eventCountDown .countDown .phrosCounter .phrosTimer:last-child:after{display:none}
.eventCountDown .countDown .phrosCounter .phrosTimer span{font-weight:normal;color: #fff;font-size: 10px;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);line-height:1}
.news.education .eventCountDown{display:inline-block!important}
/** Header education countdown **/
header .eventCountDown{display:inline-block!important;background:none;border:none;width:100%;}
header .eventCountDown:before{display:none}
header .eventCountDown h3{color:#fff;position:relative;top:auto;left:auto;transform:none;margin:30px 0 30px;font-size:16px;line-height:2}
header .eventCountDown h3 span{display:block;font-size:20px}
header .eventCountDown .countDown{position:relative;bottom:auto;left:auto}
header .eventCountDown h3:before{right:14px;top:6px}
header .eventCountDown .countDown .phrosCounter{width:100%}
header .eventCountDown .countDown .phrosCounter .phrosTimer{width:calc((100% - 24px) / 4);margin:0 4px;height:54px;color: #fff; font-family: Arial; font-size: 32px;background: #4e4e4e;line-height: 1.5;font-weight:normal}
header .eventCountDown .countDown .phrosCounter .phrosTimer:first-child{margin-left:0}
header .eventCountDown .countDown .phrosCounter .phrosTimer:last-child{margin-right:0}
/******************** Education Ticker ********************/
.educationTicker { display: none; width: 1282px; height: 50px; background: #212121;overflow: hidden; position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); z-index: 4; text-align: center; 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 }
.educationTicker .cnts img { float: right; margin-left: 12px; border: none }
.educationTicker .cnts p:before, .educationTicker .cnts a:before{content:"";display:inline-block;background: url(../Images/Thanawya/capThanwya2023.png) no-repeat;position:absolute;right:-42px;top:6px;width: 32px;height: 20px;background-size: 100% auto;pointer-events: none;}
/*.educationTicker .cnts p { cursor: default }*/
.educationTicker .cnts .icon-notify:before { content: ""; float: right; margin-left: 5px; font-size: 20px }
.educationTicker .close {background:#000}
.showEducationTicker .educationTicker {display:inline-block;bottom:0}
.openVideoPopupMain .educationTicker { display: none }


/******************** COP Ticker ********************/
.copTicker { display: none; width: 1282px; height: 50px; background: #006eb7;overflow: hidden; position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); z-index: 4; text-align: center; 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 }
.copTicker .cnts { width: 85%; margin: 0 60px 0 84px; display: inline-block; padding: 8px 0 }
.copTicker .cnts img { float: right; margin-left: 12px; border: none }
.copTicker .cnts p,
.copTicker .cnts a { display: inline-block;position:relative;  color: #fff; font-size: 16px; opacity: 1; transition-delay: 0.3s }
.copTicker .cnts p:before,
.copTicker .cnts a:before{content:"";display:inline-block;background: url(../Images/cop27-icon.png) no-repeat;position:absolute;right:-42px;top:50%;transform:translateY(-50%);width: 40px;height: 40px;background-size: 100% auto;pointer-events: none;}
.copTicker .cnts p span,
.copTicker .cnts a span {  font-size: 15px; margin-right: 5px }
.copTicker .cnts .icon-notify:before { content: ""; float: right; margin-left: 5px; font-size: 20px }
.copTicker .close { position: absolute;background:none; width: 50px; height: 50px;top: 0; left: 0; }
.copTicker .icon-close:before { content: "O"; color: #fff; font-size: 24px; line-height: 2.2; width: 50px }
.showCopTicker .copTicker {display:inline-block;bottom:0}
.openVideoPopupMain .copTicker { display: none }


/******************** COP Chart ********************/
.copChart{padding: 0;background: none;}
.copChart .cntnr{display: inline-block;width: 100%;padding: 16px 0 0;}






/******************** BioInstagram ********************/
.BioInstagram {display:block;max-width: 916px;width: 100%;float: unset;margin: 0 auto;}
.BioTitle {margin-top: 8px!important;margin-bottom: 0px !important;}
.BioLogo,
.BioTitle {margin-top: 15px;width: 100%;position: relative;margin-bottom: 15px;display: inline-block;text-align: center;}
.BioLogo .headerLogo {position: relative;height: 80px;width: 80px;display: inline-block;border-radius: 50%;background: #111111;}
.BioLogo h1 {display: inline-block;text-align: center;color: #111111;font-size: 16px;font-family: DroidKufiBold, arial;cursor:pointer}
.BioLogo .headerLogo img {position: absolute;height: auto;width: 60px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.BioInstagram .social {display: inline-block;float: right;width: 120px;margin: 0 calc((100% - 120px) / 2) 15px;text-align:center;height:40px}
.BioInstagram .social a {display:inline-block;float:right;color: #000;width: 20px;margin-left: 30px;cursor: pointer;line-height:40px}
.BioInstagram .social a:last-child {margin-left:0px;}
.BioInstagram .social a.icon-fb:hover {color: #3b5998;}
.BioInstagram .social a.icon-fb:before {content: "u";font-size: 20px;line-height: 1;}
.BioInstagram  .social a.icon-tw:before {content: "?";font-size: 20px;line-height: 1;}
.BioInstagram .social a.icon-tw:hover {color: #1DA1F2;}
.BioInstagram .social a.icon-yt:before {content: "x";font-size: 22px;line-height: 1;}
.BioInstagram .social a.icon-yt:hover {color: #FF0000;}
.LinkBtn {position: relative;width: 100%;display: inline-block;height: 50px;background-color: rgb(255, 255, 255);color: rgb(8, 8, 8);border: 2px solid #080808;border-radius: 5px;box-shadow: none;margin-bottom: 15px;cursor:pointer;transition:all 0.2s ease-in-out 0s;}
.LinkBtn a {width:100%;height:100%;display:inline-block;line-height:50px;text-align:center;color: #000;font-size: 13px;font-family: DroidKufiBold, arial;cursor: pointer;transition:all 0.2s ease-in-out 0s;}
.LinkBtn:hover {color: #fff ;border: 2px solid #E03322;background-color: #E03322}
.LinkBtn:hover a{color: #fff ;}
.BioGallary {position: relative;width: 100%;height: auto;display: inline-block;}
.BioGallary .GallyList {position: relative;width: 100%;height: auto;display: inline-block;}
.BioGallary .GallyList ul li {float: right;margin-left: 8px;margin-bottom: 8px;width: calc((100% - 16px)/ 3);position: relative;display: inline-block;overflow: hidden}
.BioGallary .GallyList ul li:first-child,
.BioGallary .GallyList ul li:last-child,
.BioGallary .GallyList ul li:not(first-child):nth-child(3n+1) {margin-left: 0px}
.BioGallary.BioGallary .GallyList ul li:first-child {width: 100%;margin-bottom: 8px;}
.BioGallary.BioGallary .GallyList ul li:first-child img {width:100%!important;height:auto!important;}
.BioGallary.BioGallary .GallyList ul li:first-child .BioImg {padding-bottom:50%;}
.BioImg {position: relative;padding-bottom: 100%;width: 100%;display: inline-block;overflow: hidden;}
.BioImg img {width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width:unset}
.BioGallary .list1 .BioImg .galleryIcon{display: block;width: 35px;height: 30px;font-size: 16px;z-index: 1;}
.BioList .BioImg .galleryIcon {display: block;position: absolute;top: 10px;right: 10px;color: #fff;z-index: 1;-webkit-filter: drop-shadow(0 0 0.75px rgba(0, 0, 0, .42)) drop-shadow(0 1px 0.5px rgba(0, 0, 0, .18)) drop-shadow(0 2px 3px rgba(0,0,0,20%));}
.BioList .BioImg .galleryIcon:before {color: #fff;display: inline-block;line-height: 1;}
.BioList .BioImg .galleryIcon.icon-gallery:before {content: ",";font-size: 26px;}
.BioList .BioImg .galleryIcon.icon-video:before {content: ":";font-size: 20px;}
@media screen and (max-width: 1023px) {
.BioInstagram {width: 100%;margin: 0 auto;padding: 0px 10px;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.BioInstagram {width: 100%;margin: 0 auto;padding: 0;}
.LinkBtn{width:calc(100% - 20px);margin:0 calc((100% - calc(100% - 20px)) / 2) 15px}
.BioGallary .GallyList ul li {margin-bottom: 2px;width: calc((100% - 4px)/ 3);margin-left: 2px;}
.BioGallary.BioGallary .GallyList ul li:first-child{margin-bottom:2px}
.BioGallary .GallyList ul li:first-child, 
.BioGallary .GallyList ul li:last-child,
.BioGallary .GallyList ul li:not(first-child):nth-child(3n+1) {margin-left: 0px}
.BioList .BioImg .galleryIcon {top: 5px;right: 2px;}
.BioList .BioImg .galleryIcon.icon-gallery:before {font-size: 20px;}
.BioList .BioImg .galleryIcon.icon-video:before {font-size: 16px;}

.seriesContainer .seriesDiv ul li .bell .bellText{left:-7px}
.seriesContainer .seriesDiv ul li .bell .bellText .arrowDown{left:7px}
.lantern .doaa{width:calc(100% - 75px)}
.lantern{padding:10px 20px}
.ticker-wrap .ticker{height:30px}
/*.seriesContainer .allItems li .bell, .seriesContainer .seriesDiv ul li .bell, .seriesContainer .hint{display:none}*/
}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .educationHeader .headerTop h1{font-size:42px;}
    .amazonHeader .headerTop h1{font-size:42px;}
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .educationHeader .headerTop h1{font-size:38px;transform:translateX(-50%);top:40px}
    .educationHeader .educationSpons a img{width:64px}
    .educationHeader .headerTop:before{background:url(../Images/Thanawya/thanawiaamma200Ree.png) top 65% center no-repeat #b6b5b3;background-size:100%}
    .educationHeader .headerMenu li a{padding:0 18px}
    
    .amazonHeader .headerTop h1{font-size:38px;transform:translateX(-50%);top:40px}
    .amazonHeader .educationSpons a img{width:80px}




}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .educationHeader .headerTop h1{font-size:38px;transform:translateX(-50%);top:40px}
    .educationHeader .educationSpons a img{width:64px}
    .educationHeader .headerTop:before{background:url(../Images/Thanawya/thanawiaamma200Ree.png) top 65% center no-repeat #b6b5b3;background-size:100%}
    .educationHeader .headerMenu li a{padding:0 18px}
    .amazonHeader .headerTop h1{font-size:38px;transform:translateX(-50%);top:40px}
    .amazonHeader .educationSpons a img{width:80px}


}
@media only screen and (max-width: 1023px) {
    .educationHeader .headerTop h1{font-size:38px;transform:translateX(-50%);top:40px}
    .educationHeader .educationSpons a img{width:64px}
    .educationHeader .headerTop:before{background:url(../Images/Thanawya/thanawiaamma200Ree.png) top 65% center no-repeat #b6b5b3;background-size:100%}
    .amazonHeader .headerTop h1{font-size:38px;transform:translateX(-50%);top:40px}
    .amazonHeader .educationSpons a img{width:80px}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .educationHeader{height:184px}
     .educationHeader .headerTop:before{background:url(../Images/Thanawya/thanawiaamma200Ree.png) top 65% center no-repeat #b6b5b3;background-size:100%}

    .educationHeader .headerTop{height:140px}
    .amazonHeader .headerTop{height:140px}
    .copHeader .headerTop{height:140px}
    .educationHeader .headerTop h1{font-size:26px;right:auto;left:50%;top:36px;transform:translate(-50%,0);width:100%;text-align:center}
    .amazonHeader .headerTop h1{font-size:26px;right:auto;left:50%;top:36px;transform:translate(-50%,0);width:100%;text-align:center}
    .copHeader .headerTop h1{font-size:32px;right:70px}
    .copHeader .headerTop h1 span{font-size:16px;}
    .educationHeader .educationSpons{left:auto;top:auto;bottom:0;right:10px;}
    .educationHeader .educationSpons a{margin-right:0;margin-left:10px;float:right}
    .educationHeader .educationSpons a img{width:42px}
    .educationHeader .educationSpons a:last-child img{margin-top:7px}
    .educationHeader .headerMenu ul{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);}
    .educationHeader .headerMenu li{float: none;
    font-size: 12px;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;}
    .educationHeader .headerMenu li a{padding:0 10px;font-size:13px}

    .amazonHeader .educationSpons{left:auto;top:auto;bottom:0;right:10px;}
    .amazonHeader .educationSpons a{margin-right:0;margin-left:10px;float:right}
    .amazonHeader .educationSpons a img{width:50px}
    .amazonHeader .educationSpons a:last-child img{margin-top:7px}
    .amazonHeader .headerMenu ul{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);}
    .amazonHeader .headerMenu li{float: none;
    font-size: 12px;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;}
    .amazonHeader .headerMenu li a{padding:0 12px;font-size:13px}


    .copHeader .headerTop:before{width:174px}
    .copHeader .headerTop:after{width:76px}
    .copHeader .headerMenu ul{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);}
    .copHeader .headerMenu li{float: none;
    font-size: 12px;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;}
    .copHeader .headerMenu li a{padding:0 10px;font-size:13px}



}
/********** RSS **********/
.rssDiv .rssCnts { width: calc(100% - 320px); margin-left: 20px; padding: 12px }
.rssDiv .rssCnts .info { display: inline-block; width: 100%; margin: 24px 0 36px; direction: rtl; background: #f2f2f2; padding: 8px 12px }
.rssDiv .rssCnts .info h3 { display: inline-block; width: 100%; font-family: DroidKufiBold, arial; font-size: 16px; color: #1d1d1d; text-align: right; direction: rtl; font-weight: bold }
.rssDiv .rssCnts .info ul { display: inline-block; width: 100%; padding-right: 24px; }
.rssDiv .rssCnts .info li { display: list-item; width: 100%;  font-size: 14px; color: #1d1d1d; text-align: right; direction: rtl; margin: 12px 0; cursor: default; list-style-type: square; }
.rssDiv .rssCnts .allItems { display: inline-block; width: 100% }
.rssDiv .rssCnts .allItems .item { display: inline-block; width: 100%; padding: 10px 12px; background: #f2f2f2; cursor: pointer; float: right; margin-bottom: 12px; max-height: 50px; 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 }
.rssDiv .rssCnts .allItems .item.open { max-height: 800px }
.rssDiv .rssCnts .allItems .icon-downArrow { position: relative }
.rssDiv .rssCnts .allItems .icon-downArrow:before { content: "q"; position: absolute; left: 12px; top: 12px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); 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 }
.rssDiv .rssCnts .allItems .icon-downArrow.open:before { -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -ms-transform: rotate(-270deg); -o-transform: rotate(-270deg); transform: rotate(-270deg); }
.rssDiv .rssCnts .allItems .item p { float: right; font-family: DroidKufiBold, Arial; font-size: 16px; color: #1d1d1d; margin-bottom: 12px; }
.rssDiv .rssCnts .allItems .item p:after { content: ""; width: 4px; height: 18px; float: right; margin-left: 8px; margin-top: 7px; }
.rssDiv .rssCnts .allItems .item.news p:after { background: #E03322; }
.rssDiv .rssCnts .allItems .item.arts p:after { background: #A8006B; }
.rssDiv .rssCnts .allItems .item.lifeStyle p:after { background: #7b1fa2; }
.rssDiv .rssCnts .allItems .item.sports p:after { background: #056818; }
.rssDiv .rssCnts .allItems .item.autos p:after { background: #1a237e; }
.rssDiv .rssCnts .allItems .item.islameyat p:after { background: #075C99; }
.rssDiv .rssCnts .allItems .item img { float: left; margin-top: 5px; border: none }
.rssDiv .rssCnts .allItems .item .itemExpand { width: 100%; height: 0; visibility: hidden; opacity: 0; 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 }
.rssDiv .rssCnts .allItems .item.open .itemExpand { display: inline-block; height: auto; visibility: visible; opacity: 1 }
.rssDiv .rssCnts .allItems .item .itemExpand li { display: inline-block; width: 100%; padding: 10px 12px; background: #fff; cursor: pointer; float: right; margin-bottom: 2px }
.rssDiv .rssCnts .allItems .item .itemExpand li p { float: right;  font-size: 14px; color: #1d1d1d; margin-bottom: 0 }
.rssDiv .rssCnts .allItems .item .itemExpand li p:after { display: none }
/* Lazyload */
img.lazy { background: url(../Images/lazyLoadBG.jpg?ver=0.1) top left no-repeat; background-size: 100%; position: relative; min-height: 100%; max-width: unset; }
/*img.lazy:after { content: ""; position: absolute; left: 0; top: 0; width: 80%; height: 100%; opacity: 0.7; animation: lazyPosition 2s ease infinite; background: linear-gradient(0deg,transparent,#eee,transparent); background: -webkit-linear-gradient(0deg,transparent,#eee,transparent); background: -o-linear-gradient(0deg,transparent,#eee,transparent); background: -moz-linear-gradient(0deg,transparent,#eee,transparent); background: -ms-linear-gradient(0deg,transparent,#eee,transparent); }
@keyframes lazyPosition {
    from { left: -100%; }
    to { left: 200%; }
}*/
.mobile.seatNumber { display: none }
.article .strip { display: inline-block; margin-bottom: 20px }
.article .strip img { width: 100%; height: auto }
/* Example media queries (reduce number of columns and change slideshow layout) */
@media screen and (max-width: 60em) {
    .surveyDiv .resultDiv .grid li { width: 33.3%; }
    .surveyDiv .resultDiv .slideshow li { width: 100%; height: 100%; top: 0; left: 0; margin: 0; }
    .surveyDiv .resultDiv .slideshow li figure img { width: auto; margin: 0 auto; max-width: 100%; }
    .surveyDiv .resultDiv .slideshow nav span,
    .surveyDiv .resultDiv .slideshow nav span.nav-close { font-size: 1.8em; padding: 0.3em; }
    .surveyDiv .resultDiv .info-keys { display: none; }
}
@media screen and (max-width: 35em) {
    .surveyDiv .resultDiv .grid li { width: 50%; }
}
@media screen and (max-width: 24em) {
    .surveyDiv .resultDiv .grid li { width: 100%; }
}
@media only screen and (max-height: 690px) {
    .surveyDiv .resultDiv .slideshow nav span.nav-close::before, .surveyDiv .resultDiv .slideshow nav span.nav-close::after { background: #1d1d1d }
}
/******** Quiz Details *******/
.article.quizDtls { background-color: transparent }
.article .totalQues { display: inline-block; float: right; width: 600px; margin: 40px calc((100% - 600px) /2) 0; 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; }
.article .totalQues h2 { width: 100%; margin-bottom: 20px; font-family: DroidKufiLight, Arial !important; font-size: 16px !important }
.article .totalQues h6 { font-family: DroidKufiBold, Arial; font-size: 25px; text-align: right; width: 100%; float: right; }
.article .totalQues span.hint {  font-size: 14px; text-align: right; float: right; margin-bottom: 20px; display: inline-block; width: 100%; }
.article .totalQues .quesNumber { display: inline-block; width: 100%; float: right; margin-bottom: 20px }
.article .totalQues .quesNumber h3 { color: #000 !important; font-size: 15px !important; float: right !important; width: auto !important; white-space: unset; line-height: 1 !important; margin: 0 }
.article .totalQues .quesNumber h3 span { color: #000 !important; margin: 0 0 0 4px; float: right; width: auto; white-space: unset; line-height: 1 !important }
.article .totalQues .progressBar { display: inline-block; width: 190px; height: 10px; background-color: #ddd; float: right; margin-right: 20px; border-radius: 5px }
.article .totalQues .progressBar .passedQues { background-color: #6ece53; border-radius: 5px; height: 100% }
.article .totalQues .quesDiv { display: inline-block; width: 100%; position: relative; margin-bottom: 35px; padding: 25px 20px; background-color: #fff; border-radius: 6px; }
.article .totalQues .quesDiv.Answerd { pointer-events: none }
.article .totalQues .question { display: inline-block; float: right; width: 100%; position: relative; }
.article .totalQues .question.quesBoth, .article .details .totalQues .question.quesImg { margin-top: 0 }
.article .totalQues img { display: inline-block; width: 100%; height: auto; margin-bottom: 35px; }
.article .details .totalQues .question.quesImg, article .totalQues .question.quesBoth { margin-top: 0; }
.article .totalQues .question.quesImg .conQues span.dash { line-height: 3.4 }
.article .totalQues .question.quesBoth h4.pQues { margin-bottom: 10px }
.article .totalQues .question .conQues { display: inline-block; width: 100%; height: auto; position: relative; margin-bottom: 30px; }
.article .totalQues .question img { width: 100%; height: auto; margin-top: 20px; padding: 0 30px; margin-bottom: 15px; border: 0 }
.article .totalQues .answer.ansImg { padding: 6px; height: auto; }
.article .totalQues .question h4.pQues { width: auto; float: inherit; font-family: DroidKufiLight,Arial !important; font-size: 20px; color: #000 !important; text-align: center; white-space: unset; margin: 0; max-height: 117px; overflow: hidden; }
.article .totalQues .question h3 {  font-size: 15px; padding: 0 3px; color: #a6a6a6; width: auto; float: right; line-height: 2.4; position: absolute; top: -28px; right: 0; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.article .totalQues .answer { display: inline-block; float: right; width: calc((100% - 25px)/ 2); height: 78px; overflow: hidden; position: relative; text-align: center; cursor: pointer; border-radius: 6px; margin-bottom: 20px; line-height: 1.5; margin-left: 25px; border: 1px solid #ddd; padding: 15px 6px; background-color: #e6e6e6; 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; }
.article .totalQues .answer:last-child, .article .totalQues .answer:nth-of-type(2n+1) { margin-left: 0 }
.article .totalQues .answer label { display: inline-block; width: 100%; font-size: 18px;  color: #000; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.article .totalQues .answer.correct { background-color: #81c465; position: relative; }
.article .totalQues .answer.correct label { color: #fff }
.article .totalQues .answer.correct:before { content: '/'; position: absolute; top: 2px; right: 8px; color: #fff; line-height: 2; font-size: 12px; }
.article .totalQues .answer.wrong { background-color: #eb4949; position: relative; }
.article .totalQues .answer.wrong label { color: #fff }
.article .totalQues .answer.wrong:before { content: 'O'; position: absolute; top: 2px; right: 8px; color: #fff; line-height: 2; font-size: 12px; }
.article .totalQues .answer.multi.correct, .article .totalQues .answer.imgAns.correct { padding: 10px }
.article .totalQues .answer.multi.correct:before, .article .totalQues .answer.imgAns.correct:before { top: 10px; right: 10px; }
.article .totalQues .answer.multi.wrong, .article .totalQues .answer.imgAns.wrong { padding: 10px }
.article .totalQues .answer.multi.wrong:before, .article .totalQues .answer.imgAns.wrong:before { top: 10px; right: 10px; }
.article .totalQues .answer.ansImg { padding: 6px; height: auto; }
.article .totalQues .answer.ansImg.wrong:before { content: 'O'; position: absolute; top: 10px; right: 10px; color: #fff; line-height: 2; font-size: 12px; border-radius: 50%; background-color: #eb4949; width: 25px; height: 25px; }
.article .totalQues .answer img { width: 100%; height: auto; margin: 0; cursor: pointer }
.article .totalQues .answer:hover { background-color: #2d2d2d; }
.article .totalQues .answer:hover label { color: #fff }
.article .totalQues .answer.ansImg.wrong:before { content: 'O'; position: absolute; top: 10px; right: 10px; color: #fff; line-height: 2; font-size: 12px; border-radius: 50%; background-color: #eb4949; width: 25px; height: 25px; }
.article .totalQues .answer.ansImg.correct:before { content: '/'; position: absolute; top: 10px; right: 10px; color: #fff; border-radius: 50%; line-height: 2; font-size: 12px; background-color: #81c465; width: 25px; height: 25px; }
.article .result { display: inline-block; float: right; width: 100%; padding: 20px; 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; }
.article .result .resContainer { width: 500px; display: inline-block; margin: 0 calc((100% - 500px)/ 2); border: 1px solid #c4c4c4; padding: 20px; border-radius: 10px }
.article .result .resContainer span.quizName { width: 100%; color: #949393; font-size: 14px; font-family: DroidKufiLight, Arial !important; }
.article .result .resContainer h5 { display: inline-block; width: 100%; font-size: 16px !important; font-family: DroidKufiBold, Arial !important; color: #363636 !important; cursor: default; margin-bottom: 10px }
.article .result .resContainer h5 span { font-family: DroidKufiBold, Arial !important; font-size: 18px !important; margin: 0 5px }
.article .result .resContainer img { display: inline-block; width: 100%; height: auto; margin: 0 0 10px 0 !important; }
.article .result .resContainer span.funnyWords { display: inline-block; width: 100%; color: #656565; font-size: 15px; font-family: DroidKufiLight, Arial !important; }
.article .result .resContainer span.sharetxt { display: inline-block; width: 100%; padding-top: 10px; font-family: DroidKufiLight, Arial !important; border-top: 1px solid #ddd; font-size: 14px; color: #949393; margin-top: 10px; margin-bottom: 5px }
.article .result .resContainer .shareRes { display: inline-block; width: 380px; margin: 0 calc((100% - 380px) /2); margin-top: 10px }
.article .result .resContainer span.title { display: inline-block; width: 100%; float: right; font-size: 20px; font-family: DroidKufiBold, Arial; margin-bottom: 10px; color: #353535 }
.article .result .resContainer .shareRes a { display: inline-block; float: right; width: 180px; margin: 0 0 0 20px; height: 40px; line-height: 2.5; color: #fff !important;  font-size: 16px !important; text-align: center !important }
.article .result .resContainer .shareRes a:last-child { margin-left: 0 }
.article .result .resContainer .shareRes a.FB { background-color: #3b5999 }
.article .result .resContainer .shareRes a.TW { background-color: #55acee }
.article .totalQues .quesContainer { display: inline-block; overflow-y: scroll }
.quizLoader { display: inline-block; width: 100px; position: relative; margin: 0 calc((100% - 100px)/ 2); margin-top: 20px; }
.quizLoader img { position: absolute; width: 100% !important; height: auto !important; margin: 0 !important; background-color: #f2f2f2 }
.article .totalQues .Answerd .answer label { color: #bbb }
.article .totalQues .Answerd .answer.selected { background: #81c465 }
.article .totalQues .Answerd .answer.selected label { color: #fff }
/******** Quiz Entrypoint *******/
.QEntryPoint { display: inline-block; width: 800px; position: relative; border: 1px solid #d3d3d3; margin: 10px calc((100% - 800px) /2); padding: 35px 30px 30px; }
.QEntryPoint a { white-space: unset !important }
.QEntryPoint .MasrawyIcon { display: inline-block; position: absolute !important; float: right !important; margin: 0 0 0 5px !important; white-space: unset !important; line-height: 1 !important; width: auto !important; top: 10px; right: 10px }
.QEntryPoint .MasrawyIcon img { width: 20px; height: auto; margin: 0 !important; border: 0 }
.QEntryPoint .MasrawyIcon span { display: none }
.QEntryPoint .QDetails { display: inline-block; width: calc(100% - 230px); float: right }
article .details .QEntryPoint span { float: right; color: #E03322 !important; font-size: 16px !important; margin: 0 0 0 5px !important; font-family: DroidKufiBold, Arial !important; width: auto !important; line-height: 2 !important }
.QEntryPoint h5 { display: inline-block; float: right; color: #000 !important; font-family: DroidKufiBold, Arial !important; font-size: 16px !important; margin: 0 !important; width: 100% !important }
.QEntryPoint .Begin { display: inline-block; float: right; width: 130px; color: #fff !important; background-color: #E03322; font-size: 15px !important; cursor: pointer; line-height: 2.4; text-align: center !important; white-space: inherit !important; margin: 20px 0 0 0 !important }
.QEntryPoint .Qimg { display: inline-block; float: left; width: 200px; height: auto; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); margin: 0 !important; border: 0 }
.QEntryPoint.NoImg .QDetails { width: 100% }
/******** Poll *******/
article .articlePoll { display: inline-block; position: relative; float: right; padding: 20px; width: 800px; border: 1px solid #d3d3d3; margin: 0 calc((100% - 800px) /2); }
article .articlePoll .ttl { background: none; border-bottom: none !important; padding-right: 0; margin-bottom: 10px; height: 46px; }
article .articlePoll .ttl h3 { font-size: 16px !important; line-height: 2.5 }
article .articlePoll .ttl h3:after { display: none !important }
article .articlePoll .allItems { display: inline-block; width: 100%; }
article .articlePoll .allItems h3 { display: inline-block; width: 100%; float: right; text-align: right; font-family: DroidKufiBold, Arial; font-size: 16px; color: #000; margin-bottom: 20px }
article .details .articlePoll h3 a { display: inline-block !important; float: right !important; margin: 10px 0 0 5px !important; white-space: unset !important; line-height: 1 !important; width: 25px !important; position: relative !important; }
article .details .articlePoll h3 a img { width: 22px; height: auto; margin: 0 !important; border: 0 !important }
article .articlePoll .allItems .pollBullets { display: inline-block; float: right; width: 100% }
article .articlePoll .allItems input[type="radio"] + label { display: inline-block; width: 100%; height: auto; position: relative; padding: 5px; border: 1px solid #d3d3d3; background-color: #e6e6e6; margin-bottom: 15px;  font-size: 15px; }
article .articlePoll .allItems .btns { display: inline-block; float: right; margin-top: 20px; margin: 0 calc((100% - 105px) /2); position: relative }
article .articlePoll .allItems .btns .vote { float: right; width: 100px; height: 30px; background: #E03322;  font-size: 14px !important; color: #fff !important; text-align: center !important; margin: 0 0 0 4px; line-height: 2.2; }
article .articlePoll .allItems .btns .social { float: right; width: 30px; height: 30px; margin-left: 2px; color: #fff; text-align: center }
article .articlePoll .allItems .btns .social:last-child { margin-left: 0 }
article .articlePoll .allItems .btns .icon-fb { background: #3c5899 }
article .articlePoll .allItems .btns .icon-fb:hover { background: #2c4582 }
article .articlePoll .allItems .btns .icon-fb:before { content: "b"; font-size: 20px; line-height: 1.6 }
article .articlePoll .allItems .btns .icon-tw { background: #229ff3 }
article .articlePoll .allItems .btns .icon-tw:hover { background: #178cd7 }
article .articlePoll .allItems .btns .icon-tw:before { content: "c"; font-size: 20px; line-height: 1.6 }
article .articlePoll .allItems .btns .Popup { position: absolute; width: 300px; background-color: #868686; padding: 5px 10px; top: -55px; right: -200px; }
article .articlePoll .allItems .btns .Popup h6 { color: #fff; float: right; font-size: 15px; }
article .articlePoll .allItems .btns .Popup:before { content: ''; position: absolute; bottom: -8px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #868686; }
article .articlePoll input[type="radio"] + label { color: #000;  font-size: 16px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl }
article .articlePoll input[type="radio"] + label img { width: auto; height: 30px; margin: 0 }
article .articlePoll input[type="radio"] + label span { display: inline-block; margin: 4px 0 0 8px; vertical-align: middle; cursor: pointer; }
/*article .articlePoll input[type="radio"]:checked + label span {background:url(../Images/pollRadio.png) left -12px top no-repeat;}*/
/*article .articlePoll input[type="radio"]:checked + label{background-color:#056818;color:#fff}
article .articlePoll input[type="radio"]:checked + label span{background-color:#056818}*/
article .articlePoll .secondStep { display: inline-block; width: 100%; float: right }
article .articlePoll .secondStep ul { padding-right: 0; float: right }
article .articlePoll .secondStep li { display: inline-block; width: 100%; float: right; margin-bottom: 20px; }
article .articlePoll .secondStep .itemDiv { display: inline-block; width: 100%; float: right }
article .articlePoll .secondStep .itemDiv .item { display: inline-block; width: auto; float: right;  font-size: 16px !important; white-space: unset !important; text-align: right; direction: rtl; color: #000; margin: 0 !important; margin-left: 10px !important }
article .articlePoll .secondStep .itemDiv .votes { display: inline-block; width: auto; float: right;  white-space: unset !important; font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
article .articlePoll .secondStep .itemDiv .votes span { display: inline-block; width: auto; float: left;  font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
article .articlePoll .secondStep .itemDiv .percentage { display: inline-block; width: auto; float: left; font-size: 16px !important; font-weight: bold; margin: 0 !important }
article .articlePoll .secondStep .votesPercent { display: inline-block; float: right; width: 100%; position: relative; height: 6px; background: #ddd; overflow: hidden }
article .articlePoll .secondStep .votesPercent .voteSlide { position: absolute; right: 0; top: 0; width: auto; height: 6px; background: #E03322 }
/******** Quiz Listing *******/
.quizListing .cd-gallery li .desc h2 { text-align: center }
/******** Corona Entrypoint *******/
.coronaEntrypoint { display: inline-block; float: right; width: 100% }
.coronaEntrypoint img { width: 100%; height: auto }
.coronaEntrypoint .corona .title { background: none; height: 30px; padding: 0 }
.coronaEntrypoint .corona .title h3 { line-height: 1 }
.coronaEntrypoint .corona .symptom { display: none }
.coronaEntrypoint .corona .rightSide { width: 100%; margin-bottom: 20px }
.coronaEntrypoint .corona .centerSide { width: calc(100% - 320px); padding: 0 0 0 10px; }
.coronaEntrypoint .corona .allBtns { width: 320px; position: relative; left: 0; bottom: 0 }
.coronaEntrypoint .corona .allBtns li { width: calc((100% - 10.1px) / 2); height: 57px; margin-left: 10px; margin-bottom: 10px; padding: 0 8px }
.coronaEntrypoint .corona .allBtns li:nth-child(2n) { margin-left: 0 }
.coronaEntrypoint .corona .allBtns li:nth-last-child(-n+2) { margin-bottom: 0 }
.coronaEntrypoint .corona .centerSide .content { padding: 0 0 20px; height: 124px }
.coronaEntrypoint .corona .centerSide .content .country { margin-bottom: 0 }
.coronaEntrypoint .corona .centerSide .content .country:last-child { display: none }
.coronaEntrypoint .corona .allBtns li .icon { float: right; height: 45px; width: 30px; padding-top: 13px }
.coronaEntrypoint .corona .allBtns li .btn { width: calc(100% - 30px); height: 57px }
.coronaEntrypoint .corona .allBtns li .btn p { font-size: 12px; position: relative; text-align: right; padding: 0 10px 0 0 }
.coronaEntrypoint .corona .centerSide .content .country li p { font-size: 12px }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .coronaEntrypoint .corona .centerSide { width: calc(100% - 122px) }
    .coronaEntrypoint .corona .centerSide .content .country li p { font-size: 11px; }
    .coronaEntrypoint .corona .allBtns { width: 122px; margin-top: 0 }
    .coronaEntrypoint .corona .allBtns li { width: 56px; padding: 0 }
    .coronaEntrypoint .corona .allBtns li .icon { width: 100% }
    .coronaEntrypoint .corona .allBtns li .btn { display: none }
}
@media screen and (max-width: 1023px) {
    .coronaEntrypoint .corona .allBtns { margin-top: 0 }
    .seriesContainer { width: 100%; margin-left: 0 }
    .eventCountDown{margin:0 calc((100% - 300px) /2) 20px}
     .ramadanPoll { margin: 0 calc((100% - 300px) / 2) 20px }

}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .coronaEntrypoint .corona .rightSide { margin-bottom: 10px }
    .coronaEntrypoint .corona .centerSide { width: 100%; padding: 0 }
    .coronaEntrypoint .corona .centerSide .content { height: auto }
    .coronaEntrypoint .corona .centerSide .content .country li p { font-size: 11px; }
    .coronaEntrypoint .corona .allBtns { width: 100%; margin-top: 10px }
    .coronaEntrypoint .corona .allBtns li { width: calc((100% - 30.1px) / 4); padding: 0 }
    .coronaEntrypoint .corona .allBtns li .icon { width: 100% }
    .coronaEntrypoint .corona .allBtns li .btn { display: none }
    .coronaEntrypoint .corona .allBtns li:nth-child(2n) { margin-left: 10px }
    .coronaEntrypoint .corona .allBtns li:last-child { margin-left: 0 }
    .coronaEntrypoint .corona .allBtns li:nth-last-child(-n+4) { margin-bottom: 0 }
}
/******************** Medical Services ********************/
/** Right Side **/
.featuredArea .masrawyTools{display:inline-block;width:100%;float:right;position:relative;background:none;margin-top:50px}
.featuredArea .masrawyTools .servicesCnts{display:inline-block;width:100%;float:right;margin-top:0;padding:16px 0 0}
.featuredArea .masrawyTools ul li{float:right;width:calc((100% - 48.1px)/ 4);height:127px;padding: 0;border:1px solid #e8e8e8;background:#fff;margin-left:16px;margin-bottom:16px;position:relative}
.featuredArea .masrawyTools ul li:nth-child(4n) {margin-left: 0;}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4) {margin-bottom: 0;}
.featuredArea .masrawyTools ul li:hover{border:1px solid #E03322}
/*.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}*/
/*.featuredArea .masrawyTools ul li:nth-last-child(-n+2){margin-bottom:0}*/
/*.featuredArea .masrawyTools ul li:last-child{margin-left:0}*/
.featuredArea .masrawyTools ul li .secIcon{position:relative;top:0;left:0;margin-left:0;width: 100%;height: 84px;background-color: transparent;border-radius:0;border: 0;border-top: 0;text-align:center;font-size:48px;color:#E03322}
.featuredArea .masrawyTools ul li .secIcon:before{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height: 1}
.featuredArea .masrawyTools ul li .secIcon:after{display:none}
.featuredArea .masrawyTools ul li .calcName{display:inline-block;width:100%;height:30px;float:right;position:relative}
.featuredArea .masrawyTools ul li p{display:inline-block;width:100%;padding:0 10px;font-size:13px;color:#1d1d1d;text-align:center;line-height:1.4;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);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;}
.featuredArea .masrawyTools ul li:hover p{color:#E03322}
.featuredArea .masrawyTools.fixed{position:relative}
.featuredArea .masrawyTools ul li .icon-currency:before{content:"d"}
.featuredArea .masrawyTools ul li .icon-gold:before{content:"2"}
.featuredArea .masrawyTools ul li .icon-weather:before{content:"J"}
.featuredArea .masrawyTools ul li .icon-prayer:before{content:"T"}
.featuredArea .masrawyTools ul li .icon-matches:before{content:"e"}
.featuredArea .masrawyTools ul li .icon-archive:before{content:"c";font-size:44px}
.featuredArea .masrawyTools ul li .icon-live:before{content:"a"}
.featuredArea .masrawyTools ul li .icon-cross:before{content:"8";font-size:44px}
.featuredArea .masrawyTools ul li .icon-vas:before{content:"I"}
/** Left Side **/
aside .masrawyTools ul li{width: calc((100% - 16.1px) / 2);margin-bottom:16px;margin-left: 16px;}
aside .masrawyTools ul li:nth-child(2n){margin-left:0}
aside .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:16px}
aside .masrawyTools ul li:nth-child(7), aside .masrawyTools ul li:nth-child(8){margin-bottom:0}
@media screen and (min-width:1680px) and (max-width:1919px) {
    .featuredArea .masrawyTools ul li{width:calc((100% - 48.1px) / 4);margin-bottom:16px}
.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}

.Quiz2022 .quiz .predHint .hintMsg h3:nth-child(2n) {  font-size: 20px; }
.Quiz2022 .quiz .quizDekor.quizSteps{ padding: 60px 145px 60px 32px;}
.Quiz2022 .quiz .quizProtID{right:145px}
.Quiz2022 .quiz .quizSteps .beforeContainer {width: 130px; height: 130px;}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{left:18px}
.Quiz2022 .quiz .quizSteps .beforeContainer span { font-size: 88px; }
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-top: 92px solid transparent;border-bottom: 92px solid transparent;border-right: 92px solid #fff;right: -13px;top: -59px;}
.Quiz2022 .quiz .quizDekor.quizHint .dekor{background-position: 0 -15px, 32px 0, 80px -12px;background-size: 15%, 22% ,16%;left:20px}
.Quiz2022 .quiz .quizSteps .dekor{left:20px}
.Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
}
@media screen and (min-width:1600px) and (max-width:1679px) {
        .featuredArea .masrawyTools ul li{width:calc((100% - 48.1px) / 4);margin-bottom:16px}
.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}

.Quiz2022 .quiz .predHint .hintMsg h3:nth-child(2n) {  font-size: 20px; }
.Quiz2022 .quiz .quizDekor.quizSteps { padding: 60px 145px 60px 32px;}
.Quiz2022 .quiz .quizProtID{right:145px}
.Quiz2022 .quiz .quizSteps .beforeContainer {width: 130px; height: 130px;}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{left:18px}
.Quiz2022 .quiz .quizSteps .beforeContainer span { font-size: 88px; }
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-top: 92px solid transparent;border-bottom: 92px solid transparent;border-right: 92px solid #fff;right: -13px;top: -59px;}
.Quiz2022 .quiz .quizDekor.quizHint .dekor{background-position: 0 -15px, 32px 0, 80px -12px;background-size: 15%, 22% ,16%;left:20px}
.Quiz2022 .quiz .quizSteps .dekor{left:20px}
.Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
}
@media screen and (min-width:1536px) and (max-width:1599px) {
            .featuredArea .masrawyTools ul li{width:calc((100% - 48.1px) / 4);margin-bottom:16px}
.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}

.Quiz2022 .quiz .predHint .hintMsg h3:nth-child(2n) {  font-size: 20px; }
.Quiz2022 .quiz .quizDekor.quizSteps { padding: 60px 145px 60px 32px;}
.Quiz2022 .quiz .quizProtID{right:145px}
.Quiz2022 .quiz .quizSteps .beforeContainer {width: 130px; height: 130px;}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{left:18px}
.Quiz2022 .quiz .quizSteps .beforeContainer span { font-size: 88px; }
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-top: 92px solid transparent;border-bottom: 92px solid transparent;border-right: 92px solid #fff;right: -13px;top: -59px;}
.Quiz2022 .quiz .quizDekor.quizHint .dekor{background-position: 0 -15px, 32px 0, 80px -12px;background-size: 15%, 22% ,16%;left:20px}
.Quiz2022 .quiz .quizSteps .dekor{left:20px}
.Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
}
@media screen and (min-width:1440px) and (max-width:1535px) {
            .featuredArea .masrawyTools ul li{width:calc((100% - 48.1px) / 4);margin-bottom:16px}
.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}

.Quiz2022 .quiz .predHint .hintMsg h3:nth-child(2n) {  font-size: 20px; }
.Quiz2022 .quiz .quizDekor.quizSteps { padding: 60px 145px 60px 32px;}
.Quiz2022 .quiz .quizProtID{right:145px}
.Quiz2022 .quiz .quizSteps .beforeContainer {width: 130px; height: 130px;}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{left:18px}
.Quiz2022 .quiz .quizSteps .beforeContainer span { font-size: 88px; }
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-top: 92px solid transparent;border-bottom: 92px solid transparent;border-right: 92px solid #fff;right: -13px;top: -59px;}
.Quiz2022 .quiz .quizDekor.quizHint .dekor{background-position: 0 -15px, 32px 0, 80px -12px;background-size: 15%, 22% ,16%;left:20px}
.Quiz2022 .quiz .quizSteps .dekor{left:20px}
.Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
            .featuredArea .masrawyTools ul li{width:calc((100% - 48.1px) / 4);margin-bottom:16px}
.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}

.Quiz2022 .quiz .predHint .hintMsg h3:nth-child(2n) {  font-size: 20px; }
.Quiz2022 .quiz .quizDekor.quizSteps{ padding: 60px 145px 60px 32px;}
.Quiz2022 .quiz .quizProtID{right:145px}
.Quiz2022 .quiz .quizSteps .beforeContainer {width: 130px; height: 130px;}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{left:18px}
.Quiz2022 .quiz .quizSteps .beforeContainer span { font-size: 88px; }
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-top: 92px solid transparent;border-bottom: 92px solid transparent;border-right: 92px solid #fff;right: -13px;top: -59px;}
.Quiz2022 .quiz .quizDekor.quizHint .dekor{background-position: 0 -15px, 32px 0, 80px -12px;background-size: 15%, 22% ,16%;left:20px}
.Quiz2022 .quiz .quizSteps .dekor{left:20px}
.Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
        .featuredArea .masrawyTools ul li {width: calc((100% - 30.1px) / 4);margin-left: 10px;margin-bottom: 10px;}
.featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0}
.featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}

.Quiz2022 .quiz .predHint .hintMsg h3:nth-child(2n) {  font-size: 18px; }
.Quiz2022 .quiz .quizDekor.quizSteps { padding: 68px 128px 60px 32px;}
.Quiz2022 .quiz .quizProtID{right:128px}
.Quiz2022 .quiz .quizSteps .beforeContainer {width: 110px; height: 110px;}
.Quiz2022 .quiz .quizSteps .beforeContainer:before{left:15px}
.Quiz2022 .quiz .quizSteps .beforeContainer span { font-size: 76px; }
.Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-top: 78px solid transparent;border-bottom: 78px solid transparent;border-right: 78px solid #fff;right: -11px;top: -50px;}
.Quiz2022 .quiz .quizDekor.quizHint .dekor{background-position:0px -15px, 25px 0, 66px -12px;background-size: 13%, 19% ,15%;left:20px}
.Quiz2022 .quiz .quizSteps .dekor{left:20px}
.Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}

}
@media screen and (min-width:1152px) and (max-width:1279px) {
        .featuredArea .masrawyTools ul li {width: calc((100% - 30.1px) / 4);margin-left: 10px;margin-bottom: 10px;}
    .featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0;}
    .featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}
    .featuredArea .masrawyTools ul li p{padding:0 5px;font-size:14px}
    .featuredArea .masrawyTools ul li .secIcon{height:72px;font-size:52px}
    aside .masrawyTools ul li:nth-child(3n) {margin-left: 16px;}
    aside .masrawyTools ul li:nth-child(2n) {margin-left: 0}

}
@media screen and (min-width:1024px) and (max-width:1151px) {
        .featuredArea .masrawyTools ul li {width: calc((100% - 30.1px) / 4);margin-left: 10px;margin-bottom: 10px;}
    .featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0;}
    .featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}
    .featuredArea .masrawyTools ul li p{padding:0 5px;font-size:14px}
    .featuredArea .masrawyTools ul li .secIcon{height:72px;font-size:52px}
    aside .masrawyTools ul li:nth-child(3n) {margin-left: 16px;}
    aside .masrawyTools ul li:nth-child(2n) {margin-left: 0}
    aside .masrawyTools ul li:nth-last-child(-n+3){margin-bottom:16px;}
    aside .masrawyTools ul li:nth-last-child(-n+2){margin-bottom:0}

}
@media only screen and (max-width: 1023px) {
        .featuredArea .masrawyTools ul li {width: calc((100% - 30.1px) / 4);margin-left: 10px;margin-bottom: 10px;}
    .featuredArea .masrawyTools ul li:nth-child(4n){margin-left:0;}
    .featuredArea .masrawyTools ul li:nth-last-child(-n+4){margin-bottom:0;}
    .featuredArea .masrawyTools ul li p{padding:0 5px;font-size:14px}
    .featuredArea .masrawyTools ul li .secIcon{height:68px;font-size:48px}

}
@media screen and (min-width: 320px) and (max-width: 767px) {
        aside .masrawyTools ul li{margin-left:6px;width: calc((100% - 30.1px) / 6);}
    aside .masrawyTools ul li p{padding:0 5px;font-size:14px}
    aside .masrawyTools ul li .secIcon{height:68px;font-size:48px}
    aside .masrawyTools ul li:nth-child(2n) {margin-left: 6px;}
    aside .masrawyTools ul li:last-child{margin-left:0}
}
/******** Speakol *******/
.speakol { box-shadow: none; border-bottom: 1px solid #ddd; position: relative; z-index: 2 }
.speakol-widget { position: relative; z-index: 2; display: inline-block; float: right; width: 100% }
.speakol .ttl span { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 17px; color: #fff; display: inline-block; line-height: 36px; padding: 0px 16px; background: #E03322; }
.news .speakol .ttl span { background: #E03322 }
.sports .speakol .ttl span { background: #056818 }
.arts .speakol .ttl span { background: #A8006B }
.howa_w_hya .speakol .ttl span { background: #7b1fa2; }
.autos .speakol .ttl span { background: #1a237e }
.islameyat .speakol .ttl span { background: #075C99 }
.ramadan .speakol .ttl span { background: #330D46 }
/*.speakol .ttl{border-bottom:0!important;position: absolute;width:auto;top: -5px;right: 10px;z-index: 5;}*/
/******** Infinite Listing - Article Page *******/
.article.cd-gallery { display: inline-block; width: 100%; margin-left: 0; background: none; padding: 0; margin-top: 30px }
.article.cd-gallery .infiniteListing li { display: inline-block; width: 100%; float: right; padding: 30px 80px; background: #fff; margin-bottom: 30px; cursor: auto }
.article.cd-gallery .infiniteListing li .item { display: inline-block; float: right; width: 100%; text-align: center }
.article.cd-gallery .infiniteListing li .articleHeader { display: inline-block; width: 100%; float: right; margin-bottom: 0; position: relative; z-index: 2; }
.article.cd-gallery .infiniteListing li h3 { font-family: DroidKufiBold,Arial; font-size: 22px; color: #1d1d1d; direction: rtl; margin-bottom: 30px; line-height: 1.6; text-align: right }
.article.cd-gallery .infiniteListing li .secName { display: inline-block; float: right; font-family: DroidKufiBold, Arial; font-size: 14px; color: #fff; margin-bottom: 20px; text-align: center; position: relative; top: 0; right: 0 }
.article.cd-gallery .infiniteListing li .time { padding: 0; text-align: right; margin-bottom: 20px; font-size: 13px; }
.article.cd-gallery .infiniteListing li .icon-time:before { font-size: 14px; line-height: 26px; }
.article.cd-gallery .infiniteListing li .imgDiv { display: inline-block; float: right; margin: 0 auto; overflow: hidden; width: 100%; max-width: 810px; padding-bottom: 20px; margin-bottom: 20px; position: relative; z-index: 2; border-bottom: 1px solid #ddd }
.article.cd-gallery .infiniteListing li .imgDiv .imageCntnr { padding-bottom: 56.25%; float: right; max-width: 810px; width: 100%; position: relative; }
.article.cd-gallery .infiniteListing li .imgDiv .imageCntnr img { width: 100%; height: auto; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); }
.article.cd-gallery .infiniteListing li.icon-image:before,
.article.cd-gallery .infiniteListing li.icon-video:before { display: none }
.article.cd-gallery .infiniteListing li.icon-video .imageCntnr span,
.article.cd-gallery .infiniteListing li.icon-image .imageCntnr span { position: absolute; width: 32px; height: 32px; text-align: center !important; left: 4px; top: 4px; z-index: 1; margin: 0; line-height: 32px; text-align: center; background: #E03322; border-radius: 50%; }
.article.cd-gallery .infiniteListing li.icon-video .imageCntnr span:before,
.article.cd-gallery .infiniteListing 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; }
.article.cd-gallery .infiniteListing li.icon-image .imageCntnr span:before { content: "t";  }
.article.cd-gallery .infiniteListing li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
.article.cd-gallery .infiniteListing li.innerListingAds { background: none; padding: 0 }
.article.cd-gallery .infiniteListing li.innerListingAds .adTtl {  text-align: center; color: #666; background: #fff; font-size: 11px !important; width: auto; height: 16px; max-height:16px; line-height: 16px; cursor: default; }
.article.cd-gallery .infiniteListing li .moreBtn { display: inline-block; float: right; width: 200px; height: 44px; background: #ddd; margin: 0 calc((100% - 200px) / 2);  font-size: 14px; color: #1d1d1d; text-align: center; line-height: 44px }
.article.cd-gallery .infiniteListing li.news .moreBtn:hover { background: #E03322; color: #fff }
.article.cd-gallery .infiniteListing li.sports .moreBtn:hover { background: #056818; color: #fff }
.article.cd-gallery .infiniteListing li.arts .moreBtn:hover { background: #A8006B; color: #fff }
.article.cd-gallery .infiniteListing li.howa_w_hya .moreBtn:hover { background: #7b1fa2; color: #fff }
.article.cd-gallery .infiniteListing li.autos .moreBtn:hover { background: #1a237e; color: #fff }
.article.cd-gallery .infiniteListing li.islameyat .moreBtn:hover { background: #075C99; color: #fff }
.article.cd-gallery .infiniteListing li.ramadan .moreBtn:hover { background: #330D46; color: #fff }
.article.cd-gallery .infiniteListing li.speakol-widget{padding:0 0 16px}
/**************** Election 2018 ***************/
.electionDiv .votesDiv { width: calc(100% - 320px); margin-left: 20px; padding: 0; float: right; display: inline-block }
.electionDiv .votesDiv .main { display: inline-block; width: 100%; margin-bottom: 24px; padding: 20px }
.electionDiv .votesDiv .main h1 { display: inline-block; float: right; width: 100%;  font-size: 28px; color: #1d1d1d; margin-bottom: 40px }
.electionDiv .votesDiv .main h1 span { font-weight: bold }
.electionDiv .votesDiv .main .votesRes { display: inline-block; float: right; width: 100% }
.electionDiv .votesDiv .main .votesRes h2 { display: inline-block; float: right; width: 100%; font-family: DroidKufiBold, Arial; font-size: 20px; color: #1d1d1d; margin-bottom: 50px }
.electionDiv .votesDiv .main .votesRes .presBar { display: inline-block; width: 100%; float: right }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar { display: inline-block; width: calc(100% - 70px); height: 30px; position: relative; background: #f2f2f2; margin: 0 35px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 40px; border: 0.5px dashed #ddd; z-index: 1 }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg { display: inline-block; position: absolute; bottom: -5px; z-index: 1; height: 70px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg img { width: 70px; height: 70px; border-radius: 40px; border: 2px solid #fff; overflow: hidden; }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg h3 { display: block;  font-size: 14px; color: #1d1d1d; margin-top: 5px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi { right: -35px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi img { float: right; margin-left: 5px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi h3 { float: right }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi .icon-check:before { content: "3"; color: #d03b2f; margin-right: 10px; font-size: 20px; margin-top: 1px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa { left: -35px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa img { float: left; margin-right: 5px }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa h3 { float: left }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .elsisiBar { position: absolute; height: 100%; right: 0; background: #d03b2f }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .elsisiBar p { float: right; font-family: Arial; color: #fff; font-size: 16px; margin-right: 40px; line-height: 2 }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .mousaBar { position: absolute; height: 100%; left: 20px; background: #fbc01c }
.electionDiv .votesDiv .main .votesRes .presBar .voteBar .mousaBar p { float: left; font-family: Arial; color: #1d1d1d; font-size: 16px; margin-left: 20px; line-height: 2 }
.electionDiv .votesDiv .main .votesRes .totalVotes { display: inline-block; width: 100%; float: right; position: relative; height: 30px }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes { position: absolute; bottom: 5px; }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi { right: 0 }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p { font-family: Arial; color: #1d1d1d; font-size: 13px; font-weight: bold; direction: rtl; cursor: text; text-align: right; float: right; }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p span { color: #999; font-weight: normal }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p span:before { content: "|"; margin: 0 5px; color: #999; font-size: 13px }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa { left: 0 }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p { font-family: Arial; color: #1d1d1d; font-size: 13px; font-weight: bold; direction: ltr; cursor: text; text-align: left; float: left; }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p span { color: #999; font-weight: normal }
.electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p span:before { content: "|"; margin: -5px 5px; color: #999; font-size: 13px }
/** Summary **/
.electionDiv .votesDiv .summary { display: inline-block; width: 100%; float: right; padding: 20px }
.electionDiv .votesDiv .summary .item { float: right; display: inline-block; width: 100%; margin-bottom: 20px }
.electionDiv .votesDiv .summary .item:last-child { margin-bottom: 0 }
.electionDiv .votesDiv .summary .item label { float: right; width: 200px; font-family: DroidKufiBold, Arial; font-size: 14px; color: #1d1d1d; display: inline-block; text-align: right }
.electionDiv .votesDiv .summary .item p { float: right; display: inline-block; width: 150px;  font-size: 16px; color: #1d1d1d; cursor: text }
.electionDiv .votesDiv .summary .item .summaryBar { display: inline-block; width: calc(100% - 350px); height: 20px; position: relative; background: #f2f2f2; margin-top: 5px }
.electionDiv .votesDiv .summary .item .summaryBar .allBar { position: absolute; height: 100%; right: 0; background: #1d1d1d }
.electionDiv .votesDiv .summary .item .summaryBar .elsisiBar { position: absolute; height: 100%; right: 0; background: #d03b2f }
.electionDiv .votesDiv .summary .item .summaryBar .mousaBar { position: absolute; height: 100%; right: 0; background: #fbc01c }
.electionDiv .votesDiv .summary .item .summaryBar .fakeBar { position: absolute; height: 100%; right: 0; background: #ccc }
/************** World Cup *************/
/*.wcBg .cd-main-content{background:#f7f3eb}
.wcBg .masrawyContainer{background:#f7f3eb}
.wcBg .masrawyContainer:before {content: "";width: 100%;height: 100%;background: url(../Images/wcPatternBg.png) repeat left top;position: absolute;left: 0;top: 0;opacity: .3;z-index: 1;}
.ACNDiv .masrawyContainer:before {content: "";width: 100%;height: 100%;background: url(../Images/Masrawy-Pattern.png) repeat left top;position: absolute;left: 0;top: 0;opacity: .03;background-size:35%;z-index: 1;}
.wcBg .content-wrap{background:none}
.wcBg .content{background:none}*/
.wcBg .content-wrap:after { content: ""; width: 100%; height: 100%; background: url(../Images/Masrawy-Pattern.png) repeat left top; position: absolute; left: 0; top: 0; opacity: .03; background-size: 35%; z-index: 1; }
.wcBg .content { background: none; z-index: 2; padding: 0 }
.wcBg .groupStandingHP { float: right; display: inline-block; width: 100%; padding: 12px }
.wcBg .groupStandingHP .groups { display: inline-block; width: 100%; float: right; margin-top: 20px }
.wcBg .groupStandingHP .groups .table { display: inline-block; width: calc((100% - 40px) / 3); max-height: 210px; margin-left: 20px; margin-bottom: 20px; float: right; background: #f5f5f5; position: relative }
.wcBg .groupStandingHP .groups .table:nth-child(3n) { margin-left: 0 }
.wcBg .groupStandingHP .groups .table:nth-last-child(-n+3) { margin-bottom: 5px }
.wcBg .groupStandingHP .groups .table .grpTitle { display: inline-block; float: right; width: 100%; height: 28px; text-align: center; color: #fff;  font-size: 13px; background: #056818; line-height: 2.2 }
.wcBg .groupStandingHP .groups .table:after { content: ""; position: absolute; left: 50%; bottom: -32px; transform: translateX(-50%); /*background:url(../Images/wcGroupBg.png) no-repeat center center;*/ width: 100%; height: 32px; background-size: auto 100%; }
.wcBg .groupStandingHP .groups .table .wRow { display: inline-block; float: right; width: 100%; height: 44px; padding: 8px 0 }
.wcBg .groupStandingHP .groups .table .wRow:nth-child(odd) { background: #f2f2f2 }
.wcBg .groupStandingHP .groups .table .wRow:nth-child(even) { background: #f8f8f8 }
.wcBg .groupStandingHP .groups .table .wRow:nth-of-type(2) { margin-top: 6px }
.wcBg .groupStandingHP .groups .table .wRow .item { float: right; color: #000; font-size: 16px; text-align: center; line-height: 1.5; font-family: arial; width: 30px; }
.wcBg .groupStandingHP .groups .table .wRow .item:nth-child(2) { width: calc(100% - 60px) }
.wcBg .groupStandingHP .groups .table .wRow .team { text-align: right; direction: rtl; }
.wcBg .groupStandingHP .groups .table .wRow .team img { float: right; margin-left: 5px; margin-top: 3px; width: auto; height: 16px; border: none }
.wcBg .groupStandingHP .groups .table .wRow .item p { text-align: right; color: #000; font-size: 13px;  line-height: 1.8; float: right; display: inline-block; cursor: auto }
.wcBg .mobawaba.wcEp { background: #a90507 }
.wcBg .entrypoints { margin-left: 0 }
.wcBg .entrypoints ul { height: 171px !important }
.wcBg .entrypoints ul li img { height: 171px; }
/** WC HP **/
.wcBg { background: #f7f3eb; position: relative }
.wcBg:before { content: ""; width: 100%; height: 100%; background: url(../Images/wcPatternBg.png) repeat left top; position: absolute; left: 0; top: 0; opacity: 0.4; z-index: 0; }
.wcBg .ttl { overflow: unset }
.wcBg .ttl h3 { position: relative }
.wcBg .ttl h3:after { content: ""; width: 4px; height: 24px; background: #056818; float: right; margin-left: 12px; margin-top: 4px; }
/** WC HP **/
.wcHp { background: #fff; position: relative }
.wcHp:before { content: ""; width: 100%; height: 100%; background: url(../Images/Masrawy-Pattern.png) repeat left top -20px; background-size: 30%; position: absolute; left: 0; top: 0; opacity: 0.03; z-index: 0; }
.wcHp .ttl { overflow: unset }
.wcHp .ttl h3 { position: relative }
.wcHp .ttl h3:after { content: ""; width: 4px; height: 24px; background: #056818; float: right; margin-left: 12px; margin-top: 4px; }
.wcHp:after { content: "برعاية"; width: 70px; height: 50px; background: url(../Images/zedLogo.png?=1) no-repeat left top; background-size: auto 40px; position: absolute; left: 50%; transform: translateX(-50%); top: 6px; z-index: 1; line-height: 3; text-align: right;  font-size: 12px; color: #1d1d1d }
/*.wcHp:after{content: "";width: 100%;height: 100%;background: url(../Images/wcPatternBg.png) repeat left top;position: absolute;left: 0;top: 0;opacity: 0.6;z-index: 0;}
.wcHp .ttl{border-bottom: 1px solid #f7f3eb;z-index:1;position:relative}
.wcHp .ttl h2 a{color:#eee3c5}
.wcHp .ttl h2:after{background:#f3ebd5}
.wcHp .ttl .more{color:#eee3c5}
.wcHp .ttl .more:hover {color: #e6cb93;}
.wcHp.pattern02 ul li:nth-last-child(-n+3) .desc p {color: #f3ebd5}
.wcHp.pattern02 ul li:nth-last-child(-n+3) .item:hover .desc p {color: #e6cb93}
.wcHp.pattern02 ul li a img{border:1px solid #0061a8}
.wcHp.pattern02 ul li:nth-last-child(-n+3) .secName{color:#fff}
.wcHp.pattern02 ul li:nth-last-child(-n+3) .secName:hover {color: #e6cb93}
.wcHp.pattern02 ul li:nth-last-child(-n+3) .secName:after{background:#fff}*/
/************ Group Standing Page ***********/
.allGroups { display: inline-block; width: calc(100% - 320px); margin-left: 20px; float: right; background: none; box-shadow: none }
.allGroups .groupTtlStand { display: inline-block; width: 100%; height: 36px; float: right; direction: rtl; text-align: right; font-family: DroidKufiBold,Arial; font-size: 18px; color: #1d1d1d; margin-bottom: 5px }
.allGroups .groupTtlStand h2 { float: right; display: inline-block; line-height: 2.2; }
.allGroups .table { display: inline-block; width: 100%; float: right; margin-bottom: 20px; }
.allGroups .table .ttlRow { display: inline-block; width: 100%; background: #1d1d1d; float: right; height: 30px; }
.allGroups .table .ttlRow .itemTtl { float: right; padding: 2px 0;  color: #fff; font-size: 13px; text-align: center; width: 60px; }
.allGroups .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 540px); text-align: right; padding-right: 10px; }
.allGroups .table .wRow { display: inline-block; width: 100%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; height: 58px; float: right; position: relative; }
.allGroups .table .wRow .item { float: right; color: #b9b9b9; font-size: 16px; text-align: center; line-height: 2.5; font-family: arial; width: 60px; padding: 10px; margin-left: 0; margin-bottom: 0; background: 0 0; }
.allGroups .table .wRow .item:nth-child(2) { width: calc(100% - 540px); padding-right: 10px; }
.allGroups .table .wRow .team img { float: right; margin-left: 10px; width: auto; height: 36px; border: none }
.allGroups .table .wRow .item p { text-align: right; color: #000; font-size: 13px;  line-height: 3; }
.allGroups .table .wRow .item:last-child { color: #000; font-weight: 700; }
/************ ACN 2019 ***********/
.acn .cd-main-content { transition: none }
.acn .content-wrap { padding: 0; background: #12290f; transition: none }
.acn .content { padding: 0 }
.top10Main { margin-bottom: 0 }
.top10Main p { cursor: auto }
.top10Main .top10Cntnr { position: absolute; width: calc(100% - 32px); height: calc(100% - 32px); top: 16px; right: 16px; bottom: 16px; left: 16px }
.top10Ttl { width: 100%; height: 70px; background: rgba(0,0,0,0.4); float: right; display: inline-block; padding: 0 16px 0 0; margin-bottom: 16px }
.top10Ttl h1 { display: inline-block; width: calc(100% - 265px); float: right; font-family: DroidKufiBold, Arial; font-size: 26px; color: #fff; text-align: right; direction: rtl; line-height: 2.5 }
.top10Ttl h1 span { font-family: CenturyGothicBold, DroidKufiBold, Arial; font-size: 28px }
.top10Main h1 span:first-child { color: #99ca43 }
.top10Main .zedSponsor { position: absolute; display: inline-block; bottom: 20px; left: -118px; }
.top10Main .zedSponsor p { line-height: 3;  font-size: 14px; color: #d2d3d3; cursor: auto; width: 100%; text-align: right; }
.top10Main .zedSponsor a { float: left }
.top10Main .zedSponsor img { width: auto; height: 120px; border: none }
.top10ListMain { display: inline-block; float: right; width: 100%; height: calc(100% - 88px) }
.top10ListMain .list { display: inline-block; float: left; background: rgba(0,0,0,0.4); margin-left: 16px; width: calc(100% - 262px); padding: 16px }
/** Table **/
.top10ListMain .list .ttlRow { display: inline-block; width: 100%; background: rgba(0,0,0,0.5); float: right; height: 58px; margin-bottom: 16px; padding: 0 16px }
.top10ListMain .list .ttlRow .itemTtl { float: right; padding: 2px 0; font-family: droidKufiBold, arial; color: #99ca43; font-size: 14px; text-align: center; width: calc((100% - 116px) / 4); line-height: 3.8 }
.top10ListMain .list .ttlRow .itemTtl:nth-child(1) { width: 116px; text-align: right }
.top10ListMain .list .ttlRow .itemTtl:nth-child(2) { text-align: right; padding-right: 10px }
.top10ListMain .list .wRow { display: inline-block; width: 100%; background: rgba(0,0,0,0.5); border-bottom: 0; height: 52px; float: right; position: relative; padding: 0 16px; margin-bottom: 16px }
.top10ListMain .list .wRow:last-child { margin-bottom: 0 }
.top10ListMain .list .wRow .item { float: right; color: #fff; font-size: 14px; text-align: center; line-height: 2.4;  width: calc((100% - 116px) / 4); padding: 8px 10px }
.top10ListMain .list .wRow .item:nth-child(1) { width: 116px; text-align: right; font-family: CenturyGothicBold, arial; font-size: 20px; line-height: 1.6 }
.top10ListMain .list .wRow .item:nth-child(2) { padding-right: 10px; }
.top10ListMain .list .wRow .item p { text-align: right; color: #fff; font-size: 14px;  line-height: 2.6; display: inline-block; position: relative; cursor: pointer }
/*.top10ListMain .list .wRow .item p:after{content:"";width:100%;height:1px;background:#fff;bottom:-10px;left:0;right:0;position:absolute}*/
.top10ListMain .list .wRow .item a:hover p { color: #99ca43 }
.top10ListMain .list .wRow .team { text-align: right; direction: rtl;  }
.top10ListMain .list .wRow .team img { float: right; margin-left: 10px; width: auto; width: 36px; height: 36px; border: none; overflow: hidden }
.top10ListMain .list .wRow .country { padding: 14px 10px; line-height: unset }
.top10ListMain .list .wRow .dtls img { width: auto; height: 24px; border: none; overflow: hidden }
.top10ListMain .list .wRow .item:last-child { text-align: center; font-family: CenturyGothicBold, arial; font-size: 20px; line-height: 1.6 }
.top10ListMain .list .wRow .item:last-child span { font-family: DroidKufiLight, arial; font-size: 12px; top: -3px; position: relative }
.top10ListMain .top3 { display: inline-block; float: left; width: 246px }
.top10ListMain .top3 .player { float: right; margin-bottom: 16px; width: 100%; height: auto; position: relative; overflow: hidden; background: rgba(0,0,0,0.4); padding-bottom: 100% }
.top10ListMain .top3 .player:last-child { margin-bottom: 0 }
.top10ListMain .top3 .player img { width: 100%; height: 100%; border: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1 }
.top10ListMain .top3 .player .rank { position: absolute; bottom: 0; left: 0; width: 46px; height: 46px; background: #E03322; font-family: CenturyGothicBold, Arial; color: #fff; font-size: 26px; text-align: center; line-height: 1.8; z-index: 2 }
.top10Ttl .afconBack { display: inline-block; float: left; width: 246px; height: 100%; background-color: #000; }
.top10Ttl .afconBack span { color: #fff;  font-size: 18px; line-height: 4 }
.top10Ttl .afconBack:before { content: ''; color: #fff; font-size: 18px; margin-left: 5px; }
.top10Ttl .afconBack:hover { background-color: #99ca43; }
.top10Main .fShare { width: 44px; height: 44px; background-color: #3b5998; position: absolute; display: inline-block; right: -44px; top: 33px; }
.top10Main .fShare:before { content: 'u'; color: #fff; line-height: 2.3; font-size: 20px; }
.top10Main .fShare span { display: inline-block; width: 100%; float: right; text-align: center;  color: #3b5998; font-size: 11px; background: #fff; height: 16px; position: absolute; right: 0; top: -16px; line-height: 1.6; }
.malaab .fShare { width: 44px; height: 44px; background-color: #3b5998; position: absolute; display: inline-block; right: -44px; top: 33px; }
.malaab .fShare:before { content: 'u'; color: #fff; line-height: 2.3; font-size: 20px; }
.malaab .fShare span { display: inline-block; width: 100%; float: right; text-align: center;  color: #3b5998; font-size: 11px; background: #fff; height: 16px; position: absolute; right: 0; top: -16px; line-height: 1.6; }
/** Top10 ProfilePlayer **/
/*.playerProfile{padding-bottom:56%}*/
.playerProfile .top10Ttl { padding: 0 16px 0 0 }
.playerProfile .top10Ttl .zedSponsor { margin-left: 10px }
.playerProfile .top10Ttl .pLogo { display: inline-block; float: right; margin-top: 16px; margin-left: 20px }
.playerProfile .top10Ttl .pLogo img { display: inline-block; border: none; width: auto; height: 40px }
.playerProfile .top10Ttl h1 { width: auto; }
.playerProfile .top10Ttl h1 span {font-size: 18px; }
/*.playerProfile.top10Main .TTLArrow{display:inline-block;float:left;height:100%;margin-left:4px}*/
.playerProfile.top10Main .rArrow { background-color: rgba(0,0,0,0.4); position: absolute; right: -156px; top: 50%; transform: translateY(-50%); width: 60px; height: 90px; border-bottom-left-radius: 90px; border-top-left-radius: 90px; 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; }
.playerProfile.top10Main .rArrow:hover { background-color: #99ca43 }
.playerProfile.top10Main .rArrow:before { content: 'r'; line-height: 2.3; }
.playerProfile.top10Main .lArrow:before { content: 'q'; line-height: 2.3; }
.playerProfile.top10Main .pArrow:before { color: #99ca43; font-size: 40px; 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; }
.playerProfile.top10Main .pArrow:hover:before { color: #fff; font-size: 40px }
.playerProfile.top10Main .pArrow a { display: inline-block; position: absolute; top: 0; right: 0; width: 100%; height: 100% }
.playerProfile.top10Main .lArrow { background-color: rgba(0,0,0,0.4); position: absolute; left: -156px; top: 50%; transform: translateY(-50%); width: 60px; height: 90px; border-bottom-right-radius: 90px; border-top-right-radius: 90px; 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; }
.playerProfile.top10Main .lArrow:hover { background-color: #99ca43 }
.playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { display: inline-block; float: right; width: 370px; height: 100%; margin-left: 15px }
.playerProfile .top10ListMain .leftSide { margin-left: 0; margin-right: 15px }
.playerProfile .top10ListMain .playerBlock { display: inline-block; position: relative; background: rgba(0,0,0,0.4); width: 100%; padding: 0 15px 30px 15px; margin-bottom: 15px }
.playerProfile .top10ListMain .playerInfo { float: right; height: auto; }
.playerProfile h2 { display: inline-block; width: 100%; float: right; font-family: DroidKufiBold, Arial; font-size: 18px; color: #fff; text-align: right; direction: rtl; line-height: 2.5; color: #99ca43; margin-bottom: 15px }
.playerProfile .top10ListMain .playerInfo .topDtls, .playerProfile .top10ListMain .playerInfo .bottomDtls { display: inline-block; width: 100%; position: relative }
.playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 41px }
.playerProfile .top10ListMain .playerInfo .topDtls .pDtls { display: block; width: auto; position: absolute; right: 20px; top: 0; }
.playerProfile .top10ListMain .playerInfo .topDtls .pDtls p { color: #666;  font-size: 16px; text-align: center; }
.playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { display: block; color: #fff; font-size: 18px; line-height: 1.5; }
.playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { position: absolute; right: auto; left: 20px; top: 0; }
.playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 16px }
.playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { display: inline-block; width: min-content; margin: 0 calc((100% - 152px) /2); }
.playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { display: inline-block; border: none; width: 152px; height: auto }
.playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { top: auto; right: auto; width: 100%; text-align: center; left: 50%; transform: translateX(-50%) }
.playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 14px; float: right;  margin-left: 0; text-align: center; width: 100%; }
.playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { display: inline-block; float: unset; font-size: 15px; line-height: 1.8 }
.playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls.pTeam p { color: #99ca43 }
.playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP { display: block; float: right; width: auto; }
.playerProfile .top10ListMain .playerInfo .bottomDtls p { color: #666; font-size: 15px; text-align: center; }
.playerProfile .top10ListMain .playerInfo .bottomDtls span { display: inline-block; color: #fff; font-size: 14px; line-height: 1.5; }
.playerProfile .top10ListMain .playerInfo .bottomDtls span:nth-child(2n+1) { font-size: 12px }
.playerProfile .top10ListMain .playerInfo .bottomDtls .length { float: left }
.playerProfile .top10ListMain .playerInfo .bottomDtls .birth { display: inline-block; float: none }
.playerProfile .top10ListMain .playerStatistics { float: right; height: auto; margin-bottom: 0; padding-bottom: 16px }
.playerProfile .top10ListMain .playerStatistics li { display: inline-block; width: 100%; float: right; padding: 12px 0 }
.playerProfile .top10ListMain .playerStatistics li p { display: inline-block; width: calc(100% - 35px); color: #99ca43; font-size: 15px }
.playerProfile .top10ListMain .playerStatistics li p span { color: #fff }
.playerProfile .top10ListMain .playerStatistics li img { border: none; display: inline-block; float: right; width: 30px; height: 30px; margin-left: 5px; margin-top: -2px; }
.playerProfile .top10ListMain .playerStatistics li:nth-child(2n+1) { background: rgba(0,0,0,0.3) }
.playerProfile .top10ListMain .leftSide { float: left }
.playerProfile .top10ListMain .leftSide .pMoney { display: inline-block; width: 100%; text-align: center }
.playerProfile .top10ListMain .leftSide .pMoney p { display: inline-block; width: 100%; color: #fff; font-size: 36px; text-align: center; line-height: 1 }
.playerProfile .top10ListMain .leftSide .pMoney p span { color: #fff; font-size: 14px; line-height: 1.5; }
.playerProfile .top10ListMain .leftSide .tshirt { display: inline-block; width: auto; margin-left: 30px; line-height: 1 }
.playerProfile .top10ListMain .leftSide .tshirt:last-child { margin-left: 0 }
.playerProfile .top10ListMain .leftSide .tshirt p { display: inline-block; width: 100px; height: 100px; position: relative }
.playerProfile .top10ListMain .leftSide .tshirt p:before { content: ''; color: #b22324; font-size: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; }
.playerProfile .top10ListMain .leftSide .tshirt p span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 26px; }
.playerProfile .top10ListMain .leftSide .tshirt span { display: block; text-align: center; color: #fff;  font-size: 15px }
.playerProfile .top10ListMain .leftSide .playerPosition img { display: inline-block; width: auto; height: 320px; border: none }
.playerProfile .top10ListMain .centerSide { display: inline-block; float: right; width: calc(100% - 770px); height: 100% }
.playerProfile .top10ListMain .centerSide .playerBlock { height: 100%; margin-bottom: 0 }
.playerProfile .top10ListMain .centerSide .playerTable { display: inline-block; width: 100% }
.playerProfile .top10ListMain .centerSide .playerTable .titleRow, .playerProfile .top10ListMain .centerSide .playerTable .playerRow { display: inline-block; width: 100%; float: right; height: 50px; padding: 0 16px }
.playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem { float: right;  color: #99ca43; font-size: 16px; text-align: right; width: 140px; line-height: 3; }
.playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 100px !important; text-align: center !important }
.playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 360px) !important }
.playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { float: right; color: #fff; font-size: 14px; text-align: right; width: 140px; line-height: 3.5 }
.playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem.years span {  font-size: 11px }
.playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { border: none; display: inline-block; float: right; width: auto; height: 20px; margin-left: 10px; margin-top: 14px }
.playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams p {  font-size: 14px; }
.playerProfile .top10ListMain .centerSide .playerTable .playerRow:nth-child(2n+1), .playerProfile .top10ListMain .centerSide .playerTable .titleRow { background: rgba(0,0,0,0.3) }
.playerProfile .top10ListMain .leftSide .playerPosition { margin-bottom: 0 }
.playerProfile .top10Ttl h1 span:first-child { color: #fff }
.playerProfile .top10Ttl .back { display: inline-block; width: 160px; height: 100%; background: #111; float: left; color: #fff;  font-size: 16px; line-height: 4.3 }
.playerProfile .top10Ttl .back:hover { background: #99ca43 }
.playerProfile .top10ListMain .leftSide .tshirt p.manchester:before { color: #6caddf }
.playerProfile .top10ListMain .leftSide .tshirt p.naboly:before { color: #2651a5 }
.playerProfile .top10ListMain .leftSide .tshirt p.liverpool:before { color: #c90008 }
.playerProfile .top10ListMain .leftSide .tshirt p.lel:before { color: #ba2627 }
.playerProfile .top10ListMain .leftSide .tshirt p.krastalBalace:before { color: #1b458f }
.playerProfile .top10ListMain .leftSide .tshirt p.madrid:before { color: #2d315f }
.playerProfile .top10ListMain .leftSide .tshirt p.eyaks:before { color: #de0000 }
.playerProfile .top10ListMain .leftSide .tshirt p.egypt:before { color: #ce1127 }
.playerProfile .top10ListMain .leftSide .tshirt p.senegal:before { color: #008540 }
.playerProfile .top10ListMain .leftSide .tshirt p.ivory:before { color: #f67f00 }
.playerProfile .top10ListMain .leftSide .tshirt p.guinea:before { color: #ce1127 }
.playerProfile .top10ListMain .leftSide .tshirt p.algeria:before { color: #006233 }
.playerProfile .top10ListMain .leftSide .tshirt p.ghana:before { color: #fff }
.playerProfile .top10ListMain .leftSide .tshirt p.morocco:before { color: #e61938 }
.playerProfile .top10ListMain .leftSide .tshirt p.cameron:before { color: #007a5e }
.playerProfile.top10Main.andre .lArrow, .playerProfile.top10Main.salah .rArrow { background-color: rgba(0,0,0,0.2); }
.playerProfile.top10Main.andre .lArrow:before, .playerProfile.top10Main.salah .rArrow:before { color: rgba(153, 202, 67,0.2); }
.playerProfile.top10Main.andre .lArrow a, .playerProfile.top10Main.salah .rArrow a { cursor: default; pointer-events: none }
.acn .masrawyContainer { padding-bottom: 47%; position: relative; background: url(../Images/ACN/Top10BG.jpg?ref=0.1) no-repeat center center; background-size: 100% auto }
.acn .content-wrap { background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100% }
.acn .content { background: none; height: 100%; padding: 0 }
.acn .container { background-color: #192a17 }
.top10ListMain .list .table { display: inline-block; float: right; width: 100%; }
.malaab #loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.container-ACN.malaab { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; padding-bottom: 55%; margin: 0px; }
.malaab .Mob-logo-ACN { display: none }
.malaab .Mob-logo-ACN .logoMob { position: absolute; top: 0; right: 0; width: 122px; mix-blend-mode: screen; border: none; }
.malaab .Mob-logo-ACN .sponsorMob { position: absolute; top: 0; left: 15px; width: 35px; border: none; }
.malaab #field { width: 100%; height: 100%; background: url('../Images/ACN/stadium-rasterized.jpg') top left no-repeat; background-size: 100% 100%; overflow: hidden; float: right; position: absolute; top: 0; right: 0 }
.malaab #field::after { content: ''; width: 80px; height: 122px; background: url('../Images/ACN/zed-logo.png')no-repeat; background-size: 100% 100%; position: absolute; top: 50px; left: 50px }
.malaab #field::before { content: 'لحظات تاريخية للفراعنة في افريقيا'; width: 400px; height: 194px; background: url('../Images/ACN/mal3ab-el-can-logo.gif')no-repeat; background-size: 100% 100%; position: absolute; top: 25%; left: 50%; transform: translate(-50%, 0); mix-blend-mode: screen; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;  font-size: 14px; color: #FFF; line-height: .5 }
.malaab .pulse { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 20px; border-radius: 50%; background-color: #efe5c6; }
.malaab .pulse:before { content: ''; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; background: transparent; border-radius: 50%; border: 1px solid #efe5c6; animation: animate 1s linear infinite; opacity: 0; }
.malaab .pulse.pHover { width: 55px; background-color: #ffb600 }
.malaab .pulse.pHover:before { border: 1px solid #ffb600 }
@KeyFrames animate {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(2); opacity: 0; }
}
.malaab .pulse:hover { animate: none; }
.malaab .box { position: absolute; /*width: 110px;  height: 48px;*/ background-position: 0px 0px; background-repeat: no-repeat; z-index: 1; }
.malaab .box:hover { z-index: 9 }
.malaab .aa { position: relative; opacity: 0; visibility: hidden; width: 35px; height: 20px; margin: 0 auto; top: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.malaab .pulse:hover > .aa { pointer-events: all; opacity: 1; visibility: visible; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; }
.malaab .pInActive { top: 0; left: 0; opacity: 1; position: absolute; background: #5d9e4c; mix-blend-mode: screen; }
.malaab .pActive { top: 0px; left: 50%; transform: translate(-50%, -50%); transition: opacity 0s ease 0s; opacity: 1; }
/*.cutOut {
 background-image: url('images/player-w-shadows.png'); 
width: 230px;
height: 147px;
background-repeat: no-repeat;
background-size: contain;
}*/
.malaab .window-ACN { background: #fdf3e1; position: absolute; width: 940px; height: 530px; top: 50%; left: 50%; transition: /*top 1s ease, left 1s ease, transform*/ 0.4s ease; box-shadow: 0 25px 30px rgba(0,0,0,.5); }
.malaab .wInActive { top: 30%; left: 50%; background: #fdf3e1; position: absolute; width: 900px; height: 420px; transform: translate(-50%) scale(0); z-index: 9999; padding-top: 60px; }
.malaab .wActive { transition: /*top 1s ease, left 1s ease, transform */ 0.4s ease; transform: translateX(-50%) scale(1); top: 30px; left: 50%; background: #fdf3e1; position: absolute; width: 900px; height: 480px; z-index: 9999; padding-top: 60px; }
.malaab .content-ACN { position: absolute; width: 320px; height: 156px; padding: 8px 10px; margin: 0px; border: 2px solid #fff; top: -150px; left: 28px; color: #fff; background: #0a1c30; font-size: 10px; opacity: 1; box-shadow: 0 2px 2px 1px rgba(0,0,0,.3); z-index: 99; }
.malaab .content-ACN .text { float: right; display: inline-block; width: calc(100% - 120px); margin-left: 20px }
.content-ACN img { mix-blend-mode: screen; width: 100px; height: auto; border: none; float: right; margin-top: 25px; }
.malaab .content-ACN i { margin: 6px; float: left; line-height: 1.2; }
.malaab .box:hover > .content-ACN { opacity: 1; transition: opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); pointer-events: none; -webkit-transition: opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); -moz-transition: opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); -ms-transition: opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); -o-transition: opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); }
.malaab .content-ACN.cNone { display: none }
.malaab h1 { margin: 0px; padding: 0px; text-align: right; font-family: DroidKufiBold,Arial; font-size: 15px; color: #fff; line-height: 1.6; margin-bottom: 5px; }
.malaab h2 { margin: 0px; padding: 0px; font-size: 12px; text-align: right;  color: #fff; }
.malaab h3 { text-align: right; margin: 0px; padding: 0px; font-size: 14px;  color: #fff; }
.malaab #trigger1 { top: 69%; left: 71%; transform: translate(50px, 12px); }
/*1*/
.malaab #trigger2 { top: 73%; left: 47%; transform: translate(50px, 12px); }
/*2*/
.malaab #trigger3 { top: 83%; left: 8%; transform: translate(50px, 12px); }
/*3*/
.malaab #trigger4 { top: 75%; left: 30%; transform: translate(50px, 12px); }
/*4*/
.malaab #trigger5 { top: 70%; left: 55%; transform: translate(50px, 12px); }
/*5*/
.malaab #trigger6 { top: 69%; left: 65%; transform: translate(50px, 12px); }
/*6*/
.malaab #trigger7 { top: 70%; left: 22%; transform: translate(50px, 12px); }
/*7*/
.malaab #trigger8 { top: 72%; left: 75%; transform: translate(50px, 12px); }
/*8*/
.malaab #trigger9 { top: 69%; left: 29%; transform: translate(50px, 12px); }
/*8*/
.malaab #trigger10 { top: 77%; left: 73%; transform: translate(50px, 12px); }
/*10*/
.malaab #trigger11 { top: 76%; left: 67%; transform: translate(50px, 12px); }
/*11*/
.malaab #trigger12 { top: 85%; left: 47%; transform: translate(50px, 12px); }
/*11*/
.malaab #trigger13 { top: 73%; left: 18%; transform: translate(50px, 12px); }
/*13*/
.malaab #trigger14 { top: 68%; left: 75%; transform: translate(50px, 12px); }
/*14*/
/*#trigger1 .cutOut {background-image: url('../Images/ACN/1.gif');}
#trigger2 .cutOut {background-image: url('../Images/ACN/2.gif');}
#trigger3 .cutOut {background-image: url('../Images/ACN/3.gif');}
#trigger4 .cutOut {background-image: url('../Images/ACN/4.gif');}
#trigger5 .cutOut {background-image: url('../Images/ACN/5.gif');}
#trigger6 .cutOut {background-image: url('../Images/ACN/6.gif');}
#trigger7 .cutOut {background-image: url('../Images/ACN/7.gif');}
#trigger8 .cutOut {background-image: url('../Images/ACN/8.gif');}
#trigger9 .cutOut {background-image: url('../Images/ACN/9.gif');}
#trigger10 .cutOut {background-image: url('../Images/ACN/10.gif');}
#trigger11 .cutOut {background-image: url('../Images/ACN/11.gif');}
#trigger12 .cutOut {background-image: url('../Images/ACN/12.gif');}
#trigger13 .cutOut {background-image: url('../Images/ACN/13.gif');}
#trigger14 .cutOut {background-image: url('../Images/ACN/14.gif');}*/
.malaab .link p { position: absolute; width: 85px; height: 25px; background: #e03124; margin: 0px; padding: 0px; text-align: center; cursor: pointer; user-select: none; font-size: 12px;  bottom: 8px; color: #fff; line-height: 1.9; }
.malaab .yellowBK { position: absolute; display: inline-block; top: 25px; left: -30px; border: none; }
.malaab .wcontainer { position: relative; display: inline-block; width: 100%; height: 100%; }
.malaab .textp { display: inline-block; float: right; width: 335px; padding: 0 20px 0 10px; max-height: 520px }
.malaab .textp .date { display: inline-block; width: 100%; text-align: right; font-size: 16px; color: #000;  margin: 0; padding: 0; float: right }
.malaab iframe { border: 6px solid black; padding: 0px; background: #fdf3e1; bottom: 10%; left: -95px; width: 620px; height: 380px; position: absolute }
.malaab .close-ACN { position: absolute; top: -40px; right: 20px; cursor: pointer; user-select: none; color: #000; z-index: 999 }
.malaab .close-ACN:before { content: "O"; display: block; font-size: 20px; line-height: 1; margin: 2px 0; color: #000 }
.malaab .close-ACN:hover { color: #000; }
.malaab .next img { position: absolute; right: -100px; top: 50%; transform: translateY(-50%); cursor: pointer; user-select: none; width: 75px; height: 95px; border: none; }
.malaab .prev img { position: absolute; left: -200px; top: 50%; transform: translateY(-50%); cursor: pointer; user-select: none; width: 75px; height: 95px; border: none; }
.malaab #info1 { display: inline-block; float: right; width: 100%; text-align: center; margin-top: 5px; }
.malaab #info1 p { position: relative; font-size: 18px; text-align: right;  color: #000; margin: 0; padding: 0 }
.malaab .showMore { display: inline-block; width: 100px; height: 35px; background-color: #e03124; text-align: center; float: right; margin-top: 45px; border: 2px solid #000; cursor: pointer }
.malaab .showMore p { color: #fff; position: relative; height: 100%; font-size: 15px;  text-align: center; margin: 0; padding: 1px; line-height: 1.9 }
.malaab .showMore p i { display: inline-block; position: absolute; left: 8px; line-height: 2; font-size: 16px; }
.malaab #title h1 { position: relative; text-align: right; font-size: 28px;  color: #000; }
.malaab .remainText { opacity: 0; position: absolute; top: 25px; }
.malaab .remainText p { position: relative; /*max-height:180px;*/ font-size: 16px; text-align: right;  color: #000; transition: max-height 0.4s; padding: 10px 20px; }
.malaab .openText { max-height: 520px; display: inline-block; text-align: right; }
.malaab #title { display: inline-block; width: 100%; float: right; text-align: center }
.malaab .back { display: inline-block; width: 100px; height: 35px; background-color: #e03124; text-align: center; float: right; margin-top: 45px; margin-right: 20px; border: 2px solid #000; cursor: pointer }
.malaab .back p { color: #fff; position: relative; height: 100%; font-size: 15px;  text-align: center; margin: 0; padding: 1px; line-height: 1.9 }
.malaab .back p i { display: inline-block; position: absolute; left: 8px; line-height: 2; font-size: 16px; }
.malaab .show { opacity: 1; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; }
.malaab .hide { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; }
.malaab .Text-Mob { display: none }
/** shift pattern **/
/*.shiftPattern{background:#000;position:relative}
.shiftPattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(../Images/shiftPatternBK4.jpg?ref=0.1) top left no-repeat;background-size:cover;opacity:0.1;z-index:1 }
.shiftPattern .shiftHeader{display:inline-block;width:100%;height:60px;float:right;padding:0 20px;position:relative;z-index:2}
.shiftPattern .shiftHeader a{display: inline-block;width: 120px;height: 100%;float: right;padding: 10px 0;position: relative;}
.shiftPattern .shiftHeader a img{display: inline-block;width: 115px;height: auto;border: none;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.shiftPattern .shiftHeader a.more{float: left;color: #26ff00;width: auto;height: auto;display:inline-block;font-size:16px;line-height:2.5}
.shiftPattern .shiftContent{display:inline-block;width:60%;float:right;height:auto;padding:20px;    margin: 0 calc((100% - 60%)/ 2) 20px;position:relative;z-index:2}
.shiftPattern .shiftButtons{display:inline-block;margin-top:20px;width:100%;padding:0 150px;margin-bottom:20px;position:relative;z-index:2}
.shiftPattern .shiftButtons ul li{display:inline-block;float:right;width:calc((100% - 100px) /6);margin-left: 20px;padding:10px;border: 1px solid #26ff00;background-color:#000;}
.shiftPattern .shiftButtons ul li:last-child{margin-left:0}
.shiftPattern .shiftButtons ul li a{display:inline-block;width:100%;color:#fff;font-family: DroidKufiBold, Arial;text-align: center;}
.shiftPattern .shiftButtons ul li a:before{color:#26ff00;font-size:34px;line-height:1.5;display:block}
.shiftPattern .shiftButtons ul li a.reviewsbutton:before{content:'!'}
.shiftPattern .shiftButtons ul li a.newsbutton:before{content:'g'}
.shiftPattern .shiftButtons ul li a.reportsbutton:before{content:'.'}
.shiftPattern .shiftButtons ul li a.usedCarsbutton:before{content:'l'}
.shiftPattern .shiftButtons ul li a.comparebutton:before{content:'{'}
.shiftPattern .shiftButtons ul li a.specsbutton:before{content:';'}
.shiftPattern .shiftButtons ul li a span{color:#fff;font-size:14px;display:inline-block}*/
/*.shiftPattern .shiftButtons ul li a span:before{content: '';width: 20px;height: 1px;background-color: #19b200;display: block;margin: 0 auto;margin-bottom: 10px;}*/
.shiftPattern .shiftButtons ul li:hover { transform: scale(1.1); transform-origin: center; }
.cd-hero__content--img img { position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: none; }
.cd-hero__content--img { position: relative !important; overflow: hidden; padding-bottom: calc((calc(100% - 270px) * 60) / 100); display: inline-block; width: calc(100% - 270px) !important; float: right; margin-right: 0; float: right !important; top: auto !important; left: auto !important }
.cd-hero__slider { position: relative; height: 370px; width: 100%; overflow: hidden; }
.cd-hero__content--half-width { display: inline-block; float: left; width: 250px; position: relative; height: 100% }
.cd-hero__content--half-width h2 { font-family: DroidKufiBold, Arial; font-size: 18px; color: #fff; line-height: 2; width: 240px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; max-height: 180px; overflow: hidden }
.cd-hero__slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateZ(0px); transform: translateZ(0px); will-change: transform; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cd-hero__nav { position: absolute; right: -8px; z-index: 2; text-align: center; height: 100%; width: 15px; top: 50%; transform: translateY(-50%); }
.cd-hero__nav nav { display: inline-block; position: absolute; width: 100%; height: auto; top: 50%; transform: translateY(-50%); right: 0 }
.cd-hero__nav a { display: inline-block; position: relative; width: 12px; height: 12px; background-color: #a8b4be; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; border-radius: 50% }
.cd-hero__nav li { display: inline-block; width: 12px; height: 12px; float: left; margin-bottom: 8px }
.cd-hero__marker,
.cd-hero__nav li { width: 12px; }
.cd-hero__marker { position: relative; bottom: 0; left: 0; width: 12px; height: 100%; color: #d44457; background-color: #19b200; -webkit-box-shadow: inset 0 2px 0 currentColor; box-shadow: inset 0 2px 0 currentColor; -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s; transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s; }
.cd-hero__nav .cd-selected a { background-color: #26ff00 }
.cd-hero__nav nav, .cd-hero__nav ul, .cd-hero__nav li, .cd-hero__nav a { height: 12px; }
.cd-hero__slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateZ(0px); transform: translateZ(0px); will-change: transform; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cd-hero__slide.cd-hero__slide--selected { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.cd-hero__slide.cd-hero__slide--move-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.cd-hero__slide.cd-hero__slide--is-moving,
.cd-hero__slide.cd-hero__slide--selected { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.cd-hero__slide { background-position: center center; background-size: cover; background-repeat: no-repeat; }
/* Single slide animation */
.cd-hero__content.cd-hero__content--half-width { opacity: 0; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); }
.cd-hero__slide--move-left .cd-hero__content.cd-hero__content--half-width { -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); }
.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.cd-hero__slide--is-moving .cd-hero__content.cd-hero__content--half-width { /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s; }
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2),
.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s; }
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type,
.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s; }
.shiftPatternClip {display:inline-block;float:right;width:100%;height:460px;margin-bottom:50px}
.elconsoltoPatternClip {display:inline-block;float:right;width:100%;height:580px;margin-bottom:50px}
.shiftPattern { background: #000; position: relative; z-index: 0;}
.shiftPattern:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../Images/shiftPatternBK4.jpg?ref=0.1) top left no-repeat; background-size: cover; opacity: 0.1; z-index: 1 }
.shiftPattern .shiftHeader { display: inline-block; width: 100%; height: 60px; float: right; padding: 0 20px; position: relative; z-index: 2; border-bottom: 1px solid #3b3b3b; margin-bottom: 20px }
.shiftPattern .shiftHeader a { display: inline-block; width: 120px; height: 100%; float: right; padding: 10px 0; position: relative; }
.shiftPattern .shiftHeader a img { display: inline-block; width: 115px; height: auto; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.shiftPattern .shiftHeader a.more { float: left; color: #26ff00; width: auto; height: auto; display: inline-block;  font-size: 16px; line-height: 2.5 }
.shiftPattern .shiftHeader p { color: #fff; font-family: DroidKufiBold, Arial; overflow: hidden; font-size: 20px; width: auto; float: right; line-height: 3; }
.shiftPattern .shiftContent { display: inline-block; width: calc(100% - 330px); float: right; height: auto; padding: 20px; position: relative; z-index: 2; }
.shiftPattern .shiftButtons { display: inline-block; width: 100%; float: right }
.shiftPattern .shiftButtons ul li { display: inline-block; float: right; width: calc((100% - 20px) /2); margin-left: 20px; padding: 10px; border: 1px solid #26ff00; background-color: #000; }
.shiftPattern .shiftButtons ul li:last-child, .shiftPattern .shiftButtons ul li:nth-of-type(2n) { margin-left: 0 }
.shiftPattern .shiftButtons ul li a { display: inline-block; width: 100%; color: #fff;  text-align: center; }
.shiftPattern .shiftButtons ul li a:before { color: #26ff00; line-height: 50px; display: block }
.shiftPattern .shiftButtons ul li a.reviewsbutton:before { content: '!'; font-size: 34px; }
.shiftPattern .shiftButtons ul li a.newsbutton:before { content: 'g';font-size: 28px; }
.shiftPattern .shiftButtons ul li a.reportsbutton:before { content: '.';font-size: 28px; }
.shiftPattern .shiftButtons ul li a.usedCarsbutton:before { content: 'l' ;font-size: 28px;}
.shiftPattern .shiftButtons ul li a.comparebutton:before { content: '{' ;font-size: 40px;}
.shiftPattern .shiftButtons ul li a.specsbutton:before { content: ';';;font-size: 36px; }
.shiftPattern .shiftButtons ul li a span { color: #fff; font-size: 14px; display: inline-block }
.shiftPattern ul li { display: inline-block; position: relative; width: calc((100% - 20px) /2); float: right; margin-left: 20px; margin-bottom: 20px; }
.shiftPattern ul li:nth-of-type(2n) { margin-left: 0 }
.shiftPattern ul li:nth-of-type(5), .shiftPattern ul li:last-child { margin-bottom: 0 }
.shiftPattern ul li .imageCntnr { float: right; display: inline-block; position: relative; overflow: hidden; width: 150px; padding-bottom: calc((150px * 66.6) /100); margin-left: 20px; }
.shiftPattern ul li .imageCntnr img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none;}
.shiftPattern ul li .desc { float: right; width: calc(100% - 170px); height: auto; cursor: pointer; display: inline-block; }
.shiftPattern ul li .desc p { color: #fff;  max-height: 92px; overflow: hidden; font-size: 14px; line-height: 1.6; max-height: 68px; 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; }
.shiftPattern ul li:hover .desc h2 { color: #26ff00 }
.shiftPattern .shiftHeader .poweredBy { display: inline-block; width: 100px; height: 100%; float: left !important; position: relative; margin: 0; padding: 0 }
.shiftPattern .shiftHeader .poweredBy img { display: inline-block; width: 100px; height: auto; border: none; }
/** Shift Search **/
.shiftPattern .shiftSearch { display: inline-block; width: 100%; float: right }
.shiftClipRotate { display: inline-block; float: right; width: 320px; height: 362px; overflow: hidden; padding: 5px 10px; position: relative; z-index: 2; border-right: 1px solid #454545; padding-right: 20px; }
.shiftPattern .clipRotate { display: inline-block; float: right; position: relative; }
/*.shiftPattern .shiftSearch .headerItem {
    width: 100%;
    float: right;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #454545;
    position: relative;
}*/
.shiftPattern .shiftSearch .headerItem .inTtl { display: inline-block; float: right; width: auto; text-align: right; color: #fff; font-size: 15px; line-height: 20px; margin-bottom: 0; font-family: DroidKufiBold,arial }
.shiftPattern .carSearch .formDiv { width: 100%; display: inline-block; margin: 0 auto; }
.shiftPattern .searchTabsContent .viewTabs { display: inline-block; float: right; width: 100%; z-index: 2; }
.shiftPattern .searchTabsContent .tabs-nav { list-style: none; margin: 0; display: inline-block; float: right; width: 100%; position: relative; z-index: 2; }
.shiftPattern .searchTabsContent .tabs-nav > li { display: inline-block; width: auto; position: relative; float: right; text-align: right; margin-left: 40px; margin-bottom: 0; cursor: auto; -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; transition: all 0.2s ease-in-out 0s; }
.shiftPattern .searchTabsContent .tabs-nav > li:last-child { margin-left: 0; }
.shiftPattern .searchTabsContent .tabs-nav > li > a { display: inline-block; color: #fff; background: none; float: right; line-height: 26px; position: relative;  -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; transition: all 0.2s ease-in-out 0s; }
.shiftPattern .searchTabsContent .tabs-nav .tabs-selected > a { color: #ff6200; }
.shiftPattern .searchTabsContent .tabs-nav > li > a p { display: inline-block; float: right; width: 100%; text-align: right; font-family: DroidKufiBold,arial; font-size: 12px; transition: none; color: #fff }
.shiftPattern .searchTabsContent .tabs-nav > li.tabs-selected > a p { color: #ff6200; }
/****/
.shiftPattern .searchTabsContent .viewTabContainer { display: inline-block; width: 100%; float: right; position: relative; direction: rtl; z-index: 1; padding: 20px 0 0; }
.shiftPattern .searchTabsContent .tabs-container { display: inline-block; float: right; width: 100%; opacity: 1; visibility: visible; background: none; position: relative; }
.shiftPattern .searchTabsContent .tabs-container.tabs-hide { opacity: 0; visibility: hidden; height: 0; display: none; }
.shiftPattern .searchTabsContent .DropDownCnts { position: relative; display: inline-block; width: 100%; height: 40px; float: right; outline: 0; color: #555; font-size: 13px; background-color: #fff; margin-bottom: 16px }
.shiftPattern .wrapper-dropdown,
.shiftPattern .wrapper-dropdown input[type=text] { margin: 0 auto; color: #555; outline: none;  cursor: pointer; text-align: right; background-color: #eeeeee; padding: 0 10px; line-height: 40px; width: 100%; height: 40px; border: none; font-size: 14px;transition:none}
.shiftPattern .searchTabsContent .tabs-container input,
.shiftPattern .searchTabsContent .tabs-container textarea { display: inline-block; float: right; width: 100%; height: 40px; background: #fff; border: none; padding: 0 10px;  font-size: 12px }
.shiftPattern .searchTabsContent .DropDownCnts.textBox { width: calc((100% - 16px) /2); margin-left: 16px; }
.shiftPattern .searchTabsContent .DropDownCnts.textBox .wrapper-dropdown { padding: 0; width: 100% }
.shiftPattern .searchTabsContent .DropDownCnts.textBox:last-child { margin-left: 0; }
.shiftPattern .searchTabsContent .tabs-container .reset { display: inline-block; width: 100%; height: 40px; margin-right: 0; position: relative; background-color: #26ff00; float: right; }
.shiftPattern .searchTabsContent .tabs-container .reset:before { content: 'f'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000; }
.shiftPattern .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 12px !important; line-height: 40px !important }
.select2-dropdown { box-shadow: 0px 2px 4px rgba(0,0,0,0.2) !important; }
.select2-container .select2-choice { position: relative; display: inline-block; width: 100%; height: 40px; float: right; outline: 0; color: #555; font-size: 15px; background-color: #fff; padding: 0 10px }
.select2-container { margin: 0; position: relative; display: inline-block; padding: 0; width: 100% !important; }
.select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0; }
.select2-container .select2-choice .select2-arrow:before, .select2-container .select2-choice .select2-arrow::after { content: ''; position: absolute; top: 50%; width: 9px; height: 2px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #777; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.2s, -webkit-transform 0.2s; -moz-transition: width 0.2s, -moz-transform 0.2s; transition: width 0.2s, transform 0.2s; }
.select2-container .select2-choice .select2-arrow:before { left: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.select2-container .select2-choice .select2-arrow::after { left: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.select2-display-none { display: none; }
.select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #ddd; border-top: 0; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); }
.select2-search { display: none; }
.select2-search input {font-size: 13px; }
.select2-results { max-height: 200px; position: relative; -webkit-tap-highlight-color: transparent; border: 1px solid #ddd; border-top: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15); }
.select2-results li { list-style: none; display: list-item; list-style: none; display: list-item; background-image: none; border-bottom: 1px solid #ddd; color: #555; cursor: pointer; position: relative; padding: 10px; font-size: 13px; }
.select2-results li:last-child { border-bottom: none }
.select2-results .select2-result-label { display: block; text-decoration: none; color: #555; padding: 8px 10px; font-size: 15px; }
.select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; }
.select2-hidden-accessible, .select2-drop-mask { display: none }
.BrandDDIcon { display: inline-block; position: absolute; width: 25px; height: auto; top: 50%; left: 6px; transform: translateY(-50%) }
.BrandDDIconSelected { display: inline-block; width: 25px; height: auto; float: left; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
.dtlsSc .shiftPattern{margin-bottom:30px}
/** elconsolto Pattern**/
.elconsoltoPattern { padding: 20px; background-color: #fff; border: 1px solid #e8e8e8; position: relative; z-index: 0; }
.elconsoltoPattern .elconsoltoCnts { display: inline-block; width: 100%; float: right; }
.elconsoltoPattern .elconsoltoLogo { display: inline-block; width: 100%; float: right; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8 }
.elconsoltoPattern .elconsoltoLogo a { display: inline-block; width: 138px; height: 38px; float: right }
.elconsoltoPattern .elconsoltoLogo a img { width: auto; height: 36px; border: none }
.elconsoltoPattern .sides { display: inline-block; float: right; margin-left: 20px; padding: 0 0 0 20px; border-left: 1px solid #e8e8e8 }
.elconsoltoPattern .sides:last-of-type { margin-left: 0; padding: 0; border-left: 0 }
.elconsoltoPattern .sides.news { width: calc((100% - 340px) /2) }
.elconsoltoPattern .sides h2 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 20px; color: #1a3a4d; width: 100%; line-height: 1.6; margin-bottom: 20px }
.elconsoltoPattern .sides.news li { float: right; width: 100%; height: 120px; margin-bottom: 16px; position: relative; background-color: transparent; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; cursor: auto }
.elconsoltoPattern .sides.news li:last-of-type { border-bottom: 0 }
.elconsoltoPattern .sides.news li:last-child { margin-bottom: 0; padding-bottom: 0 }
.elconsoltoPattern .sides.news li .imageCntnr { float: right; display: inline-block; position: relative; overflow: hidden; width: 150px; padding-bottom: calc((150px * 66.6) /100); margin-left: 16px }
.elconsoltoPattern .sides.news li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none;}
.elconsoltoPattern .sides.news li .desc { float: right; width: calc(100% - 166px); height: auto; cursor: pointer; display: inline-block; }
.elconsoltoPattern .sides.news li .descCnts { float: right; display: inline-block; width: 100%; margin-bottom: 10px }
.elconsoltoPattern .sides.news li .desc p { display: inline-block; width: 100%; font-size: 14px;  color: #1a3a4d; z-index: 2; pointer-events: none; position: relative; right: 0; top: 0; transform: none; max-height: 70px; height: auto; margin-bottom: 0; overflow: hidden }
.elconsoltoPattern .sides.news li.item .sectionTarget { font-size: 13px; color: #252525; z-index: 99; position: relative;  }
.elconsoltoPattern .sides.news li.item .sectionTarget.icon:before { float: right; margin-left: 6px; text-align: center; font-size: 16px; color: #1a3a4d; line-height: 1.9; }
.elconsoltoPattern .sides.news li .desc a {  font-size: 12px; cursor: pointer; color: #000 }
.elconsoltoPattern .sides.news li .desc a.sectionTarget { position: absolute; right: 166px; bottom: 20px; }
.elconsoltoPattern .sides.estesharat { width: calc((100% - 360px) /2) }
.elconsoltoPattern .sides.estesharat li { display: inline-block; float: right; width: 100%; height: 120px; border-bottom: 1px solid #e8e8e8; padding: 0 0 15px 0; margin-bottom: 16px; cursor: auto }
.elconsoltoPattern .sides.estesharat li:last-of-type { border-bottom: 0; margin-bottom: 0 }
.elconsoltoPattern .sides.estesharat li .sliderContent { display: inline-block; float: right; width: 100%; }
.elconsoltoPattern .sides.estesharat li .sliderContent a { color: #252525;  font-size: 13px; }
.elconsoltoPattern .sides.estesharat li .sliderContent .userAsk { margin: 0 0 10px 0; float: right; width: 100%; line-height: 1; }
.elconsoltoPattern .sides.estesharat li .sliderContent .userAsk h3 { display: inline-block; width: 100%;  font-size: 15px; color: #1a3a4d; text-align: justify !important; line-height: 1.8; cursor: pointer; max-height: 27px; overflow: hidden; }
.elconsoltoPattern .sides.estesharat li .docInfo { width: 100%; float: right; display: inline-block; margin-top: 10px; }
.elconsoltoPattern .sides.estesharat li .docInfo span {  font-size: 13px; font-weight: 500; color: #252525 !important; text-align: justify !important; line-height: 2.2; width: 100%; cursor: auto; max-height: 140px; overflow: hidden; }
.elconsoltoPattern .sides.estesharat li .docInfo a {  font-size: 14px; cursor: pointer; color: #1a3a4d }
.elconsoltoPattern .sides.calculcator { width: 300px }
.elconsoltoPattern .sides.calculcator li { float: right; display: inline-block; width: 142px; height: 100px; padding: 0; border: 1px solid #e8e8e8; background: #fff; margin-left: 16px; margin-bottom: 16px; position: relative; box-shadow: 0 10px 10px -13px rgba(0,0,0,0.2); }
.elconsoltoPattern .sides.calculcator li:nth-child(2n) { margin-left: 0 }
.elconsoltoPattern .sides.calculcator li:hover { border: 1px solid #1a3a4d }
.elconsoltoPattern .sides.calculcator li .icon { position: relative; top: 0; left: 0; margin-left: 0; width: 100%; height: 42px; background-color: transparent; border-radius: 0; border: 0; border-top: 0; text-align: center; font-size: 36px; color: #1a3a4d }
.elconsoltoPattern .sides.calculcator li .icon:before { z-index: 1; position: relative; top: 0; line-height: 1.8 }
.elconsoltoPattern .sides.calculcator li .icon:after { display: none }
.elconsoltoPattern .sides.calculcator li .calcName { display: inline-block; width: 100%; height: 68px; float: right; position: relative }
.elconsoltoPattern .sides.calculcator li p { display: inline-block; width: 100%; padding: 0 10px;  font-size: 12px; color: #252525; text-align: center; line-height: 1.4; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 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; }
.elconsoltoPattern .sides.calculcator li:hover p { color: #1a3a4d }
.elconsoltoPattern .sides.calculcator li .icon-weight:before { content: '"' }
.elconsoltoPattern .sides.calculcator li .icon-calories:before { content: "7" }
.elconsoltoPattern .sides.calculcator li .icon-pregnancy:before { content: ')' }
.elconsoltoPattern .sides.calculcator li .icon-baby:before { content: '(' }
.elconsoltoPattern .sides.calculcator li .icon-ovulation:before { content: '+' }
.elconsoltoPattern .sides.calculcator li .icon-diabetes:before { content: '-' }
.elconsoltoPattern .sides.calculcator li .icon-optical:before { content: "'" }
.elconsoltoPattern .sides.calculcator li .icon-estesharat:before { content: '}' }
.elconsoltoPattern .sides.calculcator li .icon-pills:before { content: '`' }
/************ Ramadan Pattern *************/
.shiftPattern.ramadanSec { background: #702a88; position: relative; z-index: 0 }
.shiftPattern.ramadanSec:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../Images/Ramadan23/SeriesPattern.png) center center; opacity: 0.2; z-index: 1; pointer-events: none; }
.shiftPattern.ramadanSec:after { content: ""; position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: url(../Images/Ramadan23/fanoos.png) center center no-repeat; opacity: 1; pointer-events: none;  z-index: 2; }
.shiftPattern.ramadanSec .shiftHeader { border-bottom: 1px solid #ab70b6; }
.shiftPattern.ramadanSec .shiftHeader p a { width: auto; color: #fff }
.shiftPattern.ramadanSec .shiftClipRotate { border-right: 1px solid #7e3391; }
.shiftPattern.ramadanSec .shiftButtons ul li { border: 1px solid #ab70b6; background-color: #330D46; height: 104px; position: relative }
.shiftPattern.ramadanSec .shiftButtons ul li a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; line-height: 104px; padding: 0 10px; text-align: center }
.shiftPattern.ramadanSec .shiftButtons ul li a:before { color: #fff; }
/************ Corona *************/
.infoClips { display: inline-block; float: right; width: 100%; }
/*.corona .rightSide{width:300px;display:inline-block;float:right}
.corona .title{display:inline-block;float:right;width:100%;height:50px;padding:0 16px;background:#d22660}
.corona .title h3{font-family: droidKufiBold, Arial;font-size: 24px;cursor: pointer;color:#fff;line-height:2.1}
.corona .symptom{width:200px;position:absolute;bottom:20px;right:100px;}
.corona .symptom img{width:100%;height:auto;position:relative;z-index:1;border:none}
.corona .symptom:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:url('../Images/Corona/triOval.png') no-repeat center center;background-size:auto 100%;width:100%;height:100%;pointer-events:none;opacity:0.2}
.corona .centerSide{display:inline-block;float:right;width:calc(100% - 600px);padding:0 50px}
.corona .centerSide .content{width:100%;float:right;display:inline-block;background:rgba(255,255,255,0.1);position:relative;padding:20px 30px;border-radius:5px}
.corona .centerSide .content:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:url('../Images/Corona/map.png') no-repeat center center;background-size:auto 100%;width:100%;height:100%;pointer-events:none;opacity:0.04}
.corona .centerSide .content .country{width:100%;display:inline-block;float:right;margin-bottom:40px;position:relative;z-index:1}
.corona .centerSide .content .country:last-child{margin-bottom:0}
.corona .centerSide .content .country h4{display:inline-block;float:right;width:100%;height:30px;background:#d22660;font-size: 18px;cursor: pointer;color:#fff;line-height:1.6;text-align:right;padding-right:10px;margin-bottom:14px}
.corona .centerSide .content .country ul{display:inline-block;float:right;width:100%;border-right:2px solid #d22660}
.corona .centerSide .content .country li{display:inline-block;float:right;width:calc((100% - 40px) / 3);margin-left:20px;padding: 0 10px;cursor:auto}
.corona .centerSide .content .country li:last-child{margin-left:0}
.corona .centerSide .content .country li span{display:inline-block;width:100%;text-align:center;float:right;color:#fdd284;font-family:CenturyGothicBold, Arial;font-size:24px;line-height:1.36;margin-bottom:10px}
.corona .centerSide .content .country li p{display:inline-block;width:100%;text-align:center;float:right;color:#fff;font-size:13px;line-height:1}
.coronaV2 .corona{width:calc(100% - 312px);margin-left:12px}
.corona .centerSide .map{width:100%;float:right;display:inline-block}
.corona .centerSide .map img{width:100%;height:auto;border:none}
.corona .allBtns{width:300px;display:inline-block;float:right;position:absolute;bottom:16px;left:20px;}
.corona .allBtns ul{display:inline-block;float:right;width:100%;}
.corona .allBtns li{float: right;width: calc((100% - 16.1px) / 2);height: 136px;padding: 0;background: rgba(255,255,255,0.2);margin-left: 16px;margin-bottom: 0;position: relative;margin-bottom:16px;border-radius:5px}
.corona .allBtns li:nth-child(2n){margin-left:0}
.corona .allBtns li:nth-last-child(-n+2){margin-bottom:0}
.corona .allBtns li:hover{background:#d22660}
.corona .allBtns li .icon{position: relative;top: 0;left: 0;margin-left: 0;width: auto;height:70px;text-align: center;padding-top:16px}
.corona .allBtns li .icon img{width:auto;height:100%;border:none}
.corona .allBtns li .btn{display: inline-block;width: 100%;height: 68px;float: right;position: relative;}
.corona .allBtns li .btn p{display: inline-block;width: 100%;padding: 0 10px;font-size: 14px;color: #fff;text-align: center;line-height: 1.4;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);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;}
.coronaV2 .corona .centerSide {width: calc(100% - 300px);padding: 0 30px 0 0;}
.coronaV2 .corona .allBtns{display:none}*/
.threeDiv .corona { width: calc((100% - 324px) /2); }
.corona { float: right; display: inline-block; width: 100%; margin: 0; position: relative; overflow: hidden; background: none; padding: 0 }
/*.corona:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../Images/coronaBG.png) center left no-repeat;background-size:contain;pointer-events: none;}
.corona:after{content:"";position:absolute;top:-30px;right:-160px;width:298px;height:270px;background:url(../Images/coronaBG.png) center right no-repeat;background-size:100% auto;pointer-events: none;}*/
.corona .ttl { border-bottom: 2px solid #E03322 !important }
.corona .ttl h3 { background: none !important; padding: 0; color: #1d1d1d }
.corona .ttl a { display: inline-block; float: left; width: auto;  font-size: 13px; cursor: pointer; color: #fff; padding: 0 16px; background: #E03322; height: 28px; line-height: 28px; margin-top: 6px }
.corona .bk { display: inline-block; position: absolute; right: -35px; bottom: -23px; opacity: .08; width: 90px; height: auto }
.corona .maindiv { display: inline-block; float: right; width: 100%; text-align: center; margin: 0 auto; position: relative; padding: 16px 0 0 0 }
.corona .currentCases { display: inline-block; float: right; width: 100%; text-align: center; }
.corona .item { display: inline-block; width: calc((100% - 32px) / 3); float: right; margin-left: 16px; position: relative; background: #fff; border: 1px solid #e8e8e8; padding: 16px 10px }
.corona .currentCases .item:last-child, .corona .total .item:last-child { margin-left: 0 }
.corona .item p { display: inline-block; float: right; width: 100%;  font-size: 13px; color: #000; text-align: center; cursor: default; }
.corona .item p.number { display: inline-block; width: 100%; float: right; font-family: CenturyGothicBold,Arial; color: #f98959; font-size: 32px; margin-top: 0; text-align: center; cursor: default }
.corona .total { display: none; width: auto; text-align: center }
.corona .item.injuries p.number { color: #A8006B }
.corona .item.death p.number { color: #E03322 }
.corona .item.recovered p.number { color: #056818 }
.coronaEntrypoint .corona { width: 650px; margin: 10px calc((100% - 650px ) /2) 40px; }
.infoClips.inner .waya { border: 1px solid #e8e8e8; margin: 0; width: 100%; height: 318px }
.infoClips.inner { margin: 30px 0; width: 100%; }
.infoClips.inner .waya .content ul { height: 245px }
.infoClips.JustCorona { margin: 0 }
.JustCorona .corona { width: 800px; margin: 0 calc((100% - 800px) /2); margin-bottom: 20px }
/******** waya *******/
.waya { display: inline-block; float: right; width: calc(100% - 640px); height: 266px; position: relative; background-color: #fff; overflow: hidden; border: 1px solid #e8e8e8; margin-left: 20px }
.waya .wayaLogo { display: inline-block; float: right; width: 100%; height: auto; position: absolute; bottom: 3px; left: 0; z-index: 2; height: 20px; background-color: rgb(255, 99, 30); overflow: hidden; }
.waya .wayaLogo p { display: inline-block; float: left; color: #fff;  font-size: 9px; line-height: 2.5; margin-right: 5px }
.waya .wayaLogo img { display: inline-block; position: relative; width: 35px; height: auto; border: 0; float: left; margin: 5px; margin-right: 5px; }
.waya .title { display: inline-block; float: right; width: 100%; padding: 12px 10px; background: linear-gradient(to right, #ff5920 , #ff7e27); height: 50px }
.waya .title .rss { display: inline-block; float: right; width: 20px; height: 20px; margin-left: 8px; border: 0 }
.waya .title .rss:before { content: 'A'; color: #fff; font-size: 20px; line-height: 1.4 }
.waya .title .text { display: inline-block; width: auto; float: right; }
.waya .title .text p { display: inline-block; float: right; color: #fff; font-family: DroidKufiBold, Arial; font-size: 15px; cursor: auto }
.waya .title .text p span {#cd-lateral-nav.lateral-menu-is-open font-weight: bold; font-family: Arial; font-size: 16px }
.waya .title .more { display: inline-block; float: left; font-size: 14px;  color: #fff; border-bottom: 1px solid #fff; position: relative; line-height: 1.5 }
.waya .title .more:before { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: -4px; right: 0 }
.waya .content { display: inline-block; width: 100%; float: right; background-color: #fff; padding: 0 }
.waya .content ul { width: 100%; height: 268px; overflow-x: auto; direction: rtl; padding: 10px; }
.waya .content li { display: inline-block; width: 100%; float: right; padding: 10px; border: 1px solid #e8e8e8; margin-bottom: 12px; background-color: #fff; }
.waya .content li a { display: inline-block; width: 100%; height: 100% }
.waya .content li:last-child { margin-bottom: 26px }
.waya .content li .imageCntnr { display: none; width: 80px; float: right; position: relative; padding-bottom: calc((80px * 75)/ 100); margin-left: 15px }
.waya .content li .imageCntnr img { display: inline-block; position: absolute; width: 100%; height: 100%; right: 0; top: 0 }
/*.waya .content li p{display:inline-block;width:calc(100% - 95px);font-size:16px;color:#000;line-height:1.6;padding-left:10px;max-height:48px;overflow:hidden}*/
.waya .content li p { display: inline-block; width: 100%;  font-size: 14px; color: #000; line-height: 1.6; max-height: 48px; overflow: hidden }
.waya .border { display: inline-block; float: right; width: 100%; height: 3px; background: linear-gradient(to right, #ff5920 , #ff7e27); position: absolute; right: 0; bottom: 0 }
.waya .content ul::-webkit-scrollbar { width: 8px; }
.waya .content ul::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; }
.waya .content ul::-webkit-scrollbar-thumb { background: #c0c0c0; }
/******** waya *******/
.threeDiv .waya { width: calc((100% - 324px) /2); margin: 0 12px }
/******** Pharaohs Parade Entrypoint *******/
.phrosParade { display: inline-block; float: right; width: 300px; height: 318px; padding: 50px 20px; position: relative }
.phrosParade:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: url('../Images/phrsBg1.jpg') left bottom no-repeat; opacity: 0.03; background-size: auto 100%; z-index: 1; pointer-events: none }
.phrosParade:after { content: ""; position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; background: url('../Images/masIconCol.png') center center no-repeat; z-index: 1; pointer-events: none; background-size: 100% }
.phrosParade .phrsCnts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100% }
.phrosParade h3 { font-family: droidKufiBold, Arial; font-size: 20px; cursor: pointer; color: #000; line-height: 2.1; text-align: center; cursor: auto; margin-bottom: 20px; position: relative; z-index: 2 }
.phrosParade .countDown { display: inline-block; float: right; width: 100%; margin-bottom: 30px; position: relative; z-index: 2 }
.phrosParade .countDown p {  font-size: 15px; cursor: pointer; color: #000; text-align: center; cursor: auto; margin-bottom: 10px }
.phrosParade .countDown .phrosCounter { text-align: center; width: auto; margin: 0 auto; display: inline-block; }
.phrosParade .countDown .phrosCounter .phrosTimer { position: relative; display: inline-block; float: left; text-align: center; margin: 0 4px;  color: #000; font-size: 28px; line-height: 1.6; width: 56px; height: 54px; background: #f2f2f2 }
.phrosParade .countDown .phrosCounter .phrosTimer span {  color: #000; font-size: 11px; position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%) }
.phrosParade .countDown .phrosCounter .phrosTimer.sec, .phrosParade .countDown .phrosCounter .phrosTimer.sec span { color: #E03322 }
.phrosParade .more { display: inline-block; float: right; width: 150px; margin: 0 calc((100% - 150px) / 2); height: 34px; background: #E03322;  font-size: 14px; cursor: pointer; color: #fff; text-align: center; line-height: 2.6; position: relative; z-index: 2 }
/******** Mofakret Ramadan EntryPoint *******/
.mofakeraEntryPoint { display: inline-block; float: right; width: 300px; height: 318px; position: relative; overflow: hidden; }
.mofakeraEntryPoint img { position: absolute; width: 100%; height: auto; top: 50%; left: 0; transform: translateY(-50%) }
/**** masrawy notification*****/
.notification { position: fixed; left: 0; top: 0; height: 100%; width: 100%; 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; }
.notification:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 1; opacity: 0; visibility: hidden; }
.openNotification .notification { 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; }
.openNotification .notification:before { opacity: 1; visibility: visible; }
.notification .notiCnts { position: relative; padding: 24px; width: 700px; height: 200px; margin: 200px auto; background: #FFF; z-index: 1; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
.openNotification .notification, .openNoResNotification .notification { 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; }
.notification .notiCnts { position: relative; padding: 24px; width: 700px; height: 200px; margin: 200px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -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; }
.notification .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; }
.notification .cd-popup-close:before, .notification .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; }
.notification .cd-popup-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.notification .cd-popup-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.notification span { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 18px; color: #1d1d1d; margin-bottom: 0; padding: 0; text-align: right }
.notification p { display: inline-block; width: 100%;  font-size: 16px; color: #484848; margin-bottom: 12px; padding: 0; text-align: right; }
.notification .cd-buttons { position: absolute; right: 0; bottom: 0; width: 100%; height: 50px; }
.notification .cd-buttons a:first-child { background: #E03322; color: #fff; }
.notification .cd-buttons a { position: relative; top: 0; left: 0; float: right; background: #ddd; width: calc(100% / 2); height: 50px;  font-size: 16px; color: #1d1d1d; text-align: center; display: block; line-height: 3; }
.notification .cd-buttons a:first-child:hover { background: #E03322; }
.notification .cd-buttons a:hover { background: #ccc; }
.notification.noResNotifi .notiCnts { width: 500px; height: 150px }
.notification.noResNotifi .notiCnts p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }


/******************** COP ********************/
.leftWeather{display:inline-block;float:right;width:100%;background:#3f80c0;position:relative;margin-bottom: 20px;}
.leftWeather:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background: url(../Images/weatherBg.jpg) no-repeat right center;background-size:cover;pointer-events:none;opacity:0.35}
.leftWeather .ttl{display: inline-block;float: right;width: 100%;height: 48px;overflow: hidden;padding: 0 10px;background: rgba(0,0,0,0.15);border-bottom: none !important;position:relative;z-index:1}
.leftWeather .ttl h4{float: right;display: inline-block;padding: 0px;font-family: DroidKufiBold, Arial;font-size: 18px;background: none !important;color: #fff;display: block;line-height: 48px;}
.leftWeather .ttl h4 a {color: #fff;}

.leftWeather .wtrCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none ;padding:0 10px 20px;position: relative;}
.leftWeather .wtrCnts .location { display: inline-block; width: 100%; color: #fff; font-size: 14px; text-align: center; margin-bottom:0}
.leftWeather .wtrCnts .cntdwn { display: inline-block; width: 100% }


.leftWeather .wtrCnts .weatherDtls { display: inline-block; width: 100%; }
.leftWeather .wtrCnts .weatherDtls .weatherInfo{display:inline-block;float:right;width:228px;margin:10px calc((100% - 228px) / 2) 0}
.leftWeather .wtrCnts .weatherDtls .weatherIcon { float: right; width: 70px; height: 70px; margin-left: 24px; }
.leftWeather .wtrCnts .weatherDtls .highTemp { float: right; position: relative; margin-left: 10px; width: 62px; height: 70px; text-align: center; font-family: arial; font-size: 48px; color: #fff; line-height: 1.8 }
.leftWeather .wtrCnts .weatherDtls .icon-high:before { content: "H"; font-size: 14px; position: absolute; right: -5px; top: 5px; }
.leftWeather .wtrCnts .weatherDtls .lowTemp { float: right; position: relative; width: 62px; height: 70px; text-align: center; font-family: arial; font-size: 32px; color: #fff; line-height: 2.8 }
.leftWeather .wtrCnts .weatherDtls .icon-low:before { content: "H"; font-size: 10px; position: absolute; right: 6px; top: 18px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; height: 70px; margin: 2px 0 12px 24px; background-size: 70px }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.clearNight { background: url(../images/weatherSprite1.webp) 0px -429px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 56px }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.clouds { background: url(../images/weatherSprite1.webp) 0px -71px no-repeat; height: 46px; margin: 8px 0 18px 24px; background-size: 60px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.showerRain { background: url(../images/weatherSprite1.webp) 0 -263px no-repeat; height: 55px; margin: 8px 0 10px 24px; background-size: 60px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.rainDay { background: url(../images/weatherSprite1.webp) 0 -192px no-repeat; height: 65px; margin: 8px 0 8px 24px; background-size: 60px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.rainNight { background: url(../images/weatherSprite1.webp) 0 -263px no-repeat; height: 55px; margin: 8px 0 10px 24px; background-size: 60px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.drizzle { background: url(../images/weatherSprite1.webp) 0 -662px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.mist { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.smoke { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.haze { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.dust { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.fog { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.sand { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.ash { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.squall { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.tornado { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.snow { background: url(../images/weatherSprite1.webp) 0 -380px no-repeat; height: 58px; margin: 8px 0 8px 24px; background-size: 70px; }
.leftWeather .wtrCnts .weatherDtls .weatherIcon.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -390px no-repeat; height: 60px; margin: 8px 0 8px 24px; background-size: 60px; }
.leftWeather .wtrCnts .windHum { display: inline-block; width: 240px;margin:5px calc((100% - 240px) / 2) 0; }
.leftWeather .wtrCnts .windHum > div { float: right; margin-left:16px; color: rgba(255,255,255,0.6); font-size: 13px; display: inline-block }
.leftWeather .wtrCnts .windHum > div span { color: #fff }
.leftWeather .wtrCnts .windHum .wind { margin-left: 0px;float:left }
.leftWeather .wtrCnts .windHum .icon-hum:before { content: "K"; float: right; margin-left: 5px; font-size: 16px }
.leftWeather .wtrCnts .windHum .icon-wind:before { content: "L"; float: right; margin-left: 5px; font-size: 16px }

/** COP Countdown **/
.leftWeather .eventCountDown{width:100%;background:none;padding:10px 10px 20px;border:none;height:270px;margin:0}
.copPage .leftWeather .eventCountDown{height:230px;}
.leftWeather .eventCountDown .countDown{top:120px;bottom:auto}
.leftWeather .eventCountDown .countDownCnts{background:rgba(255,255,255,0.7)}
.leftWeather .eventCountDown:before{display:none}
.leftWeather .eventCountDown h3{font-size:22px;color:#006eb7;padding-top:50px;width:100%;white-space:normal}
.leftWeather .eventCountDown h3:before{background: url(../Images/cop27-logo.svg) no-repeat;left:50%;transform:translateX(-50%);width:100px;height:53px;background-size:100px auto;top:0;right:auto}
.leftWeather .eventCountDown h3.copMsg{display:none}

.leftWeather .eventCountDown .countDown .phrosCounter .phrosTimer{background:#fff;color:#006eb7;border-radius:0;font-family:arial;height:44px;line-height:1.4}
.leftWeather .eventCountDown .countDown .phrosCounter .phrosTimer span{color:#006eb7;bottom: 4px;}
.leftWeather .eventCountDown .more{display:inline-block;float:right;width:100px;height:30px;background:#b69428;line-height:30px;color:#fff;text-align:center;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}




.cntDwnFinished .leftWeather .eventCountDown .countDown{display:none}
.cntDwnFinished .leftWeather .eventCountDown h3{display:none}
.cntDwnFinished .leftWeather .eventCountDown h3.copMsg{display:inline-block;padding-top: 70px;width:250px}

/******************** app masrawy ********************/
.masrawyApp{display:inline-block;float:right;width:100%;height:250px;position:relative;margin-bottom:30px;background:url(../Images/App/AppBK.jpg) no-repeat top center;padding:30px 300px 0;overflow:hidden}
.masrawyApp .rightSide{display:inline-block;width:341px;float:right}
.masrawyApp .rightSide p{display:inline-block;width:100%;float:right;font-size:51px;font-weight:700;color:#E53935;line-height:1;margin-bottom:32px;text-align:right}
.masrawyApp .rightSide span{display:inline-block;width:100%;float:right;font-size:34px;font-weight:400;color:#fff;line-height:1;margin-bottom:22px;text-align:right}
.masrawyApp .rightSide a{display:inline-block;float:right;width:164px;height:50px;margin-left:10px}
.masrawyApp .rightSide a:last-child{margin-left:0}
.masrawyApp:after{content:'';background:url(../Images/App/appHand.png) no-repeat left bottom;width:290px;height:250px;position:absolute;bottom:0;left:20%;background-size:100%}


article .masrawyApp{height:80px;padding: 0 135px 0;}
article .masrawyApp .rightSide{width:100%}
article .masrawyApp .text{ display:inline-block;float:right; width: 200px;padding:12px 0 }
article .masrawyApp .rightSide p{font-size:26px;text-align:right;margin-bottom:14px}
article .masrawyApp .rightSide span{font-size:17px;text-align:right;margin-bottom:0}
article .masrawyApp .rightSide .appBtns{display:inline-block;float:left;width:102px;padding:7px 0}
article .masrawyApp .rightSide .appBtns a{width:102px;height:31px;margin-bottom:4px;margin-left:0}
article .masrawyApp .rightSide .appBtns a:last-child{margin-bottom:0}
article .masrawyApp:after{    width: 150px;height: 134px;position: absolute;bottom: -46px;left: 34%;background-size: 100%;}


/******************** Media ********************/
@media screen and (min-width:1920px) {
    .content-wrap{width:1282px}
    .euroMinByMin .minbyminSticky{width:1282px}
    }

@media screen and (min-width:1360px) and (max-width:1919px) {
    .content-wrap{width:1100px}
    .euroMinByMin .minbyminSticky{width:1100px}
    }

@media screen and (min-width:1024px) and (max-width:1279px) {
    .content-wrap{width:800px}
     .euroMinByMin .minbyminSticky{width:800px}
    }

@media only screen and (max-width: 1023px) {
    .sponsorAd .desktop{display:none}
    .content-wrap,
    .euroMinByMin .minbyminSticky{min-width:100%;max-width:100%}

}

@media screen and (min-width:1680px) and (max-width:1919px) {
    .malaab #trigger8 .content-ACN { left: -10px }
    .malaab #trigger14 .content-ACN { left: -10px }
    .cd-hero__slider { height: 312px }
    .corona .centerSide .content:before { background-size: 100% auto }
    .corona .centerSide { padding: 0 30px }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(3n) { margin-left: 0; }
    .ramadanHeader .headerMenu li a { padding: 0 16px }

    .masrawyApp{padding:30px 210px 0}
    .masrawyApp:after{left:15%}
}
@media screen and (min-width:1600px) and (max-width:1679px) {
    .malaab #trigger8 .content-ACN { left: -30px }
    .malaab #trigger10 .content-ACN { left: -30px }
    .malaab #trigger14 .content-ACN { left: -20px }
    .cd-hero__slider { height: 288px }
    .corona .centerSide .content:before { background-size: 100% auto }
    .corona .centerSide { padding: 0 30px }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(3n) { margin-left: 0; }
    .ramadanHeader .headerMenu li a { padding: 0 16px }

    .masrawyApp{padding:30px 210px 0}
    .masrawyApp:after{left:15%}

    article .masrawyApp{padding:0 68px 0  100px}
}
@media screen and (min-width:1536px) and (max-width:1599px) {
    .malaab #trigger1 .content-ACN { left: -30px }
    .malaab #trigger8 .content-ACN { left: -50px }
    .malaab #trigger10 .content-ACN { left: -50px }
    .malaab #trigger14 .content-ACN { left: -40px }
    .cd-hero__slider { height: 270px }
    .corona .centerSide .content:before { background-size: 100% auto }
    .corona .centerSide { padding: 0 30px }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(3n) { margin-left: 0; }
    .ramadanHeader .headerMenu li a { padding: 0 16px }

    .masrawyApp{padding:30px 210px 0}
    .masrawyApp:after{left:15%}
    article .masrawyApp{padding:0 68px 0  100px}
}
@media screen and (min-width:1440px) and (max-width:1535px) {
    .malaab .prev img { left: -150px; }
    .malaab #trigger1 .content-ACN { left: -30px }
    .malaab #trigger8 .content-ACN { left: -60px }
    .malaab #trigger10 .content-ACN { left: -50px }
    .malaab #trigger14 .content-ACN { left: -60px }
    .cd-hero__slider { height: 240px }
    .cd-hero__content--half-width h2 { font-size: 16px; max-height: 155px }
    /*    .shiftPattern .shiftButtons{padding:0 125px}
*/
    .corona .centerSide .content:before { background-size: 100% auto }
    .corona .centerSide { padding: 0 30px }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(3n) { margin-left: 0; }
    .ramadanHeader .headerMenu li a { padding: 0 16px }

    .masrawyApp{padding:30px 210px 0}
    .masrawyApp:after{left:15%}

    article .masrawyApp{padding:0 68px 0  100px}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    .malaab .wActive { width: 800px; }
    .malaab .prev img { left: -150px; }
    .malaab .wcontainer iframe { width: 580px; }
    .malaab #trigger1 .content-ACN { left: -30px }
    .malaab #trigger8 .content-ACN { left: -80px }
    .malaab #trigger10 .content-ACN { left: -50px }
    .malaab #trigger11 .content-ACN { left: -70px }
    .malaab #trigger14 .content-ACN { left: -80px }
    .cd-hero__content--half-width h2 { width: 200px; font-size: 16px; max-height: 155px }
    .cd-hero__content--half-width { width: 200px; margin-right: 0 }
    .cd-hero__content--img { padding-bottom: calc((calc(100% - 220px) * 60) / 100); width: calc(100% - 220px) !important; }
    .cd-hero__slider { height: 244px }
    /*    .shiftPattern .shiftButtons{padding:0 90px}
*/
    .corona .centerSide .content:before { background-size: 100% auto }
    .corona .centerSide { padding: 0 30px }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0 }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0; width: calc(100% - 260px) }
    .coronaV2 .corona .centerSide .content .country li span { font-size: 22px }
    .QEntryPoint { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .QEntryPoint .Qimg { margin: 0 !important }
    article .articlePoll { width: 700px; margin: 0 calc((100% - 700px) /2) }
    article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    .article .totalQues { width: 500px; margin: 0 calc((100% - 500px) /2) }
    .article .totalQues .answer { height: 70px }
    .article .totalQues .question h4.pQues { font-size: 18px }
    .article .totalQues .answer label { font-size: 16px }
    .article .totalQues .question h3 { font-size: 14px }
    .article .totalQues .question img { padding: 0 }
    .JustCorona .corona { width: 600px; margin: 0 calc((100% - 600px)/ 2) }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(3n) { margin-left: 0; }
    .ramadanHeader .headerMenu li a { padding: 0 16px }


    .masrawyApp{padding:30px 210px 0}
    .masrawyApp:after{left:15%}

    article .masrawyApp{padding:0 68px 0  100px}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
     .content-wrap{width:1000px}
     .euroMinByMin .minbyminSticky{width:1000px}
    .malaab .wActive { width: 800px; left: 52%; }
    .malaab .prev img { left: -150px; }
    .malaab .wcontainer iframe { width: 580px; }
    .malaab #trigger1 .content-ACN { left: -70px }
    .malaab #trigger8 .content-ACN { left: -100px }
    .malaab #trigger10 .content-ACN { left: -70px }
    .malaab #trigger11 .content-ACN { left: -70px }
    .malaab #trigger14 .content-ACN { left: -100px }
    .cd-hero__content--half-width h2 { width: 200px; font-size: 16px; max-height: 155px }
    .cd-hero__content--half-width { width: 200px; margin-right: 0 }
    .cd-hero__content--img { padding-bottom: calc((calc(100% - 220px) * 60) / 100); width: calc(100% - 220px) !important; }
    .cd-hero__slider { height: 220px }
    /*  .shiftPattern .shiftButtons ul li{margin-left:15px;width: calc((100% - 80px) /6);}
    .shiftPattern .shiftButtons{padding:0 65px}*/
    .elconsoltoPattern .sides { margin-left: 20px; padding: 0 0 0 20px }
    .elconsoltoPattern .sides.news { width: calc((100% - 340px) /2); }
    .elconsoltoPattern .sides.estesharat { width: calc((100% - 340px) /2); }
    .elconsoltoPattern .sides.news li { padding: 8px 0; }
    .elconsoltoPattern .sides.news li .imageCntnr, .shiftPattern ul li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .elconsoltoPattern .sides.news li .desc, .shiftPattern ul li .desc { width: calc(100% - 146px); }
    .elconsoltoPattern .sides.news li .desc a.sectionTarget { right: 146px; bottom: 22px; }
    .shiftPattern ul li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .shiftPattern ul li .desc { width: calc(100% - 146px); }
    .threeDiv .corona .title { height: 40px }
    .threeDiv .corona .title h3 { font-size: 20px }
    .threeDiv .corona .currentCases { width: 214px; margin: 0 calc((100% - 214px) /2) 15px }
    .threeDiv .corona .item { margin-left: 30px; width: 92px }
    /*.threeDiv .corona .item .numberCircle{width:65px;height:65px}*/
    .threeDiv .corona .item .numberCircle span { font-size: 13px }
    .threeDiv .corona .total { width: 336px; margin: 0 calc((100% - 336px) /2) 15px }
    .threeDiv .corona .item p { font-size: 12px; }
    .threeDiv .waya .content li p { font-size: 15px }
    .coronaV2 .corona .centerSide { padding: 0 30px 0 0; width: calc(100% - 260px) }
    .coronaV2 .corona .centerSide .content .country li span { font-size: 19px }
    .coronaV2 .corona .centerSide .content { padding: 20px 20px }
    .phrosParade { height: 304px }
    /*    .mofakeraEntryPoint{height:304px}
*/
    .seriesContainer .seriesFilter li { margin-left: 35px }
    .QEntryPoint { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .QEntryPoint .Qimg { width: 170px; margin: 0 !important }
    .QEntryPoint .QDetails { width: calc(100% - 200px) }
    .QEntryPoint.NoImg .QDetails { width: 100% }
    article .articlePoll { width: 700px; margin: 0 calc((100% - 700px) /2) }
    article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    .article .totalQues { width: 500px; margin: 0 calc((100% - 500px) /2) }
    .article .totalQues .answer { height: 70px }
    .article .totalQues .question h4.pQues { font-size: 18px }
    .article .totalQues .answer label { font-size: 16px }
    .article .totalQues .question h3 { font-size: 14px }
    .article .totalQues .question img { padding: 0 }
    .infoClips { max-width: 100%; margin: 0 }
    .shiftPattern ul li { width: calc((100% - 40px) /2); margin-left: 40px }
    .shiftPattern .shiftContent ul li { margin-bottom: 40px }
    .shiftPattern .shiftContent ul li:nth-of-type(5), .shiftPattern .shiftContent ul li:last-child { margin-bottom: 0; }
    .JustCorona .corona { width: 100%; margin: 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(3n) { margin-left: 0; }

       .seriesContainer .hint{height:65px;font-size:15px}

       .masrawyApp{padding:30px 175px 0}
    .masrawyApp:after{left:11%}
    .masrawyApp .rightSide p{font-size:46px}
    .masrawyApp .rightSide span{font-size:30px}
    .masrawyApp .rightSide a{width:148px;height:45px}

    article .masrawyApp{padding:0 54px 0}
    article .masrawyApp:after{left: 27%}
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .malaab .wActive { width: 800px; left: 52%; }
    .malaab .pulse { width: 25px; height: 10px }
    .malaab #trigger1 { top: 69%; left: 71%; transform: translate(32px, 8px); }
    /*1*/
    .malaab #trigger2 { top: 73%; left: 47%; transform: translate(32px, 8px); }
    /*2*/
    .malaab #trigger3 { top: 83%; left: 8%; transform: translate(32px, 8px); }
    /*3*/
    .malaab #trigger4 { top: 75%; left: 30%; transform: translate(32px, 8px); }
    /*4*/
    .malaab #trigger5 { top: 70%; left: 55%; transform: translate(32px, 8px); }
    /*5*/
    .malaab #trigger6 { top: 69%; left: 65%; transform: translate(32px, 8px); }
    /*6*/
    .malaab #trigger7 { top: 70%; left: 22%; transform: translate(32px, 8px); }
    /*7*/
    .malaab #trigger8 { top: 72%; left: 75%; transform: translate(32px, 8px); }
    /*8*/
    .malaab #trigger9 { top: 69%; left: 29%; transform: translate(32px, 8px); }
    /*8*/
    .malaab #trigger10 { top: 77%; left: 73%; transform: translate(32px, 8px); }
    /*10*/
    .malaab #trigger11 { top: 76%; left: 67%; transform: translate(32px, 8px); }
    /*11*/
    .malaab #trigger12 { top: 85%; left: 47%; transform: translate(32px, 8px); }
    /*11*/
    .malaab #trigger13 { top: 73%; left: 18%; transform: translate(32px, 8px); }
    /*13*/
    .malaab #trigger14 { top: 68%; left: 75%; transform: translate(32px, 8px); }
    /*14*/
    .malaab #trigger1 .content-ACN { left: -70px }
    .malaab #trigger6 .content-ACN { left: -70px }
    .malaab #trigger8 .content-ACN { left: -100px }
    .malaab #trigger10 .content-ACN { left: -70px }
    .malaab #trigger11 .content-ACN { left: -70px }
    .malaab #trigger14 .content-ACN { left: -100px }
    .cd-hero__content--half-width h2 { width: 200px; font-size: 15px; max-height: 145px }
    .cd-hero__content--half-width { width: 200px; margin-right: 0 }
    .cd-hero__content--img { padding-bottom: calc((calc(100% - 220px) * 60) / 100); width: calc(100% - 220px) !important; }
    .cd-hero__slider { height: 182px }
    /* .shiftPattern .shiftButtons ul li{margin-left:15px;    width: calc((100% - 80px) /6);}
    .shiftPattern .shiftButtons{padding:0 15px}*/
    .elconsoltoPattern .sides { margin-left: 20px; padding: 0 0 0 20px }
    .elconsoltoPattern .sides h2 { font-size: 18px }
    .elconsoltoPattern .sides.news { width: calc((100% - 278px) /2); }
    .elconsoltoPattern .sides.news:nth-of-type(2n) { margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.estesharat { width: calc((100% - 278px) /2); }
    .elconsoltoPattern .sides.calculcator { width: 238px }
    .elconsoltoPattern .sides.news li { padding: 8px 0; }
    .elconsoltoPattern .sides.news li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .elconsoltoPattern .sides.news li .desc { width: calc(100% - 146px); }
    .elconsoltoPattern .sides.news li .desc p, .elconsoltoPattern .sides.estesharat li .sliderContent .userAsk h3 { font-size: 14px }
    .elconsoltoPattern .sides.news li .desc a.sectionTarget { right: 146px; bottom: 22px; }
    .elconsoltoPattern .sides.calculcator li { width: 114px; margin-left: 10px; margin-bottom: 10px; }
    /*.corona{background: url(../Images/Corona/coronaBg.jpg) right center no-repeat #3d0216;}
    .corona .title{height:40px}
    .corona .title h3{font-size:22px;line-height:2}*/
    .threeDiv .corona { height: 325px }
    .threeDiv .corona .title { height: 40px }
    .threeDiv .corona .title h3 { font-size: 18px }
    .threeDiv .corona .currentCases { width: 204px; margin: 0 calc((100% - 204px) /2) 15px }
    .threeDiv .corona .item { margin-left: 20px; width: 84px }
    .threeDiv .corona .item .numberCircle span { font-size: 13px }
    .threeDiv .corona .total { width: 292px; margin: 0px calc((100% - 292px) /2) 15px }
    .threeDiv .corona .item p { font-size: 11px; }
    .threeDiv .waya { height: 325px }
    .threeDiv .waya .content li p { font-size: 15px }
    .threeDiv .waya .content { padding: 14px 10px }
    .coronaEntrypoint .corona { width: 100%; margin: 10px 0 50px 0 }
    .coronaV2 .corona .rightSide { width: 100%; }
    .coronaV2 .corona .symptom { display: none }
    .coronaV2 .corona .centerSide { padding: 0 0; width: 100% }
    .coronaV2 .corona .centerSide .content .country li span { font-size: 19px }
    .coronaV2 .corona .centerSide .content { padding: 20px 20px }
    .phrosParade { height: 344px }
    .mofakeraEntryPoint { height: 325px }
    .corona .allBtns li { height: 120px; width: calc((100% - 48.1px) / 4); margin-bottom: 0 }
    .corona .allBtns li:nth-child(2n) { margin-left: 16px }
    .corona .allBtns li:last-child { margin-left: 0 }
    .corona .allBtns li .btn p { font-size: 12px }
    .seriesContainer .seriesFilter li { margin-left: 18px }
    .QEntryPoint { width: 100%; margin: 0; }
    .QEntryPoint .Qimg { width: 170px; margin: 0 !important }
    .QEntryPoint .QDetails { width: calc(100% - 200px) }
    .QEntryPoint.NoImg .QDetails { width: 100% }
    article .articlePoll { width: 100%; margin: 0 }
    article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    .article .totalQues { width: 450px; margin: 0 calc((100% - 450px) /2) }
    .article .totalQues .answer { height: 70px }
    .article .totalQues .question h4.pQues { font-size: 18px }
    .article .totalQues .answer label { font-size: 16px }
    .article .totalQues .question h3 { font-size: 14px }
    .article .totalQues .question img { padding: 0 }
    .infoClips { max-width: 100%; margin: 0 }
    .shiftPattern ul li { width: calc((100% - 40px) /2); margin-left: 40px }
    .JustCorona .corona { width: 100%; margin: 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 24px) / 2); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(2n) { margin-left: 0; }

        .seriesContainer .hint{height:auto;font-size:15px}
        .seriesContainer .hint span.popupNotif{display:inline-block}

   .masrawyApp{padding:30px 100px 0}
    .masrawyApp:after{left:8%}
    .masrawyApp .rightSide{width:300px}
    .masrawyApp .rightSide p{font-size:40px}
    .masrawyApp .rightSide span{font-size:26px}
    .masrawyApp .rightSide a{width:130px;height:40px}

      article .masrawyApp{padding:0 25px 0}
    article .masrawyApp:after{left: 25%;bottom:-32px;width:124px;}
    article .masrawyApp .text{width:134px;padding: 17px 0;}
    article .masrawyApp .rightSide p{font-size:19px}
    article .masrawyApp .rightSide span{font-size:13px}
    article .masrawyApp .rightSide .appBtns{width:85px;padding:13px 0}
    article .masrawyApp .rightSide .appBtns a{width:85px;height:25px}
}


@media screen and (min-width:1024px) and (max-width:1151px) {
    .malaab .wActive { width: 700px; left: 52%; }
    .malaab #field::before { background-size: 100% auto; top: 12%; width: 320px; height: 164px; }
    .malaab iframe { bottom: auto; left: -66px; width: 480px; height: 294px; top: 20px; }
    .malaab .next img { position: absolute; right: -57px; top: 40%; transform: translateY(-50%); cursor: pointer; user-select: none; width: 50px; height: 66px; border: none; }
    .malaab .pulse { width: 25px; height: 10px }
    .malaab #trigger1 { top: 69%; left: 71%; transform: translate(32px, 8px); }
    /*1*/
    .malaab #trigger2 { top: 73%; left: 47%; transform: translate(32px, 8px); }
    /*2*/
    .malaab #trigger3 { top: 83%; left: 8%; transform: translate(32px, 8px); }
    /*3*/
    .malaab #trigger4 { top: 75%; left: 30%; transform: translate(32px, 8px); }
    /*4*/
    .malaab #trigger5 { top: 70%; left: 55%; transform: translate(32px, 8px); }
    /*5*/
    .malaab #trigger6 { top: 69%; left: 65%; transform: translate(32px, 8px); }
    /*6*/
    .malaab #trigger7 { top: 70%; left: 22%; transform: translate(32px, 8px); }
    /*7*/
    .malaab #trigger8 { top: 72%; left: 75%; transform: translate(32px, 8px); }
    /*8*/
    .malaab #trigger9 { top: 69%; left: 29%; transform: translate(32px, 8px); }
    /*8*/
    .malaab #trigger10 { top: 77%; left: 73%; transform: translate(32px, 8px); }
    /*10*/
    .malaab #trigger11 { top: 76%; left: 67%; transform: translate(32px, 8px); }
    /*11*/
    .malaab #trigger12 { top: 85%; left: 47%; transform: translate(32px, 8px); }
    /*11*/
    .malaab #trigger13 { top: 73%; left: 18%; transform: translate(32px, 8px); }
    /*13*/
    .malaab #trigger14 { top: 68%; left: 75%; transform: translate(32px, 8px); }
    /*14*/
    .malaab #trigger1 .content-ACN { left: -70px }
    .malaab #trigger6 .content-ACN { left: -70px }
    .malaab #trigger8 .content-ACN { left: -100px }
    .malaab #trigger10 .content-ACN { left: -70px }
    .malaab #trigger11 .content-ACN { left: -70px }
    .malaab #trigger14 .content-ACN { left: -100px }
    .cd-hero__content--half-width h2 { width: 200px; font-size: 15px; max-height: 145px; }
    .cd-hero__content--half-width { width: 200px; margin-right: 0 }
    .cd-hero__content--img { padding-bottom: calc((calc(100% - 220px) * 60) / 100); width: calc(100% - 220px) !important; }
    .cd-hero__slider { height: 182px }
    /* .corona{background: url(../Images/Corona/coronaBg.jpg) right center no-repeat #3d0216;}
    .corona .title{height:40px}
    .corona .title h3{font-size:22px;line-height:2}*/
    .threeDiv .corona { width: 100%; height: 325px; margin-bottom: 40px }
    .threeDiv .corona .title { height: 40px }
    .threeDiv .corona .title h3 { font-size: 20px }
    .threeDiv .corona .currentCases { width: 290px; margin: 0 calc((100% - 290px) /2) 15px }
    .threeDiv .corona .item { margin-left: 70px; width: 110px }
    .threeDiv .corona .item .numberCircle span { font-size: 16px }
    .threeDiv .corona .total { width: 470px; margin: 0 calc((100% - 470px) /2) 15px }
    .threeDiv .corona .item p { font-size: 14px }
    .threeDiv .waya { width: calc(100% - 312px); height: 344px; margin: 0 0 0 12px }
    .threeDiv .waya .content { padding: 10px 10px 11px 10px }
    .threeDiv .waya .content li { margin-bottom: 15px; }
    .coronaEntrypoint .corona { width: 100%; margin: 10px 0 50px 0 }
    .coronaV2 .corona .rightSide { width: 100%; }
    .coronaV2 .corona .symptom { display: none }
    .coronaV2 .corona .centerSide { padding: 0 0; width: 100% }
    .coronaV2 .corona .centerSide .content .country li span { font-size: 19px }
    .coronaV2 .corona .centerSide .content { padding: 20px 20px }
    .phrosParade { height: 344px }
    .mofakeraEntryPoint { height: 344px }
    .seriesContainer .seriesFilter ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; -ms-flex-align: center; align-items: center; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
    .QEntryPoint { width: 100%; margin: 0; }
    .QEntryPoint .Qimg { width: 150px; margin: 0 !important }
    .QEntryPoint .QDetails { width: calc(100% - 180px) }
    .QEntryPoint.NoImg .QDetails { width: 100% }
    .QEntryPoint h5 { font-size: 14px !important }
    article .details .QEntryPoint span { font-size: 15px !important; line-height: 1.6 !important }
    article .articlePoll { width: 100%; margin: 0 }
    article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    article .articlePoll .allItems .btns .Popup { right: auto; left: -50px }
    article .articlePoll .allItems .btns .Popup:before { left: 80px }
    .article .totalQues { width: calc(100% - 20px); margin: 0 10px 0 0 }
    .article .totalQues .question h4.pQues { font-size: 16px }
    .article .totalQues .answer { height: 70px }
    .article .totalQues .question h4.pQues { font-size: 18px }
    .article .totalQues .answer label { font-size: 16px }
    .article .totalQues .question h3 { font-size: 14px }
    .article .totalQues .question img { padding: 0 }
    .infoClips { max-width: 100%; margin: 0 }
    .JustCorona .corona { width: 100%; margin: 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 24px) / 2); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(2n) { margin-left: 0; }

        .seriesContainer .hint{height:auto;font-size:15px}
        .seriesContainer .hint span.popupNotif{display:inline-block}

        .masrawyApp{padding:30px 100px 0}
    .masrawyApp:after{left:8%}
    .masrawyApp .rightSide{width:300px}
    .masrawyApp .rightSide p{font-size:40px}
    .masrawyApp .rightSide span{font-size:26px}
    .masrawyApp .rightSide a{width:130px;height:40px}

          article .masrawyApp{padding:0 25px 0}
    article .masrawyApp:after{left: 25%;bottom:-32px;width:124px;}
    article .masrawyApp .text{width:134px;padding: 17px 0;}
    article .masrawyApp .rightSide p{font-size:19px}
    article .masrawyApp .rightSide span{font-size:13px}
    article .masrawyApp .rightSide .appBtns{width:85px;padding:13px 0}
    article .masrawyApp .rightSide .appBtns a{width:85px;height:25px}
}
@media only screen and (max-width: 1023px) {
    .seriesContainer .hint{height:auto}
    .seriesContainer .hint span.popupNotif{display:inline-block}
    .malaab .Mob-logo-ACN { width: 100%; display: inline-block; height: 70px; float: right; }
    .malaab .Mob-logo-ACN .sponsorMob { top: 10px; left: 28px; }
    .malaab .Mob-logo-ACN p {  font-size: 16px; color: #FFF; position: absolute; text-align: center; width: 100%; left: 0; line-height: 4; }
    .container-ACN.malaab { padding-bottom: 145%; }
    .container-ACN.malaab::before { content: ''; background-image: url(../Images/ACN/mob-background.jpg); width: 100%; height: 106%; position: absolute; background-size: 100% 100%; right: 0; top: 0; }
    .malaab #field { background: url('../Images/ACN/mob-field.png')no-repeat; background-size: 100% auto; top: 60px; }
    .malaab .Mob-logo-ACN .logoMob { top: 8px; right: 16px; }
    .malaab .pulse { width: 22px; height: 22px }
    .malaab #trigger1 { top: 7%; left: 27%; }
    /*1*/
    .malaab #trigger2 { top: 45.5%; left: 43%; }
    /*2*/
    .malaab #trigger3 { top: 89%; left: 83%; }
    /*3*/
    .malaab #trigger4 { top: 68%; left: 60%; }
    /*4*/
    .malaab #trigger5 { top: 35%; left: 30%; }
    /*5*/
    .malaab #trigger6 { top: 16%; left: 30%; }
    /*6*/
    .malaab #trigger7 { top: 82%; left: 34%; }
    /*7*/
    .malaab #trigger8 { top: 5%; left: 40%; }
    /*8*/
    .malaab #trigger9 { top: 70%; left: 30%; }
    /*9*/
    .malaab #trigger10 { top: 10%; left: 64%; }
    /*10*/
    .malaab #trigger11 { top: 18%; left: 55%; }
    /*11*/
    .malaab #trigger12 { top: 45.5%; left: 88%; }
    /*12*/
    .malaab #trigger13 { top: 85%; left: 45%; }
    /*13*/
    .malaab #trigger14 { top: 30%; left: 60%; }
    /*14*/
    .malaab .content-ACN { width: 320px; height: 156px; top: 14px; left: 34px; }
    .malaab #trigger10 .content-ACN { left: -80px }
    .malaab #trigger11 .content-ACN { left: -70px }
    .malaab #trigger14 .content-ACN { left: -100px }
    .malaab #trigger12 .content-ACN { left: -260px }
    .malaab #trigger4 .content-ACN { left: -70px }
    .malaab #trigger3 .content-ACN { left: -290px; top: -150px }
    .malaab #trigger13 .content-ACN { left: 36px; top: -150px }
    .malaab #trigger7 .content-ACN { left: 36px; top: -150px }
    .malaab .wActive { width: 95%; height: 750px; top: 0; padding-top: 0 }
    .malaab .wcontainer iframe { left: 10px; width: 480px; height: 250px; margin: 0 calc((100% - 480px) / 2); top: 7%; z-index: 9999; }
    .malaab .yellowBK { width: 100%; left: 0; height: 100%; top: 0; }
    .malaab .showMore { margin: 10px 0; }
    .malaab .close-ACN { top: 14px; left: 14px; right: auto }
    .malaab #title h1 { font-size: 22px }
    .malaab #info1 p { font-size: 18px; }
    .malaab .textp { position: absolute; bottom: -30px; right: 0; overflow: scroll; height: 50%; width: 100%; }
    .malaab .showMore { display: none !important }
    .malaab .Text-Mob { width: 100%; display: block }
    .malaab .Text-Mob p {  font-size: 16px; line-height: 1.9; margin-bottom: 50px; }
    .malaab .wcontainer { height: 96%; overflow: hidden; }
    .malaab .pulse.pHover { width: 25px; }
    .malaab .remainText { display: none }
    .malaab #field::before { display: none }
    .malaab #field::after { display: none }
    .cd-hero__content--half-width h2 { width: 200px; font-size: 15px; max-height: 145px }
    .cd-hero__content--half-width { width: 200px; margin-right: 0 }
    .cd-hero__content--img { padding-bottom: calc((calc(100% - 220px) * 60) / 100); width: calc(100% - 220px) !important; }
    .cd-hero__slider { height: 182px }
    .threeDiv .corona { width: 100%; height: 325px; margin-bottom: 40px }
    .threeDiv .corona .title { height: 40px }
    .threeDiv .corona .title h3 { font-size: 20px }
    .threeDiv .corona .currentCases { width: 290px; margin: 0 calc((100% - 290px) /2) 15px }
    .threeDiv .corona .item { margin-left: 70px; width: 110px }
    /*    .threeDiv .corona .item .numberCircle{width:80px;height:80px}
*/ .threeDiv .corona .item .numberCircle span { font-size: 16px }
    .threeDiv .corona .total { width: 470px; margin: 0 calc((100% - 470px) /2) 15px }
    .threeDiv .corona .item p { font-size: 14px; }
    .threeDiv .waya { width: calc(100% - 312px); margin: 0 0 0 12px }
    .seriesContainer .seriesFilter ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; -ms-flex-align: center; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .coronaV2 .corona .rightSide { width: 100%; }
    .coronaV2 .corona .symptom { display: none }
    .coronaV2 .corona .centerSide { padding: 0 0; width: 100% }
    .coronaV2 .corona .centerSide .content .country li span { font-size: 19px }
    .coronaV2 .corona .centerSide .content { padding: 20px 20px }
    .phrosParade { height: 318px }
    .mofakeraEntryPoint { height: 318px }
    .infoClips { max-width: 100%; margin: 0 }
    .shiftPattern ul li { margin-bottom: 20px }
    .JustCorona .corona { width: 100%; margin: 0 }
    .seriesContainer .seriesDiv ul li { width: calc((100% - 24px) / 2); margin-left: 24px; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(2n) { margin-left: 0; }

        .masrawyApp{padding:30px 100px 0}
    .masrawyApp:after{left:8%}
    .masrawyApp .rightSide{width:300px}
    .masrawyApp .rightSide p{font-size:40px}
    .masrawyApp .rightSide span{font-size:26px}
    .masrawyApp .rightSide a{width:130px;height:40px}


    
    article .masrawyApp{padding:0 54px 0}
    article .masrawyApp:after{left: 27%}
}
@media screen and (min-width:320px) and (max-width:767px) {
    .malaab .Mob-logo-ACN { width: 100%; display: inline-block; height: 50px; float: right; }
    .malaab .Mob-logo-ACN .sponsorMob { top: 5px; left: 14px; }
    .malaab .Mob-logo-ACN p {  font-size: 14px; color: #FFF; position: absolute; text-align: center; width: 150px; left: 50%; transform: translateX(-50%); line-height: 1.5; margin-top: 6px; }
    .container-ACN.malaab { padding-bottom: 145%; }
    .container-ACN.malaab::before { content: ''; background-image: url(../Images/ACN/mob-background.jpg); width: 100%; height: 118%; position: absolute; background-size: 100% 100%; right: 0; top: 0; }
    .malaab #field { background: url('../Images/ACN/mob-field.png')no-repeat; background-size: 100% auto; top: 60px; }
    .malaab .Mob-logo-ACN .logoMob { top: 10px; right: 4px; width: 100px; }
    .malaab .pulse { width: 22px; height: 22px }
    .malaab #trigger1 { top: 7%; left: 27%; transform: translate(24px, 12px) }
    /*1*/
    .malaab #trigger2 { top: 45.5%; left: 43%; transform: translate(24px, 12px) }
    /*2*/
    .malaab #trigger3 { top: 89%; left: 83%; transform: translate(24px, 12px) }
    /*3*/
    .malaab #trigger4 { top: 68%; left: 60%; transform: translate(24px, 12px) }
    /*4*/
    .malaab #trigger5 { top: 35%; left: 30%; transform: translate(24px, 12px) }
    /*5*/
    .malaab #trigger6 { top: 16%; left: 30%; transform: translate(24px, 12px) }
    /*6*/
    .malaab #trigger7 { top: 82%; left: 34%; transform: translate(24px, 12px) }
    /*7*/
    .malaab #trigger8 { top: 5%; left: 40%; transform: translate(24px, 12px) }
    /*8*/
    .malaab #trigger9 { top: 70%; left: 30%; transform: translate(24px, 12px) }
    /*9*/
    .malaab #trigger10 { top: 10%; left: 64%; transform: translate(24px, 12px) }
    /*10*/
    .malaab #trigger11 { top: 18%; left: 55%; transform: translate(24px, 12px) }
    /*11*/
    .malaab #trigger12 { top: 45.5%; left: 88%; transform: translate(24px, 12px) }
    /*12*/
    .malaab #trigger13 { top: 85%; left: 45%; transform: translate(24px, 12px) }
    /*13*/
    .malaab #trigger14 { top: 30%; left: 60%; transform: translate(24px, 12px) }
    /*14*/
    .malaab .content-ACN { width: 320px; height: 156px; top: 14px; left: 34px; }
    .malaab #trigger10 .content-ACN { left: -80px }
    .malaab #trigger11 .content-ACN { left: -70px }
    .malaab #trigger14 .content-ACN { left: -100px }
    .malaab #trigger12 .content-ACN { left: -260px }
    .malaab #trigger4 .content-ACN { left: -70px }
    .malaab #trigger3 .content-ACN { left: -290px; top: -150px }
    .malaab #trigger13 .content-ACN { left: 36px; top: -150px }
    .malaab #trigger7 .content-ACN { left: 36px; top: -150px }
    .malaab .wActive { width: 95%; height: 750px; top: 0; padding-top: 0 }
    .malaab .wcontainer iframe { left: 0; width: 300px; height: 184px; margin: 0 calc((100% - 300px) / 2); top: 7%; z-index: 9999; }
    .malaab .yellowBK { width: 100%; left: 0; height: 100%; top: 0; }
    .malaab .showMore { margin: 10px 0; }
    .malaab .close-ACN { top: 14px; left: 14px; right: auto }
    .malaab #title h1 { font-size: 22px }
    .malaab #info1 p { font-size: 18px; }
    .malaab .textp { position: absolute; top: 250px; right: 0; overflow: scroll; height: 50%; width: 100%; bottom: auto; padding: 10px; }
    .malaab .showMore { display: none !important }
    .malaab .Text-Mob { width: 100%; display: block }
    .malaab .Text-Mob p {  font-size: 16px; line-height: 1.9; margin-bottom: 50px; }
    .malaab .wcontainer { height: 96%; overflow: hidden; }
    .malaab .pulse.pHover { width: 25px; }
    .malaab .remainText { display: none }
    .malaab #field::before { display: none }
    .malaab #field::after { display: none }
    .malaab .pulse:hover > .aa .content-ACN { opacity: 0; visibility: hidden }
    .cd-hero__content--img { width: 100% !important; padding-bottom: 60% }
    .cd-hero__slider { height: 310px }
    .cd-hero__content--half-width { width: 100% !important; position: relative; top: 0; height: auto }
    .cd-hero__content--half-width h2 { width: 100% !important; position: relative; top: 0; font-size: 14px; color: #fff; margin: 10px 0; max-height: 78px; transform: none }
    .cd-hero__nav { height: 15px; width: 100%; position: relative; top: auto; right: 0; transform: none; }
    .cd-hero__nav nav { top: auto; transform: translateX(-50%); left: 50%; right: auto; width: auto; }
    .cd-hero__nav li { margin-bottom: 0; margin-left: 6px }
    /*    .waya .content li{height:85px}
*/ .waya .content li .imageCntnr { width: 85px; padding-bottom: calc((85px * 75)/ 100); margin-left: 10px }
    /*    .waya .content li p{width:calc(100% - 95px);font-size:14px;max-height:66px;line-height:1.5}*/
    .waya .content li p { font-size: 12px; max-height: 66px; line-height: 1.5 }
    .infoClips.inner .waya .content ul { height: 328px; }
    .coronaEntrypoint .corona { width: 100%; margin: 10px 0 50px 0; padding: 0 }
    .threeDiv .corona { width: 100%; margin-bottom: 30px; height: 325px }
    .threeDiv .corona .title { height: 35px; margin-bottom: 20px }
    .threeDiv .corona .title h3 { font-size: 18px }
    .threeDiv .corona .currentCases { width: 220px; margin: 0 calc((100% - 220px) /2) 15px }
    .threeDiv .corona .item { margin-left: 20px; width: 92px }
    /*    .threeDiv .corona .item .numberCircle{width:70px;height:70px}
*/ .threeDiv .corona .item .numberCircle span { font-size: 13px }
    .threeDiv .corona .total { width: 316px; margin: 0 calc((100% - 316px) /2) 15px }
    .threeDiv .corona .item p { font-size: 12px; }
    .threeDiv .waya { width: 100%; margin: 0; margin-bottom: 30px }
    .coronaEntrypoint .corona .title { padding: 15px 10px 10px; margin-bottom: 40px; }
    /*.coronaEntrypoint .corona .currentCases, .corona .total, .corona .total, .corona .currentCases{width:100%;margin:0;max-width:315px}*/
    .coronaEntrypoint .corona .item { margin-left: 10px }
    /*     .corona .total{position:absolute;top:58%;left:50%;transform:translateX(-50%)}
     .corona .currentCases{position:absolute;top:24%;left:50%;transform:translateX(-50%)}
     .corona .total, .corona .currentCases{width:316px;margin:0}*/
    .waya .title .more { font-size: 13px }
    .coronaV2 .corona { width: 100%; margin-left: 0 }
    .phrosParade { width: 100% }
    .phrosParade:before { background: url(../Images/phrsBg1.jpg) left bottom repeat; background-size: auto 100%; }
    .mofakeraEntryPoint { width: 300px; margin: 0 calc((100% - 300px) / 2) 40px }
    .QEntryPoint { width: 100%; margin: 0; padding: 10px }
    .QEntryPoint .QDetails { width: 100% }
    .QEntryPoint .MasrawyIcon { position: relative !important; top: auto; right: auto; margin: 15px calc((100% - 72px) /2) !important }
    .QEntryPoint .MasrawyIcon img { float: right; margin: 0 0 0 8px !important; width: 16px }
    article .details .QEntryPoint .MasrawyIcon span { float: right; font-size: 16px !important; line-height: 1.2 !important; display: inline-block !important; }
    article .details .QEntryPoint span { display: none !important }
    .QEntryPoint h5 { text-align: center; font-size: 14px !important }
    .QEntryPoint .Qimg { display: none }
    .QEntryPoint .Begin { width: 100%; font-size: 15px !important; line-height: 2.5; margin: 20px 0 15px 0 !important }
    article .articlePoll { width: 100%; margin: 15px 0; padding: 10px; }
    article .articlePoll .allItems h3 { font-size: 14px }
     article .articlePoll .secondStep .itemDiv .votes { line-height: 2.4 }
    article .articlePoll .secondStep .itemDiv .votes span { line-height: 2.4 }
    article .articlePoll .allItems input[type="radio"] + label { margin: 0 0 15px 0; font-size: 14px }
    .notification .notiCnts { width: calc(100% - 20px); padding: 24px 15px; margin: 120px 10px }
    .JustCorona .corona { width: 100%; margin: 0 }
    .speakolLeft { margin-top: 0 }
    .seriesContainer .seriesDiv ul li { width: 100%; margin-left: 0; margin-bottom: 24px; }
    .seriesContainer .seriesDiv ul li:nth-of-type(4n) { margin-left: 0; }
    .seriesContainer .seriesDiv ul li:nth-of-type(2n) { margin-left: 0; }

       .seriesContainer .hint{height:auto;font-size:14px;padding:10px;line-height:1.6}
       .blockNotif .closePopupNotif{width:20px;height:20px;}
       .blockNotif .closePopupNotif:before{font-size:16px}
        .seriesContainer .hint span.popupNotif:before{display:none}
        .blockNotif .blockContainer{width:300px;height:350px;top:26%;transform:translateX(-50%)}

    .masrawyApp{height:150px;padding:24px 20px 0;width:300px;margin:0 calc((100% - 300px) /2) 40px;}
    .masrawyApp .rightSide p{font-size:23px;margin-bottom:16px}
    .masrawyApp .rightSide span{font-size:15px;margin-bottom:14px}
    .masrawyApp .rightSide{width:auto}
    .masrawyApp .rightSide a{width:80px;height:24px}
    .masrawyApp:after{background:url(../Images/App/ApphandMib.png) no-repeat left bottom;width: 105px; background-size: 100%; left: 0;}

    article .masrawyApp:after{left: -13px;width: 139px;bottom: -42px;height: 115px;background: url(../Images/App/appHand.png) no-repeat left bottom;background-size:100%}
    article .masrawyApp .rightSide{width:145px;padding:7px 0}
    article .masrawyApp .rightSide p{font-size:18px;margin-bottom:9px}
    article .masrawyApp .rightSide span{font-size:14px;margin-bottom:2px}
    article .masrawyApp .rightSide .appBtns  a{width:65px;height:20px}

    article .masrawyApp{height:80px;padding:0 20px;width:300px;margin:0 calc((100% - 300px) /2) 40px}
    article .masrawyApp .text{width:100%;padding:0}
    article .masrawyApp .rightSide .appBtns{width:100%;padding:0}
    article .masrawyApp .rightSide .appBtns a{margin-bottom:0; margin-left:10px}
    article .masrawyApp .rightSide .appBtns a:last-child{margin-left:0}
}
@media screen and (max-width:320px) {
    .malaab #info1 p { font-size: 12px; }
    .malaab .remainText p { font-size: 12px; }
}
/**********************************************************************/
@media screen and (min-width:1680px) and (max-width:1919px) {
    .top10ListMain { height: calc(100% - 82px); }
    .top10ListMain .top3 { width: 210px }
    .top10ListMain .list { width: calc(100% - 226px); }
    .top10ListMain .list .ttlRow { height: 50px }
    .top10ListMain .list .wRow { height: 50px; margin-bottom: 7px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3.4 }
    /*.playerProfile{padding-bottom:56%}*/
    /*.playerProfile .top10Ttl{height:50px}
    .playerProfile .top10Ttl h1{font-size:22px;line-height:2}
    .playerProfile .top10Ttl .pLogo{margin-top:8px}
    .playerProfile .top10Ttl .pLogo img{height:35px}
    .playerProfile .top10Ttl .TTLArrow .pArrow{width:50px;height:50px}
    .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:30px}*/
    .playerProfile h2 { font-size: 15px; margin-bottom: 10px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 120px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 14px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 47px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 9px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 90px; height: 90px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 90px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 30px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 15px 22px 15px }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 291px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 360px }
    .playerProfile .top10ListMain .centerSide { width: calc(100% - 750px); }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 120px) /2); }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { margin-top: 5px }
    .playerProfile .top10ListMain .playerBlock.playerInfo { padding: 0 15px 14px 15px; }
    .playerProfile.top10Main .rArrow { right: -135px }
    .playerProfile.top10Main .lArrow { left: -135px }
    .top10Main .zedSponsor { left: -108px }
    .top10Ttl .afconBack { width: 210px }
    .infoClips.inner .corona .item .circle span.number { font-size: 22px }
    .infoClips.inner .corona .item { margin-left: 5px }
    .infoClips.inner .corona .item p { font-size: 12px }
    .infoClips.inner .corona .maindiv { width: calc(100% + 20px); margin-right: -10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 30px) / 4) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(4n) { margin-left: 0 }
}
@media screen and (min-width:1600px) and (max-width:1679px) {
    .acn .masrawyContainer { padding-bottom: 44% }
    .top10Main .zedSponsor { left: -106px; bottom: 10px }
    /*.top10Main{padding-bottom:53%}*/
    .top10Ttl { height: 60px }
    .top10Ttl h1 { line-height: 2 }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 8px 0; }
    .top10Ttl .zedSponsor img { height: 44px }
    .top10ListMain { height: calc(100% - 80px); }
    .top10ListMain .top3 { width: 189px }
    .top10ListMain .list { width: calc(100% - 205px); }
    .top10ListMain .list .ttlRow { height: 50px; margin-bottom: 12px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3.5; padding: 0 }
    .top10ListMain .list .wRow { height: 46px; margin-bottom: 5px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 4px 10px; }
    .top10ListMain .list .wRow .country { padding: 9px 10px }
    .top10ListMain .list .wRow .item { line-height: 2.2 }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.4 }
    .top10Ttl .afconBack span { line-height: 3.4 }
    .top10Ttl .afconBack { width: 189px }
    /*.playerProfile{padding-bottom:54%}*/
    .playerProfile .top10ListMain { height: calc(100% - 58px); }
    .playerProfile .top10Ttl { height: 50px }
    .playerProfile .top10Ttl h1 { font-size: 24px }
    .playerProfile .top10Ttl .pLogo { margin-top: 8px }
    .playerProfile .top10Ttl .pLogo img { height: 35px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 50px; height: 50px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 30px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 10px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 115px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 14px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 35px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 6.2px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 90px; height: 90px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 90px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    /*.playerProfile .top10ListMain .playerBlock{padding:0 15px 20px 15px}*/
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 247px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 360px }
    .playerProfile .top10ListMain .centerSide { width: calc(100% - 750px); }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 13px; line-height: 3.5 }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 115px) /2); }
    .playerProfile .top10ListMain .playerBlock { padding: 0 15px 18px 15px; }
    .playerProfile .top10Ttl .back { line-height: 3 }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile .top10ListMain .playerInfo { padding: 0 15px 11px 15px; }
    .playerProfile.top10Main .rArrow { right: -132px }
    .playerProfile.top10Main .lArrow { left: -132px }
    .infoClips.inner .corona .item .circle span.number { font-size: 22px }
    .infoClips.inner .corona .item { margin-left: 5px }
    .infoClips.inner .corona .item p { font-size: 12px }
    .infoClips.inner .corona .maindiv { width: calc(100% + 20px); margin-right: -10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 30px) / 4) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(4n) { margin-left: 0 }
}
@media screen and (min-width:1536px) and (max-width:1599px) {
    .acn .masrawyContainer { padding-bottom: 44% }
    .top10Main .zedSponsor { left: -106px; bottom: 15px }
    /*.top10Main{padding-bottom:52%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; }
    .top10Ttl { height: 60px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 2 }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 8px 0; }
    .top10Ttl .zedSponsor img { height: 44px }
    .top10ListMain { height: calc(100% - 72px); }
    .top10ListMain .top3 { width: 183px }
    .top10ListMain .top3 .player { margin-bottom: 12px }
    .top10ListMain .list { width: calc(100% - 195px); padding: 12px; margin-left: 12px }
    .top10ListMain .list .ttlRow { height: 50px; margin-bottom: 12px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3.5; padding: 0 }
    .top10ListMain .list .wRow { height: 44px; margin-bottom: 5px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .wRow .country { padding: 8px 10px }
    .top10ListMain .list .wRow .item { line-height: 2.1 }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3 }
    .top10Ttl .afconBack span { line-height: 3.4 }
    .top10Ttl .afconBack { width: 183px }
    /*.playerProfile{padding-bottom:53%}*/
    .playerProfile .top10ListMain { height: calc(100% - 62px); }
    .playerProfile .top10Ttl { height: 50px }
    .playerProfile .top10Ttl h1 { font-size: 24px }
    .playerProfile .top10Ttl .pLogo { margin-top: 8px }
    .playerProfile .top10Ttl .pLogo img { height: 35px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 50px; height: 50px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 30px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 100px) /2); }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 100px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 14px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 29px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 6.2px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 90px; height: 90px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 90px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 15px 20px 15px }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 232px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 360px }
    .playerProfile .top10ListMain .centerSide { width: calc(100% - 750px); }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 13px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10Ttl .back { line-height: 3 }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile.top10Main .lArrow { left: -128px }
    .playerProfile.top10Main .rArrow { right: -128px }
    .playerProfile .top10ListMain .playerInfo { padding: 0 15px 15px 15px; }
    .top10Main .fShare { top: 29px }
    .malaab .fShare { top: 29px }
    .infoClips.inner .corona .item .circle span.number { font-size: 22px }
    .infoClips.inner .corona .item { margin-left: 5px }
    .infoClips.inner .corona .item p { font-size: 12px }
    .infoClips.inner .corona .maindiv { width: calc(100% + 20px); margin-right: -10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 30px) / 4) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(4n) { margin-left: 0 }
}
@media screen and (min-width:1440px) and (max-width:1535px) {
    .acn .masrawyContainer { padding-bottom: 45% }
    .top10Main .zedSponsor { left: -96px; bottom: 15px }
    .top10Main .zedSponsor img { height: 110px }
    /*.top10Main{padding-bottom:53%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; }
    .top10Ttl { height: 60px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 2; font-size: 24px; }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 8px 0; }
    .top10Ttl .zedSponsor img { height: 44px }
    .top10ListMain { height: calc(100% - 68px); }
    .top10ListMain .top3 { width: 174px }
    .top10ListMain .top3 .player { margin-bottom: 12px }
    .top10ListMain .top3 .player .rank { width: 40px; height: 40px; font-size: 24px; line-height: 1.6; }
    .top10ListMain .list { width: calc(100% - 186px); padding: 12px; margin-left: 12px }
    .top10ListMain .list .ttlRow { height: 50px; margin-bottom: 6px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3.5; padding: 0 }
    .top10ListMain .list .wRow { height: 44px; margin-bottom: 3px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .wRow .country { padding: 8px 10px }
    .top10ListMain .list .wRow .item { line-height: 2.1 }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3 }
    .top10Ttl .afconBack span { line-height: 3.4 }
    .top10Ttl .afconBack { width: 174px }
    /*.playerProfile{padding-bottom:56%}*/
    .playerProfile .top10ListMain { height: calc(100% - 62px); }
    .playerProfile .top10Ttl { height: 50px }
    .playerProfile .top10Ttl h1 { font-size: 24px }
    .playerProfile .top10Ttl .pLogo { margin-top: 8px }
    .playerProfile .top10Ttl .pLogo img { height: 35px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 50px; height: 50px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 30px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 90px) /2); }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 90px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 34px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 6.2px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 15px 13px 15px }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 244px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 320px }
    .playerProfile .top10ListMain .centerSide { width: calc(100% - 670px); }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 13px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { bottom: -25px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10Ttl .back { line-height: 3 }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile .top10ListMain .playerInfo { padding: 0 15px 7px 15px; }
    .playerProfile .top10ListMain .playerStatistics { padding: 0 15px 13px 15px; }
    .playerProfile.top10Main .lArrow { left: -120px }
    .playerProfile.top10Main .rArrow { right: -120px }
    .top10Main .fShare { top: 29px }
    .malaab .fShare { top: 29px }
    .article .totalQues { width: 500px; margin: 40px calc((100% - 500px) /2) 0; }
    .infoClips.inner .corona .item .circle span.number { font-size: 22px }
    .infoClips.inner .corona .item { margin-left: 5px }
    .infoClips.inner .corona .item p { font-size: 12px }
    .infoClips.inner .corona .maindiv { width: calc(100% + 20px); margin-right: -10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 30px) / 4) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(4n) { margin-left: 0 }
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    .acn .masrawyContainer { padding-bottom: 43% }
    .playerP .masrawyContainer { padding-bottom: 44% }
    .top10Main .zedSponsor { left: -82px; bottom: 15px }
    .top10Main .zedSponsor img { height: 85px }
    /*.top10Main{padding-bottom:50%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; }
    .top10Ttl { height: 50px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 20px; }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 155px }
    .top10ListMain .top3 .player { margin-bottom: 12px }
    .top10ListMain .top3 .player .rank { width: 36px; height: 36px; font-size: 22px; line-height: 1.6; }
    .top10ListMain .list { width: calc(100% - 167px); padding: 12px; margin-left: 12px }
    .top10ListMain .list .ttlRow { height: 40px; margin-bottom: 6px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3; padding: 0 }
    .top10ListMain .list .wRow { height: 38px; margin-bottom: 5px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .wRow .item { font-size: 13px; line-height: 1.6 }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3; font-size: 18px; }
    .top10ListMain .list .wRow .country { padding: 7px 10px }
    .top10ListMain .list .wRow .team img { width: 30px; height: 30px }
    .top10ListMain .list .wRow .item p { font-size: 13px; line-height: 2.4; }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .dtls img { height: 20px }
    .top10Ttl .afconBack span { line-height: 3.4; font-size: 16px }
    .top10Ttl .afconBack:before { font-size: 16px }
    .top10Ttl .afconBack { width: 155px }
    /*.playerProfile{padding-bottom:59%}*/
    .playerProfile .top10ListMain { height: calc(100% - 54px); }
    .playerProfile .top10Ttl { height: 45px }
    .playerProfile .top10Ttl h1 { font-size: 20px; line-height: 2 }
    .playerProfile .top10Ttl .pLogo { margin-top: 7px }
    .playerProfile .top10Ttl .pLogo img { height: 32px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 45px; height: 45px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 26px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 90px) /2); }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 90px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 29px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 4px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 10px 17px 10px; margin-bottom: 10px }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 200px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 285px; margin-left: 10px }
    .playerProfile .top10ListMain .leftSide { margin-right: 10px; margin-left: 0 }
    .playerProfile .top10ListMain .centerSide { width: calc(100% - 590px); }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 13px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { bottom: -24px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls { right: 10px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { left: 10px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 14px }
    .playerProfile .top10Ttl .back { line-height: 3; font-size: 15px }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile.top10Main .rArrow { right: -116px }
    .playerProfile.top10Main .lArrow { left: -116px }
    .playerProfile .top10ListMain .playerInfo { padding: 0 10px 8px 10px; }
    .playerProfile .top10ListMain .playerStatistics { padding: 0 10px 5px 10px; }
    .top10Main .fShare { top: 29px }
    .malaab .fShare { top: 29px }
    article .details iframe:not([src*="facebook.com"]), article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img) { width: 100%; margin: 40px 0 !important }
    article .details .pattern01 iframe { margin: 0 !important }
    article .details iframe#frmPAVast { margin: 0 !important; width: unset; height: unset }
    article .imgDiv { width: 100% }
    .infoClips.inner .corona .item .circle span.number { font-size: 22px }
    .infoClips.inner .corona .item { margin-left: 5px }
    .infoClips.inner .corona .item p { font-size: 12px }
    .infoClips.inner .corona .maindiv { width: calc(100% + 20px); margin-right: -10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 30px) / 4) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(4n) { margin-left: 0 }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img { max-height: 125px }
}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .acn .masrawyContainer { padding-bottom: 46%; }
    .top10Main .zedSponsor { left: -78px; bottom: 10px }
    .top10Main .zedSponsor img { height: 80px }
    /*.top10Main{padding-bottom:60%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; }
    .top10Ttl { height: 50px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 20px; }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 157px }
    .top10ListMain .top3 .player { margin-bottom: 12px }
    .top10ListMain .top3 .player .rank { width: 36px; height: 36px; font-size: 22px; line-height: 1.6; }
    .top10ListMain .list { width: calc(100% - 169px); padding: 12px; margin-left: 12px }
    .top10ListMain .list .ttlRow { height: 40px; margin-bottom: 6px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3; padding: 0 }
    .top10ListMain .list .wRow { height: 38px; margin-bottom: 5px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .wRow .item { font-size: 13px; line-height: 1.6 }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3; font-size: 18px; }
    .top10ListMain .list .wRow .country { padding: 7px 10px }
    .top10ListMain .list .wRow .team img { width: 30px; height: 30px }
    .top10ListMain .list .wRow .item p { font-size: 13px; line-height: 2.4; }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .dtls img { height: 20px }
    .top10Ttl .afconBack span { line-height: 3.4; font-size: 16px }
    .top10Ttl .afconBack:before { font-size: 16px }
    .top10Ttl .afconBack { width: 157px }
    /*.playerProfile{padding-bottom:65%;}*/
    .playerProfile .top10ListMain { height: calc(100% - 58px); }
    .playerProfile .top10Ttl { height: 50px }
    .playerProfile .top10Ttl h1 { font-size: 20px; line-height: 2 }
    .playerProfile .top10Ttl .pLogo { margin-top: 7px }
    .playerProfile .top10Ttl .pLogo img { height: 32px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 50px; height: 50px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 26px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 90px) /2); }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 90px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 11px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 11px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 25px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 4px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 10px 24px 10px; margin-bottom: 10px }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 166px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 270px; margin-left: 10px }
    .playerProfile .top10ListMain .leftSide { margin-right: 10px; margin-left: 0 }
    .playerProfile .top10ListMain .centerSide { width: calc(100% - 560px); }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 12px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { bottom: -24px; }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls { right: 10px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { left: 10px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 14px }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow, .playerProfile .top10ListMain .centerSide .playerTable .playerRow { height: 45px }
    .playerProfile .top10Ttl .back { line-height: 3 }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile.top10Main .rArrow { right: -108px }
    .playerProfile.top10Main .lArrow { left: -108px }
    .playerProfile .top10ListMain .playerInfo { padding: 0 10px 8px 10px; }
    .playerProfile .top10ListMain .playerStatistics { padding: 0 10px 5px 10px; }
    .top10Main .fShare { top: 29px }
    .malaab .fShare { top: 29px }
    article .details iframe:not([src*="facebook.com"]), article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { width: 100%; margin: 40px 0 !important }
    article .details .pattern01 iframe { margin: 0 !important }
    article .details iframe#frmPAVast { margin: 0 !important; width: unset; height: unset }
    article .imgDiv { width: 100% }
    .infoClips.inner .corona .item .circle span.number { font-size: 20px }
    .infoClips.inner .corona .item { margin-left: 0; width: 100px }
    .infoClips.inner .corona .item p { font-size: 12px }
    .infoClips.inner .corona .maindiv { width: calc(100% + 20px); margin-right: -10px }
    .JustCorona .corona .item { margin-left: 70px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 20px) / 3) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(3n) { margin-left: 0 }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img { max-height: 145px }
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .acn .masrawyContainer { padding-bottom: 51%; }
    .playerP .masrawyContainer { padding-bottom: 0; background-size: auto 100%; }
    .playerP .top10Main .zedSponsor { left: 16px; bottom: 10px; position: fixed; }
    .top10Main .zedSponsor { left: -72px; bottom: -8px; }
    .top10Main .zedSponsor img { height: 80px }
    /*.top10Main{padding-bottom:60%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; position: relative }
    .top10Ttl { height: 50px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 20px; }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 157px }
    .top10ListMain .top3 .player { margin-bottom: 12px }
    .top10ListMain .top3 .player .rank { width: 36px; height: 36px; font-size: 22px; line-height: 1.6; }
    .top10ListMain .list { width: calc(100% - 169px); padding: 12px; margin-left: 12px }
    .top10ListMain .list .ttlRow { height: 40px; margin-bottom: 6px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3; padding: 0 }
    .top10ListMain .list .wRow { height: 38px; margin-bottom: 5px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .wRow .item { font-size: 13px; line-height: 1.6 }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3; font-size: 18px; }
    .top10ListMain .list .wRow .country { padding: 7px 10px }
    .top10ListMain .list .wRow .team img { width: 30px; height: 30px }
    .top10ListMain .list .wRow .item p { font-size: 13px; line-height: 2.4; }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .dtls img { height: 20px }
    .top10Ttl .afconBack span { line-height: 3.4; font-size: 16px }
    .top10Ttl .afconBack:before { font-size: 16px }
    .top10Ttl .afconBack { width: 157px }
    /*.playerProfile{padding-bottom:145%;background-size: auto 100%;}*/
    .playerProfile .top10ListMain { height: calc(100% - 62px); }
    .playerProfile .top10Ttl { height: 45px }
    .playerProfile .top10Ttl h1 { font-size: 20px; line-height: 2 }
    .playerProfile .top10Ttl .pLogo { margin-top: 7px }
    .playerProfile .top10Ttl .pLogo img { height: 32px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 45px; height: 45px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 26px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { position: absolute; right: 10px; margin: 0 }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 135px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { margin-top: 2px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px; display: block }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px; float: right; display: inline-block; margin-left: 10px; line-height: 1.9 }
    .playerProfile .top10ListMain .playerStatistics li { padding: 8px 0; width: calc(100% / 3); background: transparent !important }
    .playerProfile .top10ListMain .playerStatistics li:last-child { width: 100% }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 10px 18px 10px; margin-bottom: 20px !important; height: auto !important }
    .playerProfile .top10ListMain .playerBlock.playerInfo { height: 235px !important }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 257px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 100%; margin-left: 0; height: auto }
    .playerProfile .top10ListMain .leftSide { margin-right: 0; margin-left: 0 }
    .playerProfile .top10ListMain .centerSide { width: 100%; height: auto }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 12px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px; float: right; line-height: 2 }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls { right: 190px; top: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { left: auto; right: 190px; top: 52px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 14px }
    .playerProfile .top10ListMain .leftSide .mobRight { width: calc(100% - 370px); margin-left: 20px; float: right }
    .playerProfile .top10ListMain .leftSide .playerBlock { height: 150px !important }
    .playerProfile .top10ListMain .leftSide .playerBlock.playerPosition { width: 350px; margin-left: 0; height: 320px !important }
    .playerProfile .top10ListMain .leftSide .pMoney { margin-top: 25px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 0; position: absolute; width: 200px; top: 140px; right: 200px; }
    .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP { display: block; float: right; width: auto; margin-bottom: 5px }
    .playerProfile .top10Ttl .back { line-height: 3; font-size: 15px }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile.top10Main .rArrow { right: -14px; position: fixed; }
    .playerProfile.top10Main .lArrow { left: -14px; position: fixed; }
    .playerProfile .top10ListMain .playerInfo { padding: 0 10px 8px 10px; }
    .playerProfile .top10ListMain .playerStatistics { padding: 0 10px 5px 10px; }
    .acn.playerP .content-wrap { position: relative; left: 0; transform: none }
    .top10Main { background: none }
    .playerP .top10Main .fShare { position: fixed; right: calc(7.5% - 44px); top: 79px }
    article .details iframe:not([src*="facebook.com"]), article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { width: 100%; margin: 40px 0 !important }
    article .details .pattern01 iframe { margin: 0 !important }
    article .details iframe#frmPAVast { margin: 0 !important; width: unset; height: unset }
    article .imgDiv { width: 100% }
    .infoClips.inner .corona { width: 100%; margin-bottom: 20px }
    .infoClips.inner .waya { width: 100%; margin-right: 0 }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 10px) / 2) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(2n) { margin-left: 0 }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img { max-height: 146px }

    .lantern:before{background: url(../Images/ramdan24/lantern.png) top 20px left no-repeat;background-size:100%;width: 230px;}
    .lantern .doaa{width: calc(100% - 188px);}

}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .acn .masrawyContainer { padding-bottom: 59%; }
    .playerP .top10Main .zedSponsor { left: 12px; bottom: 10px; position: fixed; }
    .top10Main .zedSponsor { left: -65px; bottom: 28px; }
    .top10Main .zedSponsor img { height: 75px }
    /*.top10Main{padding-bottom:68%;background-size: auto 100%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; position: relative }
    .top10Ttl { height: 50px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 20px; width: calc(100% - 190px); }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 158px }
    .top10ListMain .top3 .player { margin-bottom: 12px }
    .top10ListMain .top3 .player .rank { width: 36px; height: 36px; font-size: 22px; line-height: 1.6; }
    .top10ListMain .list { width: calc(100% - 170px); padding: 12px; margin-left: 12px }
    .top10ListMain .list .ttlRow { height: 40px; margin-bottom: 6px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3; padding: 0 }
    .top10ListMain .list .wRow { height: 38px; margin-bottom: 6px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .ttlRow .itemTtl { width: calc((100% - 15px) / 4); }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(1) { width: 70px }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(3), .top10ListMain .list .ttlRow .itemTtl:nth-child(4) { width: 120px }
    .top10ListMain .list .wRow .item { font-size: 13px; line-height: 1.6; width: calc((100% - 15px) / 4); }
    .top10ListMain .list .wRow .item:nth-child(3), .top10ListMain .list .wRow .item:nth-child(4) { width: 120px }
    .top10ListMain .list .wRow .item:nth-child(1) { width: 70px; }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3; font-size: 18px; }
    .top10ListMain .list .wRow .country { padding: 7px 10px }
    .top10ListMain .list .wRow .team img { width: 30px; height: 30px }
    .top10ListMain .list .wRow .item p { font-size: 13px; line-height: 2.4; }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .dtls img { height: 20px }
    .top10Ttl .afconBack span { line-height: 3.4; font-size: 16px }
    .top10Ttl .afconBack:before { font-size: 16px }
    .top10Ttl .afconBack { width: 157px }
    /*.playerProfile{padding-bottom:164%;background-size: auto 100%;}*/
    .playerProfile .top10ListMain { height: calc(100% - 62px); }
    .playerProfile .top10Ttl { height: 45px }
    .playerProfile .top10Ttl h1 { font-size: 20px; line-height: 2 }
    .playerProfile .top10Ttl .pLogo { margin-top: 7px }
    .playerProfile .top10Ttl .pLogo img { height: 32px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 45px; height: 45px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 26px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { position: absolute; right: 10px; margin: 0 }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 135px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { margin-top: 2px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px; display: block }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px; float: right; display: inline-block; margin-left: 10px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 8px 0; width: calc(100% / 3); background: transparent !important }
    .playerProfile .top10ListMain .playerStatistics li:last-child { width: 100% }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 10px 18px 10px; margin-bottom: 20px !important; height: auto !important }
    .playerProfile .top10ListMain .playerBlock.playerInfo { height: 235px !important }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 257px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 100%; margin-left: 0; height: auto }
    .playerProfile .top10ListMain .leftSide { margin-right: 0; margin-left: 0 }
    .playerProfile .top10ListMain .centerSide { width: 100%; height: auto }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 12px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px; float: right; line-height: 2 }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls { right: 190px; top: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { left: auto; right: 190px; top: 52px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 14px }
    .playerProfile .top10ListMain .leftSide .mobRight { width: calc(100% - 370px); margin-left: 20px; float: right }
    .playerProfile .top10ListMain .leftSide .playerBlock { height: 150px !important }
    .playerProfile .top10ListMain .leftSide .playerBlock.playerPosition { width: 350px; margin-left: 0; height: 320px !important }
    .playerProfile .top10ListMain .leftSide .pMoney { margin-top: 25px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 0; position: absolute; width: 200px; top: 140px; right: 200px; }
    .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP { display: block; float: right; width: auto; margin-bottom: 5px }
    .playerProfile .top10Ttl .back { line-height: 3 }
    .playerProfile .top10Ttl .zedSponsor img { height: 36px }
    .playerProfile.top10Main .rArrow { right: -14px; position: fixed }
    .playerProfile.top10Main .lArrow { left: -14px; position: fixed }
    .playerProfile .top10ListMain .playerInfo { padding: 0 10px 8px 10px; }
    .playerProfile .top10ListMain .playerStatistics { padding: 0 10px 5px 10px; }
    .playerP .masrawyContainer { padding-bottom: 0; background-size: auto 100%; }
    .acn.playerP .content-wrap { position: relative; left: 0; transform: none }
    .top10Main { background: none }
    .playerP .top10Main .fShare { position: fixed; right: calc(7.5% - 44px); top: 79px }
    .infoClips.inner .corona { width: 100%; margin-bottom: 20px }
    .infoClips.inner .waya { width: 100%; margin-right: 0 }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 10px) / 2) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(2n) { margin-left: 0 }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img { max-height: 146px }

    
    .lantern:before{background: url(../Images/ramdan24/lantern.png) top 20px left no-repeat;background-size:100%;width: 230px;}
    .lantern .doaa{width: calc(100% - 188px);}
}
@media only screen and (max-width: 1023px) {
    .acn .masrawyContainer { padding-bottom: 4%; }
    .top10Main .zedSponsor img { height: 75px }
    .top10Main { background: transparent }
    /*.top10Main{padding-bottom:3%;background-size: auto 100%}*/
    .top10Main .top10Cntnr { width: calc(100% - 24px); height: calc(100% - 24px); top: 12px; right: 12px; bottom: 12px; left: 12px; position: relative }
    .top10Ttl { height: 50px; padding: 0 12px 0 0; margin-bottom: 12px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 20px; width: calc(100% - 60px); }
    .top10Ttl .zedSponsor p { line-height: 3.6 }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 100%; margin-bottom: 12px }
    .top10ListMain .top3 .player { margin-bottom: 0; width: calc((100% - 24px) / 3); margin-left: 12px; padding-bottom: 0 }
    .top10ListMain .top3 .player img { height: auto; position: relative }
    .top10ListMain .top3 .player:last-child { margin-left: 0 }
    .top10ListMain .top3 .player .rank { width: 36px; height: 36px; font-size: 22px; line-height: 1.6; }
    .top10ListMain .list { width: 100%; padding: 12px; margin-left: 0 }
    .top10ListMain .list .ttlRow { height: 40px; margin-bottom: 6px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3; padding: 0 }
    .top10ListMain .list .wRow { height: 38px; margin-bottom: 6px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 3px 10px; }
    .top10ListMain .list .ttlRow .itemTtl { width: calc((100% - 70px) / 4); }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(1) { width: 70px }
    .top10ListMain .list .wRow .item { font-size: 13px; line-height: 1.6; width: calc((100% - 70px) / 4); }
    .top10ListMain .list .wRow .item:nth-child(1) { width: 70px; }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.3; font-size: 18px; }
    .top10ListMain .list .wRow .country { padding: 7px 10px }
    .top10ListMain .list .wRow .team img { width: 30px; height: 30px }
    .top10ListMain .list .wRow .item p { font-size: 13px; line-height: 2.4; }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .dtls img { height: 20px }
    .top10Ttl .afconBack span { line-height: 2.5 }
    .top10Main .zedSponsor p { display: none }
    .top10Main .zedSponsor { top: 16px; left: 20px; z-index: 10; bottom: auto }
    .top10Main .zedSponsor img { height: 42px }
    .top10Ttl .afconBack { display: none }
    .top10Main .fShare { height: 35px; width: 100%; bottom: 0; top: auto; position: fixed; z-index: 10; right: 0; }
    .top10Main .fShare:before { font-size: 18px; line-height: 2.2 }
    .top10Main .fShare span { display: none }
    .malaab .fShare { height: 35px; width: 100%; bottom: 0; top: auto; position: fixed; z-index: 10; right: 0; }
    .malaab .fShare:before { font-size: 18px; line-height: 2.2 }
    .malaab .fShare span { display: none }
    article .details iframe:not([src*="facebook.com"]), article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img) { width: 100%; margin: 40px 0 !important }
    article .details .pattern01 iframe { margin: 0 !important }
    article .details iframe#frmPAVast { margin: 0 !important; width: unset; height: unset }
    article .imgDiv { width: 100%; max-width: 100%; float: right }
    article .imgDiv .imageCntnr { max-width: 100% }
    .demo-gallery, article.articleVideo .videoCntnr { max-width: 100% }
}
@media screen and (min-width:767px) and (max-width:1023px) {
    /*.playerProfile{padding-bottom:0;background-size: auto 100%;}*/
    .playerProfile .top10ListMain { height: calc(100% - 62px); }
    .playerProfile .top10Ttl h1 { font-size: 20px; line-height: 2 }
    .playerProfile .top10Ttl .pLogo { margin-top: 7px }
    .playerProfile .top10Ttl .pLogo img { height: 32px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 45px; height: 45px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 26px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { position: absolute; right: 10px; margin: 0 }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 135px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls { margin-top: 3px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px; display: block }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px; float: right; display: inline-block; margin-left: 10px }
    .playerProfile .top10ListMain .playerStatistics li { padding: 8px 0; width: calc(100% / 3); background: transparent !important }
    .playerProfile .top10ListMain .playerStatistics li:last-child { width: 100% }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 10px 18px 10px; margin-bottom: 20px !important; height: auto !important }
    .playerProfile .top10ListMain .playerBlock.playerInfo { height: 235px !important }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 257px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 100%; margin-left: 0; height: auto }
    .playerProfile .top10ListMain .leftSide { margin-right: 0; margin-left: 0 }
    .playerProfile .top10ListMain .centerSide { width: 100%; height: auto }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 110px; font-size: 12px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 270px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px; float: right; line-height: 2 }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls { right: 190px; top: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { left: auto; right: 190px; top: 52px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 14px }
    .playerProfile .top10ListMain .leftSide .mobRight { width: calc(100% - 370px); margin-left: 20px; float: right }
    .playerProfile .top10ListMain .leftSide .playerBlock { height: 150px !important }
    .playerProfile .top10ListMain .leftSide .playerBlock.playerPosition { width: 350px; margin-left: 0; height: 320px !important }
    .playerProfile .top10ListMain .leftSide .pMoney { margin-top: 25px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 0; position: absolute; width: 200px; top: 140px; right: 200px; }
    .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP { display: block; float: right; width: auto; margin-bottom: 5px }
    .playerProfile.top10Main .rArrow { right: -14px; z-index: 99; position: fixed }
    .playerProfile.top10Main .lArrow { left: -14px; z-index: 99; position: fixed }
    .playerProfile .top10ListMain .playerInfo { padding: 0 10px 8px 10px; }
    .playerProfile .top10ListMain .playerStatistics { padding: 0 10px 5px 10px; }
    .playerProfile .top10Ttl .back { margin-left: 50px; line-height: 3 }
    .playerP .masrawyContainer { padding-bottom: 0; background-size: auto 100%; }
    .acn .content-wrap { position: relative; left: 0; transform: none }
    .top10Main { background: none }
    /*.top10Main .fShare{position:fixed;right:32px;top:63px}*/
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img { max-height: 130px }
}
@media screen and (min-width:320px) and (max-width:767px) {
    .playerProfile .top10ListMain { height: calc(100% - 62px); }
    .playerProfile .top10Ttl { height: 75px; padding: 0 10px; }
    .playerProfile .top10Ttl h1 { font-size: 14px; line-height: 4.5 }
    .playerProfile .top10Ttl h1 span { font-size: 13px }
    .playerProfile .top10Ttl .TTLArrow { height: 45px; width: 100%; margin-left: 0; margin: 0; }
    .playerProfile .top10Ttl .pLogo { margin-top: 20px; margin-left: 10px }
    .playerProfile .top10Ttl .pLogo img { height: 25px }
    .playerProfile .top10Ttl .TTLArrow .pArrow { width: 49%; height: 45px }
    .playerProfile .top10Ttl .TTLArrow .pArrow:before { font-size: 26px }
    .playerProfile h2 { font-size: 15px; margin-bottom: 5px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv { margin: 0 calc((100% - 115px) /2); }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img { width: 115px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span { font-size: 12px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .bottomDtls { margin-top: 38px; width: 100%; }
    .playerProfile .top10ListMain .playerStatistics li { padding: 6.2px 0 }
    .playerProfile .top10ListMain .leftSide .tshirt p { width: 70px; height: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p:before { font-size: 70px }
    .playerProfile .top10ListMain .leftSide .tshirt p span { font-size: 24px }
    .playerProfile .top10ListMain .leftSide .tshirt span { font-size: 13px }
    .playerProfile .top10ListMain .leftSide .pMoney p { font-size: 25px }
    .playerProfile .top10ListMain .playerBlock { padding: 0 10px 18px 10px; margin-bottom: 20px !important; height: auto !important }
    .playerProfile .top10ListMain .leftSide .playerPosition img { height: 257px }
    .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide { width: 100%; margin-left: 0; height: auto }
    .playerProfile .top10ListMain .leftSide { margin-right: 0; margin-left: 0 }
    .playerProfile .top10ListMain .centerSide { width: 100%; height: auto }
    .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem { width: 100px; font-size: 12px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { width: 80px !important }
    .playerProfile .top10ListMain .centerSide .playerTable .teams { width: calc(100% - 100px) !important; }
    .playerProfile .top10ListMain .playerStatistics li p { font-size: 13px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span { font-size: 14px }
    .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img { height: 18px }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls { right: 10% }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP { left: 10% }
    .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate { font-size: 14px }
    .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals { display: none }
    .top10Ttl .afconBack { display: none }
    .playerProfile .top10Ttl .back { display: none }
    .playerProfile .top10Ttl .TTLArrow .pArrow.lArrow { float: left }
    .playerProfile .top10Ttl .TTLArrow .pArrow.rArrow { float: right }
    .playerProfile .top10Ttl .zedSponsor { margin-left: 0 }
    .playerProfile.top10Main .lArrow { left: -14px; z-index: 99; position: fixed }
    .playerProfile.top10Main .rArrow { right: -14px; z-index: 99; position: fixed }


    .stickySeries { height: 90px }
    .stickySeries li { height: 90px }
    .stickySeries .seriesImg { width: 100px; height: 90px }
    .stickySeries .seriesImg img { width: auto; height: 100% }
    .stickySeries .seriesData { width: calc(100% - 100px); padding-right: 10px; }
    .stickySeries .seriesData .time { float: right; font-size: 12px; line-height: 20px; width: 100% }
    .stickySeries .seriesData .icon-time:before { line-height: 20px; font-size: 12px }
    .stickySeries .seriesData .time span { margin: 0 3px; font-size: 12px; }
    .stickySeries .seriesName { font-size: 15px; margin: 10px 0; }
    .stickySeries .seriesData .time span.repeat { font-size: 11px; line-height: 22px }
    .stickySeries .seriesData .show { font-size: 12px; line-height: 20px; width: 100%; margin-bottom: 2px }
    .stickySeries .seriesData .show span { font-size: 13px; }
    .stickySeries .seriesData .icon-tv:before { font-size: 14px; line-height: 20px }
    .stickySeries .seriesData .show span.repeat { font-size: 12px }
    .stickySeries .seriesData .show span.hasry { font-size: 11px; height: 16px; width: 40px; margin: 2px 6px 0 0; }
    .stickySeries .seriesBtn { display: none }
    .stickySeries .closeSeries { background-color: transparent; width: 20px; height: 20px; left: 6px; top: 6px }
    .stickySeries .closeSeries:before { font-size: 16px; line-height: 20px }





    .seriesTV { height: 90px }
    .seriesTV li { height: 90px }
    .seriesTV .seriesImg { width: 100px; height: 90px }
    .seriesTV .seriesImg img { width: auto; height: 100% }
    .seriesTV .seriesData { width: calc(100% - 100px); padding-right: 10px; }
    .seriesTV .seriesData .time { float: right; font-size: 12px; line-height: 20px; width: 100% }
    .seriesTV .seriesData .icon-time:before { line-height: 20px; font-size: 12px }
    .seriesTV .seriesData .time span { margin: 0 3px; font-size: 12px; }
    .seriesTV .seriesName { font-size: 13px; margin: 5px 0 4px; }
    .seriesTV .seriesData .time span.repeat { font-size: 11px; line-height: 22px }
    .seriesTV .seriesData .show { font-size: 12px; line-height: 20px; width: 100%; margin-bottom: 2px }
    .seriesTV .seriesData .show span { font-size: 12px; }
    .seriesTV .seriesData .icon-tv:before { width:14px;height:14px;background-size:100%;margin-top:3px }
    .seriesTV .seriesData .show span.repeat { font-size: 12px }
    .seriesTV .seriesData .show span.hasry { font-size: 11px; height: 16px; width: 40px; margin: 2px 6px 0 0; }
    .seriesTV .masLogo { height: 17px; top: auto; bottom: 24px; left: 10px; }
    .seriesTV .cnts:after { bottom: 10px; left: 10px; top: auto; font-size: 11px; letter-spacing: 0; transform: none; }
/*    .seriesTV .closeSeries { background-color: transparent; width: 20px; height: 20px; left: 6px; top: 6px }
    .seriesTV .closeSeries:before { font-size: 16px; line-height: 20px }*/
    .seriesTV .seriesBtn{bottom:8px}
    .seriesContainer .seriesFilter { margin-bottom: 30px }
    .seriesContainer .seriesFilter li { margin-left: 20px; margin-bottom: 10px }
    .seriesContainer .seriesFilter li a { font-size: 15px }
    .seriesContainer .tvChannel { margin-top: 72px }
    .seriesContainer .tvChannel, .seriesContainer .tvChannel li { width: 60px }
    .seriesContainer .tvChannel li img { max-width: 50px }
    .seriesContainer .scrolableDiv { width: calc(100% - 60px); margin-top: 30px }
    .seriesContainer .indicator li, .seriesContainer .allItems li ul.sliderItem li { width: 200px }
    .seriesContainer .allItems li ul.sliderItem li.half { width: 100px }
    .seriesContainer .allItems li p.sName { font-size: 14px }
    .seriesContainer .seriesFilter ul::-webkit-scrollbar-thumb { background: #fff; }
    .seriesContainer .ttl h1 { font-size: 22px; padding-right: 10px }
    .seriesContainer { padding: 40px 0 10px !important }
    .seriesContainer .tvContainer { padding: 0 15px 40px }
    .seriesContainer .timeDropDown .wrapper-demo { width: 100%; }
    .seriesContainer .tabs li { padding: 10px; font-size: 16px }
    .seriesContainer .seriesDiv { padding: 0; width: 100%; margin-left: 0 }
    .ramadan2022 .flickity-button { height: 60px; width: 35px }
    .ramadan2022 .flickity-button.next { left: -34px; border-left: 0; border-radius: 0 6px 6px 0; }
    .ramadan2022 .flickity-button.previous { right: -34px; border-right: 0; border-radius: 6px 0 0 6px }
    .ramadan2022 .flickity-button:before { line-height: 60px }

    .lantern:before{background: url(../Images/ramdan24/lantern.png) top 42px left no-repeat;background-size:100%;width: 135px;}
}
@media screen and (max-width:767px) and (orientation:landscape) {
    /*.top10Main{padding-bottom:3%;background-size: auto 100%}*/
    .top10Main .top10Cntnr { width: calc(100% - 20px); height: calc(100% - 20px); top: 10px; right: 10px; bottom: 10px; left: 10px; position: relative }
    .top10Ttl { height: auto; padding: 6px 10px; margin-bottom: 10px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 15px; width: 400px; }
    .top10Ttl h1 span { font-size: 20px }
    .top10Ttl .zedSponsor { width: 32px }
    .top10Ttl .zedSponsor p { line-height: 1; margin-left: 0; margin-bottom: 8px; text-align: center; font-size: 11px; width: 100% }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 100%; margin-bottom: 10px }
    .top10ListMain .top3 .player { margin-bottom: 0; width: calc((100% - 24px) / 3); margin-left: 10px; padding-bottom: 0 }
    .top10ListMain .top3 .player img { height: auto; position: relative }
    .top10ListMain .top3 .player:last-child { margin-left: 0 }
    .top10ListMain .top3 .player .rank { width: 30px; height: 30px; font-size: 20px; line-height: 1.4; }
    .top10ListMain .list { width: 100%; padding: 10px; margin-left: 0 }
    .top10ListMain .list .ttlRow { height: 44px; margin-bottom: 10px; padding: 0 10px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3.4; padding: 0; font-size: 12px; width: calc(100% - 112px); }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(1) { width: 50px }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(3), .top10ListMain .list .ttlRow .itemTtl:nth-child(4) { display: none }
    .top10ListMain .list .ttlRow .itemTtl:last-child { width: 62px; line-height: 1.2; padding: 8px 0px; }
    .top10ListMain .list .wRow .item:nth-child(3), .top10ListMain .list .wRow .item:nth-child(4) { display: none }
    .top10ListMain .list .wRow .item:last-child { width: 62px; padding: 3px 0; font-size: 16px; line-height: 1.2; float: left }
    .top10ListMain .list .wRow .item { width: calc(100% - 112px); }
    .top10ListMain .list .wRow .item:nth-child(1) { width: 50px }
    .acn .content-wrap { position: relative; left: 0; transform: none }
    .acn .masrawyContainer { padding-bottom: 9%; background-size: auto 100% }
    .top10Main .zedSponsor { top: 28px; left: 20px; z-index: 10;; bottom: auto }
    .top10Main .zedSponsor img { height: 50px }
    .top10Main .fShare { height: 35px; width: 100%; bottom: 0; top: auto; position: fixed; z-index: 10; right: 0;; background-color: rgba(59, 89, 152,.95) }
    .top10Main .fShare:before { font-size: 18px; line-height: 2.2 }
    .malaab .fShare { height: 35px; width: 100%; bottom: 0; top: auto; position: fixed; z-index: 10; right: 0;; background-color: rgba(59, 89, 152,.95) }
    .malaab .fShare:before { font-size: 18px; line-height: 2.2 }
    .cd-hero__slider { height: 450px }
    .shiftClipRotate { padding: 0 10px }
    .shiftPattern .shiftButtons ul li { width: calc((100% - 20px) /3); margin-left: 10px; margin-bottom: 10px; padding: 10px }
    .shiftPattern .shiftButtons ul li:nth-of-type(2n) { margin-left: 10px }
    .shiftPattern .shiftButtons ul li:nth-of-type(3n) { margin-left: 0 }
    .shiftPattern .shiftButtons ul li a span { font-size: 12px }
    .shiftPattern .shiftButtons ul li a.compare:before { font-size: 20px }
    .cd-hero__content--half-width h2 { max-height: 52px }
    .elconsoltoPattern .sides.calculcator li { width: calc((100% - 30px) /4); margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(2n) { margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(4n) { margin-left: 0 }
    article .articlePoll .allItems .btns .Popup { right: -155px; padding: 5px }
    article .articlePoll .allItems .btns .Popup:before { left: 65px }
    article .articlePoll .allItems .btns .Popup h6 { font-size: 13px }
    .article .totalQues { width: calc(100% - 20px); margin-right: 10px }
    .article .totalQues h6 { font-size: 18px }
    .article .totalQues .quesDiv { width: 100%; }
    .article .totalQues .question h3 { font-size: 13px; line-height: 3 }
    .article .totalQues .answer { width: calc((100% - 10px) /2); margin-left: 10px }
    .article .totalQues .question img { padding: 0 }
    .article .result .resContainer h5 { font-size: 16px !important; margin-bottom: 10px }
    .article .result .resContainer h5 span { font-size: 16px !important }
    .article .result .resContainer span.share { font-size: 15px }
    .article .result .resContainer .shareRes a { height: 35px; line-height: 2.2; font-size: 15px !important }
}
/** Mobile - Portrait**/
@media screen and (max-width:767px) and (orientation:portrait) {
    /*.top10Main{padding-bottom:30%;background-size: auto 100%}*/
    .top10Main .top10Cntnr { width: calc(100% - 20px); height: calc(100% - 20px); top: 10px; right: 10px; bottom: 10px; left: 10px; position: relative }
    .top10Ttl { height: auto; padding: 6px 10px; margin-bottom: 10px; }
    .top10Ttl h1 { line-height: 1.6; font-size: 15px; width: 220px; }
    .top10Ttl h1 span { font-size: 20px }
    .top10Ttl .zedSponsor { width: 32px }
    .top10Ttl .zedSponsor p { line-height: 1; margin-left: 0; margin-bottom: 8px; text-align: center; font-size: 11px; width: 100% }
    .top10Ttl .zedSponsor { padding: 5px 0; }
    .top10Ttl .zedSponsor img { height: 40px }
    .top10ListMain { height: calc(100% - 58px); }
    .top10ListMain .top3 { width: 100%; margin-bottom: 10px }
    .top10ListMain .top3 .player { margin-bottom: 0; width: calc((100% - 24px) / 3); margin-left: 10px; padding-bottom: 0 }
    .top10ListMain .top3 .player img { height: auto; position: relative }
    .top10ListMain .top3 .player:last-child { margin-left: 0 }
    .top10ListMain .top3 .player .rank { width: 30px; height: 30px; font-size: 20px; line-height: 1.4; }
    .top10ListMain .list { width: 100%; padding: 10px; margin-left: 0 }
    .top10ListMain .list .ttlRow { height: 44px; margin-bottom: 10px; padding: 0 10px; }
    .top10ListMain .list .ttlRow .itemTtl { line-height: 3.4; padding: 0; font-size: 12px; width: calc(100% - 112px); }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(1) { width: 50px }
    .top10ListMain .list .ttlRow .itemTtl:nth-child(3), .top10ListMain .list .ttlRow .itemTtl:nth-child(4) { display: none }
    .top10ListMain .list .ttlRow .itemTtl:last-child { width: 62px; line-height: 1.2; padding: 8px 0px; }
    .top10ListMain .list .wRow { height: 44px; margin-bottom: 10px; padding: 0 10px }
    .top10Main .fShare { height: 35px; width: 100%; bottom: 0; top: auto; position: fixed; z-index: 10; right: 0; }
    .top10Main .fShare:before { font-size: 18px; line-height: 2.2 }
    .malaab .fShare { height: 35px; width: 100%; bottom: 0; top: auto; position: fixed; z-index: 10; right: 0; }
    .malaab .fShare:before { font-size: 18px; line-height: 2.2 }
    .top10ListMain .list .wRow .item { font-size: 13px; line-height: 1.6; width: calc(100% - 112px); }
    .top10ListMain .list .wRow .item:nth-child(1) { width: 50px; }
    .top10ListMain .list .wRow .item:nth-child(2) { padding: 6px 10px; }
    .top10ListMain .list .wRow .item:nth-child(3), .top10ListMain .list .wRow .item:nth-child(4) { display: none }
    .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child { line-height: 1.6; font-size: 16px; }
    .top10ListMain .list .wRow .item:last-child { width: 62px; padding: 3px 0; font-size: 16px; line-height: 1.2; }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .country { padding: 7px 10px }
    .top10ListMain .list .wRow .team img { width: 30px; height: 30px }
    .top10ListMain .list .wRow .item p { font-size: 11px; line-height: 2.8 }
    .top10ListMain .list .wRow .item:last-child span { font-size: 11px }
    .top10ListMain .list .wRow .dtls img { height: 20px }
    .acn .content-wrap { position: relative; left: 0; transform: none }
    .acn .masrawyContainer { padding-bottom: 16%; background-size: auto 100% }
    .top10Main .zedSponsor { top: 28px; left: 20px; z-index: 10; bottom: auto }
    .top10Main .zedSponsor img { height: 45px }
    .prayerNotification .prayerCnts { left: 50%; transform: translateX(-50%); bottom: 10px }
    .prayerNotification .popupMsg { width: calc(100% - 20px); height: auto }
    .prayerNotification .popupMsg p { font-size: 16px }
    article .articlePoll .allItems .btns .Popup { right: -80%; width: 280px; padding: 5px; top: -50px }
    article .articlePoll .allItems .btns .Popup:before { left: 50%; transform: translateX(-50%) }
    article .articlePoll .allItems .btns .Popup h6 { font-size: 13px }
    .article .totalQues { width: 100%; margin: 0 }
    .article .totalQues .answer label { font-size: 15px; line-height: 1.6; }
    .article .totalQues .answer.multi.correct:before,
    .article .totalQues .answer.imgAns.correct:before,
    .article .totalQues .answer.multi.wrong:before,
    .article .totalQues .answer.imgAns.wrong:before { top: 0; right: 5px; font-size: 10px }
    .article .totalQues .question img { padding: 0 }
    .article .totalQues h6 { font-size: 18px }
    .article .totalQues .quesDiv { width: 100%; padding: 25px 10px }
    .article .totalQues .question h3 { font-size: 13px; line-height: 3 }
    .article .totalQues .answer { width: calc((100% - 10px) /2); margin-left: 10px; height: 70px }
    .article .totalQues .question h4.pQues { font-size: 16px }
    .article .result { padding: 0 }
    .article .result .resContainer { width: 100%; margin: 0; padding: 15px 15px 10px 15px; }
    .article .result .resContainer h5 { font-size: 16px !important; margin-bottom: 10px }
    .article .result .resContainer h5 span { font-size: 16px !important }
    .article .result .resContainer span.share { font-size: 15px }
    .article .result .resContainer .shareRes { width: 100%; margin: 0 }
    .article .result .resContainer .shareRes a { width: calc((100% - 20px) /2); height: 35px; line-height: 2.2; font-size: 15px !important }
}
@media screen and (min-width:1024px) and (max-width:1200px) {
    .electionDiv .votesDiv .summary .item label { width: 170px; font-size: 13px }
    .electionDiv .votesDiv .summary .item p { width: 100px; font-size: 14px }
    .electionDiv .votesDiv .summary .item .summaryBar { width: calc(100% - 270px); }
}
/** Media **/
@media screen and (min-width:1601px) and (max-width:1950px) {
    .show-sponsor .sponsor { margin-right: 0; width: 100% }
    .sponsorHome .sponsor { margin-right: 0; width: 100% }
    .sponsorBtnText { left: calc(((100% - 1440px) / 2) + 26px) }
    .show-sponsor .sponsorBtnText { left: calc(((100% - 1440px) / 2) + 18px); }
    .sponsorHome .sponsorBtnText { left: calc(((100% - 1440px) / 2) + 18px); }
    .sponsor .sponsorLogoBtn { left: calc(((100% - 1440px) / 2) - 72px); }
    .sponsorBanner { margin-right: calc(((100% - 1440px) / 2) - 73px) }
    .sponsor .content { background-size: 1584px !important; }
    .show-sponsor .sponsorBanner { margin-right: calc(((100% - 1440px) / 2) - 72px) }
    .sponsorHome .sponsorBanner { margin-right: calc(((100% - 1440px) / 2) - 72px) }
    .oneStickyDiv .cnts { width: 1440px; margin: 0 calc((100% - 1440px) / 2) }
}
@media screen and (min-width:1185px) and (max-width:1508px) {
    .surveyDiv .allQues .answersDiv .answerItem { width: calc((100% - 48px) / 3); }
    .surveyDiv .allQues .answersDiv .answerItem:nth-child(4n) { margin-left: 24px }
    .surveyDiv .allQues .answersDiv .answerItem:nth-child(3n) { margin-left: 0; }
    /*.surveyDiv .resultDiv .grid li{width: calc((100% - 24px) / 2);}
    .surveyDiv .resultDiv .grid li:nth-child(3n) {margin-left: 24px}
    .surveyDiv .resultDiv .grid li:nth-child(2n) {margin-left: 0;}*/
}
@media screen and (min-width:1024px) and (max-width:1184px) {
    .surveyDiv .allQues .answersDiv .answerItem { width: calc((100% - 24px) / 2); }
    .surveyDiv .allQues .answersDiv .answerItem:nth-child(4n) { margin-left: 24px }
    .surveyDiv .allQues .answersDiv .answerItem:nth-child(2n) { margin-left: 0; }
    .surveyDiv .resultDiv .grid li { width: 100% !important; margin-left: 0 }
}
@media screen and (max-width:660px) {
    footer .top .cnts { width: 560px; margin: 0 calc((100% - 560px) / 2); }
    footer .top .cnts h2 { font-size: 16px; line-height: 2.5 }
    footer .top .cnts .subTxt input { font-size: 14px; }
    footer .top .cnts .subTxt button { font-size: 14px }
}
@media screen and (min-width:776px) and (max-width:1338px) {
    footer .middle .navMenu ul .has-children { margin-left: calc((100% - 480px) / 3); margin-bottom: 24px; }
    footer .middle .navMenu ul .has-children:nth-child(4) { width: 84px; margin-left: 0 }
    footer .middle .navMenu ul .has-children:last-child { width: 117px; margin-left: 24px }
}
@media screen and (min-width:630px) and (max-width:775px) {
    footer .middle .navMenu { width: calc(100% - 96px); padding: 10px 0; margin: 0 48px }
    footer .middle .navMenu ul .has-children { margin-left: calc((100% - 480px) / 3); margin-bottom: 24px; }
    footer .middle .navMenu ul .has-children:nth-child(4) { width: 84px; margin-left: 0 }
    footer .middle .navMenu ul .has-children:last-child { width: 117px; margin-left: 24px }
}
@media only screen and (max-width:1536px) {
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer { padding: 20px 0 0 }
}
@media only screen and (max-width:1440px) {
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer { padding: 20px 0 0 }
}
@media only screen and (max-width:1360px) {

    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2); }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0; }
    .ramadanSurvey.design3 .surveyQuestion h3 { margin: 20px 0 25px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer { padding: 20px 0 0; margin-bottom: 70px }
}
@media only screen and (max-width:1280px) {
    /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:470px} */
}
@media only screen and (max-width:1152px) {
    /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:445px}*/
}
@media only screen and (max-width:1024px) {
    /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:420px}*/
    .ramadanSurvey .surveyQuestion h3 { margin: 15px 0 15px; font-size: 12px; line-height: 2.4; padding: 0 10px; height: 30px; }
}
@media screen and (min-width:1152px) and (max-width: 1279px) {
    .allGroups .table .ttlRow .itemTtl { width: 46px }
    .allGroups .table .wRow .item { width: 46px }
    .allGroups .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 414px); }
    .allGroups .table .wRow .item:nth-child(2) { width: calc(100% - 414px); }
}
@media screen and (min-width:1024px) and (max-width:1161px) {
    article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { margin: 40px 0 !important; height: auto; width: 100% }
    article .details iframe:not([src*="facebook.com"]) { margin: 40px 0 !important; width: 100% }
    article .details .pattern01 iframe { margin: 0 !important }
    article .details iframe#frmPAVast { margin: 0 !important; width: unset; height: unset }
    article .details iframe.instagram-media { min-height: 495px; }
}
@media screen and (min-width:1024px) and (max-width:1230px) {
    .weatherDiv .dayTempDtls .icon-high { font-size: 28px; margin-left: 16px; }
    .weatherDiv .dayTempDtls .icon-high:before { font-size: 12px; }
    .weatherDiv .dayTempDtls .icon-low { font-size: 20px }
    .weatherDiv .dayTempDtls .icon-low:before { font-size: 8px; }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    .matchesSchedule .table .allMatches .tabs-nav li a { padding: 0 30px }
    .matchesSchedule .table .allMatches .item .time { line-height: 5; font-size: 16px }
    .matchesSchedule .table .allMatches .item .time span { margin-top: 28px; }
    .matchesSchedule .table .allMatches .item .time span.now { margin: 22px auto 0 !important; }
    .matchesSchedule .table .allMatches .item .teamA, .matchesSchedule .table .allMatches .item .teamB { text-align: center; width: calc((100% - 220px) / 2); height: auto }
    .matchesSchedule .table .allMatches .item .teamA img { float: none; margin-right: 0 }
    .matchesSchedule .table .allMatches .item .teamB img { float: none; margin-left: 0 }
    .matchesSchedule .table .allMatches .item .teamA p, .matchesSchedule .table .allMatches .item .teamB p { float: none; text-align: center; line-height: 1.6; margin-top: 5px; width: 100%; }
    .matchesSchedule .table .allMatches .item .match { height: auto }
    .matchesSchedule .table .allMatches .item .result { width: 100px; margin-top: 20px }
    .matchesSchedule .table .allMatches .item .result .matchResult { margin-top: 0 }
    .matchesSchedule .table .allMatches .item .channel { font-size: 12px; line-height: 1.8; width: 70px; margin-top: 18px; }
    .prayerTimes .main .location { margin-bottom: 24px }
    .prayerTimes .main .dropDownDiv { width: 100%; margin-bottom: 24px }
    .prayerTimes .main .cityDate { width: 100%; margin-left: 0 }
    .prayerTimes .mainTable .prayersTable { width: 100% }
    .prayerTimes .monthTable .prayersTable .title .name:first-child { width: 180px }
    .prayerTimes .monthTable .prayersTable .title .name { width: calc((100% - 180px) / 6); font-size: 12px }
    .prayerTimes .monthTable .prayersTable .allTimes .time:first-child { width: 180px }
    .prayerTimes .monthTable .prayersTable .allTimes .time { width: calc((100% - 180px) / 6); font-size: 14px }
    .prayerTimes .monthTable .prayersTable .allTimes .time span { display: none }
    article .details .pattern01 { width: 140px; padding: 0 }
    article .details .pattern01:before { right: -10px }
    article .details .pattern01 ul li .item .imageCntnr { width: 100%; padding-bottom: 56.25% }
    /*article .details .pattern01 ul li .item img{width:auto;height:100%;left:50%;top:50%;right:auto;bottom:auto;max-width: unset;}*/
    article .details .pattern01 ul li .desc { width: 100%; padding: 0 }
    article .details .pattern01 ul li .secName { right: 0; font-size: 12px; top: 86px }
    article .details .pattern01 ul li .secName:after { height: 12px; }
    article .details .pattern01 ul li h3 { margin: 34px 0 0 !important; }
}
@media screen and (min-width:1024px) and (max-width:1359px) {
    /*.pattern02.ramadan:before{background:url(../Images/ramadanBg.jpg) no-repeat right 0 #fff;}*/
    article.paginationDiv .details h3 { float: right; width: 100% }
    article .details p.WizImg { text-align: center !important; float: unset; width: 100%; margin: 0; }
    article .details p.WizImg img { margin: 20px calc((100% - 600px)/ 2); height: auto; width: 600px; }
    article.paginationDiv .details .pagingDtls { width: 100%; margin-right: 0 }
    article .pagination { margin-top: 20px }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    #cd-top-nav > ul { margin-left: 70px }
    #cd-top-nav ul li { width: 70px; }
    #cd-top-nav > ul > li:first-child { width: 70px; }
    #cd-top-nav ul li > a { width: 70px; font-size: 9px; }
    /*    #cd-top-nav ul li .weather.sunnyCloud {background: url(../Images/weather.png) 10px center no-repeat;}
*/ #cd-top-nav ul li .weather .weatherIconHeader { left: 3px }
    #cd-top-nav ul li .weather > span { margin-right: 10px }
    /*#cd-top-nav > ul > li:last-child { display: none }*/

    .dtlsSc .shiftArtclPattern { width: 100%; }
    .dtlsSc .consoltoArtclPattern { width: 100% }
    article .details p.WizImg img { margin: 20px calc((100% - 400px)/ 2); height: auto; width: 400px; }
    .morphSearchDiv { width: 70px }
    .morphsearch { width: 70px }
    .morphsearch-input { padding: 28px 24px 0 24px; font-size: 9px }
    #cd-top-nav .rightDiv date, #cd-top-nav .rightDiv .octLogo { font-size: 14px; line-height: 52px }
}
@media screen and (min-width:1152px) and (max-width:1359px) {
    /*  .ramadanHeader .headerMenu ul li a {
        font-size: 14px;
        padding: 0px 10px;
    }*/
    #cd-top-nav ul > li:nth-last-child(-n+3) > .subMenu { right: -36px }
    #cd-top-nav ul > li:nth-last-child(-n+2) > .subMenu { right: -108px }
    /*#cd-top-nav > ul{margin-left:72px}
    #cd-top-nav ul li {width: 72px;}
    #cd-top-nav ul li > a {width: 72px;font-size: 9px;}
    #cd-top-nav ul li .weather.sunnyCloud {background: url(../Images/weather.png) 10px center no-repeat;}
    #cd-top-nav ul li .weather > span{margin-right:10px}*/
    .morphSearchDiv { width: 72px }
    .morphsearch { width: 72px }
    .morphsearch-input { padding: 28px 24px 0 24px; font-size: 9px }
    .paginationDiv .pattern01 ul li { width: calc((100% - 16px) / 2) }
    .paginationDiv .pattern01 ul li:nth-child(3n) { margin-left: 16px }
    .paginationDiv .pattern01 ul li:nth-child(2n) { margin-left: 0 }
    .paginationDiv .pattern01 ul li:nth-last-of-type(-n+2) { display: inline-block }
    .mobawaba { /*width:calc(100% - 348px);height:225px*/ }
    .mobawaba .border { height: 201px }
    .mobawaba .allItems { border-bottom: none; height: 225px }
    .mobawaba ul li { display: inline-block }
    .mobawaba ul li a img { width: 178px; height: auto; float: right; margin-left: 12px }
    .mobawaba .desc { width: calc(100% - 190px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: auto; top: 0; right: 0; float: right; background: none }
    .mobawaba .desc p { text-align: right; padding: 0; position: relative; }
    .mobawaba .footer { width: calc(100% - 190px); height: 65px; background: #01313d; padding: 8px; float: right; right: 190px; bottom: 0 }
    .allMatches .item .tourName { margin-bottom: 24px; font-size: 14px }
    .allMatches .item .teamA { width: 80px; height: 70px }
    .allMatches .item .teamA img, .allMatches .item .teamB img { height: 42px; }
    .allMatches .item .teamA p, .allMatches .item .teamB p { padding-top: 10px; font-size: 12px }
    .allMatches .item .result { width: calc(100% - 160px) }
    .allMatches .item .result.yesterday { padding-top: 12px; }
    .allMatches .item .teamB { float: right; width: 80px; height: 70px }
    .allMatches .item .result { font-size: 32px }
    .allMatches .item .result span { font-size: 14px !important; }
    .allMatches .item .status a { font-size: 12px }
    .allMatches .status span { margin-top: 26px }
    .allMatches .matchResult { font-size: 24px; margin-top: 0 }
    .caricature { width: 100%; margin-left: 0; height: auto }
    .caricature li img { max-width: none; }
    .poll { width: 100% }
    .acnDiv .entrypoints { margin-right: 0 }
    .acnDiv .entryPointSlider li, .acnDiv .entryPointSlider { margin-left: 10px }
    /*article .pattern01 .allItems {padding: 10px 0 0}
    article .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible}
    article .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0}
    article .pattern01 ul li:last-child:after{display:none}
    article .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
    article .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right}
    article .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd}
    article .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px}
    article .pattern01 ul li:last-child{margin-bottom:0}
    article .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer}
    article .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;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}
    article .pattern01 ul li .item:hover .desc p{color:#666}
    article .pattern01 ul li .secName{font-size:14px;color:#666;position:absolute;bottom:0;right:142px}
    article .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#E03322;float:right;margin-left:5px;margin-top:4px}
    article .pattern01 ul li .secName:hover{color:#1d1d1d}
    article .pattern01 ul li.icon-video .desc p, article .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px}
    article .pattern01 ul li.icon-video .secName, article .pattern01 ul li.icon-image .secName{margin-right:0}
    article .pattern01 ul li.icon-video:before{right:1px;}
    article .pattern01 ul li.icon-image:before{right:1px;}*/
    article .imgDiv { width: 100% }
    .quizListing .cd-gallery li .desc h2 { text-align: right }
    .weatherDiv .main .dropDownDiv { width: 100%; margin-bottom: 24px }
    .weatherDiv .main .cityDate { width: 100% }
    .allGroups .table .ttlRow .itemTtl { width: 38px }
    .allGroups .table .wRow .item { width: 38px }
    .allGroups .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 345px); }
    .allGroups .table .wRow .item:nth-child(2) { width: calc(100% - 345px); padding: 16px 0 }
    .allGroups .table .wRow .team img { height: 26px }
    .allGroups .table .wRow .item p { line-height: 1.8 }
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .ramadanHeader .headerMenu ul li a { font-size: 12px; padding: 0px 7px; }
    #cd-top-nav ul > li:nth-last-child(-n+3) > .subMenu { right: -36px }
    #cd-top-nav ul > li:nth-last-child(-n+2) > .subMenu { right: -108px }
    /*#cd-top-nav > ul{margin-left:72px}
    #cd-top-nav ul li {width: 72px;}
    #cd-top-nav ul li > a {width: 72px;font-size: 9px;}
    #cd-top-nav ul li .weather.sunnyCloud {background: url(../Images/weather.png) 10px center no-repeat;}
    #cd-top-nav ul li .weather > span{margin-right:10px}*/
    .morphSearchDiv { width: 68px }
    .morphsearch { width: 68px }
    .morphsearch-input { padding: 28px 24px 0 24px; font-size: 9px }
    .paginationDiv .pattern01 ul li { width: calc((100% - 16px) / 2) }
    .paginationDiv .pattern01 ul li:nth-child(3n) { margin-left: 16px }
    .paginationDiv .pattern01 ul li:nth-child(2n) { margin-left: 0 }
    .paginationDiv .pattern01 ul li:nth-last-of-type(-n+2) { display: inline-block }
    .mostRead { width: 100%; margin-left: 0 }
    .monsterDiv { margin-right: calc((100% - 624px) / 2) }
    .opinions { width: 100%; }
    .mobawaba { /*width:calc(100% - 348px);height:225px*/ }
    .mobawaba .border { height: 201px }
    .mobawaba .allItems { border-bottom: none; height: 225px }
    .mobawaba ul li { display: inline-block }
    .mobawaba ul li a img { width: 178px; height: auto; float: right; margin-left: 12px }
    .mobawaba .desc { width: calc(100% - 190px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: auto; top: 0; right: 0; float: right; background: none }
    .mobawaba .desc p { text-align: right; padding: 0; position: relative; }
    .mobawaba .footer { width: calc(100% - 190px); height: 65px; background: #01313d; padding: 8px; float: right; right: 190px; bottom: 0 }
    .catPattern01 ul li:nth-last-child(-n+5) .desc h2 { font-size: 13px; height: 68px }
    .allMatches .item { padding: 12px }
    .allMatches .item .tourName { margin-bottom: 24px; font-size: 14px }
    .allMatches .item .teamA { width: 70px; height: 70px }
    .allMatches .item .teamA img, .allMatches .item .teamB img { height: 38px; }
    .allMatches .item .teamA p, .allMatches .item .teamB p { padding-top: 10px; font-size: 12px }
    .allMatches .item .result { width: calc(100% - 140px) }
    .allMatches .item .result.yesterday { padding-top: 12px; }
    .allMatches .item .teamB { float: right; width: 70px; height: 70px }
    .allMatches .item .result { font-size: 32px }
    .allMatches .item .result span { font-size: 14px !important; }
    .allMatches .item .status a { font-size: 12px }
    .allMatches .status span { margin-top: 26px }
    .allMatches .matchResult { font-size: 24px; margin-top: 0 }
    .caricature { width: 100%; margin-left: 0; height: auto }
    .caricature li img { max-width: none; }
    .poll { width: 100% }
    .entrypoints { margin-right: calc((100% - 624px) / 2) }
    .pattern01 { padding: 10px 10px 0; }
    .acnCntnr .showcaseDiv { margin: 0 calc((100% - 300px) / 2); margin-bottom: 24px }

    /*article .pattern01 .allItems {padding: 10px 0 0}
    article .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible}
    article .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0}
    article .pattern01 ul li:last-child:after{display:none}
    article .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
    article .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right}
    article .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd}
    article .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px}
    article .pattern01 ul li:last-child{margin-bottom:0}
    article .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer}
    article .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;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}
    article .pattern01 ul li .item:hover .desc p{color:#666}
    article .pattern01 ul li .secName{font-size:14px;color:#666;position:absolute;bottom:0;right:142px}
    article .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#E03322;float:right;margin-left:5px;margin-top:4px}
    article .pattern01 ul li .secName:hover{color:#1d1d1d}
    article .pattern01 ul li.icon-video .desc p, article .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px}
    article .pattern01 ul li.icon-video .secName, article .pattern01 ul li.icon-image .secName{margin-right:0}
    article .pattern01 ul li.icon-video:before{right:1px;}
    article .pattern01 ul li.icon-image:before{right:1px;}*/
    article .imgDiv { width: 100% }
    .quizListing .cd-gallery li .desc h2 { text-align: right }
    .weatherDiv .main .dropDownDiv { width: 100%; margin-bottom: 24px }
    .weatherDiv .main .cityDate { width: 100% }
    .allGroups .table .ttlRow .itemTtl { width: 38px }
    .allGroups .table .wRow .item { width: 38px }
    .allGroups .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 345px); }
    .allGroups .table .wRow .item:nth-child(2) { width: calc(100% - 345px); padding: 16px 0 }
    .allGroups .table .wRow .team img { height: 26px }
    .allGroups .table .wRow .item p { line-height: 1.8 }
    .ramadanSurvey .surveyQuestion .ttl, .resultContainer .ttl { height: 30px }
    .ramadanSurvey .surveyQuestion .ttl h2, .resultContainer .ttl h2 { font-size: 15px }
    .ramadanSurvey.design3 .surveyQuestion h3 { font-size: 13px; height: auto }
}
@media only screen and (max-width: 1023px) {
    .show-sponsor .container { margin-right: 0 }
    .sponsorHome .container { margin-right: 0 }
    .show-sponsor .sponsor { margin-right: 0; width: 100% }
    .sponsorHome .sponsor { margin-right: 0; width: 100% }
    .sponsor .right { display: none }
    .sponsor .middle { width: 100% }
    .sponsor .left { display: none }
    .show-sponsor.takeover .content-wrap { width: 100%; margin: 60px 0 0 0 }
    .sponsorHome.takeover .content-wrap { width: 100%; margin: 60px 0 0 0 }
    .sponsor .sponsorLogoBtn { display: none }
    .takeover .content-wrap { margin: 60px 0 0; width: 100%; padding: 0; }
    .takeover .content { padding: 10px 10px 40px; }
    .content-wrap { margin: 0; width: 100%; padding-bottom: 0; }
    .content { padding-bottom: 60px; }
    .masrawyContainer { width: 100% }
    #cd-top-nav .rightDiv date { font-size: 14px; line-height: 3.7 }
    .mainKeywords .keywords a { font-size: 13px; padding: 5px 12px }
    #cd-vertical-nav { display: none }
    #cd-top-nav ul li { display: none }
    #cd-lateral-nav .linksMenu { display: inline-block }
    .morphSearchDiv { width: 60px }
    .morphsearch { width: 60px }
    .morphsearch-input { padding: 28px 16px 0 16px }
    .morphsearch-content .keywordsDiv .item { margin: 0 0 12px 12px }
    footer { display: none }
    .no-touch #cd-vertical-nav { display: none }
    body.openSearch .content-wrap { width: 100%; margin: 60px 0 0 }
    .showcaseDiv { margin: 0 calc((100% - 300px) / 2) 40px }
    .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% }
    .opinions { width: 100%; }
    .mostRead { width: 100%; }
    .mobawaba .border { height: 201px }
    .mobawaba .allItems { border-bottom: none }
    .mobawaba ul li { display: inline-block; width: 100%; }
    .mobawaba ul li a img { width: 120px; height: auto; float: right; margin-left: 12px }
    .mobawaba .desc { width: calc(100% - 132px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: auto; top: 0; right: 0; float: right; background: none }
    .mobawaba .desc p { text-align: right; padding: 0; position: relative; }
    .mobawaba .footer { width: 100%; height: 40px; background: #01313d; padding: 8px; float: right; right: 0; bottom: -46px }
    .mobawaba .footer .price { float: right; font-family: Arial; font-weight: bold; font-size: 20px; color: #fff; line-height: 1.2 }
    .mobawaba .footer .price span { margin-right: 5px;  font-size: 14px; font-weight: normal }
    .mobawaba .footer .add { float: left; height: 24px; padding: 0 8px;  font-size: 15px; color: #fff; line-height: 1.8 }
    .mobawaba .footer .add:hover { background: #08708a }
    .allMatches .item .tourName { font-size: 14px }
    .allMatches .matchResult { font-size: 32px }
    .allMatches .item .result .matchResult span { margin: 0 6px }
    .sportsContainer .allMatches .slide { width: 140%; }
    .sportsContainer .allMatches .item { width: calc(100% / 3); min-width: 400px; }
    .masrawyServices ul { width: 100% }
    .poll { width: 100% }
    .entrypoints { margin-right: calc((100% - 624px) / 2) }
    .sponsorBanner { width: 100%; margin: 0 }
    .show-sponsor .sponsorBanner { width: 100%; margin-right: 0 }
    .sponsorHome .sponsorBanner { width: 100%; margin-right: 0 }
    .sponsorBtnText { left: 10px; }
    .article { width: 100% }
    .articleDiv .cd-read-more { display: none }
    article .details .pattern01 { width: 230px }
    article .details .pattern01 ul li h3 { height: 36px !important; line-height: 1.4 }
    article .details .pattern01 ul li .item .imageCntnr { width: 84px; padding-bottom: calc((84px * 75) / 100); }
    article .details .pattern01 ul li .secName { right: 96px; font-size: 12px }
    article .details .pattern01 ul li .secName:after { height: 12px; margin-top: 2px }
    article .details .pattern01 ul li:after { display: none }
    .articleSocialMedia { position: fixed; margin-right: 0; right: 0; top: auto !important; bottom: 0 !important; left: 0; z-index: 10; background: none; padding: 0; width: 100%; height: 40px; z-index: 99 }
    .articleSocialMedia.fixed { width: 100% !important }
    article .details .pattern01 ul li .desc { width: calc(100% - 84px); }
    .hideSocialBtns .articleSocialMedia { bottom: -40px }
    .articleSocialMedia a { display: inline-block; width: calc(100% / 4); height: 40px; border-radius: 0; margin-bottom: 0; float: right; margin: 0 }
    .articleSocialMedia .icon-fb { background: rgba(58, 87, 153, 0.95) }
    .articleSocialMedia .icon-tw { background: rgba(31, 162, 240, 0.95) }
    .articleSocialMedia .icon-ggl { background: rgba(213, 81, 66, 0.95) }
    .articleSocialMedia .icon-wapp { background: rgba(24, 157, 14, 0.95) }
    .articleSocialMedia .icon-msngr { background: rgba(0, 132, 255, 0.95) }
    .articleSocialMedia .icon-fb:before { line-height: 40px }
    .articleSocialMedia .icon-tw:before { line-height: 40px }
    .articleSocialMedia .icon-ggl:before { line-height: 40px }
    .articleSocialMedia .icon-wapp { display: block }
    .articleSocialMedia .icon-wapp:before { line-height:40px }
    .articleSocialMedia .icon-msngr:before { line-height: 40px }
    .articleSocialMedia .icon-mail { display: none }
    .articleSocialMedia .icon-print { display: none }
    .catPattern01 ul li { margin-left: 0; margin-bottom: 16px; width: 100%; overflow: visible }
    .catPattern01 ul li:first-child, .catPattern01 ul li:nth-child(2), .catPattern01 ul li:nth-child(3) { width: 100% }
    .catPattern01 ul li:nth-child(3) { margin-left: 0 }
    .catPattern01 ul li:nth-child(2n) { margin-left: 0 }
    .catPattern01 ul li:nth-last-child(-n+5) { margin-bottom: 16px }
    .catPattern01 ul li:last-child { margin-bottom: 0 }
    .catPattern01 .desc h2, .catPattern01 ul li:nth-child(2) .desc h2, .catPattern01 ul li:nth-child(3) .desc h2 { color: #000; position: relative; bottom: auto; padding: 0; height: 60px; line-height: 1.6; font-size: 14px; }
    .catPattern01 ul li:first-child .desc h2 { color: #fff; position: absolute; padding: 10px; height: auto; font-size: 18px; line-height: 1.8; bottom: 6px }
    .catPattern01 ul li a .imageCntnr { width: 132px; padding-bottom: calc((142px * 56.25)/ 100); float: right; }
    .catPattern01 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 56.25%; float: right; margin-left: 0; }
    .catPattern01 .desc { float: right; position: relative; width: calc(100% - 132px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 0; }
    .catPattern01 ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 50%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .catPattern01 ul li:nth-last-child(-n+7) .desc { position: relative; background: none; height: 80px; }
    .catPattern01 .desc h2 { color: #000; position: relative; padding: 0; height: 60px; line-height: 1.6; font-size: 14px; }
    .catPattern01 ul li:first-child .desc h2 { color: #fff; position: absolute; padding: 0 10px; height: auto; font-size: 18px; }
    .catPattern01 ul li:first-child:after, .catPattern01 ul li:last-child:after { display: none }
    .catPattern02 { width: 100%; margin-left: 0 }
    .catPattern02 ul li { margin-left: 0; margin-bottom: 16px; width: 100%; overflow: visible }
    .catPattern02 ul li:first-child, .catPattern02 ul li:nth-child(2), .catPattern02 ul li:nth-child(3) { width: 100% }
    .catPattern02 ul li:nth-child(3) { margin-left: 0 }
    .catPattern02 ul li:nth-child(2n) { margin-left: 0 }
    .catPattern02 ul li:nth-last-child(-n+5) { margin-bottom: 16px }
    .catPattern02 ul li:last-child { margin-bottom: 0 }
    .catPattern02 .desc h2, .catPattern02 ul li:nth-child(2) .desc h2, .catPattern02 ul li:nth-child(3) .desc h2 { color: #000; position: relative; bottom: auto; padding: 0; height: 60px; line-height: 1.6; font-size: 14px; }
    .catPattern02 ul li:first-child .desc h2 { color: #fff; position: absolute; padding: 0 10px; height: auto; font-size: 18px; line-height: 1.8; bottom: 6px }
    .catPattern02 ul li a .imageCntnr { width: 132px; padding-bottom: calc((142px * 56.25)/ 100); float: right; }
    .catPattern02 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 56.25%; float: right; margin-left: 0; }
    .catPattern02 .desc { float: right; position: relative; width: calc(100% - 132px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 0; }
    .catPattern02 ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 50%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .catPattern02 ul li:nth-last-child(-n+4) .desc { position: relative; background: none; height: 80px; }
    .catPattern02 .desc h2 { color: #000; position: relative; padding: 0; height: 60px; line-height: 1.6; font-size: 14px; }
    .catPattern02 ul li:first-child:after, .catPattern02 ul li:last-child:after { display: none }
    .catPattern03 { width: 100%; margin-left: 0; height: auto }
    .catPattern03 ul li { margin-left: 0; margin-bottom: 16px; width: 100%; overflow: visible }
    .catPattern03 ul li:first-child, .catPattern03 ul li:nth-child(2), .catPattern03 ul li:nth-child(3) { width: 100% }
    .catPattern03 ul li:nth-child(3) { margin-left: 0 }
    .catPattern03 ul li:nth-child(2n) { margin-left: 0 }
    .catPattern03 ul li:nth-last-child(-n+5) { margin-bottom: 16px }
    .catPattern03 ul li:last-child { margin-bottom: 0 }
    .catPattern03 .desc h2, .catPattern03 ul li:nth-child(2) .desc h2, .catPattern03 ul li:nth-child(3) .desc h2 { color: #000; position: relative; bottom: auto; padding: 0; height: 60px; line-height: 1.6; font-size: 14px; }
    .catPattern03 ul li:first-child .desc h2 { color: #fff; position: absolute; padding: 0 10px; height: auto; font-size: 18px; line-height: 1.8; bottom: 6px }
    .catPattern03 ul li a .imageCntnr { width: 132px; padding-bottom: calc((132px * 56.25)/ 100); float: right; margin-left: 0 }
    .catPattern03 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 56.25%; float: right; margin-left: 0; }
    .catPattern03 .desc { float: right; position: relative; width: calc(100% - 132px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 0; }
    .catPattern03 ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 50%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .catPattern03 ul li:nth-last-child(-n+4) .desc { position: relative; background: none; height: 80px; }
    .catPattern03 .desc h2 { color: #000; position: relative; padding: 0; height: 60px; line-height: 1.6; font-size: 14px; }
    .catPattern03 ul li:first-child:after, .catPattern03 ul li:last-child:after { display: none }
    .searchResult { width: 100%; margin-left: 0 }
    .innerListing .akhbarThemak { position: relative; top: 0 !important }
    .listing { width: 100%; margin-left: 0 }
    .matchesSchedule .schedule { width: 100%; margin-left: 0 }
    .prayerTimes .prayerTimesTable { width: 100%; margin-left: 0 }
    .weatherDiv .weatherCnts { width: 100%; margin-left: 0 }
    .currGoldDiv .currencyDiv { width: 100%; margin-left: 0 }
    .currGoldDiv .goldDiv,
    .currGoldDiv .currDiv { width: 100%; margin-left: 0 }
    .contactUsDiv .contactUsCnts { width: 100%; margin-left: 0 }
    .zakahDiv .zakahCnts { width: 100%; margin-left: 0 }
    .newsPointerDiv .newsPointer { width: 100%; margin-left: 0 }
    .masrawyServicesDiv .services { width: 100%; margin-left: 0 }
    .masrawyServicesDiv .services .servicesCnts .item p { height: 108px }
    .pollListingDiv .pollListing { width: 100%; margin-left: 0 }
    .policyDiv .policy { width: 100%; margin-left: 0 }
    .oneStickyDiv { height: 40px }
    .oneStickyDiv .cnts { width: calc(100% - 10px); margin: 0 10px }
    .oneStickyDiv .bx-viewport { height: 40px !important }
    .oneStickyDiv .onSlider { margin-right: 60px; }
    .oneStickyDiv .onSlider li h3 { margin-left: 12px; font-size: 18px; line-height: 2.5; width: 70px; }
    .oneStickyDiv .onSlider li p { font-size: 16px; line-height: 2.6 }
    .oneStickyDiv .onSlider { height: 40px; }
    .oneStickyDiv .onLogo { width: 50px; height: 50px; }
    .oneStickyDiv .onLogo img { width: 100%; height: 100% }
    .billboardDiv { min-width: 300px }
    .leaderboardDiv { min-width: 300px }
    .featuredSC .showcaseDiv { display: inline-block;margin-bottom:0 }
    .surveyDiv .questionsDiv { width: 100%; margin-left: 0 }
    .surveyDiv .resultDiv { width: 100%; margin-left: 0 }
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2); }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0; }
    .articleSocialMedia::before { display: none }
    .rssDiv .rssCnts { width: 100%; margin-left: 0 }
    .dtlsSc { width: 100%; margin: 0 0 48px }
    .dtlsSc .shiftArtclPattern { width: calc((100% - 20px) / 2); margin-left: 20px }
    .dtlsSc .consoltoArtclPattern { width: calc((100% - 20px) / 2) }
    .vasCnts .vas { width: calc((100% - 20px) / 2) }
    .vasCnts .vas:nth-child(3n) { margin-left: 20px }
    .vasCnts .vas:nth-child(2n) { margin-left: 0 }
    .electionDiv .votesDiv { width: 100%; margin-left: 0 }
    /*.pattern02.ramadan:before{background:url(../Images/ramadanBg.jpg) no-repeat right 0 #fff;}*/
    .wcBg .groupStandingHP .groups .table { width: calc((100% - 30px) / 3); margin-left: 10px }
    .wcBg .groupStandingHP .groups .table .wRow .team img { height: 14px; margin-top: 4px }
    .wcBg .groupStandingHP .groups .table .wRow .item p { font-size: 12px }
    .wcBg .groupStandingHP .groups .table .wRow .item { font-size: 14px; width: 26px; }
    .wcBg .groupStandingHP .groups .table .wRow .item:nth-child(2) { width: calc(100% - 52px); }
    .allGroups { width: 100%; margin-left: 0 }
    .allGroups .table .ttlRow .itemTtl { width: 50px; font-size: 12px; line-height: 2.2 }
    .allGroups .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 450px); }
    .allGroups .table .wRow .item { width: 50px; font-size: 14px; line-height: 2.9 }
    .allGroups .table .wRow .item:nth-child(2) { width: calc(100% - 450px); }
    .galleryTitle h2 { display: none }
    article.paginationDiv .details h3 { width: 250px }
    article .details p.WizImg { width: calc(100% - 270px); }
    .paginationDiv .pattern01 ul li:nth-last-of-type(-n+2) { display: inline-block }
    .paginationDiv .pattern01 ul li:nth-child(4n) { margin-left: 16px; }
    /*.ramadanHeader{background: url(../Images/light.png) top -80px left -65px no-repeat,url(../Images/ramadanKareem.png) top 30px left 270px no-repeat,url(../Images/ramadanHeaderBG.jpg) top right no-repeat;}*/
    .ramadanHeader { height: 140px; margin-bottom: 30px; }
    .thanawia{background:url(../Images/Thanawya/thanawiaamma200.png)  top 5px center no-repeat #b6b5b3;background-size:100%}
    /*  .ramadanHeader:before{background: url(../Images/Rampattern.png); background-size: cover;}*/
    .RHeaderLogo { background: url(../Images/Ramlogo.png) top 24px right 24px no-repeat; background-size: 120px auto; }
    /* .ramadanHeader:before {background: url(../Images/ramadanPatternBG.png?ref=0.1) top -14px right repeat;background-size: 60px auto;}*/
    /* .ramadanHeader:after {
            background: url(../Images/Ramlogo.png) top 14px right 16px no-repeat, url(../Images/RamVector.png) top 14px left 10px no-repeat;
            background-size: 120px auto, 34px auto;
        }*/
    .ramadanHeader .headerMenu { padding: 0 0 }
    .ramadanHeader .headerMenu ul { column-count: unset; column-gap: unset; -moz-column-count: unset; -moz-column-gap: unset; -webkit-column-count: unset; -webkit-column-gap: unset; -o-column-count: unset; -o-column-gap: unset; -ms-column-count: unset; -ms-column-gap: unset; display: inline-block; float: right; width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; z-index: 0; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); }
    .ramadanHeader .headerMenu ul li { position: relative; display: inline-block; float: right; width: 100%; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; float: none; width: auto; margin: 0; }
    .ramadanHeader .headerMenu ul li a { font-size: 11px; padding: 0px 6px; }
    .timelineQuestions { display: none }
    .ramadanSurvey.design3 { width: 100%; margin-bottom: 20px }
    .sportsPadding .matchesTabs { padding-top: 10px }

    .ramadanCountDown{margin: 0 calc((100% - 300px) / 2) 40px}
}
/** For Mobile **/
@media screen and (min-width:320px) and (max-width:767px) {
    .ramadanHeader .headerMenu ul li a { font-size: 12px; padding: 0px 10px; }
    img { border: none !important; max-height: unset }
    body { -webkit-text-size-adjust: none; }
    .leaderboardDiv, .showcaseDiv, .billboardDiv, .monsterDiv { margin-bottom: 30px }
    .newsPointer .allItems ul .leaderboardDiv, .newsPointer .allItems ul .showcaseDiv, .newsPointer .allItems ul .billboardDiv, .newsPointer .allItems ul .monsterDiv { margin: 30px 0; }
    /*.cd-main-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling: touch;}*/
    .cd-main-content { background: none }
    .container { position: relative; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: none }
    .content-wrap { padding: 60px 0 0; position: relative; height: 100%; top: 0; left: 0; right: 0; width: 100% }
    .content { padding: 0 0 20px }
    .masrawyContainer { width: 100% }
    .gutter { display: none !important }
    .sponsorHome.takeover .content-wrap { padding: 0; position: relative; height: 100%; left: 0; right: 0; }
    .sponsorHome.takeover .content { padding: 0 }
    #cd-top-nav .rightDiv date { display: none }
    #cd-vertical-nav::before, .content-wrap::before { }
    .show-sponsor.takeover .content-wrap, .show-sponsor .sponsorBanner { width: 100%; margin: 60px 0 0 0; }
    .sponsorHome.takeover .content-wrap, .sponsorHome .sponsorBanner { width: 100%; margin: 60px 0 0 0; }
    .show-sponsor .container { margin-right: 0; }
    .sponsorHome .container { margin-right: 0; }
    .sponsor .middle { width: 100% }
    .sponsor .middle .sponsorContent img { height: auto; width: calc(100% - 20px); }
    .show-sponsor .sponsor .right { display: none }
    .show-sponsor .sponsor .left { display: none }
    .show-sponsor .sponsorLogoBtn { display: none }
    .sponsorHome .sponsor .right { display: none }
    .sponsorHome .sponsor .left { display: none }
    .sponsorHome .sponsorLogoBtn { display: none }
    .sponsorBanner p { font-size: 14px; text-align: right; padding: 8px 12px 0 0; line-height: 3.5 }
    .sponsorBtnText:after { display: none }
    .sponsorBtnText { width: 40px }
    .icon-spnsrBottom:before { margin: 0 10px }
    #cd-top-nav { margin-right: 0; width: calc(100% - 60px) }
    #cd-top-nav > ul { width: 60px; }
    #cd-top-nav ul li:last-child { width: 60px }
    #cd-top-nav > ul > li:hover { background: none }
    .morphSearchDiv { width: 60px; transition: 0s; }
    .morphsearch { width: 60px; background: none; }
    .morphsearch-input { padding: 28px 18px 0 18px; transition: 0s; }
    .morphsearch-form.icon-search:before { transition: 0s; }
    .morphsearch-form { transition: 0s }
    .morphsearch-submit.icon-search { transition: 0s }
    .openSearch .morphsearch.open .morphsearch-submit.icon-search:before { width: 54px; height: 54px; font-size: 34px; left: 24px; line-height: 1.8; transition: 0s }
    .openSearch .morphsearch.open .morphsearch-content { padding: 0 5%; height: 390px; overflow: hidden; transition: 0s; margin-top: 0; top: 180px; }
    .openSearch .morphsearch.open .morphsearch-input { font-size: 24px; }
    /** October Changes **/
    #cd-top-nav .rightDiv { width: calc(100% - 60px); }
    #cd-top-nav .masLogo { margin: 5px calc((100% - 150px) / 2); }
    /*#cd-top-nav {width: calc(100% - 120px);}
    #cd-top-nav .rightDiv {width: 186px;margin:0 calc((100% - 186px) / 2)}
    #cd-top-nav .rightDiv .octLogo{padding: 7px 6px 7px 0;margin-right: 6px;}
    #cd-top-nav .rightDiv .octLogo img{height:36px}
    #cd-top-nav .masLogo{width:136px;height:36px;background-size: 123px 36px;margin-top:7px}*/
    /********************/
    .overflow-hidden { margin-right: 0; width: 100%; }
    .overflow-hidden .cd-main-content { position: relative }
    .overflow-hidden #cd-top-nav { display: none }
    footer .top { height: auto; }
    footer .top .cnts { width: calc(100% - 24px); margin: 0 12px; padding: 10px 0 15px }
    footer .top .cnts h2 { float: right; margin-left: 0; display: inline-block; width: 100% }
    footer .top .cnts .subTxt { width: 300px; float: right; height: 40px; display: inline-block }
    footer .middle .navMenu { width: 100%; padding: 10px 0; margin: 0 }
    footer .middle .navMenu ul .has-children { float: right; width: 100%; height: 40px; margin-left: 0; margin-bottom: 12px }
    footer .middle .navMenu ul .has-children a { display: block; width: calc(100% - 24px); height: 40px; padding-right: 12px; margin: 0 12px; line-height: 3; background: #1a1a1a; }
    footer .middle .navMenu ul .has-children:last-child { width: 100%; margin-bottom: 0 }
    footer .middle .navMenu ul .is-hidden { display: none }
    .mainKeywords { display: none }
    .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; }
    .opinions { width: 100%; padding: 10px; }
    .opinions .allItems li:last-child { margin-bottom: 2px }
    .opinions .allItems li .desc h2 { font-size: 13px; height: 20px }
    .opinions .allItems li .date { display: none }
    .specialFiles { width: 300px; margin: 0 calc((100% - 300px) / 2) 40px }
    .mobawaba { padding: 12px; width: 300px; height: 367px; margin: 0 calc((100% - 300px) / 2) 40px }
    .mobawaba .border { border: 1px solid #5daebf; height: 343px }
    .mobawaba .ttl { height: 49px; border-bottom: 1px solid #5daebf }
    .mobawaba .ttl h2 a:after { display: none }
    .mobawaba .allItems { padding: 8px; border-bottom: 1px solid #5daebf }
    .mobawaba ul li { position: relative }
    .mobawaba ul li a { display: block }
    .mobawaba ul li a img { width: 100%; height: auto; margin-left: 0; border: none;}
    .mobawaba .desc { width: 100%; height: 50%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; top: auto; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
    .mobawaba .desc p { color: #fff; text-align: center; line-height: 1.6; padding: 12px; font-size: 18px;  position: absolute; bottom: 0; right: 0; height: 80px; overflow: hidden }
    .mobawaba .footer { width: 100%; height: 65px; background: #01313d; padding: 8px; position: absolute; bottom: -84px; right: 0; cursor: default }
    .mobawaba .footer .price { float: right; font-family: Arial; font-weight: bold; font-size: 22px; color: #fff; line-height: 2.2; cursor: default }
    .mobawaba .footer .price span { margin-right: 5px; font-family: DroidKufiLight, Arial; font-size: 14px; font-weight: normal }
    .mobawaba .footer .add { float: left; height: 49px; padding: 0 8px;  font-size: 15px; color: #fff; line-height: 3.4 }
    .mobawaba .footer .add:hover { background: #08708a }
    .poll { padding: 10px; width: 100%; height: auto }
    .poll .allItems { margin-bottom: 24px }
    body.openSearch .content-wrap { width: 100%; margin: 0 }
    .openSearch .morphsearch.open .morphsearch-form { height: 100px; width: 90% }
    .morphsearch-content h2, .morphsearch-content p { font-size: 18px; margin-bottom: 16px }
    .morphsearch-content .keywordsDiv .item { font-size: 13px; padding: 4px 10px }
    .specialFiles .desc p { font-size: 14px; margin-bottom: 0; bottom: 5px }
    .specialFiles .bx-pager { display: none }
    .allMatches .tabs-nav li > a { font-size: 13px }
    .allMatches .item .tourName { margin-bottom: 16px; font-size: 13px }
    .matchesTabs .more { font-size: 13px; line-height: 2.4 }
    .listing { padding: 0 10px }
    .article { padding: 0; margin-left: 0 }
    .breadcrumb { margin-bottom: 30px }
    .breadcrumb li a { font-size: 12px }
    .breadcrumb li a:after { font-size: 11px; margin: 0 6px; }
    .topLBArticle { padding-top: 16px;display: inline-block;float: right;height: 160px;width: 100%; }
    article .articleHeader { margin-bottom: 16px }
    article .imgDiv { width: 100%; margin-bottom: 16px }
    article .articleHeader h1 { font-size: 20px }
    article .articleHeader .time { font-size: 13px }
    article .articleHeader .time span { margin-left: 14px }
    article .articleHeader .time span:after { top: 6px; height: 14px; left: -7px }
    article .details, article .details p:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p), article .details h2, article .details span:not(.divVideoStep span, .spk-stand-wg .sp-wi-item span), article .details pre { font-size: 14px !important; line-height: 2; float: right } 
    article .details .facebookVideoT { width: 100%; padding-bottom: 178%; margin: 40px 0 }
    article .details .facebookVideoW { width: 100%; padding-bottom: 56.25%; margin: 40px 0 }
    article .details .facebookVideoS { width: 100%; padding-bottom: 100%; margin: 40px 0 }
    article .sp-inline .sp-inline-hightlight .heightlight, article .sp-inline .sp-inline-hightlight span { font-size: 14px !important }
    article .amazonBanner { font-size: 13px; padding: 10px; }
    article .amazonBanner p { margin-bottom: 10px; }
    article .amazonBanner a { width: 100%; height: 30px; margin: 0; font-size: 12px; }
    article .keywordsDiv .item { padding: 0px 15px; font-size: 12px; height: 30px; line-height: 30px; }
    article .nextLink .nextLinkTitle { font-size: 14px }
    article .nextLink a { font-size: 14px }
    .shiftDiv { margin-bottom: 30px }
    .shiftLink { font-size: 14px }
    article .provider h2 { font-size: 13px; width: 110px; line-height: 2.5 }
    article .provider .providerImg { width: calc(100% - 120px); height: 30px; }
    article .provider .providerImg img { height: 30px }
    .consoltoDiv { margin-bottom: 30px }
    .consoltoLink { font-size: 14px }
    .articleSocialMedia a:before{width:40px;height:40px}
    .articleSocialMedia .icon-fb:before { line-height: 40px }
    .articleSocialMedia .icon-tw:before { line-height: 40px }
    .topLBArticle { padding-top: 16px }
    article .articleHeader { margin-bottom: 16px }
    article .imgDiv { width: 100%; margin-bottom: 16px }
    article .articleHeader h1 { font-size: 20px }
    article .articleHeader .time { font-size: 13px }
    article .articleHeader .time span { margin-left: 14px }
    article .articleHeader .time span:after { top: 6px; height: 14px; left: -7px }
    article .details,
    article .details p:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p),
    article .details h2,
    article .details span:not(.divVideoStep span, .spk-stand-wg .sp-wi-item span),
    article .details pre { font-size: 14px !important; line-height: 2; float: right }
    .articleDiv .details .showcaseDiv {margin: 10px calc((100% - 300px) / 2)}
    article .details .showcaseDiv .adTtl:not(.divVideoStep p, .spk-stand-wg.sp-mobile.sp-one-item .sp-title-container p) {text-align: center !important; color: #666 !important;font-size: 11px !important;line-height: 16px!important; cursor: default; margin: 0!important }
    .articleSocialMedia .icon-ggl:before { line-height: 40px }
    .articleSocialMedia .icon-wapp:before { line-height: 40px }
    .articleSocialMedia .icon-msngr:before { line-height: 40px }
    /*article .pattern01 .allItems {padding: 10px 0}
    article .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible}
    article .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0;display:block}
    article .pattern01 ul li:last-child:after{display:none}
    article .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
    article .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right}
    article .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd}
    article .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px}
    article .pattern01 ul li:last-child{margin-bottom:0}
    article .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer;float: right;}
    article .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;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}
    article .pattern01 ul li .item:hover .desc p{color:#666}
    article .pattern01 ul li .secName{font-size:14px;color:#666;position:absolute;bottom:0;right:142px}
    article .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#E03322;float:right;margin-left:5px;margin-top:4px}
    article .pattern01 ul li .secName:hover{color:#1d1d1d}
    article .pattern01 ul li.icon-video .desc p, article .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px}
    article .pattern01 ul li.icon-video .secName, article .pattern01 ul li.icon-image .secName{margin-right:0}
    article .pattern01 ul li.icon-video:before{right:1px;}
    article .pattern01 ul li.icon-image:before{right:1px;}*/
    article .pagination ul { width: 46px }
    article .pagination ul li { width: 100% }
    article .pagination ul:nth-child(2) { width: calc(100% - 100px) }
    article .pagination ul:nth-child(2) li { width: calc(100% / 5) }
    article .pagination ul li a, article .pagination ul li .dots { width: 100% }
    article .pagination ul li.nextPrev a { width: 100% }
    article .nextLink a:after { display: none }
    article .details img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img){ margin: 40px 0 !important; height: auto; width: 100% }

    article .details .pattern01 iframe { margin: 0 !important; background-color: transparent }
    article .details iframe#frmPAVast { margin: 0; width: unset; height: unset }
    article .details iframe.instagram-media { min-height: 460px; }
    article .pagination ul.PCount { display: none }
    article .details .showcaseDiv .showcaseCnts iframe { margin: 0 !important }
    .repeatDiv { width: 300px; margin-left: -150px; padding: 45px 0 }
    .repeatDiv .nextAlbum h3 { font-size: 14px; margin-bottom: 0 }
    article .pagination ul { width: 46px }
    article .pagination ul li { width: 100% }
    article .pagination ul:nth-child(2) { width: calc(100% - 100px) }
    article .pagination ul:nth-child(2) li { width: calc(100% / 5) }
    article .pagination ul li a, article .pagination ul li .dots { width: 100% }
    article .pagination ul li.nextPrev a { width: 100% }
    article .nextLink a:after { display: none }
    article .details img { margin: 40px 0 !important; height: auto; width: 100% }
    article .details iframe:not([src*="facebook.com"]) { margin: 10px 0 !important; height: auto; width: 100% }
    article .details .showcaseDiv iframe{height:250px;margin:0!important}
    article .details .pattern01 iframe { margin: 0 !important; background-color: transparent }
    article .details iframe#frmPAVast { margin: 0; width: unset; height: unset }
    article .details iframe.instagram-media { min-height: 460px; }
    article .pagination ul.PCount { display: none }
    article .details .showcaseDiv .showcaseCnts iframe { margin: 0 !important }
    .repeatDiv { width: 300px; margin-left: -150px; padding: 45px 0 }
    .repeatDiv .nextAlbum h3 { font-size: 14px; margin-bottom: 0 }
    .catPattern01 { padding: 10px }
    .catPattern01 .allItems { padding: 10px 0 0 }
    .catPattern01 ul li { margin-left: 0; width: 100%; margin-bottom: 16px; overflow: visible; }
    .catPattern01 ul li:first-child:after, .catPattern01 ul li:last-child:after { display: none }
    .catPattern01 ul li a .imageCntnr { position: relative; width: 120px; overflow: hidden; padding-bottom: calc((120px * 56.25) / 100); float: right; margin-left: 0 }
    .catPattern01 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 56.25% }
    .catPattern01 ul li:first-child { width: 100% }
    .catPattern01 ul li:nth-child(2), .catPattern01 ul li:nth-child(3) { width: 100% }
    .catPattern01 ul li:nth-child(3), .catPattern01 ul li:nth-child(5), .catPattern01 ul li:last-child { margin-left: 0 }
    .catPattern01 ul li:first-child { margin-bottom: 16px }
    .catPattern01 ul li:nth-child(4), .catPattern01 ul li:nth-child(5) { margin-bottom: 16px }
    .catPattern01 ul li:last-child { display: block }
    .catPattern01 ul li:nth-last-child(-n+7) { margin-bottom: 16px }
    .catPattern01 ul li:last-child { margin-bottom: 0 }
    .catPattern01 ul li:first-child .desc h2 { padding: 0 10px; font-size: 16px; line-height: 1.6; height: auto }
    .catPattern01 ul li:nth-last-child(-n+7) .desc { width: calc(100% - 120px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: 0; right: 0; background: none; padding: 0 10px }
    .catPattern01 ul li:nth-last-child(-n+7) .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; height: auto; padding: 4px 0; font-size: 12px;  position: relative; bottom: 0; right: 0; -webkit-line-clamp: 3; }
    .catPattern01 ul li:nth-last-child(-n+7) .item:hover .desc h2 { color: #666 }
    .catPattern02 { padding: 10px }
    .catPattern02 .allItems { padding: 10px 0 0 }
    .catPattern02 ul li { margin-left: 0; width: 100%; margin-bottom: 16px; overflow: visible; }
    .catPattern02 ul li:first-child:after, .catPattern02 ul li:last-child:after { display: none }
    .catPattern02 ul li a .imageCntnr { position: relative; width: 120px; overflow: hidden; padding-bottom: calc((120px * 56.25) / 100); float: right; margin-left: 0 }
    .catPattern02 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 56.25% }
    .catPattern02 ul li:first-child { width: 100% }
    .catPattern02 ul li:nth-child(2), .catPattern02 ul li:nth-child(3) { width: 100% }
    .catPattern02 ul li:nth-child(3), .catPattern02 ul li:nth-child(5), .catPattern02 ul li:last-child { margin-left: 0 }
    .catPattern02 ul li:first-child { margin-bottom: 16px }
    .catPattern02 ul li:first-child .desc h2 { padding: 0 10px; font-size: 16px; line-height: 1.6; }
    .catPattern02 ul li:nth-child(4), .catPattern02 ul li:nth-child(5) { margin-bottom: 16px }
    .catPattern02 ul li:last-child { display: block }
    .catPattern02 ul li:nth-last-child(-n+4) { margin-bottom: 16px }
    .catPattern02 ul li:last-child { margin-bottom: 0 }
    .catPattern02 ul li:nth-last-child(-n+4) .desc { width: calc(100% - 120px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: 0; right: 0; background: none; padding: 0 10px }
    .catPattern02 ul li:nth-last-child(-n+4) .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; height: auto; padding: 4px 0; font-size: 12px;  position: relative; bottom: 0; right: 0; -webkit-line-clamp: 3; }
    .catPattern02 ul li:nth-last-child(-n+4) .item:hover .desc h2 { color: #666 }
    .catPattern03 { padding: 10px }
    .catPattern03 .allItems { padding: 10px 0 0 }
    .catPattern03 ul li { margin-left: 0; width: 100%; margin-bottom: 16px; overflow: visible; }
    .catPattern03 ul li:first-child:after, .catPattern03 ul li:last-child:after { display: none }
    .catPattern03 ul li a .imageCntnr { position: relative; width: 120px; overflow: hidden; padding-bottom: calc((120px * 56.25) / 100); float: right; margin-left: 0 }
    .catPattern03 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 56.25% }
    .catPattern03 ul li:first-child { width: 100% }
    .catPattern03 ul li:nth-child(2), .catPattern03 ul li:nth-child(3) { width: 100% }
    .catPattern03 ul li:nth-child(3), .catPattern03 ul li:nth-child(5), .catPattern03 ul li:last-child { margin-left: 0 }
    .catPattern03 ul li:first-child { margin-bottom: 16px }
    .catPattern03 ul li:first-child .desc h2 { padding: 0 10px; font-size: 16px; line-height: 1.6; }
    .catPattern03 ul li:nth-child(4), .catPattern03 ul li:nth-child(5) { margin-bottom: 16px }
    .catPattern03 ul li:last-child { display: block }
    .catPattern03 ul li:nth-last-child(-n+4) { margin-bottom: 16px }
    .catPattern03 ul li:last-child { margin-bottom: 0 }
    .catPattern03 ul li:nth-last-child(-n+4) .desc { width: calc(100% - 120px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: 0; right: 0; background: none; padding: 0 10px }
    .catPattern03 ul li:nth-last-child(-n+4) .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; height: auto; padding: 4px 0; font-size: 12px;  position: relative; bottom: 0; right: 0; -webkit-line-clamp: 3; }
    .catPattern03 ul li:nth-last-child(-n+4) .item:hover .desc h2 { color: #666 }
    .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%) }
    .searchResult { padding: 0 10px }
    .filterMainContent.is-fixed .cd-gallery { padding-top: 16px; }
    .authorsListing .cd-gallery li .authorName { font-size: 12px }
    .quizListing .cd-gallery li .desc h2 { text-align: right }
    .cd-gallery .leaderboardDiv { margin: 10px auto 30px }
    .searchResult form { padding: 12px; }
    /*.searchResult form .morphsearch-submit{top:16px;left:18px}
    .searchResult form input{padding:4px 12px;font-size:14px}
    .searchResult form .morphsearch-submit.icon-search:before {line-height: 1.2;}*/
    .cd-tab-filter a { font-size: 12px }
    .datepicker-form .icon-date { left: 18px }
    .datepicker-form .icon-date:before { font-size: 22px }
    .filterMainContent h3 { width: 90px; font-size: 14px }
    .matchesSchedule .table .allMatches { margin: 16px 0 0 }
    .matchesSchedule .allMatches h2 { font-size: 16px; margin-bottom: 16px }
    .matchesSchedule .allMatches .dropDownDiv { padding: 12px }
    .wrapperDropdown { padding: 8px 12px; font-size: 13px }
    .matchesSchedule .table .allMatches .tabs-nav li > a { padding: 0 10px; font-size: 12px; }
    .matchesSchedule .table .allMatches .tabs-nav li a.date { padding: 0 10px }
    .matchesSchedule .table .allMatches .item .time { line-height: 1; width: 100%; margin-left: 0; font-size: 15px; font-weight: bold; text-align: center; position: relative; display: inline-block; margin-bottom: 10px }
    .matchesSchedule .table .allMatches .item .time span.now { font-size: 11px !important; line-height: 24px; height: 24px; display: inline-block; margin: 0 calc((100% - 50px) / 2) !important; font-weight: normal }
    .matchesSchedule .table .allMatches .item .teamA, .matchesSchedule .table .allMatches .item .teamB { text-align: center; width: calc((100% - 60px) / 2); height: auto }
    .matchesSchedule .table .allMatches .item .teamA img { float: none; margin-right: 0 }
    .matchesSchedule .table .allMatches .item .teamB img { float: none; margin-left: 0 }
    .matchesSchedule .table .allMatches .item .teamA p, .matchesSchedule .table .allMatches .item .teamB p { float: none; text-align: center; line-height: 1.6; margin-top: 5px; height: auto; overflow: hidden; width: 100% }
    .matchesSchedule .table .allMatches .item .match { height: auto }
    .matchesSchedule .table .allMatches .item .result { width: 60px; margin-top: 20px }
    .matchesSchedule .table .allMatches .item .result .matchResult { margin-top: 0; font-size: 26px }
    .matchesSchedule .table .allMatches .item .channel { display: none }
    .matchesSchedule .allMatches .item { width: 100% }
    .matchesSchedule .allMatches .item .tourName { margin-bottom: 24px }
    .matchesSchedule .allMatches .item .teamA { width: 80px; height: 70px }
    .matchesSchedule .table .allMatches .item .teamA img, .matchesSchedule .table .allMatches .item .teamB img { height: 30px; }
    .matchesSchedule .allMatches .item .teamA img, .matchesSchedule .allMatches .item .teamB img { height: 30px; }
    .matchesSchedule .allMatches .item .teamA p, .matchesSchedule .allMatches .item .teamB p { padding-top: 10px; font-size: 12px }
    .matchesSchedule .allMatches .item .result { width: calc(100% - 160px) }
    .matchesSchedule .allMatches .item .result.yesterday { padding-top: 12px; }
    .matchesSchedule .allMatches .item .teamB { float: right; width: 80px; height: 70px }
    .matchesSchedule .allMatches .item .result { font-size: 32px }
    .matchesSchedule .allMatches .item .result span { font-size: 14px !important; margin: 0 }
    .matchesSchedule .allMatches .item .status a { font-size: 12px }
    .matchesSchedule .allMatches .status span { margin-top: 26px }
    .matchesSchedule .allMatches .matchResult { font-size: 32px; margin-top: 0 }
    .matchesSchedule .listing { padding: 24px 10px }
    .prayerTimes .main { padding: 10px }
    .prayerTimes .main .ttl { margin-bottom: 12px }
    .prayerTimes .main .location { margin-bottom: 12px }
    .prayerTimes .main .cityDate .cityName { font-size: 20px }
    .prayerTimes .main .cityDate .cityName:after { font-size: 20px }
    .prayerTimes .main .cityDate .countryName { font-size: 20px }
    .prayerTimes .main .cityDate date { font-size: 14px }
    .prayerTimes .cntdwn .timerDiv { width: 182px; height: 40px }
    .prayerTimes .cntdwn .timerDiv ul li { float: left; width: 50px; height: 40px; font-size: 20px; margin-right: 16px; line-height: 2 }
    .prayerTimes .cntdwn .timerDiv ul li:last-child { margin-right: 0 }
    .prayerTimes .cntdwn .timerDiv ul li:nth-child(1):after,
    .prayerTimes .cntdwn .timerDiv ul li:nth-child(2):after { font-size: 20px; position: absolute; top: 0; right: -11px }
    .prayerTimes .main .dropDownDiv { width: 100%; margin-bottom: 24px }
    .prayerTimes .main .cityDate { width: 100%; margin-left: 0 }
    .prayerTimes .main .wrapperDropdown { font-size: 13px }
    .prayerTimes .cntdwn { width: 100%; margin: 0 0 24px 0 }
    .prayerTimes .mainTable .prayersTable { width: 100% }
    .prayerTimes .mainTable .prayersTable .title .name { font-size: 10px; height: 54px }
    .prayerTimes .mainTable .prayersTable .title .name:nth-child(2) { line-height: 38px }
    .prayerCheckbox p.pText { font-size: 13px }
    .prayerTimes .mainTable .prayersTable .allTimes .time { font-size: 15px }
    .prayerTimes .mainTable .prayersTable .allTimes .time span { font-size: 13px }
    .prayerTimesTable button { font-size: 13px; margin: 0 calc((100% - 240px) / 2) 20px; }
    .prayerTimes .monthTable .prayersTable .title .name:first-child { width: 110px }
    .prayerTimes .monthTable .prayersTable .title .name { width: calc((100% - 110px) / 6); font-size: 10px }
    .prayerTimes .monthTable .prayersTable .allTimes .time:first-child { width: 110px }
    .prayerTimes .monthTable .prayersTable .allTimes .time { width: calc((100% - 110px) / 6); font-size: 11px }
    .prayerTimes .monthTable .prayersTable .allTimes .time span { display: none }
    .weatherDiv .main { padding: 24px 10px }
    .weatherDiv .main .ttl { margin-bottom: 12px }
    .weatherDiv .main .wrapperDropdown { font-size: 13px }
    .weatherDiv .main .location { margin-bottom: 12px }
    .weatherDiv .main .cityDate .cityName { font-size: 20px }
    .weatherDiv .main .cityDate .cityName:after { font-size: 20px }
    .weatherDiv .main .cityDate .countryName { font-size: 20px }
    .weatherDiv .main .cityDate date { font-size: 14px }
    .weatherDiv .main .dropDownDiv { width: 100%; margin-bottom: 24px }
    .weatherDiv .main .cityDate { width: 100%; margin-left: 0 }
    .weatherDiv .cntdwn { width: 100%; margin: 0 0 24px 0 }
    .weatherDiv .mainTable .weatherTable { width: 100% }
    .weatherDiv .mainTable .weatherTable .title .name { font-size: 12px }
    .weatherDiv .mainTable .weatherTable .allTimes .time { font-size: 16px }
    .weatherDiv .mainTable .weatherTable .allTimes .time span { font-size: 14px }
    .weatherDiv .main .weatherIconCnts { margin-left: 15px }
    .weatherDiv .temp .icon-high { font-size: 48px; margin-left: 24px; margin-top: 30px; }
    .weatherDiv .temp .icon-high:before { top: -10px; font-size: 18px; right: 5px }
    .weatherDiv .temp .icon-low { font-size: 36px; margin-top: 40px; }
    .weatherDiv .temp .icon-low:before { top: -8px; font-size: 12px; right: 8px }
    .weatherDiv .temp .windHum { width: 100%; float: right; margin-top: 0 }
    .weatherDiv .temp { margin-bottom: 15px }
    .weatherDiv .main .weatherIcon { width: 90px; margin: 0 calc((100% - 90px) / 2); }
    .weatherDiv .main .weatherIcon.sunny { background: url("../images/weatherSprite.png") 0 10px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.cloudy { background: url(../images/weatherSprite.png) 0px -100px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.partlycloudy { background: url("../images/weatherSprite.png") 0 -186px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.patchylightdrizzle { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.lightdrizzle { background: url("../images/weatherSprite.png") 0 -390px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.lightsleetshowers { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.lightrainshower { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.patchylightrain { background: url("../images/weatherSprite.png") 0 -390px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.patchyrainnearby { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.clearDay { background: url("../images/weatherSprite1.webp") 0 9px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.clearNight { background: url("../images/weatherSprite1.webp") 0 -672px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.clouds { background: url("../images/weatherSprite1.webp") 0px -100px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.showerRain { background: url("../images/weatherSprite1.webp") 0 -384px no-repeat; background-size: 90px; height: 100px }
    .weatherDiv .main .weatherIcon.rainDay { background: url("../images/weatherSprite1.webp") 0 -282px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.rainNight { background: url("../images/weatherSprite1.webp") 0 -384px no-repeat; background-size: 90px; height: 100px }
    .weatherDiv .main .weatherIcon.drizzle { background: url("../images/weatherSprite1.webp") 0 -837px no-repeat; background-size: 90px; }
    .weatherDiv .main .weatherIcon.mist { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.smoke { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.haze { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.dust { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.fog { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.sand { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.ash { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.squall { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.tornado { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px }
    .weatherDiv .main .weatherIcon.snow { background: url("../images/weatherSprite1.webp") 0 -473px no-repeat; background-size: 90px; height: 100px }
    .weatherDiv .main .weatherIcon.thunderstorm { background: url("../images/weatherSprite1.webp") 0 -573px no-repeat; background-size: 90px; }
    .weatherDiv .weatherTable .title .name { width: calc(100% / 3); font-size: 11px }
    .weatherDiv .weatherTable .allTimes .dayTemp date { font-size: 13px; line-height: 1.5 }
    .weatherDiv .weatherTable .allTimes .dayTemp { width: calc(100% / 3); padding: 10px; height: 180px }
    /*.weatherDiv .dayTempDtls{width:100%}*/
    .weatherDiv .dayTempDtls .icon-high { font-size: 28px; float: right; margin-left: 8px; }
    .weatherDiv .dayTempDtls .icon-high:before { font-size: 12px; position: relative; top: -14px; right: 0 }
    .weatherDiv .dayTempDtls .icon-low { font-size: 18px; float: left }
    .weatherDiv .dayTempDtls .icon-low:before { font-size: 8px; position: relative; top: -10px; right: 0 }
    .contactUsDiv .contactUsCnts { padding: 0 10px }
    .zakahDiv .zakahCnts { padding: 15px 10px }
    .newsPointerDiv .newsPointer { padding: 0 10px }
    .masrawyServicesDiv .services { padding: 0 10px }
    .masrawyServicesDiv .services h3 { padding: 12px; font-size: 16px }
    .masrawyServicesDiv .services .servicesCnts .item { min-width: 300px; width: 100%; margin: 0 0 24px 0 }
    .masrawyServicesDiv .services .servicesCnts .item p { height: auto }
    .pollListingDiv .pollListing { padding: 15px 10px }
    .policyDiv .policy { padding: 15px 10px }
    .innerListingContainer { padding: 15px 10px }
    .authorsListing .cd-tab-filter-wrapper { padding: 12px; margin: 16px 0 }
    .author .cd-tab-filter-wrapper { padding: 12px; margin-bottom: 0 }
    .AuthorsListing .cd-tab-filter-wrapper { margin: 0 }
    article .authorDtls { margin-bottom: 0 }
    article .authorDtls .imageCntnr { margin: 0 calc((100% - 190px) / 2) }
    article .authorDtls .articleHeader { width: 100%; margin-right: 0; }
    article .authorDtls .articleHeader .icon-time:before { font-size: 14px }
    article .articleStrip p { font-size: 12px; line-height: 1.6; text-align: right }
    article .articleStrip .icon-info:before { font-size: 18px }
    .overflow-hidden .morphSearchDiv { display: none !important }
    article .details .leaderboardDiv { width: 300px; height: 266px; margin: 24px calc((100% - 300px) / 2) }
    article .details .leaderboardDiv .adTtl { text-align: center !important; margin: 0; width: 300px; height: 16px;max-height:16px; line-height: 16px; }
    article .details .leaderboardDiv .leaderboard { width: 300px; height: 250px }
    article .details .leaderboardDiv iframe { margin: 0 calc((100% - 300px) / 2) !important; height: 250px; width: 300px; }
    .articleDiv .topLBArticle .leaderboardDiv { margin: 24px auto }
    #cd-lateral-nav .scroll { mix-blend-mode: normal; background: none; width: 100%; }
    .scrollContainer { background: none }
    .surveyDiv .questionsDiv { padding: 15px 10px }
    .surveyDiv .questionsDiv .ttl h2 { font-size: 18px }
    .surveyDiv .timeLineDiv ul { display: none }
    .surveyDiv .allQues h4 { margin: 24px 0; font-size: 18px; }
    .surveyDiv .allQues .answersDiv .answerItem { width: 100%; margin-left: 0 }
    .surveyDiv .resultDiv { padding: 15px 10px }
    .surveyDiv .resultDiv .ttl h2 { font-size: 18px }
    .surveyDiv .resultDiv .grid li { width: 100%; margin-left: 0 }
    .surveyDiv .resultDiv .slideshow { overflow: auto }
    .surveyDiv .resultDiv .slideshow figure { overflow: auto; position: relative; z-index: 1; }
    .surveyDiv .questionsDiv .cd-popup-container { width: 300px; padding: 12px; height: 150px; margin: -75px auto; }
    .surveyDiv .questionsDiv .cd-popup-container p { margin-top: 20px; font-size: 16px }
    .surveyDiv .questionsDiv .cd-popup-container .cd-popup-close { width: 24px; height: 24px }
    .surveyDiv .allQues .chooseAnswer .ok { bottom: 12px }
    .surveyDiv .resultDiv .cd-popup-container { width: 300px; padding: 12px; height: 150px; margin: -75px auto; }
    .surveyDiv .resultDiv .surveyCompleted p { margin-top: 20px; font-size: 16px }
    .surveyDiv .resultDiv .cd-popup-container .cd-popup-close { width: 24px; height: 24px }
    .surveyDiv .resultDiv .surveyCompleted .ok { bottom: 12px }
    .mobile.seatNumber { display: inline-block; width: 300px; margin: 0 calc((100% - 300px) / 2) 40px; background: #1d1d1d; padding: 10px; position: relative; height: 300px }
    .mobile.seatNumber .ttl { border-bottom: 1px solid #fff }
    .mobile.seatNumber .ttl h2 { color: #fff }
    .mobile.seatNumber .ttl h2:after { background: #fff }
    .mobile.seatNumber .labelDiv { float: right; width: 100%; margin-top: 12px }
    .mobile.seatNumber .labelDiv label {  font-size: 16px; color: #fff; direction: rtl; text-align: right; float: right; margin-bottom: 5px }
    .mobile.seatNumber .labelDiv span { color: #E03322; float: right; margin-right: 2px; line-height: 1.5; }
    .mobile.seatNumber input { width: 100%; height: 40px !important; border: 1px solid #ddd; float: right; outline: none; padding: 12px;  color: #666; font-size: 14px; }
    .mobile.seatNumber .errorMsg { position: relative; float: right; right: 0; display: inline-block;  font-size: 12px; color: #666; direction: rtl; text-align: right; visibility: hidden; margin-top: 5px }
    .mobile.seatNumber a { display: inline-block; width: 132px;  background: #E03322; color: #fff; font-size: 16px; text-align: center; padding: 5px 0; margin: 5px calc((100% - 132px) / 2) }
    .mobile.seatNumber a:hover { background: #E03322 }
    .mobile.seatNumber .thanawyaSponsor { display: inline-block; width: 100%; background: #000;; position: absolute; left: 0; bottom: 0; z-index: 1 }
    .mobile.seatNumber .thanawyaSponsor .cnts { display: inline-block; width: 166px; margin: 0 calc((100% - 166px) / 2); float: right; padding: 8px 0; }
    .mobile.seatNumber .thanawyaSponsor .cnts .spnsr { float: right; margin-left: 24px; margin-top: 4px;  color: #fff; font-size: 14px }
    .mobile.seatNumber .thanawyaSponsor .cnts a { float: right; width: auto; background: none; color: none; padding: 0; margin: 0 }
    .mobile.seatNumber .thanawyaSponsor .cnts img { width: auto; height: 27px; border: none; margin: 0; }
    .rssDiv .rssCnts { padding: 15px 10px }
    .adBlkrDtctd .cd-popup-container { width: calc(100% - 20px); height: auto; margin: 100px 10px 0 }
    .adBlkrDtctd .cd-popup-container .warnMsg { width: 212px; margin: 0 calc((100% - 212px) / 2) }
    .adBlkrDtctd .cd-popup-container h2, .adBlkrDtctd .cd-popup-container h4 { font-size: 18px }
    .adBlkrDtctd .cd-popup-container .icon-warn { text-align: right; }
    .adBlkrDtctd .cd-popup-container .icon-warn:before { font-size: 36px; margin-left: 10px; }
    .adBlkrDtctd .cd-popup-container .msg p { font-size: 14px }
    .adBlkrDtctd .cd-popup-container .cd-popup-close { width: 30px; height: 30px }
    .mainMedia .featuredArea ul li:nth-last-child(-n+5) .desc h2 { color: #fff }
    .content .mainMedia .featuredArea li { border: none; }
    .dtlsSc { width: 100%; margin: 0px }
    .dtlsSc .shiftArtclPattern { width: 100%; margin-left: 0; margin-bottom: 0 }
    article .dtlsSc .shiftArtclPattern { margin-bottom: 30px }
    .dtlsSc .consoltoArtclPattern { width: 100% }
    .lstNwsNtfy .cnts { width: calc(100% - 70px); margin: 0 10px 0 60px; padding: 4px 0; }
    .lstNwsNtfy .cnts p, .lstNwsNtfy .cnts a { font-size: 13px; line-height: 1.5;-webkit-line-clamp: 2;max-height:42px;text-overflow: ellipsis;-webkit-box-orient: vertical; }
    .lstNwsNtfy .cnts .icon-notify:before { font-size: 18px;line-height:18px;height:40px }
    .vasPage { margin: 0 0 20px !important; padding: 10px 0 }
    .vasPage h1 { font-size: 13px; padding: 10px 0 20px }
    .vasPage h1 span { font-size: 18px; line-height: 1.5 }
    .vasCnts .vas { width: 100%; margin-left: 0 }
    .vasCnts .vas h1 { font-size: 22px }
    .vasCnts .vas .vasIcon.icon-news:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-woman:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-horo:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-arts:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-jokes:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-islameyat:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-chris:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-masTv:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-tech:before { font-size: 60px; line-height: 1.2 }
    .vasCnts .vas .vasIcon.icon-mobawaba:before { font-size: 90px; line-height: 0.6 }
    .vasCnts .vas h2 { font-size: 13px; height: auto }
    .vasCnts .vas .vasBtn { font-size: 12px }
    .vasCnts .vas:nth-child(3n) { margin-left: 0 }
    .vasCnts .vas:nth-child(2n) { margin-left: 0 }
    .electionDiv .votesDiv .main { padding: 10px }
    .electionDiv .votesDiv .summary { padding: 15px 10px }
    .electionDiv .votesDiv .main h1 { font-size: 22px; margin-bottom: 20px }
    .electionDiv .votesDiv .main .votesRes h2 { font-size: 16px; margin-bottom: 40px }
    .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi h3 { float: right; margin-top: 70px; margin-right: -70px; font-size: 12px }
    .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi .icon-check:before { font-size: 18px; margin-top: 66px; margin-right: 5px }
    .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa h3 { float: right; margin-top: 70px; margin-left: -70px; font-size: 12px }
    .electionDiv .votesDiv .main .votesRes .totalVotes { margin-top: 24px }
    .electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p { font-size: 12px }
    .electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p { font-size: 12px }
    .electionDiv .votesDiv .summary .item label { font-size: 12px; width: auto; margin-left: 10px }
    .electionDiv .votesDiv .summary .item p { width: auto; font-size: 14px; line-height: 1.7 }
    .electionDiv .votesDiv .summary .item .summaryBar { width: 100% }
    .pattern02.ramadan .mvLp { left: 64px; top: 15px; }
    .pattern02.ramadan .mvLp .mv { margin-left: 0; width: 70px; height: 29px; }
    .pattern02.ramadan .mvLp .ic { display: none }
    .wcBg .groupStandingHP .groups .table { margin-left: 10px; margin-bottom: 10px }
    .wcBg .groupStandingHP .groups .table .wRow .team img { height: 14px; margin-top: 4px }
    .wcBg .groupStandingHP .groups .table .wRow .item p { font-size: 12px }
    .wcBg .groupStandingHP .groups .table .wRow .item { font-size: 14px; width: 26px; }
    .wcBg .groupStandingHP .groups .table .wRow .item:nth-child(2) { width: calc(100% - 52px); }
    .allGroups .table .ttlRow .itemTtl:nth-child(3), .allGroups .table .ttlRow .itemTtl:nth-child(4),
    .allGroups .table .ttlRow .itemTtl:nth-child(5), .allGroups .table .ttlRow .itemTtl:nth-child(6),
    .allGroups .table .ttlRow .itemTtl:nth-child(7), .allGroups .table .ttlRow .itemTtl:nth-child(8),
    .allGroups .table .ttlRow .itemTtl:nth-child(9) { display: none }
    .allGroups .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 100px); }
    .allGroups .table .wRow .item:nth-child(3), .allGroups .table .wRow .item:nth-child(4),
    .allGroups .table .wRow .item:nth-child(5), .allGroups .table .wRow .item:nth-child(6),
    .allGroups .table .wRow .item:nth-child(7), .allGroups .table .wRow .item:nth-child(8),
    .allGroups .table .wRow .item:nth-child(9) { display: none }
    .allGroups .table .wRow .item:nth-child(2) { width: calc(100% - 100px); }
    .allGroups .table .wRow .item:nth-child(2) { padding: 16px 0 }
    .allGroups .table .wRow .team img { height: 26px }
    .allGroups .table .wRow .item p { line-height: 1.8 }
    .lg-toolbar .lg-icon { width: 40px; font-size: 20px }
    #lg-counter { padding-left: 20px; font-size: 18px }
    .galleryTitle .galleryMasLogo { background-size: 103px 30px; width: 117px }
    .lg-outer #lg-share:after { font-size: 18px }
    .lg-sub-html p { font-size: 13px; }
    .lg-outer .lg-toogle-thumb { width: 20px; right: 10px }
    article.paginationDiv .details h3 { width: 100%; float: right }
    article .details p.WizImg { text-align: center !important; float: unset; width: 100%; margin: 0; }
    article .details p.WizImg img { margin: 20px calc((100% - 300px)/ 2); height: auto; width: 300px; }
    article.paginationDiv .details .pagingDtls { width: 100%; margin-right: 0 }
    article .pagination { margin-top: 20px }
    article.paginationDiv .details p.WizImg { width: 100% }
    .policyDiv .policy .policyDtls p.head { font-size: 14px }
    .policyDiv .policy .policyDtls p, .policyDiv .policy .policyDtls li, .policyDiv .policy .policyDtls a { font-size: 13px }
    .policyDiv .policy .policyDtls ul { padding-right: 24px }
    .zakahDiv .zakahForms h3 { padding: 12px; font-size: 14px; margin: 16px 0 }
    .zakahDiv .zakahForms .forms .item .labelDiv label { font-size: 13px }
    .zakahDiv .zakahForms .forms .item { margin-bottom: 16px }
    .zakahDiv .zakahForms .forms .item .labelDiv { width: 100% }
    .zakahDiv .zakahForms .forms .item input, .zakahDiv .zakahForms .forms .item textarea { width: 100% !important }
    .zakahDiv .zakahForms .forms .wrapper-demo { width: 100% !important }
    .zakahDiv .zakahForms .forms .item .errorMsg { right: auto; left: 0; top: 0 }
    .zakahDiv .zakahForms h4 { padding: 12px; font-size: 14px; margin: 16px 0 }
    .zakahDiv .zakahForms .forms .calculate { font-size: 13px }
    .rssDiv .rssCnts .info { margin: 16px 0 24px }
    .rssDiv .rssCnts .allItems .item p { font-size: 14px; line-height: 2.4 }
    .rssDiv .rssCnts .allItems .icon-downArrow:before { font-size: 14px; line-height: 2.2 }
    .rssDiv .rssCnts .allItems .item { padding: 10px }
    .rssDiv .rssCnts .allItems .item .itemExpand li { padding: 10px }
    .rssDiv .rssCnts .allItems .item .itemExpand li p { font-size: 13px }
    .rssDiv .rssCnts .allItems .item img { margin-top: 6px }
    .authorsListing .cd-tab-filter ul { font-size: 13px }
    .authorsListing .cd-tab-filter a { font-size: 13px; height: auto; line-height: 40px; }
    .authorsListing .cd-tab-filter::after { top: 20px; font-size: 14px }
    .author .cd-tab-filter a { padding: 0; height: auto; font-size: 13px; line-height: 40px }
    .author .cd-tab-filter::after { top: 20px; font-size: 14px }
    article .authorDtls .articleHeader h2 { font-size: 18px; margin-bottom: 8px }
    article .authorDtls .articleHeader .authorName { font-size: 14px; max-height: 52px; height: auto; }
    .akhbarthemak{height:586px}
    .showcaseDiv .showcase {height:250px}
    .leaderboardDiv .leaderboard { background: #ddd; }
    .billboardDiv {height:116px;}
    .billboardDiv .billboardCnts {width:320px}
    .leaderboardDiv{height:116px;}
    .leaderboardDiv .leaderboardCnts { min-width: unset }
    .exxonD { display: none !important }
    .exxonMobile { display: inline-block !important; position: relative; width: 100%; max-width: 1024px; height: auto; padding: 10px }
    .monsterDiv { margin-right: calc((100% - 300px)/ 2) }
    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport { width: 320px; height: 50px !important }
    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px; }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .showOverlayMob .masrawyContainer { z-index: 3 }
    body.showOverlayMob { position: fixed }
    .showOverlayMob .billboardCnts { overflow: visible; height: 66px; background: #fff }
    .showOverlayMob .billboardDiv .billboard.bb1 { position: absolute; left: 0; width: 100%; background: none; }
    .showOverlayMob .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; }
    .hideOverlayMob .billboardDiv .bb1 iframe { width: 320px; height: 100px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hideOverlayMob .billboardDiv .billboard.bb1 { width: 320px; left: auto }
    .showOverlayMob .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    .showOverlayMob .articleSocialMedia, .showOverlayMob .lstNwsNtfy { z-index: 1 }
    .showOverlayMob-clsdSpnsr .billboardCnts { overflow: visible; height: 66px; background: #fff }
    .showOverlayMob-clsdSpnsr .billboardDiv .billboard.bb1 { position: absolute; left: 0; width: 100%; background: none; }
    .showOverlayMob-clsdSpnsr .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; }
    .hideOverlayMob-clsdSpnsr .billboardDiv .bb1 iframe { width: 320px; height: 100px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hideOverlayMob-clsdSpnsr .billboardDiv .billboard.bb1 { width: 320px; left: auto }
    .showOverlayMob-clsdSpnsr .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    .showOverlayMob-clsdSpnsr .articleSocialMedia, .showOverlayMob-clsdSpnsr .lstNwsNtfy { z-index: 1 }
    .showOverlayChipsy .billboardCnts { overflow: visible; height: 66px; background: #fff; min-width: 320px; min-height: 100px; margin: 0 calc((100% - 320px)/ 2); }
    .showOverlayChipsy .billboardDiv .billboard { min-width: 320px; }
    .showOverlayChipsy .billboardDiv .billboard.bb1 { position: absolute; left: 0; width: 100%; background: none; }
    .showOverlayChipsy .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; }
    .hideOverlayChipsy .billboardDiv .bb1 iframe { width: 320px; height: 100px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hideOverlayChipsy .billboardDiv .billboard.bb1 { width: 320px; left: auto }
    .showOverlayChipsy .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    .showOverlayChipsy.cafLandingPage .bb1 .adAsync { padding-bottom: 0 !important; height: 100% !important }
    .showOverlayChipsy.cafLandingPage .sponsorBG { display: none }
    .showOverlayChipsy .articleSocialMedia, .showOverlayChipsy .lstNwsNtfy { z-index: 1 }
    .showOverlayChipsy .bb1 .adAsync { position: fixed; width: 100%; height: 100%; bottom: 0; right: 0; left: 0; z-index: 9; }
    .showOverlayChipsy-clsdSpnsr .billboardCnts { overflow: visible; height: 66px; background: #fff; min-width: 320px; min-height: 100px; margin: 0 calc((100% - 320px)/ 2); }
    .showOverlayChipsy-clsdSpnsr .billboardDiv .billboard { min-width: 320px; }
    .showOverlayChipsy-clsdSpnsr .billboardDiv .billboard.bb1 { position: absolute; left: 0; width: 100%; background: none; }
    .showOverlayChipsy-clsdSpnsr .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; }
    .hideOverlayChipsy-clsdSpnsr .billboardDiv .bb1 iframe { width: 320px; height: 100px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hideOverlayChipsy-clsdSpnsr .billboardDiv .billboard.bb1 { width: 320px; left: auto }
    .showOverlayChipsy-clsdSpnsr .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    .showOverlayChipsy-clsdSpnsr.cafLandingPage .bb1 .adAsync { padding-bottom: 0 !important; height: 100% !important }
    .showOverlayChipsy-clsdSpnsr.cafLandingPage .sponsorBG { display: none }
    .showOverlayChipsy-clsdSpnsr .articleSocialMedia, .showOverlayChipsy-clsdSpnsr .lstNwsNtfy { z-index: 1 }
    .showOverlayChipsy-clsdSpnsr .bb1 .adAsync { position: fixed; width: 100%; height: 100%; bottom: 0; right: 0; left: 0; z-index: 9; }
    .showOverlayChipsy .sponsorDuplicate { display: none }
    .hideOverlayChipsy .sponsorDuplicate { display: inline-block }
    .showOverlayChipsy-clsdSpnsr .sponsorDuplicate { display: none }
    .hideOverlayChipsy-clsdSpnsr .sponsorDuplicate { display: inline-block }
    body.showfooterMob { position: fixed }
    .showfooterMob .lstNwsNtfy { display: none }
    .showfooterMob .billboardCnts { overflow: visible; height: 66px; background: #fff }
    .showfooterMob .billboardDiv .billboard.bb1 { position: fixed; left: 0; width: 100%; top: 0; height: 100%; background: none; }
    .showfooterMob .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; }
    .hidefooterMob .billboardDiv .bb1 iframe { width: 320px; height: 50px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hidefooterMob .billboardDiv .billboard.bb1 { width: 320px; left: auto }
    .showfooterMob .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    /*.showOTP { overflow: hidden !important }
    .hideOTP { overflow-x: hidden !important; overflow-y: scroll !important; }*/
    .showOTP .billboardDiv { overflow: visible; height: 66px }
    .showOTP .billboardDiv .billboard { position: absolute; left: 0; width: 100%; background: none; }
    .showOTP .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 }
    .showOTP .billboardDiv .billboardCnts { width: 320px;transform:none }
    .hideOTP .billboardDiv .billboardCnts {transform:translate(-50%,-50%) }

    .hideOTP .billboardDiv .bb1 iframe { width: 320px !important; height: 50px !important; left: auto !important; position: relative !important; }
    .hideOTP .billboardDiv .billboard { width: 320px; left: auto;position:relative }
    
    


    .showOTPBB .billboardDiv { overflow: visible; height: 116px }
    .showOTPBB .billboardDiv .billboard { position: absolute; left: 0; width: 100%; background: none; }
    .showOTPBB .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 }
    .showOTPBB .billboardDiv .billboardCnts { min-width: 320px;transform: none; }
    .hideOTPBB .billboardDiv .bb1 iframe { width: 320px !important; height: 100px !important; left: auto !important; position: relative !important; }
    .hideOTPBB article .details .billboardDiv iframe { height: 250px !important; width: 300px !important }
    .hideOTPBB .billboardDiv .billboard { width: 320px; left: auto }
    .hideOTPBB .billboardDiv .billboardCnts{transform: translate(-50%,-50%);height:116px}


    .showOTP .leaderboardDiv { overflow: visible; height: 66px; display: none }
    .showOTP .leaderboardDiv .leaderboard { position: absolute; left: 0; width: 100%; background: none; }
    .showOTP .leaderboardDiv .lb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 }
    .showOTP .leaderboardDiv .leaderboardCnts { min-width: 320px;transform:none }
    .showOTP .leaderboardDiv .billboardCnts {transform:translate(-50%,-50%) }
    .hideOTP .leaderboardDiv { display: inline-block }
    .hideOTP .leaderboardDiv .lb1 iframe { width: 320px !important; height: 50px !important; left: auto !important; position: relative !important; }
    .hideOTP article .details .leaderboardDiv iframe { height: 250px !important; width: 300px !important }
    .hideOTP .leaderboardDiv .leaderboard { width: 320px; left: auto }
    .showOTP .showcaseDiv .showcase { position: relative }
    .showOTP .showcaseDiv .sc1 iframe { position: relative; height: 250px; z-index: 9; top: 0; left: 0; margin: 0 !important }
    .showOTP article .details .leaderboardDiv iframe { position: relative }
    .showOTP .billboardDiv .geminiBB1Ad.showBB1, .showOTP .billboardDiv .geminiBB2Ad.showBB2, .showOTP .billboardDiv .geminiBB3Ad.showBB3,
    .showOTP .billboardDiv .geminiBB4Ad.showBB4, .showOTP .billboardDiv .geminiBB5Ad.showBB5, .showOTP .billboardDiv .geminiBB6Ad.showBB6 { display: none !important }
    .showOTP .leaderboardDiv .geminiLB1Ad.showLB1, .showOTP .leaderboardDiv .geminiLB2Ad.showLB2, .showOTP .leaderboardDiv .geminiLB3Ad.showLB3,
    .showOTP .leaderboardDiv .geminiLB4Ad.showLB4, .showOTP .leaderboardDiv .geminiLB5Ad.showLB5, .showOTP .leaderboardDiv .geminiLB6Ad.showLB6 { display: none !important }
    .showOTP .showcaseDiv .geminiSC1Ad.showSC1, .showOTP .showcaseDiv .geminiSC2Ad.showSC2, .showOTP .showcaseDiv .geminiSC3Ad.showSC3,
    .showOTP .showcaseDiv .geminiSC4Ad.showSC4, .showOTP .showcaseDiv .geminiSC5Ad.showSC5, .showOTP .showcaseDiv .geminiSC6Ad.showSC6 { display: none !important }
    .hideOTP .billboardDiv .geminiBB1Ad.showBB1, .hideOTP .billboardDiv .geminiBB2Ad.showBB2, .hideOTP .billboardDiv .geminiBB3Ad.showBB3,
    .hideOTP .billboardDiv .geminiBB4Ad.showBB4, .hideOTP .billboardDiv .geminiBB5Ad.showBB5, .hideOTP .billboardDiv .geminiBB6Ad.showBB6 { display: flex !important }
    .hideOTP .leaderboardDiv .geminiLB1Ad.showLB1, .hideOTP .leaderboardDiv .geminiLB2Ad.showLB2, .hideOTP .leaderboardDiv .geminiLB3Ad.showLB3,
    .hideOTP .leaderboardDiv .geminiLB4Ad.showLB4, .hideOTP .leaderboardDiv .geminiLB5Ad.showLB5, .hideOTP .leaderboardDiv .geminiLB6Ad.showLB6 { display: flex !important }
    .hideOTP .showcaseDiv .geminiSC1Ad.showSC1, .hideOTP .showcaseDiv .geminiSC2Ad.showSC2, .hideOTP .showcaseDiv .geminiSC3Ad.showSC3,
    .hideOTP .showcaseDiv .geminiSC4Ad.showSC4, .hideOTP .showcaseDiv .geminiSC5Ad.showSC5, .hideOTP .showcaseDiv .geminiSC6Ad.showSC6 { display: flex !important }
    /** Mobile **/
    .showOTP .masrawyContainer { position: relative; z-index: 4; }
    .hideOTP .masrawyContainer { z-index: 2; }
    .showOverlayChipsy .masrawyContainer { z-index: 2 }
    .showHeader.showSecondOverlay .masrawyContainer { position: relative; z-index: 4 }
    .showOTP .justPremiumDiv { display: none !important }
    .hideOTP .justPremiumDiv { display: block !important }
    .showOTP .sponsorDiv { display: none !important }
    .hideOTP .sponsorDiv { display: block !important }
    .showOTP .sponsorAd { display: none !important }
    .hideOTP .sponsorAd { display: block !important }
    .showOTP .bgAd { display: none !important }
    .hideOTP .bgAd { display: inline-block !important }
    .showOTP .iz-news-hub-discovr-outer-wrapper { display: none !important }
    .hideOTP .iz-news-hub-discovr-outer-wrapper { display: inline-block !important }

    .showOTP .morphSearchDiv { display: none }
    .hideOTP .morphSearchDiv { display: block }
    .showOTP .sticky { display: none }
    .hideOTP .sticky { display: block !important }
    .showOTP .spnsrSticky { display: none }
    .hideOTP .spnsrSticky { display: block !important }
    .showOTP .lstNwsNtfy { display: none !important }
    .hideOTP .lstNwsNtfy { display: block !important }
    .showOTP .prayerNotification { display: none !important }
    .hideOTP .prayerNotification { display: block !important }
    .showOTP .stickySeries { display: none !important }
    .hideOTP .stickySeries { display: block !important }

    .showOTP .seriesTV { display: none !important }
    .hideOTP .seriesTV { display: block !important }
    .showOTP .articleSocialMedia { display: none !important }
    .hideOTP .articleSocialMedia { display: block !important }
    .showOTP .sponsorDuplicate { display: none !important }
    .hideOTP .sponsorDuplicate { display: block !important }
    .showOTPBB header { display: none !important }
    .hideOTPBB header { display: block !important }
    .showOTPBB .sponsorAd { display: none !important }
    .hideOTPBB .sponsorAd { display: block !important }
    .showOTPBB.sponsorStickyOpen.showSponsor .gutterSticky,
    .showOTPBB.sponsorStickyOpen.showSponsor .gutterAd,
    .showOTPBB.sponsorStickyOpen .bgAd { display: none !important }
    .hideOTPBB.sponsorStickyOpen.showSponsor .gutterSticky,
    .hideOTPBB.sponsorStickyOpen.showSponsor .gutterAd,
    .hideOTPBB.sponsorStickyOpen .bgAd { display: block !important }
    .hideOTPBB header { display: block !important }
    .showOTPBB .justPremiumDiv { display: none !important }
    .hideOTPBB .justPremiumDiv { display: block !important }
    .showOTPBB .sponsorDiv { display: none !important }
    .hideOTPBB .sponsorDiv { display: block !important }
    .showOTPBB .morphSearchDiv { display: none }
    .hideOTPBB .morphSearchDiv { display: block }
    .showOTPBB .sticky { display: none }
    .hideOTPBB .sticky { display: block !important }
    .showOTPBB .spnsrSticky { display: none }
    .hideOTPBB .spnsrSticky { display: block !important }
    .showOTPBB .lstNwsNtfy { display: none !important }
    .hideOTPBB .lstNwsNtfy { display: block !important }
    .showOTPBB.showSponsor .lstNwsNtfy { display: none !important }
    .hideOTPBB.showSponsor .lstNwsNtfy { display: block !important }
    .showOTPBB .prayerNotification { display: none !important }
    .hideOTPBB .prayerNotification { display: block !important }

    .showOTPBB .stickySeries { display: none !important }
    .hideOTPBB .stickySeries { display: block !important }
    .showOTPBB .seriesTV { display: none !important }
    .hideOTPBB .seriesTV { display: block !important }
    .showOTPBB .articleSocialMedia { display: none !important }
    .hideOTPBB .articleSocialMedia { display: block !important }
    .showOTPBB .sponsorDuplicate { display: none !important }
    .hideOTPBB .sponsorDuplicate { display: block !important }
    .showOverlayChipsy .sponsorDuplicate { display: none !important }
    .hideOverlayChipsy .sponsorDuplicate { display: block !important }
    .showHeader.showSecondOverlay .sponsorDuplicate { display: none !important }
    .showHeader.showSecondOverlay.hideOTP .sponsorDuplicate { display: block !important }
    body.showOverlayChipsy { position: fixed }
    #cd-menu-header { display: inline-block }
    .ramadanSurvey .surveyQuestion .ttl, .resultContainer .ttl { height: 33px }
    .ramadanSurvey .surveyQuestion .ttl h2, .resultContainer .ttl h2 { font-size: 15px }
    .pattern02.ramadan:after { background: url(../Images/ramMasrawyLogo.png) top 12px right 194px no-repeat; background-size: 32px auto;; }
    /** Expandable Leaderboard **/
    .ExpandLB .leaderboardDiv { overflow: visible; width: 320px; margin: 0 calc((100% - 320px) / 2) 20px; height: 66px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .leaderboardDiv { height: 336px }
    .ExpandLB .leaderboardDiv .leaderboardCnts { min-width: 100% }
    .ExpandLB .leaderboardDiv .leaderboard.lb1 { position: relative; left: 0; width: 100%; background: none; height: 50px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 { height: 320px }
    .ExpandLB .leaderboardDiv .leaderboard.lb1 iframe { width: 320px; height: 50px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 iframe { width: 320px; height: 320px; z-index: 99999 }
    .ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 { display: none !important }
    /** Expandable Billboard **/
    .ExpandLB .billboardDiv { overflow: visible; width: 320px; margin: 0 calc((100% - 320px) / 2) 20px; height: 66px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .billboardDiv { height: 336px }
    .ExpandLB .billboardDiv .billboardCnts { width: 100% }
    .ExpandLB .billboardDiv .billboard.bb1 { position: relative; left: 0; width: 100%; background: none; height: 50px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .billboardDiv .billboard.bb1 { height: 320px }
    .ExpandLB .billboardDiv .billboard.bb1 iframe { width: 320px; height: 50px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .billboardDiv .billboard.bb1 iframe { width: 320px; height: 320px; z-index: 99999 }
    .ExpandLB .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    .ramadanSurvey.design3 .surveyQuestion h3 { margin: 10px 0; padding: 0 10px; font-size: 12px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4 { font-size: 18px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions p.quesCount { font-size: 15px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer { width: calc((100% - 10px)/ 2) }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(5n) { margin-left: 10px }
    .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-of-type(2n) { margin-left: 0 }
    /*.acnDiv .entrypoints{height:auto;margin-bottom: 0;}
.acnDiv .entrypoints .entryPointSlider:first-child{margin-left:0}
.acnDiv .entrypoints  ul:last-child{margin-bottom:24px}*/
    article .articleHeader .zedSponsor p { line-height: 3.6; font-size: 11px; margin-left: 6px }
    article .articleHeader .zedSponsor img { height: 42px }
    .lg-outer .zedSponsor { bottom: 160px; padding: 5px; background: rgba(0,0,0,0.3) }
    .lg-outer .zedSponsor p { line-height: 3.6; font-size: 11px; margin-left: 6px }
    .lg-outer .zedSponsor img { height: 42px }
    .lg-outer.hideSponsor .zedSponsor { display: none }
    article .videoStrip { width: 300px; height: 25px; margin: -20px calc((100% - 300px) / 2) 20px }
    .acnDiv .entryPointSlider { margin: 0 calc((100% - 300px) / 2) 24px; height: auto !important; width: 300px; }
    .acnDiv .entryPointSlider li { margin-bottom: 30px }
    .wcBg .content-wrap:after { display: none }
    .wcBg .content { background: #f2f2f2 }
    .wcBg .content:before { content: ""; width: 100%; height: 100%; background: url(../Images/Masrawy-Pattern.png) repeat left top; position: absolute; left: 0; top: 0; opacity: .03; background-size: 35%; z-index: 1; }
    .wc.acnDiv { position: relative; z-index: 2 }
    .surveyDiv .resultDiv .slideshow li .answersDiv { height: 100% }
}
@media screen and (max-width:767px) and (orientation:landscape) {
}
@media screen and (max-width:767px) and (orientation:portrait) {
    .sportsContainer .allMatches .slide { width: 272% }
    .sportsContainer .allMatches .slide .noMatches { width: calc((100% / 3) + 36px) }
    .poll { padding: 10px; width: 100%; height: auto }
    .masrawyServices ul { width: 200% }
    .table .allMatches .tabs-nav li > a { padding: 0 16px; }
    .currGoldDiv .currencyDiv .currGoldTable .title .name { font-size: 14px; width: calc((100% - 150px) / 2) }
    .currGoldDiv .currencyDiv .currGoldTable .title .name:first-child { width: 150px; }
    .currGoldDiv .currencyDiv .currGoldTable .title .name:nth-child(2) { display: none }
    .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item { font-size: 14px; width: calc((100% - 150px) / 2) }
    .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:first-child { width: 150px; }
    .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:nth-child(2) { display: none }
    .currGoldDiv .goldDiv .currGoldTable .title .name:nth-child(2) { display: block }
    .currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:nth-child(2) { display: block }
    header.lateral-menu-is-open #cd-menu-trigger { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); }
    #cd-lateral-nav { width: 260px; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); }
    .scrollContainer { width: 260px }
    .scrollContainer .scroll { width: 250px; margin: 0 calc((100% - 250px) / 2) }
    #cd-lateral-nav .socialDiv a { margin-left: 10px }
    .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem { width: 100% }
    article .details .pattern01 { width: 100%; padding: 0 }
    article .details .pattern01:before { display: none }
    .wcBg .groupStandingHP .groups .table { width: 100%; margin-left: 0 }
    .wcBg .groupStandingHP .groups .table:nth-last-child(-n+3) { margin-bottom: 10px; }
    .wcBg .groupStandingHP .groups .table:last-child { margin-bottom: 0 }
    .ramadanHeader { margin-bottom: 30px; }
    .navOverlay { background: linear-gradient(0deg,#4c3a6e,#22215b); background: -webkit-linear-gradient(0deg,#4c3a6e,#22215b); background: -o-linear-gradient(0deg,#4c3a6e,#22215b); background: -moz-linear-gradient(0deg,#4c3a6e,#22215b); background: -ms-linear-gradient(0deg,#4c3a6e,#22215b); margin-bottom: 40px; overflow: hidden; border-bottom: 2px solid #A8006B; }
    .navOverlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/ramadanPatternBG.png?ref=0.1) top -20px right repeat; background-size: 80px auto; opacity: 0.7; pointer-events: none }
    .navOverlay:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Images/ramadanMasrawy.png) bottom 16px center no-repeat,url(../Images/ramMasrawyLogo.png) top 60px left 10px no-repeat; background-size: 150px auto, 30px auto; pointer-events: none }
    .education .navOverlay:before, .education .navOverlay:after { display: none }
    .wcHp:after { left: 74px; transform: none }
}
/*** Media - New (1-2-2022) ***/
@media screen and (min-width:1680px) and (max-width:1919px) {
    .featuredArea.fixed { width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .featuredHintSticky.fixed{ width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}
    .media ul li { width: 320px; }
    .media ul li .item .imageCntnr { padding-bottom: calc((120px * 75) / 100); width: 120px; }
    .media .cnts { width: calc(100% - 120px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: calc(100% - 336px); }
    .openVideoPopupMain .videoPlayerPopup { padding: 60px 130px }
    .videoPlayerPopup .videoSponsor { right: 30px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 550px !important }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .lstNwsNtfy { width: 1100px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2) }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 200px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 400px) }*/
}
@media screen and (min-width:1600px) and (max-width:1679px) {
    .featuredArea.fixed { width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .featuredHintSticky.fixed{ width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}
    .media ul li { width: 320px; }
    .media ul li .item .imageCntnr { padding-bottom: calc((120px * 75) / 100); width: 120px; }
    .media .cnts { width: calc(100% - 120px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: calc(100% - 336px); }
    .openVideoPopupMain .videoPlayerPopup { padding: 60px 190px }
    .videoPlayerPopup .videoSponsor { right: 60px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 460px !important }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .lstNwsNtfy { width: 1100px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2) }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 200px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 400px) }*/
}
@media screen and (min-width:1536px) and (max-width:1599px) {
    .featuredArea.fixed { width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .featuredHintSticky.fixed{ width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}

    .media ul li { width: 320px; }
    .media ul li .item .imageCntnr { padding-bottom: calc((120px * 75) / 100); width: 120px; }
    .media .cnts { width: calc(100% - 120px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: calc(100% - 336px); }
    .openVideoPopupMain .videoPlayerPopup { padding: 50px 200px }
    .videoPlayerPopup .videoSponsor { top: 50px; right: 65px }
    .videoPlayerPopup .mainVideo { width: calc(100% - 350px); }
    .videoPlayerPopup aside { width: 350px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 430px !important; }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .lstNwsNtfy { width: 1100px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2) }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 200px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 400px) }*/
}
@media screen and (min-width:1440px) and (max-width:1535px) {
    .featuredArea.fixed { width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }

    .featuredHintSticky.fixed{ width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}

    .media ul li { width: 320px; }
    .media ul li .item .imageCntnr { padding-bottom: calc((120px * 75) / 100); width: 120px; }
    .media .cnts { width: calc(100% - 120px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: calc(100% - 336px); }
    .openVideoPopupMain .videoPlayerPopup { padding: 50px 120px }
    .videoPlayerPopup .videoSponsor { top: 50px; right: 25px }
    .videoPlayerPopup .mainVideo { width: calc(100% - 350px); }
    .videoPlayerPopup aside { width: 350px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 450px !important; }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .lstNwsNtfy { width: 1100px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2) }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 200px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 400px) }*/
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    .featuredArea.fixed { width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .featuredHintSticky.fixed{ width: 748px !important; right: calc(((100% - 1100px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}

    .media ul li { width: 320px; }
    .media ul li .item .imageCntnr { padding-bottom: calc((120px * 75) / 100); width: 120px; }
    .media .cnts { width: calc(100% - 120px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: calc(100% - 336px); }
    .openVideoPopupMain .videoPlayerPopup { padding: 50px 170px }
    .videoPlayerPopup .videoSponsor { top: 50px; right: 50px }
    .videoPlayerPopup .mainVideo { width: calc(100% - 300px); }
    .videoPlayerPopup aside { width: 300px }
    .videoPlayerPopup aside .playerList li .imageCntnr { padding-bottom: calc((100px * 67)/ 100); width: 100px }
    .videoPlayerPopup aside .playerList li .desc { width: calc(100% - 100px); padding: 2px 16px; }
    .videoPlayerPopup .mainVideo .desc { padding: 10px 16px }
    .videoPlayerPopup .mainVideo .desc p.date { font-size: 12px; margin-bottom: 0 }
    .videoPlayerPopup .mainVideo .desc p { font-size: 20px; height: 72px }
    .videoPlayerPopup .mainVideo .shareMenu { top: 10px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 370px !important }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .lstNwsNtfy { width: 1100px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2) }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 200px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 400px) }*/
}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .featuredArea.fixed { width: 648px !important; right: calc(((100% - 1000px) / 2) + 16px) }
    .featuredHintSticky.fixed{ width: 648px !important; right: calc(((100% - 1000px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}

    .media ul li { width: 370px; }
    .media ul li .item .imageCntnr { padding-bottom: calc((130px * 75) / 100); width: 130px; }
    .media .cnts { width: calc(100% - 130px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: calc(100% - 386px); }
    .media ul li:last-child { display: none }
    .media ul li:nth-of-type(5) { margin-bottom: 0 }
    .openVideoPopupMain .videoPlayerPopup { padding: 50px 120px }
    .videoPlayerPopup .videoSponsor { top: 50px; right: 25px }
    .videoPlayerPopup .mainVideo { width: calc(100% - 300px); }
    .videoPlayerPopup aside { width: 300px }
    .videoPlayerPopup aside .playerList li .imageCntnr { padding-bottom: calc((100px * 67)/ 100); width: 100px }
    .videoPlayerPopup aside .playerList li .desc { width: calc(100% - 100px); padding: 2px 16px; }
    .videoPlayerPopup .mainVideo .desc { padding: 10px 16px }
    .videoPlayerPopup .mainVideo .desc p.date { font-size: 12px; margin-bottom: 0 }
    .videoPlayerPopup .mainVideo .desc p { font-size: 20px; height: 72px }
    .videoPlayerPopup .mainVideo .shareMenu { top: 10px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 400px !important }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .prayerTimes .monthTable .prayersTable .allTimes .time { font-size: 12px }
    article .authorDtls .imageCntnr { margin: 0 calc((100% - 150px) / 2) 20px }
    article .authorDtls .articleHeader { width: 100%; text-align: center; margin-bottom: 0 }
    article .authorDtls .articleHeader h1 { font-size: 24px; text-align: center }
    article .authorDtls .articleHeader .authorName { text-align: center; width: 100% }
    article .authorDtls .articleHeader .time { width: auto; float: unset; margin: 10px auto 0 }
    article .authorDtls .articleHeader .time span:last-of-type { margin-left: 0 }
    .vasCnts .vas { width: calc((100% - 20px) / 2); }
    .vasCnts .vas:nth-child(3n) { margin-left: 20px; }
    .vasCnts .vas:nth-child(2n) { margin-left: 0; }
    .lstNwsNtfy { width: 1000px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .Quiz2022 .quiz .predHint .hintMsg h3 { font-size: 20px; }
    .Quiz2022 .quiz .predHint .hintMsg p { margin: 20px 0 30px; font-size: 12px; }
    .Quiz2022 .quiz .predHint .regBtn { width: 130px; height: 40px; display: inline-block; line-height: 2.5; font-size: 16px; }
/*    .Quiz2022 .quiz .quizSteps { padding: 50px 32px 85px }
*//*    .Quiz2022 .quiz .quizSteps .beforeContainer { width: 45px; height: 100px }
    .Quiz2022 .quiz .quizSteps .beforeContainer span { top: 25px; font-size: 40px }*/
    .surveyDiv .resultDiv .grid li { width: calc((100% - 24px) / 2) }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 24px }
    .surveyDiv .resultDiv .grid li:nth-child(2n) { margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 150px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 300px) }*/
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .featuredArea.fixed { width: 448px !important; right: calc(((100% - 800px) / 2) + 16px) }
    .featuredHintSticky.fixed{ width: 448px !important; right: calc(((100% - 800px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}

    .featuredArea ul li { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px) / 2); position: relative; border: none; overflow: hidden }
    .featuredArea ul li a img { width: 100%; height: auto; 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; }
    .featuredArea ul li:first-child a img { width: 100% }
    .featuredArea ul li:first-child { width: 100% }
    .featuredArea ul li:last-child { display: none }
    .featuredArea ul li:nth-child(2), .featuredArea ul li:last-child { margin-left: 16px }
    .featuredArea ul li:nth-child(2n + 1) { margin-left: 0 }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 0 }
    .media ul li { width: calc((100% - 16px) / 2); margin-left: 16px }
    .media ul li:nth-of-type(2n+1) { margin-left: 0 }
    .media ul li .item .imageCntnr { padding-bottom: calc((130px * 75) / 100); width: 130px; }
    .media .cnts { width: calc(100% - 130px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: 100%; margin-left: 0; margin-bottom: 16px }
    .media ul li:last-child { display: inline-block }
    .media ul li:nth-of-type(5) { margin-bottom: 0 }
    .opinions { width: 100%; margin-left: 0 }
    .crossMedia { width: calc(100% - 352px) }
    .pattern01 ul li { width: calc((100% - 48px) / 4); }
    .pattern01 ul li:nth-child(5n) { margin-left: 16px; }
    .pattern01 ul li:nth-child(4n) { margin-left: 0; }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: none }
    .pattern01 ul li:nth-last-child(-n+6) { margin-bottom: 0; }
    .waya { width: calc(100% - 320px); margin-left: 0 }
    .entrypoints { display: none }
    .ttl .moreLnks { position: relative }
    .ttl .moreLnksBtn { display: inline-block!important }
    .ttl .secMenu { background: #fff; position: absolute; top: 100%; left: 0; width: 250px; max-height: 250px; overflow-y: auto; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); z-index: 1; opacity: 0; visibility: hidden; 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; }
    .ttl .openLinksMenu .secMenu { visibility: visible; opacity: 1 }
    .ttl .secMenu li { width: 100% !important; margin-left: 0 !important; border-bottom: 1px solid #e8e8e8; padding: 6px 10px; }
    .ttl .secMenu li a { float: right }
    .pattern02 ul li { width: calc((100% - 16px) / 2); }
    .pattern02 ul li:first-child { width: 100%; margin-left: 0; margin-bottom: 16px }
    .mostRead { width: 100%; margin-left: 0 }
    .monsterDiv { margin-right: calc((100% - 620px) / 2) }
    .shiftPatternClip{height:782px}
    .elconsoltoPatternClip{height:796px}
    .shiftClipRotate { padding: 0 20px; width: 100%; border-right: 0 }
    .shiftPattern .shiftButtons ul li { margin-left: 10px; width: calc((100% - 10px) /2); }
    .shiftPattern .shiftButtons ul li a span { font-size: 12px }
    .shiftPattern .shiftContent { width: 100%; }
    .shiftPattern ul li { margin-bottom: 20px }
    .elconsoltoPattern .sides { margin-left: 20px; padding: 0 0 0 20px }
    .elconsoltoPattern .sides h2 { font-size: 18px }
    .elconsoltoPattern .sides.news { width: calc((100% - 20px) /2); }
    .elconsoltoPattern .sides.news:nth-of-type(2n) { margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.estesharat { width: calc((100% - 20px) /2); margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.calculcator { width: 100%; margin-top: 20px }
    .elconsoltoPattern .sides.news li { padding: 8px 0; }
    .elconsoltoPattern .sides.news li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .elconsoltoPattern .sides.news li .desc { width: calc(100% - 146px); }
    .elconsoltoPattern .sides.news li .desc p, .elconsoltoPattern .sides.estesharat li .sliderContent .userAsk h3 { font-size: 14px }
    .elconsoltoPattern .sides.news li .desc a.sectionTarget { right: 146px; bottom: 22px; }
    .elconsoltoPattern .sides.calculcator li { width: calc((100% - 30px) / 4); margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(2n) { margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(4n) { margin-left: 0 }
    .elconsoltoPattern .sides.calculcator li p { font-size: 11px; padding: 0 2px }
    .shiftPattern ul li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .shiftPattern ul li .desc { width: calc(100% - 146px); }
    .allMatches .item { width: calc(100% / 2) }
    .caricature li { width: calc((100% - 32px) / 3); margin-bottom: 16px }
    .caricature li:last-child { display: inline-block }
    .caricature li:nth-of-type(5) { margin-left: 16px }
    .caricature li:nth-of-type(3n) { margin-left: 0 }
    .caricature li:nth-last-of-type(-n+3) { margin-bottom: 0 }
    .openVideoPopupMain .videoPlayerPopup { padding: 50px 120px }
    .videoPlayerPopup .videoSponsor { top: 50px; right: 25px }
    .videoPlayerPopup .mainVideo { width: calc(100% - 300px); }
    .videoPlayerPopup aside { width: 300px }
    .videoPlayerPopup aside .playerList li .imageCntnr { padding-bottom: calc((100px * 67)/ 100); width: 100px }
    .videoPlayerPopup aside .playerList li .desc { width: calc(100% - 100px); padding: 2px 16px; }
    .videoPlayerPopup .mainVideo .desc { padding: 10px 16px }
    .videoPlayerPopup .mainVideo .desc p.date { font-size: 12px; margin-bottom: 0 }
    .videoPlayerPopup .mainVideo .desc p { font-size: 20px; height: 72px }
    .videoPlayerPopup .mainVideo .shareMenu { top: 10px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 100% !important }
    .catPattern01 ul li { width: calc((100% - 32px) / 3); margin-bottom: 16px }
    .catPattern01 ul li:nth-child(3n+2) { margin-left: 0 }
    .catPattern01 ul li:first-child, .catPattern01 ul li:nth-child(2) { width: calc((100% - 16px) / 2); }
    .catPattern01 ul li:nth-child(2) { margin-left: 0 }
    .catPattern01 ul li:nth-child(3) { margin-left: 16px }
    .catPattern01 ul li:nth-last-child(-n+5) { margin-bottom: 16px }
    .catPattern01 ul li:nth-last-of-type(-n+3) { margin-bottom: 0 }
    .catPattern01 ul li:nth-last-child(-n+6) .desc { position: relative; background: none; padding: 10px; }
    .catPattern01 ul li:nth-last-child(-n+6) .desc h2 { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.6; padding: 0px; height: 68px; overflow: hidden; bottom: auto; }
    .catPattern01 ul li:nth-last-child(-n+6) .item:hover .desc h2 { color: #666; }
    .catPattern01 ul li.news:nth-child(3) .item:hover a h2,
    .catPattern01 ul li.news:nth-child(3) .item:hover .desc h2 { color: #E03322 !important; }
    .catPattern01 ul li.sports:nth-child(3) .item:hover a h2,
    .catPattern01 ul li.sports:nth-child(3) .item:hover .desc h2 { color: #056818 !important; }
    .catPattern01 ul li.arts:nth-child(3) .item:hover a h2,
    .catPattern01 ul li.arts:nth-child(3) .item:hover .desc h2 { color: #A8006B !important; }
    .catPattern01 ul li.howa_w_hya:nth-child(3) .item:hover a h2,
    .catPattern01 ul li.howa_w_hya:nth-child(3) .item:hover .desc h2 { color: #7b1fa2 !important; }
    .catPattern01 ul li.autos:nth-child(3) .item:hover a h2,
    .catPattern01 ul li.autos:nth-child(3) .item:hover .desc h2 { color: #1a237e !important; }
    .catPattern01 ul li.islameyat:nth-child(3) .item:hover a h2,
    .catPattern01 ul li.islameyat:nth-child(3) .item:hover .desc h2 { color: #075C99 !important; }
    .catPattern02 ul li:first-child { width: 100%; margin-left: 0 }
    .catPattern02 ul li:nth-child(2), .catPattern02 ul li { width: calc((100% - 12px) / 2); margin-left: 12px; margin-bottom: 12px }
    .catPattern02 ul li:nth-child(2n+1) { margin-left: 0 }
    .catPattern02 ul li:nth-last-child(-n+3) { margin-bottom: 12px }
    .catPattern02 ul li:nth-last-child(-n+2) { margin-bottom: 0 }
    .catPattern02 ul li:nth-last-child(-n+4) .desc { position: relative; background: none; padding: 10px; }
    .catPattern02 ul li:nth-last-child(-n+4) .desc h2 { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.4; padding: 5px 0; height: 62px; overflow: hidden; margin-bottom: 5px; bottom: auto; }
    .catPattern02 ul li:nth-last-child(-n+4) .item:hover .desc h2 { color: #666 }
    .catPattern02 ul li.news:nth-child(2) .item:hover a h2,
    .catPattern02 ul li.news:nth-child(2) .item:hover .desc h2 { color: #E03322 !important; }
    .catPattern02 ul li.sports:nth-child(2) .item:hover a h2,
    .catPattern02 ul li.sports:nth-child(2) .item:hover .desc h2 { color: #056818 !important; }
    .catPattern02 ul li.arts:nth-child(2) .item:hover a h2,
    .catPattern02 ul li.arts:nth-child(2) .item:hover .desc h2 { color: #A8006B !important; }
    .catPattern02 ul li.howa_w_hya:nth-child(2) .item:hover a h2,
    .catPattern02 ul li.howa_w_hya:nth-child(2) .item:hover .desc h2 { color: #7b1fa2 !important; }
    .catPattern02 ul li.autos:nth-child(2) .item:hover a h2,
    .catPattern02 ul li.autos:nth-child(2) .item:hover .desc h2 { color: #1a237e !important; }
    .catPattern02 ul li.islameyat:nth-child(2) .item:hover a h2,
    .catPattern02 ul li.islameyat:nth-child(2) .item:hover .desc h2 { color: #075C99 !important; }
    .catPattern03 { width: 100%; margin-left: 0 }
    .catPattern03 ul li { width: calc((100% - 32px) / 3); margin-bottom: 16px; margin-left: 16px }
    .catPattern03 ul li a .imageCntnr { width: 100%; padding-bottom: 75% }
    .catPattern03 ul li:first-child a .imageCntnr, .catPattern03 ul li:nth-child(2) a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 75%; float: none; width: auto; margin-left: 0; }
    .catPattern03 ul li:first-child .desc, .catPattern03 ul li:nth-child(2) .desc { position: absolute; bottom: 0; right: 0; float: none; width: 100%; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
    .catPattern03 ul li:first-child .desc h2, .catPattern03 ul li:nth-child(2) .desc h2 { font-size: 18px; line-height: 1.6; margin-bottom: 0; position: absolute; bottom: 0; right: 0; font-size: 16px; color: #fff; padding: 12px; height: auto; }
    .catPattern03 ul li:nth-child(3n+2) { margin-left: 0 }
    .catPattern03 ul li:first-child, .catPattern03 ul li:nth-child(2) { width: calc((100% - 16px) / 2); }
    .catPattern03 ul li:nth-child(2) { margin-left: 0 }
    .catPattern03 ul li:nth-child(3) { margin-left: 16px }
    .catPattern03 ul li:nth-child(3),
    .catPattern03 ul li:nth-child(4),
    .catPattern03 ul li:nth-child(5) { margin-bottom: 0 }
    .catPattern03 ul li:nth-child(3) .desc,
    .catPattern03 ul li:nth-child(4) .desc,
    .catPattern03 ul li:nth-child(5) .desc { position: relative; background: none; padding: 10px; width: 100% }
    .catPattern03 ul li:nth-child(3) .desc h2,
    .catPattern03 ul li:nth-child(4) .desc h2,
    .catPattern03 ul li:nth-child(5) .desc h2 { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.6; padding: 0px; height: 68px; overflow: hidden; }
    .catPattern03 ul li:nth-child(3) .item:hover .desc h2,
    .catPattern03 ul li:nth-child(4) .item:hover .desc h2,
    .catPattern03 ul li:nth-child(5) .item:hover .desc h2 { color: #666; }
    .catPattern03 ul li:nth-child(2) .item:hover a h2,
    .catPattern03 ul li:nth-child(2) .item:hover .desc h2 { color: #fff !important }
    .cd-gallery li { width: calc((100% - 16px) / 2); }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .prayerCheckbox { margin-top: 30px; float: right }
    .prayerTimes .mainTable .prayersTable .title .name { font-size: 10px }
    .prayerTimes .mainTable .prayersTable .allTimes .time { font-size: 18px; padding: 10px 0 }
    .prayerTimes .mainTable .prayersTable .allTimes .time span { font-size: 13px }
    .prayerTimes .monthTable .prayersTable .allTimes .time { font-size: 12px }
    /*.cd-tab-filter {width: 100%;margin: 0;}
    .cd-tab-filter::after {display:inline-block}
    .cd-tab-filter ul {position: absolute;width: 100%;}
    .cd-tab-filter li {display: none;width:100%;border-left:none}
    .cd-tab-filter li.placeholder {display: block!important}
    .cd-tab-filter li.placeholder a:hover {color: #666;background:none}
    .cd-tab-filter a {display: inline-block;width: 100%;padding-right: 12px;text-align:right}
    .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;}
    .cd-tab-filter.is-open ul li {display: block}    */
    article .authorDtls .imageCntnr { margin: 0 calc((100% - 150px) / 2) 20px }
    article .authorDtls .articleHeader { width: 100%; text-align: center; margin-bottom: 0 }
    article .authorDtls .articleHeader h1 { font-size: 24px; text-align: center }
    article .authorDtls .articleHeader .authorName { text-align: center; width: 100% }
    article .authorDtls .articleHeader .time { width: auto; float: unset; margin: 10px auto 0 }
    article .authorDtls .articleHeader .time span:last-of-type { margin-left: 0 }
    .contactUsDiv .contactForms .forms .item .labelDiv { width: 100%; margin-bottom: 4px }
    .contactUsDiv .contactForms .forms .item input,
    .contactUsDiv .contactForms .forms .item textarea,
    .contactUsDiv .contactForms .forms .wrapper-demo { width: 100% !important }
    .vasCnts .vas { width: calc((100% - 20px) / 2); }
    .vasCnts .vas:nth-child(3n) { margin-left: 20px; }
    .vasCnts .vas:nth-child(2n) { margin-left: 0; }
    .lstNwsNtfy { width: 800px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .Quiz2022 .quiz .predHint { padding: 20px }
    .Quiz2022 .quiz .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .Quiz2022 .quiz .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .Quiz2022 .quiz .predHint .regBtn { width: 100%; left: 0; bottom: 20px; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px;position:relative }
    .Quiz2022 .quiz .afterLogin .welcomeHint { height: auto }
    .Quiz2022 .quiz .afterLogin .welcomeHint .yourScore { position: relative; left: auto; top: auto; transform: none; text-align: center; margin: 0 auto; }
    .Quiz2022 .quiz .quizSteps { padding: 50px 32px 85px }
    .Quiz2022 .quiz .quizSteps .beforeContainer { width: 100px; height: 100px; left: 20px }
    .Quiz2022 .quiz .quizSteps .beforeContainer:before{left:13px}
    .Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-right: 72px solid #fff;
 border-top: 72px solid transparent;border-bottom: 72px solid transparent;right: -11px;  top: -46px;}
    .Quiz2022 .quiz .quizDekor.quizSteps{padding: 90px 32px 60px 32px;}
    .Quiz2022 .quiz .quizProtID{right:32px;bottom:14px}
    .Quiz2022 .quiz .quizDekor.quizHint .dekor{    background-position: 0 0, 22px 2px, 54px 0;width:95px;height:95px;left:20px}
    .Quiz2022 .quiz .quizSteps .dekor{left:20px}
    .Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
    .Quiz2022 .quiz .quizSteps .sponserLogo p, .Quiz2022 .quiz .quizSteps .sponserLogo span{font-size:10px}
    .Quiz2022 .quiz .quizSteps .sponserLogo{bottom:6px}
    .Quiz2022 .quiz .quizSteps .sponserLogo img{width:80px}
    .Quiz2022 .quiz .quizSteps .beforeContainer span {font-size: 68px }
    .Quiz2022 .quiz .getReadyTimer p { font-size: 16px; line-height: 1.8 }
    .Quiz2022 .quiz .resultDiv p { font-size: 16px; line-height: 1.8; margin-bottom: 24px }
    .Quiz2022 .quiz .resultDiv .allStars .star { background-size: 85% }
    .surveyDiv .resultDiv .grid li { width: 100%; margin-left: 0 }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 0 }
    .currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 170px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 170px) }
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .featuredArea.fixed { width: 448px !important; right: calc(((100% - 800px) / 2) + 16px) }
     .featuredHintSticky.fixed{ width: 448px !important; right: calc(((100% - 800px) / 2) + 16px) }
    .ramadan .featuredArea.fixed{width:100%;right:unset;}

    .featuredArea ul li { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px) / 2); position: relative; border: none; overflow: hidden }
    .featuredArea ul li a img { width: 100%; height: auto; 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; }
    .featuredArea ul li:first-child a img { width: 100% }
    .featuredArea ul li:first-child { width: 100% }
    .featuredArea ul li:last-child { display: none }
    .featuredArea ul li:nth-child(2), .featuredArea ul li:last-child { margin-left: 16px }
    .featuredArea ul li:nth-child(2n + 1) { margin-left: 0 }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 0 }
    .media ul li { width: calc((100% - 16px) / 2); margin-left: 16px }
    .media ul li:nth-of-type(2n+1) { margin-left: 0 }
    .media ul li .item .imageCntnr { padding-bottom: calc((130px * 75) / 100); width: 130px; }
    .media .cnts { width: calc(100% - 130px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: 100%; margin-left: 0; margin-bottom: 16px }
    .media ul li:last-child { display: inline-block }
    .media ul li:nth-of-type(5) { margin-bottom: 0 }
    .opinions { width: 100%; margin-left: 0 }
    .crossMedia { width: calc(100% - 352px) }
    .pattern01 ul li { width: calc((100% - 48px) / 4); }
    .pattern01 ul li:nth-child(5n) { margin-left: 16px; }
    .pattern01 ul li:nth-child(4n) { margin-left: 0; }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: none }
    .pattern01 ul li:nth-last-child(-n+6) { margin-bottom: 0; }
    .waya { width: calc(100% - 320px); margin-left: 0 }
    .entrypoints { display: none }
    .ttl .moreLnks { position: relative }
    .ttl .moreLnksBtn { display: inline-block!important }
    .ttl .secMenu { background: #fff; position: absolute; top: 100%; left: 0; width: 250px; max-height: 250px; overflow-y: auto; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); z-index: 1; opacity: 0; visibility: hidden; 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; }
    .ttl .openLinksMenu .secMenu { visibility: visible; opacity: 1 }
    .ttl .secMenu li { width: 100% !important; margin-left: 0 !important; border-bottom: 1px solid #e8e8e8; padding: 6px 10px; }
    .ttl .secMenu li a { float: right }
    .pattern02 ul li { width: calc((100% - 16px) / 2); }
    .pattern02 ul li:first-child { width: 100%; margin-left: 0; margin-bottom: 16px }
    .mostRead { width: 100%; margin-left: 0 }
    .monsterDiv { margin-right: calc((100% - 620px) / 2) }
    .shiftPatternClip{height:782px}
    .elconsoltoPatternClip{height:796px}
    .shiftClipRotate { padding: 0 20px; width: 100%; border-right: 0 }
    .shiftPattern .shiftButtons ul li { margin-left: 10px; width: calc((100% - 10px) /2); }
    .shiftPattern .shiftButtons ul li a span { font-size: 12px }
    .shiftPattern .shiftContent { width: 100%; }

    .shiftPattern ul li { margin-bottom: 20px }
    .elconsoltoPattern .sides { margin-left: 20px; padding: 0 0 0 20px }
    .elconsoltoPattern .sides h2 { font-size: 18px }
    .elconsoltoPattern .sides.news { width: calc((100% - 20px) /2); }
    .elconsoltoPattern .sides.news:nth-of-type(2n) { margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.estesharat { width: calc((100% - 20px) /2); margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.calculcator { width: 100%; margin-top: 20px }
    .elconsoltoPattern .sides.news li { padding: 8px 0; }
    .elconsoltoPattern .sides.news li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .elconsoltoPattern .sides.news li .desc { width: calc(100% - 146px); }
    .elconsoltoPattern .sides.news li .desc p, .elconsoltoPattern .sides.estesharat li .sliderContent .userAsk h3 { font-size: 14px }
    .elconsoltoPattern .sides.news li .desc a.sectionTarget { right: 146px; bottom: 22px; }
    .elconsoltoPattern .sides.calculcator li { width: calc((100% - 30px) / 4); margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(2n) { margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(4n) { margin-left: 0 }
    .elconsoltoPattern .sides.calculcator li p { font-size: 11px; padding: 0 2px }
    .shiftPattern ul li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .shiftPattern ul li .desc { width: calc(100% - 146px); }
    .allMatches .item { width: calc(100% / 2) }
    .caricature li { width: calc((100% - 32px) / 3); margin-bottom: 16px }
    .caricature li:last-child { display: inline-block }
    .caricature li:nth-of-type(5) { margin-left: 16px }
    .caricature li:nth-of-type(3n) { margin-left: 0 }
    .caricature li:nth-last-of-type(-n+3) { margin-bottom: 0 }
    .openVideoPopupMain .videoPlayerPopup { padding: 70px 100px }
    .videoPlayerPopup .videoSponsor { top: 70px; right: 20px }
    .videoPlayerPopup .videoSponsor img { height: 50px }
    .videoPlayerPopup .mainVideo { width: calc(100% - 250px); padding-left: 20px; }
    .videoPlayerPopup aside { width: 250px }
    .videoPlayerPopup aside .playerList li .imageCntnr { padding-bottom: calc((90px * 67)/ 100); width: 90px }
    .videoPlayerPopup aside .playerList li .desc { width: calc(100% - 90px); padding: 0 10px; }
    .videoPlayerPopup aside .playerList li .desc p { font-size: 12px; max-height: 38px; }
    .videoPlayerPopup aside .playerList li .desc p.date { font-size: 10px }
    .videoPlayerPopup .mainVideo .desc { padding: 10px 16px }
    .videoPlayerPopup .mainVideo .desc p.date { font-size: 12px; margin-bottom: 0 }
    .videoPlayerPopup .mainVideo .desc p { font-size: 20px; height: 72px }
    .videoPlayerPopup .mainVideo .shareMenu { top: 10px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 100% !important }
    .catPattern01 ul li { width: calc((100% - 32px) / 3); margin-bottom: 16px }
    .catPattern01 ul li:nth-child(3n+2) { margin-left: 0 }
    .catPattern01 ul li:first-child, .catPattern01 ul li:nth-child(2) { width: calc((100% - 16px) / 2); }
    .catPattern01 ul li:nth-child(2) { margin-left: 0 }
    .catPattern01 ul li:nth-child(3) { margin-left: 16px }
    .catPattern01 ul li:nth-last-child(-n+5) { margin-bottom: 16px }
    .catPattern01 ul li:nth-last-of-type(-n+3) { margin-bottom: 0 }
    .catPattern01 ul li:nth-last-child(-n+6) .desc { position: relative; background: none; padding: 10px; }
    .catPattern01 ul li:nth-last-child(-n+6) .desc p { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.6; padding: 0px; height: 68px; overflow: hidden; bottom: auto }
    .catPattern01 ul li:nth-last-child(-n+6) .item:hover .desc p { color: #666; }
    .catPattern01 ul li.news:nth-child(3) .item:hover a p,
    .catPattern01 ul li.news:nth-child(3) .item:hover .desc p { color: #E03322 !important; }
    .catPattern01 ul li.sports:nth-child(3) .item:hover a p,
    .catPattern01 ul li.sports:nth-child(3) .item:hover .desc p { color: #056818 !important; }
    .catPattern01 ul li.arts:nth-child(3) .item:hover a p,
    .catPattern01 ul li.arts:nth-child(3) .item:hover .desc p { color: #A8006B !important; }
    .catPattern01 ul li.howa_w_hya:nth-child(3) .item:hover a p,
    .catPattern01 ul li.howa_w_hya:nth-child(3) .item:hover .desc p { color: #7b1fa2 !important; }
    .catPattern01 ul li.autos:nth-child(3) .item:hover a p,
    .catPattern01 ul li.autos:nth-child(3) .item:hover .desc p { color: #1a237e !important; }
    .catPattern01 ul li.islameyat:nth-child(3) .item:hover a p,
    .catPattern01 ul li.islameyat:nth-child(3) .item:hover .desc p { color: #075C99 !important; }
    .catPattern02 ul li:first-child { width: 100%; margin-left: 0 }
    .catPattern02 ul li:nth-child(2), .catPattern02 ul li { width: calc((100% - 12px) / 2); margin-left: 12px; margin-bottom: 12px }
    .catPattern02 ul li:nth-child(2n+1) { margin-left: 0 }
    .catPattern02 ul li:nth-last-child(-n+3) { margin-bottom: 12px }
    .catPattern02 ul li:nth-last-child(-n+2) { margin-bottom: 0 }
    .catPattern02 ul li:nth-last-child(-n+4) .desc { position: relative; background: none; padding: 10px; }
    .catPattern02 ul li:nth-last-child(-n+4) .desc p { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.4; padding: 5px 0; height: 62px; overflow: hidden; margin-bottom: 5px; bottom: auto }
    .catPattern02 ul li:nth-last-child(-n+4) .item:hover .desc p { color: #666 }
    .catPattern02 ul li.news:nth-child(2) .item:hover a p,
    .catPattern02 ul li.news:nth-child(2) .item:hover .desc p { color: #E03322 !important; }
    .catPattern02 ul li.sports:nth-child(2) .item:hover a p,
    .catPattern02 ul li.sports:nth-child(2) .item:hover .desc p { color: #056818 !important; }
    .catPattern02 ul li.arts:nth-child(2) .item:hover a p,
    .catPattern02 ul li.arts:nth-child(2) .item:hover .desc p { color: #A8006B !important; }
    .catPattern02 ul li.howa_w_hya:nth-child(2) .item:hover a p,
    .catPattern02 ul li.howa_w_hya:nth-child(2) .item:hover .desc p { color: #7b1fa2 !important; }
    .catPattern02 ul li.autos:nth-child(2) .item:hover a p,
    .catPattern02 ul li.autos:nth-child(2) .item:hover .desc p { color: #1a237e !important; }
    .catPattern02 ul li.islameyat:nth-child(2) .item:hover a p,
    .catPattern02 ul li.islameyat:nth-child(2) .item:hover .desc p { color: #075C99 !important; }
    .catPattern03 { width: 100%; margin-left: 0 }
    .catPattern03 ul li { width: calc((100% - 32px) / 3); margin-bottom: 16px; margin-left: 16px }
    .catPattern03 ul li a .imageCntnr { width: 100%; padding-bottom: 75% }
    .catPattern03 ul li:first-child a .imageCntnr, .catPattern03 ul li:nth-child(2) a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 75%; float: none; width: auto; margin-left: 0; }
    .catPattern03 ul li:first-child .desc, .catPattern03 ul li:nth-child(2) .desc { position: absolute; bottom: 0; right: 0; float: none; width: 100%; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); }
    .catPattern03 ul li:first-child .desc p, .catPattern03 ul li:nth-child(2) .desc p { font-size: 18px; line-height: 1.6; margin-bottom: 0; position: absolute; bottom: 0; right: 0; font-size: 16px; color: #fff; padding: 12px; height: auto; }
    .catPattern03 ul li:nth-child(3n+2) { margin-left: 0 }
    .catPattern03 ul li:first-child, .catPattern03 ul li:nth-child(2) { width: calc((100% - 16px) / 2); }
    .catPattern03 ul li:nth-child(2) { margin-left: 0 }
    .catPattern03 ul li:nth-child(3) { margin-left: 16px }
    .catPattern03 ul li:nth-child(3),
    .catPattern03 ul li:nth-child(4),
    .catPattern03 ul li:nth-child(5) { margin-bottom: 0 }
    .catPattern03 ul li:nth-child(3) .desc,
    .catPattern03 ul li:nth-child(4) .desc,
    .catPattern03 ul li:nth-child(5) .desc { position: relative; background: none; padding: 10px; width: 100% }
    .catPattern03 ul li:nth-child(3) .desc p,
    .catPattern03 ul li:nth-child(4) .desc p,
    .catPattern03 ul li:nth-child(5) .desc p { position: relative; color: #1d1d1d; font-size: 14px; line-height: 1.6; padding: 0px; height: 68px; overflow: hidden; }
    .catPattern03 ul li:nth-child(3) .item:hover .desc p,
    .catPattern03 ul li:nth-child(4) .item:hover .desc p,
    .catPattern03 ul li:nth-child(5) .item:hover .desc p { color: #666; }
    .catPattern03 ul li:nth-child(2) .item:hover a p,
    .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 }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .prayerCheckbox { margin-top: 30px; float: right }
    .prayerTimes .mainTable .prayersTable .title .name { font-size: 10px }
    .prayerTimes .mainTable .prayersTable .allTimes .time { font-size: 18px; padding: 10px 0 }
    .prayerTimes .mainTable .prayersTable .allTimes .time span { font-size: 13px }
    .prayerTimes .monthTable .prayersTable .allTimes .time { font-size: 12px }
    /*.cd-tab-filter {width: 100%;margin: 0;}
    .cd-tab-filter::after {display:inline-block}
    .cd-tab-filter ul {position: absolute;width: 100%;}
    .cd-tab-filter li {display: none;width:100%;border-left:none}
    .cd-tab-filter li.placeholder {display: block!important}
    .cd-tab-filter li.placeholder a:hover {color: #666;background:none}
    .cd-tab-filter a {display: inline-block;width: 100%;padding-right: 12px;text-align:right}
    .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;}
    .cd-tab-filter.is-open ul li {display: block}  */
    article .authorDtls .imageCntnr { margin: 0 calc((100% - 150px) / 2) 20px }
    article .authorDtls .articleHeader { width: 100%; text-align: center; margin-bottom: 0 }
    article .authorDtls .articleHeader h1 { font-size: 24px; text-align: center }
    article .authorDtls .articleHeader .authorName { text-align: center; width: 100% }
    article .authorDtls .articleHeader .time { width: auto; float: unset; margin: 10px auto 0 }
    article .authorDtls .articleHeader .time span:last-of-type { margin-left: 0 }
    .contactUsDiv .contactForms .forms .item .labelDiv { width: 100%; margin-bottom: 4px }
    .contactUsDiv .contactForms .forms .item input,
    .contactUsDiv .contactForms .forms .item textarea,
    .contactUsDiv .contactForms .forms .wrapper-demo { width: 100% !important }
    .vasCnts .vas { width: calc((100% - 20px) / 2); }
    .vasCnts .vas:nth-child(3n) { margin-left: 20px; }
    .vasCnts .vas:nth-child(2n) { margin-left: 0; }
    .lstNwsNtfy { width: 800px }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .Quiz2022 .quiz .predHint { padding: 20px }
    .Quiz2022 .quiz .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .Quiz2022 .quiz .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .Quiz2022 .quiz .predHint .regBtn { bottom: 20px; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px;position:relative }
      .Quiz2022 .quiz .quizSteps { padding: 50px 32px 85px }
    .Quiz2022 .quiz .quizSteps .beforeContainer { width: 100px; height: 100px; left: 20px }
    .Quiz2022 .quiz .quizSteps .beforeContainer:before{left:13px}
    .Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before{border-right: 72px solid #fff;
    border-top: 72px solid transparent;
    border-bottom: 72px solid transparent;right: -11px;
    top: -46px;}
    .Quiz2022 .quiz .quizDekor.quizSteps{padding: 90px 32px 60px 32px;}
    .Quiz2022 .quiz .quizProtID{right:32px;bottom:14px}
    .Quiz2022 .quiz .quizDekor.quizHint .dekor{    background-position: 0 0, 22px 2px, 54px 0;width:95px;height:95px;left:20px}
    .Quiz2022 .quiz .quizSteps .dekor{left:20px}
    .Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
    .Quiz2022 .quiz .quizSteps .sponserLogo p, .Quiz2022 .quiz .quizSteps .sponserLogo span{font-size:10px}
    .Quiz2022 .quiz .quizSteps .sponserLogo{bottom:6px}
    .Quiz2022 .quiz .quizSteps .sponserLogo img{width:80px}
    .Quiz2022 .quiz .quizSteps .beforeContainer span {font-size: 68px }
    .Quiz2022 .quiz .getReadyTimer p { font-size: 16px; line-height: 1.8 }
    .Quiz2022 .quiz .resultDiv p { font-size: 16px; line-height: 1.8; margin-bottom: 24px }
    .Quiz2022 .quiz .resultDiv .allStars .star { background-size: 85% }
    .Quiz2022 .quiz .afterLogin .welcomeHint { height: auto }
    .Quiz2022 .quiz .afterLogin .welcomeHint .yourScore { position: relative; left: auto; top: auto; transform: none; text-align: center; margin: 0 auto; }
    .surveyDiv .resultDiv .grid li { width: 100%; margin-left: 0 }
    .surveyDiv .resultDiv .grid li:nth-child(3n) { margin-left: 0 }
    .currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 170px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 170px) }
}
@media only screen and (max-width: 1023px) {
    .sponsorStickyOpen .container { margin-top: 50px; }
    .featuredArea, .featuredHintSticky { width: 100%; margin-left: 0 }
    .featuredHintSticky{margin-bottom:40px}
    /*.featuredArea.fixed{width:448px!important;right:calc(((100% - 800px) / 2) + 16px)}*/
    .featuredArea ul li { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px) / 2); position: relative; border: none; overflow: hidden }
    .featuredArea ul li a img { width: 100%; height: auto; 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; }
    .featuredArea ul li:first-child a img { width: 100% }
    .featuredArea ul li:first-child { width: 100% }
    .featuredArea ul li:last-child { display: none }
    .featuredArea ul li:nth-child(2), .featuredArea ul li:last-child { margin-left: 16px }
    .featuredArea ul li:nth-child(2n + 1) { margin-left: 0 }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 0 }
    .leftSide { width: 100% }
    .secondSC { margin: 0 }
    .media ul li { width: calc((100% - 16px) / 2); margin-left: 16px }
    .media ul li:nth-of-type(2n+1) { margin-left: 0 }
    .media ul li .item .imageCntnr { padding-bottom: calc((142px * 56.25) / 100); width: 130px; }
    .media .cnts { width: calc(100% - 130px); }
    .media .desc { padding: 6px 10px }
    .media ul li:first-child { width: 100%; margin-left: 0; margin-bottom: 16px }
    .media ul li:last-child { display: inline-block }
    .media ul li:nth-last-of-type(-n+2) { margin-bottom: 0 }
    .opinions { width: 100%; margin-left: 0 }
    .crossMedia { width: calc(100% - 352px) }
    .pattern01 ul li { width: calc((100% - 48px) / 4); }
    .pattern01 ul li:nth-child(5n) { margin-left: 16px; }
    .pattern01 ul li:nth-child(4n) { margin-left: 0; }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: none }
    .pattern01 ul li:nth-last-child(-n+6) { margin-bottom: 0; }
    .waya { width: calc(100% - 320px); margin-left: 0 }
    .entrypoints { display: none }
    .ttl .moreLnks { position: relative }
    .ttl .moreLnksBtn { display: inline-block!important}
    .ttl .secMenu { background: #fff; position: absolute; top: 100%; left: 0; width: 250px; max-height: 250px; overflow-y: auto; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); z-index: 1; opacity: 0; visibility: hidden; 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; }
    .ttl .openLinksMenu .secMenu { visibility: visible; opacity: 1 }
    .ttl .secMenu li { width: 100% !important; margin-left: 0 !important; border-bottom: 1px solid #e8e8e8; padding: 6px 10px; }
    .ttl .secMenu li a { float: right }
    .pattern02 ul li { width: calc((100% - 16px) / 2); }
    .pattern02 ul li:first-child { width: 100%; margin-left: 0; margin-bottom: 16px }
    .mostRead { width: 100%; margin-left: 0 }
    .monsterDiv { margin-right: calc((100% - 620px) / 2) }
    .shiftPatternClip{height:782px}
    .elconsoltoPatternClip{height:796px}
    .shiftClipRotate { padding: 0 20px; width: 100%; border-right: 0 }
    .shiftPattern .shiftButtons ul li { margin-left: 10px;width: calc((100% - 10px) /2);}
    .shiftPattern .shiftButtons ul li a span { font-size: 11px }
    .shiftPattern .shiftContent { width: 100%; }
    .shiftPattern ul li { margin-bottom: 20px }
    .elconsoltoPattern .sides { margin-left: 20px; padding: 0 0 0 20px }
    .elconsoltoPattern .sides h2 { font-size: 18px }
    .elconsoltoPattern .sides.news { width: calc((100% - 20px) /2); }
    .elconsoltoPattern .sides.news:nth-of-type(2n) { margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.estesharat { width: calc((100% - 20px) /2); margin-left: 0; border-left: 0 }
    .elconsoltoPattern .sides.calculcator { width: 100%; margin-top: 20px }
    .elconsoltoPattern .sides.news li { padding: 8px 0; }
    .elconsoltoPattern .sides.news li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .elconsoltoPattern .sides.news li .desc { width: calc(100% - 146px); }
    .elconsoltoPattern .sides.news li .desc p, .elconsoltoPattern .sides.estesharat li .sliderContent .userAsk h3 { font-size: 14px }
    .elconsoltoPattern .sides.news li .desc a.sectionTarget { right: 146px; bottom: 22px; }
    .elconsoltoPattern .sides.calculcator li { width: calc((100% - 30px) / 4); margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(2n) { margin-left: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(4n) { margin-left: 0 }
    .elconsoltoPattern .sides.calculcator li p { font-size: 11px; padding: 0 2px }
    .shiftPattern ul li .imageCntnr { width: 130px; padding-bottom: calc((130px * 66.6) /100); margin-left: 16px; }
    .shiftPattern ul li .desc { width: calc(100% - 146px); }
    .allMatches .item { width: calc(100% / 2) }
    .caricature li { width: calc((100% - 32px) / 3); margin-bottom: 16px }
    .caricature li:last-child { display: inline-block }
    .caricature li:nth-of-type(5) { margin-left: 16px }
    .caricature li:nth-of-type(3n) { margin-left: 0 }
    .caricature li:nth-last-of-type(-n+3) { margin-bottom: 0 }
    .openVideoPopupMain .videoPlayerPopup { padding: 0 }
    .openVideoPopupMain .videoPlayerContainer { padding: 100px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: flex-start; overflow-y: auto; width: auto; height: 100%; color: #fff; }
    .videoPlayerPopup .videoSponsor { top: 0; right: 0; padding: 20px 10px; background: #1a3f80; z-index: 2; border-bottom-left-radius: 6px }
    .videoPlayerPopup .videoSponsor img { height: 40px }
    .videoPlayerPopup .closeVideoPopup { top: 10px; left: 30px }
    .videoPlayerPopup .playerPopupCntnr { display: inline-block }
    .videoPlayerPopup .mainVideo { width: 100%; padding-left: 0; margin-bottom: 50px; }
    .videoPlayerPopup aside { width: 100%; border-radius: 0 }
    .videoPlayerPopup aside .playerList { width: 100%; height: 100% }
    .videoPlayerPopup aside .playerList li .imageCntnr { padding-bottom: calc((150px * 67)/ 100); width: 150px }
    .videoPlayerPopup aside .playerList li .desc { width: calc(100% - 150px); padding: 0 10px; }
    .videoPlayerPopup aside .playerList li .desc p { font-size: 13px; max-height: 42px; }
    .videoPlayerPopup aside .playerList li .desc p.date { font-size: 10px }
    .videoPlayerPopup .mainVideo .desc { padding: 10px 16px }
    .videoPlayerPopup .mainVideo .desc p.date { font-size: 12px; margin-bottom: 0 }
    .videoPlayerPopup .mainVideo .desc p { font-size: 20px; height: auto }
    .videoPlayerPopup .mainVideo .shareMenu { top: 10px; left: 10px }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 450px !important; }
    .cd-articles article,
    .article.cd-gallery .infiniteListing li { padding: 30px 50px }
    .lstNwsNtfy,
    .stickySeries{ width: 100% }
    .catPattern01 ul li.news:nth-child(2) .item:hover a p,
    .catPattern01 ul li.news:nth-child(2) .item:hover .desc p,
    .catPattern01 ul li.news:nth-child(3) .item:hover a p,
    .catPattern01 ul li.news:nth-child(3) .item:hover .desc p { color: #E03322 !important; }
    .catPattern01 ul li.sports:nth-child(2) .item:hover a p,
    .catPattern01 ul li.sports:nth-child(2) .item:hover .desc p,
    .catPattern01 ul li.sports:nth-child(3) .item:hover a p,
    .catPattern01 ul li.sports:nth-child(3) .item:hover .desc p { color: #056818 !important; }
    .catPattern01 ul li.arts:nth-child(2) .item:hover a p,
    .catPattern01 ul li.arts:nth-child(2) .item:hover .desc p,
    .catPattern01 ul li.arts:nth-child(3) .item:hover a p,
    .catPattern01 ul li.arts:nth-child(3) .item:hover .desc p { color: #A8006B !important; }
    .catPattern01 ul li.howa_w_hya:nth-child(2) .item:hover a p,
    .catPattern01 ul li.howa_w_hya:nth-child(2) .item:hover .desc p,
    .catPattern01 ul li.howa_w_hya:nth-child(3) .item:hover a p,
    .catPattern01 ul li.howa_w_hya:nth-child(3) .item:hover .desc p { color: #7b1fa2 !important; }
    .catPattern01 ul li.autos:nth-child(2) .item:hover a p,
    .catPattern01 ul li.autos:nth-child(2) .item:hover .desc p,
    .catPattern01 ul li.autos:nth-child(3) .item:hover a p,
    .catPattern01 ul li.autos:nth-child(3) .item:hover .desc p { color: #1a237e !important; }
    .catPattern01 ul li.islameyat:nth-child(2) .item:hover a p,
    .catPattern01 ul li.islameyat:nth-child(2) .item:hover .desc p,
    .catPattern01 ul li.islameyat:nth-child(3) .item:hover a p,
    .catPattern01 ul li.islameyat:nth-child(3) .item:hover .desc p { color: #075C99 !important; }
    /********************/
    .catPattern02 ul li.news:nth-child(2) .item:hover a p,
    .catPattern02 ul li.news:nth-child(2) .item:hover .desc p,
    .catPattern02 ul li.news:nth-child(3) .item:hover a p,
    .catPattern02 ul li.news:nth-child(3) .item:hover .desc p { color: #E03322 !important; }
    .catPattern02 ul li.sports:nth-child(2) .item:hover a p,
    .catPattern02 ul li.sports:nth-child(2) .item:hover .desc p,
    .catPattern02 ul li.sports:nth-child(3) .item:hover a p,
    .catPattern02 ul li.sports:nth-child(3) .item:hover .desc p { color: #056818 !important; }
    .catPattern02 ul li.arts:nth-child(2) .item:hover a p,
    .catPattern02 ul li.arts:nth-child(2) .item:hover .desc p,
    .catPattern02 ul li.arts:nth-child(3) .item:hover a p,
    .catPattern02 ul li.arts:nth-child(3) .item:hover .desc p { color: #A8006B !important; }
    .catPattern02 ul li.howa_w_hya:nth-child(2) .item:hover a p,
    .catPattern02 ul li.howa_w_hya:nth-child(2) .item:hover .desc p,
    .catPattern02 ul li.howa_w_hya:nth-child(3) .item:hover a p,
    .catPattern02 ul li.howa_w_hya:nth-child(3) .item:hover .desc p { color: #7b1fa2 !important; }
    .catPattern02 ul li.autos:nth-child(2) .item:hover a p,
    .catPattern02 ul li.autos:nth-child(2) .item:hover .desc p,
    .catPattern02 ul li.autos:nth-child(3) .item:hover a p,
    .catPattern02 ul li.autos:nth-child(3) .item:hover .desc p { color: #1a237e !important; }
    .catPattern02 ul li.islameyat:nth-child(2) .item:hover a p,
    .catPattern02 ul li.islameyat:nth-child(2) .item:hover .desc p,
    .catPattern02 ul li.islameyat:nth-child(3) .item:hover a p,
    .catPattern02 ul li.islameyat:nth-child(3) .item:hover .desc p { color: #075C99 !important; }
    .cd-tab-filter a { height: 34px; padding: 0 24px; line-height: 34px; font-size: 12px }
    .Quiz2022 .quiz { width: 100%; margin-left: 0 }
    /*.currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 150px; }
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 300px) }*/
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    section { margin-bottom: 40px }
    .ttl h3, .ttl h1, .ttl h2,
    .searchResult.wzTag .ttl p,
    .newsPointer .ttl h4 { font-size: 16px }
    .searchResult.wzTag .ttl p { width: 138px; padding: 0 18px 0 8px }
    /*.searchResult.wzTag .ttl h1{max-width: calc(100% - 138px);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}*/
    .featuredSC .showcaseDiv { margin-bottom: 16px;}
    .speakol .ttl span,
    article .details .pattern01 .ttl h4 { font-size: 16px }
    .featuredArea { padding: 10px 10px 0 }
    .featuredArea .allItems { padding: 10px 0 }
    /*.featuredArea ul { margin-bottom: 40px }*/
    .featuredArea ul li { margin-left: 0; width: 100%; margin-bottom: 16px; overflow: visible; background: #fff; border: 1px solid #e8e8e8 }

    .featuredArea .desc { width: calc(100% - 120px);pointer-events:visible; height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: 0; right: 0; background: none; padding: 0 10px; display: inline-block; float: right; }
    .featuredArea .desc .details { position: relative; bottom: auto; right: auto; display: inline-block; float: right }
    .featuredArea .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; max-height: 38px;min-height:20px; overflow: hidden; padding: 0; font-size: 12px;position: relative; bottom: 0; right: 0; -webkit-line-clamp: 2; }
    
    .featuredArea ul li:nth-last-child(-n+5) .item:hover .desc h2 { color: #666 }


    .featuredArea ul li:first-child .desc{width: 100%;height: 50%;position: absolute;pointer-events:none;bottom: 0;right: 0;background: linear-gradient(270deg,rgba(0,0,0,0),#000000);
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000);
    background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000);
    background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000);
    background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0);
}


    .featuredArea ul li:first-child .desc h2 { font-size: 16px; line-height: 1.6;min-height:26px;color: #fff;max-height:51px }
    .featuredArea ul li:first-child:after, .featuredArea ul li:last-child:after { display: none }
    .featuredArea ul li .link .imageCntnr { position: relative; width: 120px; overflow: hidden; padding-bottom: calc((120px * 56.25) / 100); float: right; }
    .featuredArea ul li:first-child .link .imageCntnr { padding-bottom: 56.25% }
    .featuredArea ul li:first-child .link .imageCntnr { width: 100%; }
    .featuredArea ul li:first-child { width: 100% }
    .featuredArea ul li:nth-child(2), .featuredArea ul li:nth-child(3) { width: 100% }
    .featuredArea ul li:nth-child(3), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-left: 0 }
        .featuredArea ul li.featuredSCMob { background:none;border:none;margin-left:0;height:266px}

    .featuredArea ul li:first-child { margin-bottom: 16px }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5) { margin-bottom: 16px }
    .featuredArea ul li:last-child { display: block }
    
    .featuredArea ul li span { margin-right: 0; margin-top: 2px;margin-bottom: 2px }
    .featuredArea ul li:first-child span { margin-right: 0; margin-top: 0;margin-bottom: 6px }
    .featuredArea ul li:nth-last-child(-n+5) .secName { background: none !important; padding: 0; font-weight: bold; font-size: 11px; }

    
    .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 }
    .leftWeather{width: calc(100% - 20px);top: 0 !important;margin: 0 10px 40px;}
    article .leftWeather{margin:0 0 40px;width:100%}
    .infoClips { padding: 0 10px }
    article .infoClips { padding: 0; }
    article .waya, article .infoClips.inner .waya { width: 100%; margin: 0 }
    .crossMedia { width: 100%; height: auto }
    .crossMedia ul li .item .imageCntnr { padding-bottom: calc((110px * 56.25) / 100); width: 110px; }
    .crossMedia .allItems li .cnts { width: calc(100% - 110px); padding-right: 10px; }
    .crossMedia .allItems li .desc h2 { font-size: 12px; height: auto; -webkit-line-clamp: 2; }
    .crossMedia .allItems li .secName { font-size: 11px; margin-bottom: 2px }
    .masrawyTV { width: 100%; height: auto }
    .masrawyTV ul li { margin-bottom: 0 !important }
    .corona .item { width: calc((100% - 20px) / 3); margin-left: 10px }
    .corona .item p { font-size: 11px }
    .corona .item p.number { font-size: 28px }
    .entrypoints { margin: 0 calc((100% - 300px) / 2) 40px }
    .secondSC { margin: 0 calc((100% - 300px) / 2) 40px }
    .pattern01 { padding: 0 10px }
    .pattern01 ul li { width: 100%; margin-left: 0; margin-bottom: 16px !important }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: inline-block; }
    .pattern01 ul li:last-of-type { margin-bottom: 0px !important }
    .pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img) { width: auto; height: 100% }
    .pattern01 ul li .nativeFrameMob { display: inline-block; float: right; width: 100% }
    .pattern01 ul li .nativeFrameMob > div { display: inline-block; float: right; width: 100% }
    .pattern01 ul li .nativeFrameMob iframe { height: 90px }
    .pattern01 ul li .item .imageCntnr { width: 120px; padding-bottom: calc((120px * 56.25) / 100); }
    .pattern01 ul li .desc { width: calc(100% - 120px); display: inline-block; float: right; }
    .pattern01 ul li .secName { top: 2px; font-size: 11px }
    .pattern01 ul li .desc h2 { line-height: 1.6; height: auto; overflow: hidden; font-size: 12px; margin: 26px 0 0; -webkit-line-clamp: 2; }
    .paginationDiv .pattern01 ul li { width: 100%; margin-left: 0 !important; margin-bottom: 16px !important }
    article .details .pattern01 ul li .item .imageCntnr { width: 120px; padding-bottom: calc((120px * 56.25) / 100); }
    article .details .pattern01 ul li .desc { width: calc(100% - 120px); }
    article .details .pattern01 ul li .secName { right: 130px; font-size: 11px; }
    article .details .pattern01 ul li h3 { height: auto !important; font-size: 12px !important }
    .waya, .infoClips.inner .waya { width: calc(100% - 20px); margin: 0 10px 40px; height: 350px !important; border: 1px solid #e8e8e8 }
    .waya .content ul { height: 300px }
    .pattern02 { padding: 0 10px }
    .masrawyTV { padding: 10px }
    .pattern02 .allItems { padding: 10px 0 0 }
    .pattern02 ul li { margin-left: 0; width: 100%; margin-bottom: 16px; overflow: visible; background: #fff; border: 1px solid #e8e8e8 }
    .pattern02 ul li:first-child .desc h2 { height: auto; font-size: 16px; line-height: 1.6 }
    .pattern02 ul li .item .imageCntnr { position: relative; width: 120px; overflow: hidden; padding-bottom: calc((120px * 56.25) / 100); float: right }
    .pattern02 ul li:first-child .item .imageCntnr { width: 100%; padding-bottom: 56.25% }
    .pattern02 ul li:first-child { width: 100% }
    .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(3) { width: 100% }
    .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(5), .pattern02 ul li:last-child { margin-left: 0 }
    .pattern02 ul li:first-child { margin-bottom: 16px }
    .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(4) { margin-bottom: 16px }
    .pattern02 ul li:last-child { display: block }
    .pattern02 ul li:nth-last-child(-n+4) .desc { width: calc(100% - 120px); height: auto; overflow: hidden; cursor: pointer; position: relative; bottom: 0; right: 0; background: none; padding: 0 10px; display: inline-block; float: right; }
    .pattern02 ul li:nth-last-child(-n+4) .desc .details { position: relative; bottom: auto; right: auto; display: inline-block; float: right }
    .pattern02 ul li:nth-last-child(-n+4) .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; max-height: 62px; overflow: hidden; padding: 0; font-size: 12px;  position: relative; bottom: 0; right: 0; -webkit-line-clamp: 2; }
    .pattern02.ramadan ul li:nth-last-child(-n+4) .desc h2 { color: #fff; }
    .pattern02 ul li .desc span { margin-right: 0; margin-top: 2px;line-height: 20px;}
    .pattern02 ul li .item:hover a h2, .pattern02 ul li .item:hover .desc h2 {color: inherit !important;}
    .pattern02 ul li:nth-last-child(-n+4) .desc{pointer-events:visible}
    .pattern02 ul li:first-child .desc span { margin-right: 10px; margin-top: 0 }
    .pattern02 ul li:nth-last-child(-n+4) .secName { background: none !important; padding: 0; font-family: DroidKufiBold, Arial; font-size: 11px; margin-bottom: 2px }
    .mostRead { width: calc(100% - 20px); margin: 0 10px 40px; height: auto }
    .mostRead ul li .item .imageCntnr { padding-bottom: calc((110px * 56.25) / 100); width: 110px; }
    .mostRead .allItems li .cnts { width: calc(100% - 110px); padding-right: 10px; }
    .mostRead .allItems li .desc h2 { font-size: 12px; height: auto; -webkit-line-clamp: 2; }
    .mostRead .allItems li:last-child { margin-bottom: 0 }
    .mostRead .allItems li .secName { font-size: 11px; margin-bottom: 2px }
    .leftDtlsSc .dtlsSc .shiftArtclPattern { margin-bottom: 0px; }
    .leftDtlsSc .shiftPattern { width: 100%; margin-left: 0px; margin-right: 0px; }
    .shiftPattern { background: #000; width: calc(100% - 20px); margin: 0 10px 40px }
    .shiftPattern .shiftHeader { padding: 0 10px; height: 45px }
    .shiftPattern.ramadanSec:after{width: 50px;height:80px;background-size: auto 100%;}
    .shiftPattern .shiftHeader a { padding: 0; width: 85px }
    .shiftPattern .shiftHeader a img { width: 85px }
    .shiftPattern .shiftContent { width: 100%; margin: 0; padding: 10px }
    .shiftPattern .shiftHeader .poweredBy { width: 80px }
    .shiftPattern .shiftHeader .poweredBy img { width: 80px }
    .shiftPatternClip{height:944px}
    .elconsoltoPatternClip{height:1248px}
    .shiftClipRotate { padding: 0 10px }
    .shiftPattern .shiftButtons ul li { width: calc((100% - 10px) /2); margin-left: 10px; margin-bottom: 15px !important; padding: 10px }
    .shiftPattern .shiftButtons ul li:nth-of-type(2n) { margin-left: 0 }
    .shiftPattern .shiftButtons ul li:nth-of-type(5), .shiftPattern .shiftButtons ul li:nth-of-type(6) { margin-bottom: 0 !important }
    .shiftPattern .shiftButtons ul li a span { font-size: 12px }
    .shiftPattern .shiftButtons ul li a.compare:before { font-size: 20px }
    .shiftPattern .shiftHeader a.more { font-size: 15px; line-height: 3 }
    .shiftPattern ul li .imageCntnr { width: 110px; padding-bottom: calc((110px * 56.25) /100); margin-left: 0 }
    .shiftPattern ul li .desc { width: calc(100% - 110px); padding-right: 10px }
    .shiftPattern ul li .desc h2 { font-size: 12px; max-height: 62px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .shiftPattern ul li { width: 100%; margin-left: 0; margin-bottom: 25px }
    .shiftPattern ul li:last-child { margin-bottom: 0 }
    .shiftPattern ul li:nth-of-type(5) { margin-bottom: 25px }
    .shiftPattern ul li:last-child { margin-bottom: 0 !important }
    .shiftPattern .shiftHeader p { font-size: 16px; line-height: 2.6 }
    .matchesTabs { width: calc(100% - 20px); margin: 0 10px 40px }
    .sportsContainer .allMatches .slide { width: 902px; height: 140px }
    .sportsContainer .allMatches .item { width: 300px; min-width: unset; max-width: unset; padding: 12px }
    .sportsContainer .allMatches .item .teamA { width: 75px; height: 70px }
    .sportsContainer .allMatches .item .teamA img, .sportsContainer .allMatches .item .teamB img { height: 36px; }
    .sportsContainer .allMatches .item .teamA p, .sportsContainer .allMatches .item .teamB p { padding-top: 10px; font-size: 11px }
    .sportsContainer .allMatches .item .result { width: calc(100% - 150px) }
    .sportsContainer .allMatches .item .result.yesterday { padding-top: 12px; }
    .sportsContainer .allMatches .item .teamB { float: right; width: 75px; height: 70px }
    .sportsContainer .allMatches .item .result { font-size: 32px; margin-top: 3px }
    .sportsContainer .allMatches .item .result span { font-size: 16px !important; }
    .sportsContainer .allMatches .item .result span.now { font-size: 14px !important; line-height: 1.6 }
    .sportsContainer .allMatches .item .status a { font-size: 12px }
    .sportsContainer .allMatches .status span { margin-top: 26px }
    .sportsContainer .allMatches .matchResult { font-size: 26px; margin-top: 0 }
    .elconsoltoPattern { padding: 20px 10px; width: calc(100% - 20px); margin: 0 10px 40px }
    .elconsoltoPattern .elconsoltoLogo { padding-bottom: 5px }
    .elconsoltoPattern .elconsoltoLogo a { width: 120px }
    .elconsoltoPattern .elconsoltoLogo a img { height: 30px }
    .elconsoltoPattern .sides { width: 100% !important; margin-left: 0; margin-bottom: 30px; border-left: 0; padding: 0 }
    .elconsoltoPattern .sides.news li { padding: 0 0 16px; margin-bottom: 16px }
    .elconsoltoPattern .sides.news li, .elconsoltoPattern .sides.estesharat li { height: auto }
    .elconsoltoPattern .sides.news li .imageCntnr { width: 110px; padding-bottom: calc((110px * 56.25) /100); margin-left: 0; }
    .elconsoltoPattern .sides.news li .desc { width: calc(100% - 110px); padding-right: 10px }
    .elconsoltoPattern .sides.news li .desc p, .elconsoltoPattern .sides.estesharat li .sliderContent .userAsk h3 { font-size: 12px; max-height: 62px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .elconsoltoPattern .sides.calculcator li { width: calc((100% - 10px) /2); margin-left: 10px; margin-bottom: 10px }
    .elconsoltoPattern .sides.calculcator li:nth-child(2n) { margin-left: 0 }
    .elconsoltoPattern .sides.calculcator li:nth-child(4n) { margin-left: 0 }
    .elconsoltoPattern .sides.estesharat li:last-of-type, .elconsoltoPattern .sides.news li:last-of-type { border-bottom: 1px solid #e8e8e8; padding-bottom: 20px }
    .elconsoltoPattern .sides.estesharat li .sliderContent .userAsk { margin: 0 0 10px 0 }
    .elconsoltoPattern .sides.estesharat li .docInfo { margin-top: 10px }
    .elconsoltoPattern .sides.calculcator { margin-bottom: 0; margin-top: 0 }
    .elconsoltoPattern .sides.news li .desc a.sectionTarget { right: 120px; bottom: 14px; }
    .media { width: calc(100% - 20px); margin: 0 10px 40px }
    .media ul li { width: 100% }
    .media ul li:first-child { width: 100% }
    .media ul li:nth-child(2n) { margin-left: 0 }
    .media ul li:nth-child(3) { margin-left: 0 }
    .media ul li:nth-last-child(-n+3) { margin-bottom: 16px }
    .media ul li:last-child { margin-bottom: 0 }
    .media ul li .item .imageCntnr { padding-bottom: calc((120px * 56.25) / 100); width: 120px; }
    .media ul li .cnts { width: calc(100% - 120px); }
    .media ul li .desc { padding: 0 10px }
    .media ul li .desc h2 { color: #1d1d1d; text-align: right; line-height: 1.6; height: auto; max-height: unset; overflow: hidden; font-size: 12px;  position: relative; bottom: 0; right: 0; -webkit-line-clamp: 2; }
    .media ul li .secName { font-size: 11px; margin: 2px 0 }
    .innerSection .media .desc { padding: 4px 10px }
    .media ul li:first-child .desc h2 { font-size: 16px; line-height: 1.6; padding: 6px 10px 0; }
    .media ul li:last-child { display: inline-block; }
    .media ul li:first-child .secName { margin-bottom: 0 }
    .masrawyServices { width: calc(100% - 20px); margin: 0 10px 40px }
    .caricature { width: calc(100% - 20px); margin: 0 10px 40px }
    .caricature li { width: 100%; margin-bottom: 16px; margin-left: 0 }
    .caricature li:nth-last-of-type(-n+3) { margin-bottom: 16px }
    .caricature li:last-of-type { margin-bottom: 0 }
    .openVideoPopupMain .videoPlayerPopup { padding: 0 }
    .openVideoPopupMain .videoPlayerContainer { padding: 80px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: flex-start; overflow-y: auto; width: auto; height: 100%; color: #fff; }
    .videoPlayerPopup .videoSponsor { top: 0; right: 0; padding: 20px 10px; background: #1a3f80; z-index: 2; border-bottom-left-radius: 6px }
    .videoPlayerPopup .videoSponsor img { height: 30px }
    .videoPlayerPopup .closeVideoPopup { top: 10px; left: 10px; width: 30px; height: 30px; }
    .videoPlayerPopup .closeVideoPopup:after, .videoPlayerPopup .closeVideoPopup:before { height: 20px; margin-top: -10px; }
    .videoPlayerPopup .playerPopupCntnr { display: inline-block }
    .videoPlayerPopup .mainVideo { width: 100%; padding-left: 0; margin-bottom: 30px; }
    .videoPlayerPopup aside { width: 100%; border-radius: 0 }
    .videoPlayerPopup aside .playerList { width: 100%; height: 100% }
    .videoPlayerPopup aside .playerList li .imageCntnr { padding-bottom: calc((100px * 67)/ 100); width: 100px }
    .videoPlayerPopup aside .playerList li .desc { width: calc(100% - 100px); padding: 0 10px; }
    .videoPlayerPopup aside .playerList li .desc p { font-size: 12px; max-height: 38px; }
    .videoPlayerPopup aside .playerList li .desc p.date { font-size: 10px }
    .videoPlayerPopup .mainVideo .cntnr { padding-bottom: 117% }
    .videoPlayerPopup .mainVideo .desc { padding: 16px }
    .videoPlayerPopup .mainVideo .desc p.date { font-size: 11px; margin-bottom: 10px }
    .videoPlayerPopup .mainVideo .desc p { font-size: 16px; height: auto; width: 100% }
    .videoPlayerPopup .mainVideo .shareMenu { top: 16px; left: 16px }
    .videoPlayerPopup .mainVideo .shareMenu a { width: 30px; height: 30px; font-size: 16px; line-height: 30px; }
    .videoPlayerPopup .mainVideo .shareMenu a:before { line-height: 28px; }
    .videoPlayerPopup .mainVideo .cntnr .twitter-tweet iframe { width: 100% !important; }
    .innerListing { padding: 16px 0 0 }
    .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 }
    .searchResult form input { font-size: 13px }
    .cd-articles article { padding: 0 10px; border-right: none; border-left: none;border-top:none }
    .article.cd-gallery .infiniteListing li { padding: 16px 10px 10px; border-right: none; border-left: none }
    .article.cd-gallery .infiniteListing li h3 { font-size: 18px; margin-bottom: 20px }
    .article.cd-gallery .infiniteListing li .secName { font-size: 12px; }
    .article.cd-gallery .infiniteListing li .time { font-size: 12px }
    .article.cd-gallery .infiniteListing li .icon-time:before { font-size: 13px; line-height: 24px; }
    .article.cd-gallery .infiniteListing li .imgDiv { padding-bottom: 10px; margin-bottom: 10px }
    .article.cd-gallery .infiniteListing li .moreBtn { width: 100%; height: 40px; line-height: 40px; font-size: 13px; margin: 0 }
    .newsPointerDiv { padding: 16px 0 0 }
    .prayerTimes.islameyat { padding: 16px 0 0 }
    .prayerTimes .main { background: url(../Images/mosqueBg.jpg) no-repeat top center; background-size: cover; }
    .prayerCheckbox { margin-top: 30px; float: right }
    .prayerTimes .mainTable .prayersTable .allTimes .time { padding: 10px 0 }
    .currGoldDiv .main { padding: 0 10px; }
    .currGoldDiv.currGold { padding: 16px 0 0 }
    .currGoldDiv .currGoldTable .currGoldDtls .item { font-size: 14px }
    /*.cd-tab-filter {width: 100%;margin: 0;height:34px;margin-bottom:10px}
    .cd-tab-filter::after {display:inline-block}
    .cd-tab-filter ul {position: relative;width: 100%;border:1px solid #e8e8e8}
    .cd-tab-filter li {display: none;width:100%;border-left:none;margin:0}
    .cd-tab-filter a.selected, .cd-tab-filter a:hover {background: #fff!important;color: #1d1d1d;box-shadow: none;padding-right: 12px;}
    .cd-tab-filter li.placeholder {display: block!important}
    .cd-tab-filter li.placeholder a:hover {color: #666;background:#fff!important}
    .cd-tab-filter a {display: inline-block;width: 100%;padding-right: 12px;text-align:right;border:none;border-radius:0;}
    .cd-tab-filter.is-open ul li {display: block}   */
    .cd-tab-filter-wrapper:before { width: 16px; height: 16px; }
    .cd-tab-filter a { height: 30px; padding: 0 20px; line-height: 30px; font-size: 11px }
    .searchResult form .morphsearch-submit { left: 20px; top: 22px }
    .matchesSchedule.sports { padding: 16px 0 0 }
    .matchesSchedule .allMatches #matchesTableTabs #divcontainer { padding: 0 10px 10px }
    .matchesSchedule .table .allMatches .item .tourName { font-size: 14px }
    .author .authorData .data { margin: 0; width: 100% }
    article .authorDtls .imageCntnr,
    .author .authorData .imgCntnr { margin: 0 calc((100% - 150px) / 2) 20px }
    article .authorDtls .articleHeader,
    .author .authorData .data .name { width: 100%; text-align: center; margin-bottom: 20px }
    article .authorDtls .articleHeader h1,
    .author .authorData .data .name h1 { font-size: 20px; text-align: center }
    article .authorDtls .articleHeader .authorName { text-align: center; width: 100% }
    article .authorDtls .articleHeader .time { width: auto; float: unset; margin: 10px auto 0 }
    article .authorDtls .articleHeader .time span:last-of-type { margin-left: 0 }
    .contactUsDiv { padding: 16px 0 0 }
    .contactUsDiv .contactForms { padding: 10px }
    .contactUsDiv .contactForms h4 { padding: 10px; font-size: 12px; }
    .contactUsDiv .contactForms .forms .item .labelDiv label { font-size: 12px }
    .contactUsDiv .contactForms .forms .item { margin-bottom: 16px }
    .contactUsDiv .contactForms .forms .item .labelDiv { width: 100% }
    .contactUsDiv .contactForms .forms .item input, .contactUsDiv .contactForms .forms .item textarea { width: 100% !important }
    .contactUsDiv .contactForms .forms .wrapper-demo { width: 100% !important }
    .contactUsDiv .contactForms .forms .item .errorMsg { right: auto; left: 0; top: 0 }
    .contactUsDiv .contactAds h3 { padding: 8px 12px; font-size: 13px }
    .contactUsDiv .contactAds .ads .item { width: 100%; margin-left: 0 }
    .contactUsDiv .contactForms .forms input[type="submit"] { font-size: 12px; width: 100%; margin: 0 }
    .contactUsDiv .contactAds .ads .item label { font-size: 12px }
    .contactUsDiv .contactAds .ads .item p, .contactUsDiv .contactAds .ads .item a { font-size: 12px }
    .contactUsDiv .contactAds .ads { padding: 0 10px }
    .contactUsDiv .contactForms .forms .wrapperDropdown { font-size: 12px; line-height: 38px; padding: 0 10px }
    .contactUsDiv .contactForms .forms .icon-downArrow:before { left: 10px; line-height: 38px; }
    .lstNwsNtfy,
    .stickySeries { width: 100%; text-align: right; }
    .newsPointer .allItems ul li h2,
    .newsPointer .allItems ul li h3 { font-size: 12px }
    .currGoldDiv .main h3 { font-size: 12px }
    .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,
    .pattern02.masrawyTV ul li .item img { width: 100%; height: auto; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%) }
    .Quiz2022 .quiz .predHint { padding: 20px }
    .Quiz2022 .quiz .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .Quiz2022 .quiz .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .Quiz2022 .quiz .predHint .regBtn { bottom: 10px; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; position:relative}
    .Quiz2022 .quiz .quizSteps { padding: 50px 32px 85px }
    .Quiz2022 .quiz .quizSteps .beforeContainer { width: 80px; height: 80px; left: 10px }
    .Quiz2022 .quiz .quizSteps .beforeContainer .tanya:before {
    content: '';
    border-right: 58px solid #fff;
    border-top: 58px solid transparent;
    border-bottom: 58px solid transparent;right: -9px;
    top: -37px;}
  .Quiz2022 .quiz .quizSteps .sponserLogo{left:20px}
    .Quiz2022 .quiz .quizSteps .sponserLogo p, .Quiz2022 .quiz .quizSteps .sponserLogo span{font-size:10px}
    .Quiz2022 .quiz .quizSteps .sponserLogo{bottom:6px}
    .Quiz2022 .quiz .quizSteps .sponserLogo img{width:80px}
    
    .Quiz2022 .quiz .quizSteps .toDoSocial .sponserLogo{left:-26px;bottom:-55px}

    .Quiz2022 .quiz .quizDekor.quizHint .dekor{    background-position: 0 0, 20px 2px, 50px 0;;left:20px;width: 80px;
    height: 92px;}
    .Quiz2022 .quiz .quizSteps .dekor{    background-position: 0 0, 20px 2px, 50px 0;;left:20px;width: 80px;
    height: 92px;}
    .Quiz2022 .quiz .quizSteps .beforeContainer span {font-size: 55px;top:0 }
    .Quiz2022 .quiz .quizSteps .beforeContainer:before{left:10px}
    .Quiz2022 .quiz .quizDekor.quizSteps, .Quiz2022 .quiz .quizSteps{padding: 105px 32px 90px;}

    .Quiz2022 .quiz .quizProtID{right:32px;bottom:60px}

    .Quiz2022 .quiz .getReadyTimer p { font-size: 16px; line-height: 1.8 }
    .Quiz2022 .quiz .resultDiv p { font-size: 16px; line-height: 1.8; margin-bottom: 24px }
    .Quiz2022 .quiz .resultDiv .allStars .star { background-size: 85% }
    .Quiz2022 .quiz .afterLogin .welcomeHint { height: 70px; min-height: 100%; padding: 0; }
    .Quiz2022 .quiz .afterLogin .welcomeHint .hintMsg h3 { margin-top: 20px; text-align: center }
    .Quiz2022 .quiz .afterLogin .welcomeHint .yourScore { width: 120px; height: 70px; left: 0 }
    .Quiz2022 .quiz .afterLogin .welcomeHint .yourScore p { font-size: 15px; margin: 6px 0 0px; }
    .Quiz2022 .quiz .resultDiv .yourScore p { font-size: 15px }
    .Quiz2022 .quiz .afterLogin .welcomeHint .yourScore span { font-size: 24px }
    .Quiz2022 .quiz .getReadyTimer p,
    .Quiz2022 .quiz .resultDiv p { font-size: 20px; line-height: 2.4 }
    .Quiz2022 .quiz .getReadyTimer span { font-size: 92px }
    .Quiz2022 .quiz .game-top .date p { font-size: 12px; line-height: 2.6 }
    .Quiz2022 .quiz .questionDiv { min-height: 130px }
    .Quiz2022 .quiz .questionDiv p { padding: 0 16px; font-size: 18px }
    .Quiz2022 .quiz .answer { width: 100%; height: 50px; margin-bottom: 16px; margin-left: 0px; }
    .Quiz2022 .quiz .answer p { font-size: 14px; }
    .Quiz2022 .quiz .resultDiv .allStars { width: 200px; height: 100px; margin: 0 calc((100% - 200px) / 2) 30px; }
    .Quiz2022 .quiz .resultDiv .allStars .star { width: 60px; height: 60px }
    .Quiz2022 .quiz .afterLogin .welcomeHint { height: auto }
    .Quiz2022 .quiz .afterLogin .welcomeHint .yourScore { position: relative; left: auto; top: auto; transform: none; text-align: center; margin: 0 auto; }
    .registerPopup .login-box.loginActive, .openRegister .login-box.signUpActive { width: calc(100% - 20px); height: calc(100% - 70px); top: 60px; transform: translateX(-50%); }
    .openRegister .login-box { width: calc(100% - 20px) !important; height: calc(100% - 80px) !important; top: 60px; transform: translateX(-50%); padding: 0 }
    .openRegister .login-box.phonenumber { height: 340px !important }
    .registerPopup .login-box h3 { height: 50px; line-height: 3 }
    .registerPopup .login-box .closePopup { top: 12px }
    .registerPopup .login-box { padding: 0 }
    .registerPopup .lb-header a { margin: 0 0 0 20px; width: calc((100% - 20px) /2); float: right }
    .registerPopup .lb-header a:last-child { margin: 0 }
    .registerPopup .email-login { padding: 10px }
    .registerPopup .email-signup { padding: 20px 10px 10px }
    .registerPopup .u-form-group.error { margin-bottom: 20px }
    .registerPopup .u-form-group.error:nth-child(5) { margin-bottom: 10px }
    .registerPopup .u-form-group .itemError { font-size: 11px }
    .registerPopup .signUpActive .u-form-group.error .pass, .registerPopup .signUpActive .u-form-group.error .ConfirmPassword { margin-top: 20px }
    .registerPopup .login-box h3 { margin-bottom: 10px }
    .registerPopup .login-box.loginActive.error { height: calc(100% - 70px); margin-top: 0 }
    .registerPopup .u-form-group input[type="email"], .registerPopup .u-form-group input[type="password"], .registerPopup .u-form-group input[type="text"], .u-form-group input[type="tel"] { height: 40px }
    .registerPopup .u-form-group button, .registerPopup .u-form-group .Compelete, .registerPopup .u-form-group .SigninBtn, .registerPopup .u-form-group .SignupBtn { margin-top: 0 }
    .currGoldDiv .currGoldTable .title .name,
    .currGoldDiv .currGoldTable .currGoldDtls .item { width: 110px ;font-size:10px}
    .currGoldDiv .currGoldTable .title .name:first-child,
    .currGoldDiv .currGoldTable .currGoldDtls .item:first-child { width: calc(100% - 110px) }
    .currGoldDiv .currGoldTable .currGoldDtls .item p { font-size: 13px }
    .currGoldDiv .currGoldTable .currGoldDtls .item.flag h1 { font-size: 11px }
   

    .mobileSeriesTV{background:none}
    .mobileSeriesTV .seriesTV{display:inline-block!important;float:right;width:300px;height:190px;padding:3px;position:relative;left:auto;z-index:0;transform:none;margin:0 calc((100% - 300px) / 2);visibility:visible;opacity:1}
    .mobileSeriesTV .seriesTV:before{background-size:100%}
    .mobileSeriesTV .seriesTV .closeSeries{top:3px;left:3px;display:none}
    .mobileSeriesTV .seriesTV .cnts{height:171px}
    .mobileSeriesTV .seriesTV li{height:171px}
    .mobileSeriesTV .seriesTV .seriesImg{width:100%;height:100px}
    .mobileSeriesTV .seriesTV .seriesImg img{width:100%;height:auto}
    .mobileSeriesTV .seriesTV .seriesImg .tickerSponser img{width:52px}
    .mobileSeriesTV .seriesTV .seriesData{width:100%;padding:0 8px}

    .hideSeriesTicker .stickySeries{bottom:-90px}


}


/***** Tofan El Aqsa ****/
.aqsa{padding:20px;position:relative}
.aqsa .ttl,
.aqsa .allItems{position:relative;z-index:2}
.aqsa:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:url(../Images/palestine07.jpg) top left no-repeat;background-size:cover;pointer-events:none;opacity:0.2}
.aqsa:after{content:"";position:absolute;width:110px;height:40px;top:10px;left:20px;background:url(../Images/palestineFlag.png) center center no-repeat;background-size:cover;pointer-events:none;opacity:0.7}


.articleListWidget{border: 1px solid #e8e8e8;margin-bottom:30px}
.articleListWidget .ttl{padding:0 12px;height:48px}
.articleListWidget .ttl p{float: right;display: inline-block;padding: 0;font-family: DroidKufiBold, Arial;font-size: 17px;color: #1d1d1d;display: inline-block;line-height: 48px;background: none;}
.articleListWidget .ttl .more,
.articleListWidget .ttl .icon-more:before{line-height:48px}
.articleListWidget .allItems{display:inline-block;float:right;width:100%;margin-top: 10px;}
.articleListWidget ul { display: inline-block; float: right; width: 100%; padding: 0 10px; }
.articleListWidget li { width: 100%; display: inline-block; float: right; padding: 10px 0; position: relative; border-bottom: 1px solid #e8e8e8 }
.articleListWidget li:last-child { border-bottom: none }
.articleListWidget ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((100px * 75) / 100); float: right; width: 100px; }
.articleListWidget 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; }
.articleListWidget li .cnts { display: inline-block; float: right; width: calc(100% - 100px); padding-right: 10px }
.articleListWidget 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; }
.articleListWidget li .secName { display: inline-block; float: right; margin-bottom: 6px; font-family: DroidKufiBold, Arial; color: #fff; font-size: 12px; }



@media screen and (min-width: 320px) and (max-width: 767px) {
    .aqsa{padding:20px 10px}
    .aqsa:before{background:url(../Images/palestine07Mob.jpg) top left no-repeat;background-size:cover}
    .aqsa:after{width:82px;height:30px;top:20px;left:10px;}
    .aqsa .moreLnks{display:none}
}


/********** Color **********/
/** News (e63b34) **/
.featuredArea ul li .secName.news { background: #E03322 }
.featuredArea ul li .secName.news:after { background: #E03322 }
.featuredArea ul li:first-child .secName.news { background: #E03322 !important }
.pattern02 ul li:first-child .secName.news { background: #E03322 !important }
.akhbarThemak li .secName.news { color: #E03322 }
.pattern01 ul li .secName.news { color: #E03322 }
.article.cd-gallery .infiniteListing li.news .secName { color: #E03322 }
.news .mostRead .allItems li .number { background: #E03322 }
.news .ttl { border-bottom: 2px solid #E03322; }
.news .ttl h3 { background: #E03322; }
.pattern02.news .ttl { border-bottom: 2px solid #E03322; }
.pattern02.news .ttl h3 { background: #E03322; }
.pattern02.news .ttl h3:after { background: #E03322; }
.pattern02.news .ttl .secMenu li a:hover { color: #E03322 }
.pattern02.news ul li .secName { background: #E03322; }
.pattern02.news ul li:nth-last-child(-n+3) .secName:after { background: #E03322; }
.pattern02.news ul li .secName:after, .pattern02.news ul li:nth-last-child(-n+3) .secName:after { background: #E03322; }
.mostRead .allItems li .secName.news { color: #E03322; }
.crossMedia .allItems li .secName.news { color: #E03322; }
.media ul li .secName.news { color: #E03322; }
.media ul li:first-child .secName.news { background: #E03322; }
.news .breadcrumb li.active a { color: #E03322 }
article.news .nextLink a { color: #E03322 }
article.news .nextLink a:after { background: #E03322 }
article.news .ttl { border-bottom: 2px solid #E03322; }
article.news .ttl h3:after { background: #E03322; }
article.news .details p a { color: #E03322 }
article.news .details p a:before { background: #E03322 }
article.news .amazonBanner { background: #E03322 }
article.news .amazonBanner a { color: #E03322 }
.news .listing .ttl h1 { background: #E03322 }
li.icon-video.news .imageCntnr span, ul li.icon-image.news .imageCntnr span { background: #E03322 !important }
li.news .item:hover a h2,
li.news .item:hover .desc h2 { color: #E03322 !important }
article.news .keywordsDiv .item:hover { background: #E03322; color: #fff }
.articleListWidget li .secName.news{color: #E03322;}
.articleListWidget li.news h2:hover{color: #E03322;}
@media screen and (min-width:320px) and (max-width:767px) {
    .pattern02 ul li:nth-last-child(-n+4) .secName.news { color: #E03322 }
    .featuredArea ul li:nth-last-child(-n+5) .secName.news { color: #E03322 }
}
.cd-gallery li.news .secName { color: #E03322; }
article.news .pagination ul li.current a { background: #E03322; color: #fff }
/** Sports (43a047) **/
.featuredArea ul li .secName.sports { background: #056818 }
.featuredArea ul li .secName.sports:after { background: #056818 }
.featuredArea ul li:first-child .secName.sports { background: #056818 !important }
.pattern02 ul li:first-child .secName.sports { background: #056818 !important }
.akhbarThemak li .secName.sports { color: #056818 }
.pattern01 ul li .secName.sports { color: #056818 }
.article.cd-gallery .infiniteListing li.sports .secName { color: #056818 }
.sports .mostRead .allItems li .number { background: #056818 }
.sports .ttl { border-bottom: 2px solid #056818; }
.sports .ttl h3 { background: #056818; }
.pattern02.sports .ttl { border-bottom: 2px solid #056818; }
.pattern02.sports .ttl h3 { background: #056818; }
.pattern02.sports .ttl h3:after { background: #056818; }
.pattern02.sports .ttl .secMenu li a:hover { color: #056818 }
.pattern02.sports ul li .secName { background: #056818; }
.pattern02.sports ul li:nth-last-child(-n+3) .secName:after { background: #056818; }
.pattern02.sports ul li .secName:after, .pattern02.sports ul li:nth-last-child(-n+3) .secName:after { background: #056818; }
.mostRead .allItems li .secName.sports { color: #056818; }
.crossMedia .allItems li .secName.sports { color: #056818; }
.media ul li .secName.sports { color: #056818; }
.media ul li:first-child .secName.sports { background: #056818; }
.sports .breadcrumb li.active a { color: #056818 }
article.sports .nextLink a { color: #056818 }
article.sports .nextLink a:after { background: #056818 }
article.sports .ttl { border-bottom: 2px solid #056818; }
article.sports .ttl h3:after { background: #056818; }
article.sports .details p a { color: #056818 }
article.sports .details p a:before { background: #056818 }
article.sports .amazonBanner { background: #056818 }
article.sports .amazonBanner a { color: #056818 }
.sports .listing .ttl h1 { background: #056818 }
li.icon-video.sports .imageCntnr span, ul li.icon-image.sports .imageCntnr span { background: #056818 !important }
li.sports .item:hover a h2,
li.sports .item:hover .desc h2 { color: #056818 !important }
article.sports .keywordsDiv .item:hover { background: #056818; color: #fff }
.articleListWidget li .secName.sports{color: #056818;}
.articleListWidget li.sports h2:hover{color: #056818;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.sports { color: #056818 }
    .pattern02.sports ul li:nth-last-child(-n+5) .secName:after { background: #056818; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.sports { color: #056818 }
}
.cd-gallery li.sports .secName { color: #056818; }
article.sports .pagination ul li.current a { background: #056818; color: #fff }
/** Arts (fbaa19) **/
.featuredArea ul li .secName.arts { background: #A8006B }
.featuredArea ul li .secName.arts:after { background: #A8006B }
.featuredArea ul li:first-child .secName.arts { background: #A8006B !important }
.pattern02 ul li:first-child .secName.arts { background: #A8006B !important }
.akhbarThemak li .secName.arts { color: #A8006B }
.pattern01 ul li .secName.arts { color: #A8006B }
.article.cd-gallery .infiniteListing li.arts .secName { color: #A8006B }
.arts .mostRead .allItems li .number { background: #A8006B }
.arts .ttl { border-bottom: 2px solid #A8006B; }
.arts .ttl h3 { background: #A8006B; }
.pattern02.arts .ttl { border-bottom: 2px solid #A8006B; }
.pattern02.arts .ttl h3 { background: #A8006B; }
.pattern02.arts .ttl h3:after { background: #A8006B; }
.pattern02.arts .ttl .secMenu li a:hover { color: #A8006B }
.pattern02.arts ul li .secName { background: #A8006B }
.pattern02.arts ul li:nth-last-child(-n+3) .secName:after { background: #A8006B; }
.pattern02.arts ul li .secName:after, .pattern02.arts ul li:nth-last-child(-n+3) .secName:after { background: #A8006B; }
.mostRead .allItems li .secName.arts { color: #A8006B; }
.crossMedia .allItems li .secName.arts { color: #A8006B; }
.media ul li .secName.arts { color: #A8006B; }
.media ul li:first-child .secName.arts { background: #A8006B; }
.arts .breadcrumb li.active a { color: #A8006B }
article.arts .nextLink a { color: #A8006B }
article.arts .nextLink a:after { background: #A8006B }
article.arts .ttl { border-bottom: 2px solid #A8006B; }
article.arts .ttl h3:after { background: #A8006B; }
article.arts .details p a { color: #A8006B }
article.arts .details p a:before { background: #A8006B }
article.arts .amazonBanner { background: #A8006B }
article.arts .amazonBanner a { color: #A8006B }
.arts .listing .ttl h1 { background: #A8006B }
li.icon-video.arts .imageCntnr span, ul li.icon-image.arts .imageCntnr span { background: #A8006B !important }
li.arts .item:hover a h2,
li.arts .item:hover .desc h2 { color: #A8006B !important }
article.arts .keywordsDiv .item:hover { background: #A8006B; color: #fff }
.articleListWidget li .secName.arts{color: #A8006B;}
.articleListWidget li.arts h2:hover{color: #A8006B;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.arts { color: #A8006B }
    .pattern02.arts ul li:nth-last-child(-n+5) .secName:after { background: #A8006B; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.arts { color: #A8006B }
}
.cd-gallery li.arts .secName { color: #A8006B; }
article.arts .pagination ul li.current a { background: #A8006B; color: #fff }
/** Howa w Hya (7b1fa2) **/
.featuredArea ul li .secName.howa_w_hya { background: #7b1fa2 }
.featuredArea ul li .secName.howa_w_hya:after { background: #7b1fa2 }
.featuredArea ul li:first-child .secName.howa_w_hya { background: #7b1fa2 !important }
.pattern02 ul li:first-child .secName.howa_w_hya { background: #7b1fa2 !important }
.akhbarThemak li .secName.howa_w_hya { color: #7b1fa2 }
.pattern01 ul li .secName.howa_w_hya { color: #7b1fa2 }
.article.cd-gallery .infiniteListing li.howa_w_hya .secName { color: #7b1fa2 }
.howa_w_hya .mostRead .allItems li .number { background: #7b1fa2 }
.howa_w_hya .ttl { border-bottom: 2px solid #7b1fa2; }
.howa_w_hya .ttl h3 { background: #7b1fa2; }
.pattern02.howa_w_hya .ttl { border-bottom: 2px solid #7b1fa2; }
.pattern02.howa_w_hya .ttl h3 { background: #7b1fa2; }
.pattern02.howa_w_hya .ttl h3:after { background: #7b1fa2; }
.pattern02.howa_w_hya .ttl .secMenu li a:hover { color: #7b1fa2 }
.pattern02.howa_w_hya ul li .secName { background: #7b1fa2; }
.pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #7b1fa2; }
.pattern02.howa_w_hya ul li .secName:after, .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #7b1fa2; }
.mostRead .allItems li .secName.howa_w_hya { color: #7b1fa2; }
.crossMedia .allItems li .secName.howa_w_hya { color: #7b1fa2; }
.media ul li .secName.howa_w_hya { color: #7b1fa2; }
.media ul li:first-child .secName.howa_w_hya { background: #7b1fa2; }
.howa_w_hya .breadcrumb li.active a { color: #7b1fa2 }
article.howa_w_hya .nextLink a { color: #7b1fa2 }
article.howa_w_hya .nextLink a:after { background: #7b1fa2 }
article.howa_w_hya .ttl { border-bottom: 2px solid #7b1fa2; }
article.howa_w_hya .ttl h3:after { background: #7b1fa2; }
article.howa_w_hya .details p a { color: #7b1fa2 }
article.howa_w_hya .details p a:before { background: #7b1fa2 }
article.howa_w_hya .amazonBanner { background: #7b1fa2 }
article.howa_w_hya .amazonBanner a { color: #7b1fa2 }
.howa_w_hya .listing .ttl h1 { background: #7b1fa2 }
li.icon-video.howa_w_hya .imageCntnr span, ul li.icon-image.howa_w_hya .imageCntnr span { background: #7b1fa2 !important }
li.howa_w_hya .item:hover a h2,
li.howa_w_hya .item:hover .desc h2 { color: #7b1fa2 !important }
article.howa_w_hya .keywordsDiv .item:hover { background: #7b1fa2; color: #fff }
.articleListWidget li .secName.howa_w_hya{color: #7b1fa2;}
.articleListWidget li.howa_w_hya h2:hover{color: #7b1fa2;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya { color: #7b1fa2 }
    .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after { background: #7b1fa2; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.howa_w_hya { color: #7b1fa2 }
}
.cd-gallery li.howa_w_hya .secName { color: #7b1fa2; }
article.howa_w_hya .pagination ul li.current a { background: #7b1fa2; color: #fff }
/** Autos (1a237e) **/
.featuredArea ul li .secName.autos { background: #1a237e }
.featuredArea ul li .secName.autos:after { background: #1a237e }
.featuredArea ul li:first-child .secName.autos { background: #1a237e !important }
.pattern02 ul li:first-child .secName.autos { background: #1a237e !important }
.akhbarThemak li .secName.autos { color: #1a237e }
.pattern01 ul li .secName.autos { color: #1a237e }
.article.cd-gallery .infiniteListing li.autos .secName { color: #1a237e }
.autos .mostRead .allItems li .number { background: #1a237e }
.autos .ttl { border-bottom: 2px solid #1a237e; }
.autos .ttl h3 { background: #1a237e; }
.pattern02.autos .ttl { border-bottom: 2px solid #1a237e; }
.pattern02.autos .ttl h3 { background: #1a237e; }
.pattern02.autos .ttl h3:after { background: #1a237e; }
.pattern02.autos .ttl .secMenu li a:hover { color: #1a237e }
.pattern02.autos ul li .secName { background: #1a237e; }
.pattern02.autos ul li:nth-last-child(-n+3) .secName:after { background: #1a237e; }
.pattern02.autos ul li .secName:after, .pattern02.autos ul li:nth-last-child(-n+3) .secName:after { background: #1a237e; }
.mostRead .allItems li .secName.autos { color: #1a237e; }
.crossMedia .allItems li .secName.autos { color: #1a237e; }
.media ul li .secName.autos { color: #1a237e; }
.media ul li:first-child .secName.autos { background: #1a237e; }
.autos .breadcrumb li.active a { color: #1a237e }
article.autos .nextLink a { color: #1a237e }
article.autos .nextLink a:after { background: #1a237e }
article.autos .ttl { border-bottom: 2px solid #1a237e; }
article.autos .ttl h3:after { background: #1a237e; }
article.autos .details p a { color: #1a237e }
article.autos .details p a:before { background: #1a237e }
article.autos .amazonBanner { background: #1a237e }
article.autos .amazonBanner a { color: #1a237e }
.autos .listing .ttl h1 { background: #1a237e }
li.icon-video.autos .imageCntnr span, ul li.icon-image.autos .imageCntnr span { background: #1a237e !important }
li.autos .item:hover a h2,
li.autos .item:hover .desc h2 { color: #1a237e !important }
article.autos .keywordsDiv .item:hover { background: #1a237e; color: #fff }
.articleListWidget li .secName.autos{color: #1a237e;}
.articleListWidget li.autos h2:hover{color: #1a237e;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.autos { color: #1a237e }
    .pattern02.autos ul li:nth-last-child(-n+5) .secName:after { background: #1a237e; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.autos { color: #1a237e }
}
.cd-gallery li.autos .secName { color: #1a237e; }
article.autos .pagination ul li.current a { background: #1a237e; color: #fff }
/** Islameyat (1c87c9) **/
.featuredArea ul li .secName.islameyat { background: #075C99 }
.featuredArea ul li .secName.islameyat:after { background: #075C99 }
.featuredArea ul li:first-child .secName.islameyat { background: #075C99 !important }
.pattern02 ul li:first-child .secName.islameyat { background: #075C99 !important }
.akhbarThemak li .secName.islameyat { color: #075C99 }
.pattern01 ul li .secName.islameyat { color: #075C99 }
.article.cd-gallery .infiniteListing li.islameyat .secName { color: #075C99 }
.islameyat .mostRead .allItems li .number { background: #075C99 }
.islameyat .ttl { border-bottom: 2px solid #075C99; }
.islameyat .ttl h3 { background: #075C99; }
.pattern02.islameyat .ttl { border-bottom: 2px solid #075C99; }
.pattern02.islameyat .ttl h3 { background: #075C99; }
.pattern02.islameyat .ttl h3:after { background: #075C99; }
.pattern02.islameyat .ttl .secMenu li a:hover { color: #075C99 }
.pattern02.islameyat ul li .secName { background: #075C99; }
.pattern02.islameyat ul li:nth-last-child(-n+3) .secName:after { background: #075C99; }
.pattern02.islameyat ul li .secName:after, .pattern02.islameyat ul li:nth-last-child(-n+3) .secName:after { background: #075C99; }
.mostRead .allItems li .secName.islameyat { color: #075C99; }
.crossMedia .allItems li .secName.islameyat { color: #075C99; }
.media ul li .secName.islameyat { color: #075C99; }
.media ul li:first-child .secName.islameyat { background: #075C99; }
.islameyat .breadcrumb li.active a { color: #075C99 }
article.islameyat .nextLink a { color: #075C99 }
article.islameyat .nextLink a:after { background: #075C99 }
article.islameyat .ttl { border-bottom: 2px solid #075C99; }
article.islameyat .ttl h3:after { background: #075C99; }
article.islameyat .details p a { color: #075C99 }
article.islameyat .details p a:before { background: #075C99 }
article.islameyat .amazonBanner { background: #075C99 }
article.islameyat .amazonBanner a { color: #075C99 }
.islameyat .listing .ttl h1 { background: #075C99 }
li.icon-video.islameyat .imageCntnr span, ul li.icon-image.islameyat .imageCntnr span { background: #075C99 !important }
li.islameyat .item:hover a h2,
li.islameyat .item:hover .desc h2 { color: #075C99 !important }
article.islameyat .keywordsDiv .item:hover { background: #075C99; color: #fff }
.articleListWidget li .secName.islameyat{color: #075C99;}
.articleListWidget li.islameyat h2:hover{color: #075C99;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.islameyat { color: #075C99 }
    .pattern02.islameyat ul li:nth-last-child(-n+5) .secName:after { background: #075C99; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.islameyat { color: #075C99 }
}
.cd-gallery li.islameyat .secName { color: #075C99; }
article.islameyat .pagination ul li.current a { background: #075C99; color: #fff }
/** ecommerce (1c87c9) **/
.featuredArea ul li .secName.ecommerce { background: #542f00 }
.featuredArea ul li .secName.ecommerce:after { background: #542f00 }
.featuredArea ul li:first-child .secName.ecommerce { background: #542f00 !important }
.pattern02 ul li:first-child .secName.ecommerce { background: #542f00 !important }
.akhbarThemak li .secName.ecommerce { color: #542f00 }
.pattern01 ul li .secName.ecommerce { color: #542f00 }
.article.cd-gallery .infiniteListing li.ecommerce .secName { color: #542f00 }
.ecommerce .mostRead .allItems li .number { background: #542f00 }
.ecommerce .ttl { border-bottom: 2px solid #542f00; }
.ecommerce .ttl h3 { background: #542f00; }
.pattern02.ecommerce .ttl { border-bottom: 2px solid #542f00; }
.pattern02.ecommerce .ttl h3 { background: #542f00; }
.pattern02.ecommerce .ttl h3:after { background: #542f00; }
.pattern02.ecommerce .ttl .secMenu li a:hover { color: #542f00 }
.pattern02.ecommerce ul li .secName { background: #542f00; }
.pattern02.ecommerce ul li:nth-last-child(-n+3) .secName:after { background: #542f00; }
.pattern02.ecommerce ul li .secName:after, .pattern02.ecommerce ul li:nth-last-child(-n+3) .secName:after { background: #542f00; }
.mostRead .allItems li .secName.ecommerce { color: #542f00; }
.crossMedia .allItems li .secName.ecommerce { color: #542f00; }
.media ul li .secName.ecommerce { color: #542f00; }
.media ul li:first-child .secName.ecommerce { background: #542f00; }
.ecommerce .breadcrumb li.active a { color: #542f00 }
article.ecommerce .nextLink a { color: #542f00 }
article.ecommerce .nextLink a:after { background: #542f00 }
article.ecommerce .ttl { border-bottom: 2px solid #542f00; }
article.ecommerce .ttl h3:after { background: #542f00; }
article.ecommerce .details p a { color: #542f00 }
article.ecommerce .details p a:before { background: #542f00 }
article.ecommerce .amazonBanner { background: #542f00 }
article.ecommerce .amazonBanner a { color: #542f00 }
.ecommerce .listing .ttl h1 { background: #542f00 }
li.icon-video.ecommerce .imageCntnr span, ul li.icon-image.ecommerce .imageCntnr span { background: #542f00 !important }
li.ecommerce .item:hover a h2,
li.ecommerce .item:hover .desc h2 { color: #542f00 !important }
article.ecommerce .keywordsDiv .item:hover { background: #542f00; color: #fff }
.articleListWidget li .secName.ecommerce{color: #542f00;}
.articleListWidget li.ecommerce h2:hover{color: #542f00;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.ecommerce { color: #542f00 }
    .pattern02.ecommerce ul li:nth-last-child(-n+5) .secName:after { background: #542f00; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.ecommerce { color: #542f00 }
}
.cd-gallery li.ecommerce .secName { color: #542f00; }
article.ecommerce .pagination ul li.current a { background: #542f00; color: #fff }



/** COP (006eb7) **/
.featuredArea ul li .secName.cop { background: #006eb7 }
.featuredArea ul li .secName.cop:after { background: #006eb7 }
.featuredArea ul li:first-child .secName.cop { background: #006eb7 !important }
.pattern02 ul li:first-child .secName.cop { background: #006eb7 !important }
.akhbarThemak li .secName.cop { color: #006eb7 }
.pattern01 ul li .secName.cop { color: #006eb7 }
.article.cd-gallery .infiniteListing li.cop .secName { color: #006eb7 }
.cop .mostRead .allItems li .number { background: #006eb7 }
.cop .ttl { border-bottom: 2px solid #006eb7; }
.cop .ttl h3 { background: #006eb7; }
.pattern02.cop .ttl { border-bottom: 2px solid #006eb7; }
.pattern02.cop .ttl h3 { background: #006eb7; }
.pattern02.cop .ttl h3:after { background: #006eb7; }
.pattern02.cop .ttl .secMenu li a:hover { color: #006eb7 }
.pattern02.cop ul li .secName { background: #006eb7; }
.pattern02.cop ul li:nth-last-child(-n+3) .secName:after { background: #006eb7; }
.pattern02.cop ul li .secName:after, .pattern02.cop ul li:nth-last-child(-n+3) .secName:after { background: #006eb7; }
.mostRead .allItems li .secName.cop { color: #006eb7; }
.crossMedia .allItems li .secName.cop { color: #006eb7; }
.media ul li .secName.cop { color: #006eb7; }
.media ul li:first-child .secName.cop { background: #006eb7; }
.cop .breadcrumb li.active a { color: #006eb7 }
article.cop .nextLink a { color: #006eb7 }
article.cop .nextLink a:after { background: #006eb7 }
article.cop .ttl { border-bottom: 2px solid #006eb7; }
article.cop .ttl h3:after { background: #006eb7; }
article.cop .details p a { color: #006eb7 }
article.cop .details p a:before { background: #006eb7 }
article.cop .amazonBanner { background: #006eb7 }
article.cop .amazonBanner a { color: #006eb7 }
.cop .listing .ttl h1 { background: #006eb7 }
li.icon-video.cop .imageCntnr span, ul li.icon-image.cop .imageCntnr span { background: #006eb7 !important }
li.cop .item:hover a h2,
li.cop .item:hover .desc h2 { color: #006eb7 !important }
article.cop .keywordsDiv .item:hover { background: #006eb7; color: #fff }
.articleListWidget li .secName.cop{color: #006eb7;}
.articleListWidget li.cop h2:hover{color: #006eb7;}
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.cop { color: #006eb7 }
    .pattern02.cop ul li:nth-last-child(-n+5) .secName:after { background: #006eb7; }
    .pattern02 ul li:nth-last-child(-n+4) .secName.cop { color: #006eb7 }
}
.cd-gallery li.cop .secName { color: #006eb7; }
article.cop .pagination ul li.current a { background: #006eb7; color: #fff }







/** Breast Cancer Awarness (ff778e) **/
.bcAwarness .content-wrap{background:#fff3f5}
.bcAwarness .content{background:none}
.bcAwarness .featuredArea ul li .secName.howa_w_hya { background: #e98ab3 }
.bcAwarness .featuredArea ul li .secName.howa_w_hya:after { background: #e98ab3 }
.bcAwarness .featuredArea ul li:first-child .secName.howa_w_hya { background: #e98ab3 !important }
.bcAwarness .pattern02 ul li:first-child .secName.howa_w_hya { background: #e98ab3 !important }
.bcAwarness .akhbarThemak li .secName.howa_w_hya { color: #e98ab3 }
.bcAwarness .pattern01 ul li .secName.howa_w_hya { color: #e98ab3 }
.bcAwarness .article.cd-gallery .infiniteListing li.howa_w_hya .secName { color: #e98ab3 }
.bcAwarness .howa_w_hya .mostRead .allItems li .number { background: #e98ab3 }
.bcAwarness .howa_w_hya .ttl { border-bottom: 2px solid #e98ab3; }
.bcAwarness .howa_w_hya .ttl h3 { background: #e98ab3; }
.bcAwarness .pattern02.howa_w_hya .ttl { border-bottom: 2px solid #e98ab3; }
.bcAwarness .pattern02.howa_w_hya .ttl h3 { background: #e98ab3; }
.bcAwarness .pattern02.howa_w_hya .ttl h3:after { background: #e98ab3; }
.bcAwarness .pattern02.howa_w_hya .ttl .secMenu li a:hover { color: #e98ab3 }
.bcAwarness .pattern02.howa_w_hya ul li .secName { background: #e98ab3; }
.bcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #e98ab3; }
.bcAwarness .pattern02.howa_w_hya ul li .secName:after,
.bcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #e98ab3; }
.bcAwarness .mostRead .allItems li .secName.howa_w_hya { color: #e98ab3; }
.bcAwarness .crossMedia .allItems li .secName.howa_w_hya { color: #e98ab3; }
.bcAwarness .media ul li .secName.howa_w_hya { color: #e98ab3; }
.bcAwarness .media ul li:first-child .secName.howa_w_hya { background: #e98ab3; }
.bcAwarness .howa_w_hya .breadcrumb li.active a { color: #e98ab3 }
.bcAwarness article.howa_w_hya .nextLink a { color: #e98ab3 }
.bcAwarness article.howa_w_hya .nextLink a:after { background: #e98ab3 }
.bcAwarness article.howa_w_hya .ttl { border-bottom: 2px solid #e98ab3; }
.bcAwarness article.howa_w_hya .ttl h3:after { background: #e98ab3; }
.bcAwarness article.howa_w_hya .details p a { color: #e98ab3 }
.bcAwarness article.howa_w_hya .details p a:before { background: #e98ab3 }
.bcAwarness article.howa_w_hya .amazonBanner { background: #e98ab3 }
.bcAwarness article.howa_w_hya .amazonBanner a { color: #e98ab3 }
.bcAwarness .howa_w_hya .listing .ttl h1 { background: #e98ab3 }
.bcAwarness li.icon-video.howa_w_hya .imageCntnr span,
.bcAwarness ul li.icon-image.howa_w_hya .imageCntnr span { background: #e98ab3 !important }
.bcAwarness li.howa_w_hya .item:hover a h2,
.bcAwarness li.howa_w_hya .item:hover .desc h2 { color: #e98ab3 !important }
.bcAwarness article.howa_w_hya .keywordsDiv .item:hover { background: #e98ab3; color: #fff }
.bcAwarness .articleListWidget li .secName.howa_w_hya{color: #e98ab3;}
.bcAwarness .articleListWidget li.howa_w_hya h2:hover{color: #e98ab3;}
@media screen and (min-width:320px) and (max-width:767px) {
    .bcAwarness .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya { color: #e98ab3 }
    .bcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after { background: #e98ab3; }
    .bcAwarness .pattern02 ul li:nth-last-child(-n+4) .secName.howa_w_hya { color: #e98ab3 }
}
.bcAwarness .cd-gallery li.howa_w_hya .secName { color: #e98ab3; }
.bcAwarness article.howa_w_hya .pagination ul li.current a { background: #e98ab3; color: #fff }
/** Breast Cancer Header **/
.bcAwarness .bcAwarnessHeader{display:inline-block;height:180px;position:relative;overflow:hidden;background:linear-gradient(to right,#fec7df,#efafcc);border:1px solid rgba(255,119,142,0.12)}
.bcAwarness .bcAwarnessHeader:before{content: "";background: url(../Images/rightEl.png) center center no-repeat;background-size: auto 100%;position: absolute;right:0;top: 0;width: 178px;height: 180px;pointer-events:none}
.bcAwarness .bcAwarnessHeader:after{content: "";background: url(../Images/leftEl.png) center center no-repeat;background-size: auto 100%;position: absolute;left:0;top: 0;width: 175px;height: 180px;pointer-events:none;opacity:0.6}

.bcAwarness .bcAwarnessHeader h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;color:#fff;width:100%;text-align:center;font-family:DroidKufiBold,arial;line-height:1.6;transition:none}
/*.bcAwarness .bcAwarnessHeader h2 span{display: block;font-size: 40px;}*/
.bcAwarness .howa_w_hya .speakol .ttl span{background:#e98ab3}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .bcAwarness .bcAwarnessHeader:before{right:-10px}
    .bcAwarness .bcAwarnessHeader:after{left:-40px}
    .bcAwarness .bcAwarnessHeader h2{font-size:34px}
}
@media only screen and (max-width: 1023px) {
    .bcAwarness .bcAwarnessHeader:before{right:-10px}
    .bcAwarness .bcAwarnessHeader:after{left:-40px}
    .bcAwarness .bcAwarnessHeader h2{font-size:34px}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .bcAwarness .bcAwarnessHeader{height:120px}
    .bcAwarness .bcAwarnessHeader:before{right:-10px;width: 119px;height: 120px;}
    .bcAwarness .bcAwarnessHeader:after{left:-40px;width: 117px;height: 120px;}
    .bcAwarness .bcAwarnessHeader h2{font-size:24px}
    .bcAwarness .bcAwarnessHeader h2 span{display: block;}
    
}




/** Breast Cancer Awarness (ff778e) **/
/*header:before {content: "";background: url(../Images/pcRibbon.png) center center no-repeat;background-size: 100% auto;position: fixed;right: 140px;top: 11px;z-index: 5;width: 96px;height: 55px;pointer-events: none;}*/
.pcAwarness .content-wrap{background:#f1f8fe}
.pcAwarness .content{background:none}
.pcAwarness .featuredArea ul li .secName.howa_w_hya { background: #30bbf5 }
.pcAwarness .featuredArea ul li .secName.howa_w_hya:after { background: #30bbf5 }
.pcAwarness .featuredArea ul li:first-child .secName.howa_w_hya { background: #30bbf5 !important }
.pcAwarness .pattern02 ul li:first-child .secName.howa_w_hya { background: #30bbf5 !important }
/*.pcAwarness .akhbarThemak li .secName.howa_w_hya { color: #30bbf5 }
.pcAwarness .pattern01 ul li .secName.howa_w_hya { color: #30bbf5 }*/
.pcAwarness .article.cd-gallery .infiniteListing li.howa_w_hya .secName { color: #30bbf5 }
.pcAwarness .howa_w_hya .mostRead .allItems li .number { background: #30bbf5 }
.pcAwarness .howa_w_hya .ttl { border-bottom: 2px solid #30bbf5; }
.pcAwarness .howa_w_hya .ttl h3 { background: #30bbf5; }
.pcAwarness .pattern02.howa_w_hya .ttl { border-bottom: 2px solid #30bbf5; }
.pcAwarness .pattern02.howa_w_hya .ttl h3 { background: #30bbf5; }
.pcAwarness .pattern02.howa_w_hya .ttl h3:after { background: #30bbf5; }
.pcAwarness .pattern02.howa_w_hya .ttl .secMenu li a:hover { color: #30bbf5 }
.pcAwarness .pattern02.howa_w_hya ul li .secName { background: #30bbf5; }
.pcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #30bbf5; }
.pcAwarness .pattern02.howa_w_hya ul li .secName:after,
.pcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #30bbf5; }
.pcAwarness .mostRead .allItems li .secName.howa_w_hya { color: #30bbf5; }
.pcAwarness .crossMedia .allItems li .secName.howa_w_hya { color: #30bbf5; }
.pcAwarness .media ul li .secName.howa_w_hya { color: #30bbf5; }
.pcAwarness .media ul li:first-child .secName.howa_w_hya { background: #30bbf5; }
.pcAwarness .howa_w_hya .breadcrumb li.active a { color: #30bbf5 }
.pcAwarness article.howa_w_hya .nextLink a { color: #30bbf5 }
.pcAwarness article.howa_w_hya .nextLink a:after { background: #30bbf5 }
.pcAwarness article.howa_w_hya .ttl { border-bottom: 2px solid #30bbf5; }
.pcAwarness article.howa_w_hya .ttl h3:after { background: #30bbf5; }
.pcAwarness article.howa_w_hya .details p a { color: #30bbf5 }
.pcAwarness article.howa_w_hya .details p a:before { background: #30bbf5 }
.pcAwarness article.howa_w_hya .amazonBanner { background: #30bbf5 }
.pcAwarness article.howa_w_hya .amazonBanner a { color: #30bbf5 }
.pcAwarness .howa_w_hya .listing .ttl h1 { background: #30bbf5 }
.pcAwarness li.icon-video.howa_w_hya .imageCntnr span,
.pcAwarness ul li.icon-image.howa_w_hya .imageCntnr span { background: #30bbf5 !important }
.pcAwarness li.howa_w_hya .item:hover a h2,
.pcAwarness li.howa_w_hya .item:hover .desc h2 { color: #30bbf5 !important }
.pcAwarness article.howa_w_hya .keywordsDiv .item:hover { background: #30bbf5; color: #fff }
.pcAwarness .articleListWidget li .secName.howa_w_hya{color: #30bbf5;}
.pcAwarness .articleListWidget li.howa_w_hya h2:hover{color: #30bbf5;}
@media screen and (min-width:320px) and (max-width:767px) {
    .pcAwarness .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya { color: #30bbf5 }
    .pcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after { background: #30bbf5; }
    .pcAwarness .pattern02 ul li:nth-last-child(-n+4) .secName.howa_w_hya { color: #30bbf5 }
}
.pcAwarness .cd-gallery li.howa_w_hya .secName { color: #30bbf5; }
.pcAwarness article.howa_w_hya .pagination ul li.current a { background: #30bbf5; color: #fff }
/** Breast Cancer Header **/
.pcAwarnessHeader{display:inline-block;height:180px;position:relative;overflow:hidden;border:none}
.pcAwarnessHeader:before{content: "";background: url(../Images/pcHeader-mas.jpg) left center no-repeat;background-size: 100% auto;position: absolute;left:0;top: 0;width: 1250px;height: 180px;pointer-events:none}
.pcAwarnessHeader h2{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:24px;color:#30bbf5;width:430px;font-family:DroidKufiBold,arial;line-height:1.6}
.pcAwarnessHeader h2 span{display: block;font-size: 40px;}
.pcAwarness .howa_w_hya .speakol .ttl span{background:#30bbf5}


.pcAwarnessEP{display:inline-block;float:right;width:100%;position:relative;height:250px;margin-top:50px;margin-bottom:0}
.pcAwarnessEP:before{content:"";position:absolute;top:0;right:0;left:0;width:100%;height:100%;background:url(../Images/marlboro.png) center top no-repeat;background-size:100% auto}
.pcAwarnessEP h2{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);font-family:DroidKufiBold,Arial;color:#003c60;font-size:30px;width:100%;text-align:center}
.pcAwarnessEP .more{position:absolute;width:110px;height:30px;background:#1c7bb9;text-align:center;bottom:20px;left:50%;transform:translate(-50%);color:#fff;line-height:30px;font-size:12px}


@media screen and (min-width:1360px) and (max-width:1919px) {
    .pcAwarnessEP{height:230px}
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .pcAwarnessEP{height:210px}
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .pcAwarnessEP{height:180px}
    .pcAwarnessEP h2{font-size:22px}
    .pcAwarnessHeader h2{font-size:22px}
    .pcAwarnessHeader h2 span{font-size: 38px;}
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .pcAwarnessEP{height:180px}
    .pcAwarnessEP h2{font-size:22px}
    .pcAwarnessHeader h2{font-size:22px}
    .pcAwarnessHeader h2 span{font-size: 38px;}
}
@media only screen and (max-width: 1023px) {
    .pcAwarnessEP{height:260px}
    /*header:before{right: auto;left: 50%;transform: translateX(calc(-50% - 30px));width: 100px;height: 56px;top: 8px;}*/
    .pcAwarness header:before{right: auto;left: 50%;transform: translateX(calc(-50% - 30px));width: 100px;height: 56px;top: 8px;}
    .pcAwarnessHeader h2{font-size:20px;}
    .pcAwarnessHeader h2 span{font-size: 36px;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .pcAwarnessEP{height:220px}
    .pcAwarnessEP:before{background-size: 500px auto;}
    .pcAwarnessEP h2{font-size:20px}
    .pcAwarnessHeader{height:120px;border:none}
    .pcAwarnessHeader:before{background: url(../Images/pcHeaderMob-mas.jpg) left center no-repeat;background-size: 100% auto;width:878px;height:120px}
    .pcAwarnessHeader h2{font-size:16px;right:10px;top:auto;bottom:10px;transform:none}
    .pcAwarnessHeader h2 span{font-size: 22px;}
}





/***** Ramadan ****/
.featuredArea ul li .secName.ramadan { background: #330D46 }
.featuredArea ul li .secName.ramadan:after { background: #330D46 }
.featuredArea ul li:first-child .secName.ramadan { background: #330D46 !important }
.pattern02 ul li:first-child .secName.ramadan { background: #330D46 !important }
.akhbarThemak li .secName.ramadan { color: #330D46 }
.pattern01 ul li .secName.ramadan { color: #330D46 }
.article.cd-gallery .infiniteListing li.ramadan .secName { color: #330D46 }
.ramadan .mostRead .allItems li .number { background: #330D46 }
.ramadan .ttl { border-bottom: 2px solid #330D46; }
.ramadan .ttl h3 { background: #330D46; }
.ramadan .media ul li .secName { background: #330D46; }
.pattern02.ramadan .ttl { border-bottom: 2px solid #330D46; }
.pattern02.ramadan .ttl h3 { background: #330D46; }
.pattern02.ramadan .ttl h3:after { background: #330D46; }
.pattern02.ramadan ul li .secName { background: #330D46; }
.pattern02.ramadan ul li:nth-last-child(-n+3) .secName:after { background: #330D46; }
.pattern02.ramadan ul li .secName:after, .pattern02.ramadan ul li:nth-last-child(-n+3) .secName:after { background: #330D46; }
.ramadan .listing .ttl h1:after { background: #330D46 }
.mostRead .allItems li .secName.ramadan { color: #330D46 }
.crossMedia .allItems li .secName.ramadan { color: #330D46 }
.article .ramadan .details p a { color: #DB7E08 }
.media ul li .secName.ramadan { color: #330D46; }
.media ul li:first-child .secName.ramadan { background: #330D46; }
.ramadan .breadcrumb li.active a { color: #330D46 }
article.ramadan .nextLink a { color: #330D46 }
article.ramadan .nextLink a:after { background: #330D46 }
article.ramadan .ttl { border-bottom: 2px solid #330D46; }
article.ramadan .ttl h3:after { background: #330D46; }
article.ramadan .details p a { color: #330D46 }
article.ramadan .details p a:before { background: #330D46 }
article.ramadan .amazonBanner { background: #330D46 }
article.ramadan .amazonBanner a { color: #330D46 }
.ramadan .listing .ttl h1 { background: #330D46 }
li.icon-video.ramadan .imageCntnr span, ul li.icon-image.ramadan .imageCntnr span { background: #330D46 !important }
li.ramadan .item:hover a h2,
li.ramadan .item:hover .desc h2 { color: #330D46 !important }
article.ramadan .keywordsDiv .item:hover { background: #330D46; color: #fff }

.articleListWidget li .secName.ramadan{color: #330D46;}
/** elconsolto (37c0be) **/
/*.pattern02.elconsolto{background-color:#1a3a4d}
.featuredArea ul li .secName.elconsolto{background:#1a3a4d}
.featuredArea ul li .secName.elconsolto:after{background:#1a3a4d}
.featuredArea ul li:first-child .secName.elconsolto{background:#1a3a4d!important}
.pattern02 ul li:first-child .secName.elconsolto{background:#1a3a4d!important}
.featuredArea ul li .secName.elconsolto:before{background:#1a3a4d}
.akhbarThemak li .secName.elconsolto:before{background:#1a3a4d}
.pattern01 ul li .secName.elconsolto:after{background:#1a3a4d}
.elconsolto .mostRead .allItems li .number {background: #1a3a4d}
.elconsolto .ttl{border-bottom: 1px solid #1a3a4d;}
.elconsolto .ttl h3:after{background: #1a3a4d;}
.pattern02.elconsolto .ttl{border-bottom: 1px solid #1a3a4d;}
.pattern02.elconsolto .ttl h3:after{background: #1a3a4d;}
.pattern02.elconsolto ul li .secName{background: #1a3a4d;color:#fff}
.pattern02.elconsolto ul li:nth-last-child(-n+3) .secName:after{background: #1a3a4d;}
.pattern02.elconsolto ul li .secName:after, .pattern02.elconsolto ul li:nth-last-child(-n+3) .secName:after{background: #1a3a4d;}
.mostRead .allItems li .secName.elconsolto:after{background:#1a3a4d;}
.media ul li .secName.elconsolto{background:#1a3a4d;}
.elconsolto .breadcrumb li.active a{color:#1a3a4d}
article.elconsolto .nextLink a{color:#1a3a4d}
article.elconsolto .nextLink a:after{background:#1a3a4d}
article.elconsolto .ttl{border-bottom: 1px solid #1a3a4d;}
article.elconsolto .ttl h3:after{background: #1a3a4d;}
article.elconsolto .details p a{color:#1a3a4d}
article.elconsolto .details p a:before{background:#1a3a4d}
.elconsolto .listing .ttl h1:after{background:#1a3a4d}
.pattern02.elconsolto ul li:first-child .secName.news{background:#1a3a4d!important}
.pattern02.elconsolto ul li:nth-last-child(-n+3) .desc p{color:#fff}
.elconsolto .ttl .more{color:#fff}
.pattern02.elconsolto ul li:nth-last-child(-n+3) .secName:hover{color:#ddd}
.pattern02.elconsolto ul li:nth-last-child(-n+3) .item:hover .desc p{color:#ddd}
.pattern02.elconsolto ul li:nth-last-child(-n+3).icon-image .secName{color:#fff}
.pattern02.elconsolto .ttl h2 a, .pattern02.elconsolto .ttl h1 a, .pattern02.elconsolto .ttl h3 a{color:#fff}*/
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.ramadan { color: #330D46 }
    .pattern02 ul li:nth-last-child(-n+4) .secName.ramadan { color: #330D46 }
}
.cd-gallery li.ramadan .secName { color: #330D46; }
article.ramadan .pagination ul li.current a { background: #330D46; color: #fff }
/*.ramadan .featuredArea ul li .secName,
.ramadan .featuredArea ul li:first-child .secName{background:#330D46!important}
.ramadan li .item:hover a h2, 
.ramadan li .item:hover .desc h2 {color: #330D46!important;}
.ramadan .mostRead .allItems li .secName {color: #330D46;}*/
/** World Cup 2018 (015386) **/
.featuredArea ul li .secName.wc { background: #056818 }
.featuredArea ul li .secName.wc:after { background: #056818 }
.featuredArea ul li:first-child .secName.wc { background: #056818 !important }
.pattern02 ul li:first-child .secName.wc { background: #056818 !important }
.akhbarThemak li .secName.wc { color: #056818 }
.pattern01 ul li .secName.wc { color: #056818 }
.pattern01 ul li .secName.wc:after { background: #056818 }
.wc .mostRead .allItems li .number { background: #056818 }
.wc .ttl { border-bottom: 1px solid #056818; }
.wc .ttl h3:after { background: #056818; }
.pattern02.wc .ttl { border-bottom: 1px solid #056818; }
.pattern02.wc .ttl h3:after { background: #056818; }
.pattern02.wc ul li .secName { background: #056818; }
.pattern02.wc ul li:nth-last-child(-n+3) .secName:after { background: #056818; }
.pattern02.wcHp .ttl { border-bottom: 1px solid #056818; }
.pattern02.wcHp ul li .secName { background: #056818; }
/*.shiftPattern .shiftHeader p{font-size:18px;line-height:2.5}
*/ .pattern02.wcHp ul li:nth-last-child(-n+3) .secName:after { background: #056818; }
.pattern02.wcHp ul li .secName:after, .pattern02.wcHp ul li:nth-last-child(-n+3) .secName:after { background: #056818; }
.mostRead .allItems li .secName.wc { color: #056818; }
.crossMedia .allItems li .secName.wc { color: #056818; }
.media ul li .secName.wc { color: #056818; }
.media ul li:first-child .secName.wc { background: #056818; }
.wc .breadcrumb li.active a { color: #056818 }
article.wc .nextLink a { color: #056818 }
article.wc .nextLink a:after { background: #056818 }
article.wc .ttl { border-bottom: 1px solid #056818; }
article.wc .ttl h3:after { background: #056818; }
article.wc .details p a { color: #056818 }
article.wc .details p a:before { background: #056818 }
.wc .pattern02 ul li .secName { background: #056818; }
.wc .pattern02 ul li:nth-last-child(-n+3) .secName:after { background: #056818; }
.wc .pattern02 .ttl { border-bottom: 1px solid #056818; }
.wc .pattern02 .ttl h3:after { background: #056818; }
.wc .allMatches .item .tourName { border-bottom: 1px solid #056818; }
.wc .listing .ttl h1 { background: #056818 }
li.icon-video.wc .imageCntnr span, ul li.icon-image.wc .imageCntnr span { background: #056818 !important }
li.wc .item:hover a h2,
li.wc .item:hover .desc h2 { color: #056818 !important }
article.wc .keywordsDiv .item:hover { background: #056818; color: #fff }
@media screen and (min-width:320px) and (max-width:767px) {
    .featuredArea ul li:nth-last-child(-n+5) .secName.wc { color: #056818 }
    .pattern02.wc ul li:nth-last-child(-n+5) .secName:after { background: #056818; }
    .pattern02.wcHp ul li:nth-last-child(-n+5) .secName:after { background: #056818; }
    .pattern02.ramadan .ul li:nth-last-child(-n+3).icon-image .secName { color: #fff }
    .pattern02.ramadan .ul li:nth-last-child(-n+3).icon-image .secName:hover { color: #fff !important }
    .pattern02.ramadan ul li:nth-last-child(-n+5) .secName { color: #fff !important }
    .education .multiMedia .media ul li { width: 100%; margin-left: 0 }
}
.cd-gallery li.wc .secName { color: #056818; }
.wcBg .matchesTabs .more { background: #056818; }
.wcBg .matchesTabs .more:hover { background: #2e8432 }
@media screen and (min-width:1280px) and (max-width:1919px) {
 .thanawia{background:url(../Images/Thanawya/thanawiaamma200.png)  top 20px center no-repeat #b6b5b3;background-size:100%}
  }

@media screen and (min-width:1360px) and (max-width:1919px) {
  .ramadanHeader{background:url(../Images/ramdan24/masrawyhelal.png) top 10px right 10px no-repeat, url(../Images/ramdan24/ramdanDesk.jpg) top -42px center no-repeat;background-size:3%,100%}
  .ramadanHeader:before{width:245px;height:135px;left:150px}
  .ramadanHeader:after{width:330px;height:53px;right:175px}
  }

@media screen and (min-width:1280px) and (max-width:1359px) {
  .ramadanHeader{background:url(../Images/ramdan24/masrawyhelal.png) top 10px right 10px no-repeat, url(../Images/ramdan24/ramdanDesk.jpg) top -35px center no-repeat;background-size:3%,100%}
  .ramadanHeader:before{width:225px;height:124px;left:130px}
  .ramadanHeader:after{width:310px;height:49px;right:155px}
  }


@media screen  and (min-width: 1024px) and (max-width: 1279px){
  .ramadanHeader{background:url(../Images/ramdan24/masrawyhelal.png) top 10px right 10px no-repeat, url(../Images/ramdan24/ramdanDesk.jpg) top 3px center no-repeat;background-size:3%,100%}
  .ramadanHeader:before{width:208px;height:114px;left:116px}
  .ramadanHeader:after{width:255px;height:40px;right:105px}  
.thanawia{background:url(../Images/Thanawya/thanawiaamma200.png)  top 40px center no-repeat #b6b5b3;background-size:100%}
}
@media screen and (min-width:768px) and (max-width:1023px) {
/*    .ramadanHeader { background: url(../Images/RamdanGround.webp) top -84px left 0px no-repeat; background-size: auto; height: 140px; margin-bottom: 30px; }
    .ramadanHeader:before { background: url(../Images/starRight.webp)top 0px right -48px no-repeat; background-size: 145px auto; }
    .RHeaderLogo { background: url(../Images/Ramlogo.webp) top 22px right 80px no-repeat; background-size: 120px auto; }
    .ramadanHeader::after { background: url(../Images/starLeft.webp) bottom 44px left -18px no-repeat; background-size: 140px auto; }*/

.ramadanHeader{background:url(../Images/ramdan24/masrawyhelal.png) top 10px right 10px no-repeat, url(../Images/ramdan24/ramdanDesk.jpg) top -35px center no-repeat;background-size:3%,100%}
  .ramadanHeader:before{width:145px;height:80px;left:116px}
  .ramadanHeader:after{width:228px;height:36px;right:122px;top:48px}  
}
@media screen and (min-width:500px) and (max-width:767px) {
    /*.ramadanHeader { background: url(../Images/RamdanGround.webp) top 0px left 0px no-repeat; background-size: 750px auto; height: 140px; margin-bottom: 30px; }
    .ramadanHeader:before { background: url(../Images/starRight.webp)top 0px right -48px no-repeat; background-size: 125px auto; }
    .RHeaderLogo {*/ /*  background: url(../Images/Ramlogo.webp) top 24px right 50px no-repeat;
        background-size: 90px auto;*/ /*background: url(../Images/Ramlogo.webp) top 28px right 80px no-repeat; background-size: 90px auto; } 
    .ramadanHeader::after { background: url(../Images/starLeft.webp) bottom 44px left -15px no-repeat; background-size: 110px auto; }*/
                         .thanawia{background:url(../Images/Thanawya/thanawiaammaMobb.png)  top 50% center no-repeat #b6b5b3;background-size:100% auto;}

}
@media screen and (min-width:320px) and (max-width:767px) {
    /*.ramadanHeader:before { background: url(../Images/starRight.webp)top 0px right -27px no-repeat; background-size: 88px auto; }
    .RHeaderLogo {*/ /*  background: url(../Images/Ramlogo.webp) top 24px right 50px no-repeat;
        background-size: 90px auto;*/ /*background: url(../Images/Ramlogo.webp) top 28px right 52px no-repeat; background-size: 85px auto; }
    .ramadanHeader { background: url(../Images/RamdanGround.webp) top 0px left -100px no-repeat; background-size: 700px auto; height: 140px; margin-bottom: 30px; }
    .ramadanHeader::after { background: url(../Images/starLeft.webp) top 15px left 0px no-repeat; background-size: 80px auto; }*/

   .ramadanHeader{    background: url(../Images/ramdan24/masrawyhelal.png) top 10px right 10px no-repeat, url(../Images/ramdan24/masrawyMob.jpg) top right -32px no-repeat;
    background-size: 6%,160%;}
   .ramadanHeader:before{left:50%;transform:translateX(-50%);height:90px;width:163px}
   .ramadanHeader:after{top: 45px;left: 50%;transform: translateX(-50%);width: 172px;height: 24px;right:auto;background:url(../Images/ramdan24/ramdankmasMob.png) center center no-repeat;background-size:100%}

}
.speakol-widget{min-height: 1px;}