.contentAppended { min-height: 580px; width: 100%; padding-bottom:25px; } .container-appended { display: inline-block; } @media(min-width:768px) { .topInfoArticle { } .container-appended-caricater, .container-appended-blogs { max-width: calc(100% - 70px); } .container-appended-blogs .infinite-content-container { width: 100%; } .DPmiddelDivUp { width: 645px; } } .DP-MainText.NoLeftSideImage a { position: relative; } .row-scrolling { display: inline-block; width: 100%; } .jscroll-next { clear: both; width: 100%; text-align: center; display: none; margin: 40px 0px 20px 0px; font-size: 22px; } .row-scrolling img { width: 36px; vertical-align: middle; margin-left: 3px; } .contentAppended { display: inline-block; float: left; } .container-appended > .contentAppended .infinite-content-container:after { content: ''; border: none; height: 70px; width: 99%; height: 50px; margin-top: 0; border-bottom: 2px solid #636AB0; box-shadow: 0 18px 18px -18px #000; margin-right: -10px; float: left; } .container-appended .contentAppended:last-child .infinite-content-container:after { content: none; } .mobile-next-prev { display: none; } @media (max-width: 767px) { .tagsContent { display: none; } span.tagsTitle { display: none; } .mobile-next-prev { display: block; } span.DP-MainDate { padding-top: 17px; margin-bottom: -5px; } .MMI { display: none; } .DP-bodyContent { width: 100%; } .MobileFooter { display: none; } .MDP-Title { padding-bottom: 8px; width: 93.7%; margin: 0 auto; } .padInsu { padding: 0; } #SiteDPId .DP-MainContainer { display: block !important; visibility: visible !important; } #SiteDPId .DP-MainContainer .DP-MainBody, #SiteDPId .DP-MainContainer .DPbackgroundRighDiv, #SiteDPId .DP-MainContainer .rightDivUp { display: none; visibility: hidden; } #SiteDPId .DP-MainContainer .DP-MainDiv, #SiteDPId .DP-MainContainer .contentAppended, #SiteDPId .DP-MainContainer #MobileDPId { display: block !important; visibility: visible !important; } .DP-MainDiv { width: 100% !important; } .DP-MainContainer, .contentAppended { width: 100%; } .container-appended > .contentAppended:after { width: 100%; } .navigation-infinte > div p { display: none !important; } .navigation-infinte { width: 50px !important; background: none !important; z-index: 1000 !important; position: fixed !important; bottom: 100px !important; right: 0 !important; } .navigation-infinte > div > a { background: rgba(154, 153, 154, 0.85) !important; } .navigation-infinte > div { padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: none !important; margin-bottom: 1px !important; } .navigation-infinte > div:hover { overflow: hidden !important; } .navigation-infinte > div a > span { padding: 3px 0px; } .navigation-infinte > div a > i { font-size: 20px !important; } } .pages, .metaInfo { display: none; } .navigation-infinte { margin-bottom: -55px; width: 63px; background: #9a999a; z-index: 2; margin-top: 20px; } .navigation-infinte > div { width: 100%; position: relative; border-bottom: 1px solid #fff; padding-top: 3px; padding-bottom: 3px; overflow: hidden; } .navigation-infinte > div:hover { overflow: visible; } .navigation-infinte > div a { color: #fff; } .navigation-infinte > div a:hover { color: #fff; } .navigation-infinte > div > a { text-align: center; box-sizing: border-box; display: inline-block; width: 100%; background: #9a999a; z-index: 1; padding-bottom: 5px; padding-top: 5px; } .navigation-infinte .prev-article { display: none; } .navigation-infinte > div a > i, .navigation-infinte > div a > span { display: block; } .navigation-infinte > div a > i { font-size: 28px; } .navigation-infinte > div a > span { display: block; font-size: 16px; width: 100%; margin: 0 auto; text-align: center; font-weight: 600; max-width: 50px; line-height: 18px; } .navigation-infinte > div p a, .navigation-infinte > div p a:hover { color: #fff !important; text-align: right; display: table-cell; vertical-align: middle; } .navigation-infinte > div p { position: absolute; min-width: 238px; top: 0; height: 49px; background-color: #9a999a; padding: 8px 5px 5px 5px; font-weight: 600; -webkit-transition: right 0.5s ease; -moz-transition: right 0.5s ease; -o-transition: right 0.5s ease; -ms-transition: right 0.5s ease; transition: right 0.5s ease; z-index: -1; right: 0px; opacity: 0; text-align: right; vertical-align: middle; display: table; } .sideBar > .row:first-child .section-title h3 { margin-top: 0; } .navigation-infinte > div:hover p { right: 64px !important; opacity: 1 !important; } i.arrow-up { } i.arrow-down { } .cursorWait a { cursor: wait; } ._magnetRelConrel_71-5 { border-top: 0 !important; padding-top: 10px; margin-top: 0; float: none; margin: 0 auto; width: 94.6%; margin: 0 auto; } .informa-post { width: 100%; clear: both; } .informa-post > div { box-sizing: border-box; width: 50%; float: right; padding-right: 10px; } .submenu-linkM { background: #636AB0; padding: 2px 10px; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; float: left; white-space: nowrap; } .informa-post { margin-top: 5px; } span.DP-MainDate { font-size: 18px; } .MDP-ShareBox { margin-top: 10px; direction: ltr; } .facebook-icon .stBubble_hcount { visibility: hidden; display: none !important; color: #000; font-size: 18px; border: 2px solid #C8C8C8; padding: 0px 5px; height: 16px; vertical-align: top; line-height: 18px; border-radius: 4px; position: relative; margin-top: 6px; margin-left: 3px; } .facebook-icon .stBubble_hcount:after { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; content: ''; border-right: 5px solid #C8C8C8; position: absolute; top: 3px; left: -7px; } .MDP-ShareBox > a { font-size: 24px; margin-left: 8px; } .facebook-icon { color: #3B5999; } .twitter-icon { color: #55ACEE; } .google-icon { color: #DD4B39; } .whatsapp-icon { color: #4BC959; } #footer { display: none; } .subMenuContainer { display: none !important; } .container-appended > .contentAppended .addLeftArea { display: none; } .container-appended > .contentAppended:first-child .addLeftArea { display: block; } .container-appended > .contentAppended .readersOptionsBlock { display: none; } .container-appended > .contentAppended:first-child .readersOptionsBlock { display: block; } .container-appended > .contentAppended .readerChoiseAreaLA { display: none; } .container-appended > .contentAppended .DP-HomepageNewsConten { display: none; } .container-appended > .contentAppended .dwn_arabi_contaner { display: none; } .container-appended > .contentAppended:nth-child(3n) .dwn_arabi_contaner { display: block; } .infinite-content-container { display: inline-block; float: left; width: 100%; } li.li.row0 { height: auto !important; } li.li.row2 { height: auto !important; } .singleEmArticle > .TitleEm { height: auto !important; } @media(min-width:768px) { .DPmiddelDivUp__caricature img { max-width: 100%; } .DP-MainBody__caricature { width: 1072px; float: left; } } .leftAreaBlogs-mobile { display: none; } .leftAreaBlogs-desktop { display: block; } @media(max-width:767px) { .leftAreaBlogs-desktop { display: none; } .leftAreaBlogs-mobile { display: block; } .DP-MainText table:not(#captionTable), .DP-MainText table:not(#captionTable) tr { max-width: 100% !important; width: 98% !important; table-layout: fixed; overflow: hidden; } .contentAppended { padding-bottom: 15px; } } .DP-ArticleTitle { padding: 0; } .infinite-content-container { position: relative; min-height: 580px; } .MDP-Body { min-height: 330px; } .DP-MainText.blogs-content-box { min-height: 330px; } @media(min-width:768px) and (max-width:992px) { .infinite-content-container { min-height: 80vh; } } .container-appended > .contentAppended .infinite-content-container:after { position: absolute; bottom: 0; left: 0; } .infinite-content-container { padding-bottom: 50px; } @media(max-width:767px) { .infinite-content-container { padding-bottom: 20px; } } .counterFBShown .facebookShareIcon { width: 45px !important; } .counterFBShown > .counter { display: inline-block !important; position: absolute; text-align: left; } .facebook-icon .stBubble_hcount.counterFBShownMob { visibility: visible !important; display: inline-block !important; } .submenu-linkM-lone { color: #fff !important; padding: 5px 10px; display: none; } @media(max-width:767px) { .submenu-linkM-lone { display: inline-block; } } .DP-ShareBoxItem .counter { } @media(max-width:1024px) { .navigation-infinte > div p { display: none !important; } } @media(max-width:767px) { .DP-RelatedFilesTitle { cursor: pointer; } #ReadMoreMagnetMobile { margin-top: 15px; } .MPDP-ReadMoreMainTitle { font-size: 18px; font-weight: normal; padding: 3px; height: 27px; } .navigation-infinte__margin { bottom: 260px !important; } } .CommentsserviceCount{ display:none; } .rightAreaSharingItem .no-count{ margin-left: 18px !important; } .commentsTabsBlock,.commentsTabsBlock_cc{ margin-top:8px;margin-bottom:8px; } @media(min-width:768px){ #footer { margin-top:60px; } } .navigation-infinte__margin{ margin-top:4px !important; } .DP-ArticleTitle h1{ padding-top:0; }