@charset 'UTF-8';

/*****Shared******/
.quote-block {
    quotes: "”" "“" "‘" "’"
}

body.articles .audio-player {
    height: 48px !important;
    padding: 0px !important;
}

body.articles .audio-player .external-media {
    float: none;
    width: 100%;
}

.cd-popup-trigger.block-560, .cd-popup-trigger {
    border: none !important
}

#gigya-login-screen [gigid=facebook],
#gigya-register-screen [gigid=facebook] {
    background: url('/dms/templating-kit/themes/mbc/img/facebook-mobile.jpg') left center no-repeat #3a5b98 !important;
    height: 40px !important;
    color: #fff;
    background-size: 45px 100% !important;
    font: 21px "MyTestMedium", Arial, Traditional Arabic !important;
    text-align: center;
    line-height: 40px;
}

#gigya-login-screen [gigid=facebook]:before,
#gigya-register-screen [gigid=facebook]:before {
    content: 'دخول عن طريق فيسبوك'
}

.en #gigya-login-screen [gigid=facebook]:before,
.en #gigya-register-screen [gigid=facebook]:before {
    content: 'sign in with Facebook'
}

.gigya-screen .login-custom-buttons {
    font: 24px "MyTestMedium", Arial, Traditional Arabic !important;
    width: 90%;
    max-width: 90%;
    margin: auto;
    text-align: center;
    color: #909090;
}

.gigya-screen .login-custom-buttons > * {
    display: inline-block;
}

.gigya-screen .login-custom-buttons span {
    font: 24px "MyTestBold", Arial, Traditional Arabic !important;
    cursor: pointer;
    color: #606060;
}

#gigya-login-screen [gigid=facebook] div, #gigya-login-screen [gigid=twitter], #gigya-login-screen [gigid=googleplus] {
    display: none
}

#gigya-login-screen [gigid=facebook] div, #gigya-login-screen [gigid=twitter], #gigya-login-screen [gigid=googleplus] {
    display: none
}

.en #gigya-modal-plugin-container-showScreenSet_social_0 td[align="right"] {
    width: 17% !important
}

.en #gigya-modal-plugin-container-showScreenSet_social_0 td[align="left"] {
    display: none !important
}

/*******Galaxy S5 Native browser fix *****/

.box.tabsBlock li.selected a, .box.tabsBlock li:hover a, .featured-articles h3,
.featured-articles h3 a,
.data-block.program-listing-block.videos .block-header h3,
.data-block.program-listing-block .block-header h3 {
    white-space: nowrap !important
}

/*@ToDo after deployement fixes*******IE fixes *********/
@media screen\0 {
    #logo {
        top: -7px !important;
    }

    #header {
        position: static !important;
    }
}

/****** Desktop Only ****/
/*** Components were added to match mobile need - must be manipulated on desktop **/
@media screen and (min-width: 768px) {
    /*980 Ali Sao*/
    /*****full video article fix ****/
    .ar.program-article .external-media.block-560 > iframe,
    .ar.inlined-video .external-media.block-560 > iframe
    {
        margin-right: -40px !important
    }

    .ar.program-article .wrap_article, .ar.program-article .wrap_article .content,
    .ar.inlined-video .wrap_article, .ar.inlined-video .wrap_article .content{
        width: 980px !important
    }

    /*.ar.video-article #extras {top:705px!important}*/
    /*****Section fixes****/
    body#home #branding #nav-global,
    body#home .take-over,
    body#home .promos .program-listing,
    body#home .js-on ul.nav-global li:hover .menu, body#home ul.nav-global li .menu,
    body#home #branding,
    body#home.articles #wrapper-3-inner, body#home .wrap_channel_navigation, body#home #section-header, body#home .timetable, body#home #site-info-inner,
    body#home .stage .mainslider .rack,
    body#home .stage .mainslider,
    body#home .full-width {
        width: 980px
    }

    .show-title-link,
    .mobile-title,
    .insert-comment-label {
        display: none;
    }

    .social-media-embed-post.block-560 iframe.twitter-tweet {
        margin-right: -40px !important
    }

    /*.video-article.articles #wrapper #wrapper-3-inner #extras {margin-top:0px!important}*/
    #extras .slide-item .related-component-list .related-component-list-img a img {
        height: 100% !important;
        object-fit: cover;
    }

    /*#gigya-login-screen center center div, #gigya-register-screen center center div {width: 138px !important;}*/
    #gigya-login-screen center center div, #gigya-register-screen center center div {
        width: 100% !important;
    }

    .gigya-social-login-container {
        width: auto !important;
        height: auto !important
    }

    #gigya-login-screen [gigid=facebook],
    #gigya-register-screen [gigid=facebook] {
        width: 300px !important
    }

    #gigya-login-screen [gigid=facebook] {
        position: relative
    }

    #gigya-login-screen [gigid=facebook] div {
        position: absolute !important;
        top: 3px;
        left: 0px;
        width: 30px !important;
        height: 30px !important
    }

    #gigya-login-screen [title], #gigya-register-screen [title] {
        margin: 0px !important
    }

    /*.en #gigya-modal-plugin-container-showScreenSet_social_0 td{display: none!important}*/
    /*.en #gigya-modal-plugin-container-showScreenSet_social_0_p0 > tbody > tr > td > table > tbody > tr > td:nth-child(1) {display: block!important}*/
    /*html[lang="en"] #gigya-login-screen [gigid=facebook],*/
    /*html[lang="en"] #gigya-register-screen [gigid=facebook]{float: none;margin: auto}*/
    body.articles ul.nav-global {
        height: auto !important;
    }

    .block-560 .audio-player iframe {
        width: 560px !important;
        height: 55px !important
    }

    #gigya-login-screen .gigya-social-login.gigya-reset, #gigya-register-screen .gigya-social-login.gigya-reset {
        min-height: 42px !important;
    }

    .en:not(articles) #branding #nav-global {
        margin-left: 100px !important;
        width: 880px !important
    }

}

@media screen and (min-width: 768px) and (max-width: 979px) {
    .mains.ar #branding #nav-global {
        margin-right: 100px !important
    }
}

/**** Mobile Only ***/
@media screen and (max-width: 767px) {
    html {
        font-size: 62.5%;
    }

    html, html > *, body, body > * {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    body.articles, body.articles.en {
        background: #263238 !important
    }

    body.articles {
        padding: 0px !important
    }

    body.apps {
        background: #fff !important
    }

    /******font-icons*****/
    @font-face {
        font-family: 'mbcIcons';
        src: url('/dms/templating-kit/themes/mbc/fonts/mbcIcons/mbcIconsE.eot?q64all');
        src: url('/dms/templating-kit/themes/mbc/fonts/mbcIcons/mbcIconsE.eot?q64all#iefix') format('embedded-opentype'),
        url('/dms/templating-kit/themes/mbc/fonts/mbcIcons/mbcIconsT.ttf?q64all') format('truetype'),
        url('/dms/templating-kit/themes/mbc/fonts/mbcIcons/mbcIconsW.woff?q64all') format('woff'),
        url('/dms/templating-kit/themes/mbc/fonts/mbcIcons/mbcIconsS.svg?q64all#mbcIcons') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /* Search & Global Header *//*** Montaser ***/
    .left-side-menu {
        margin-left: 0 !important;
        box-sizing: border-box;
        left: 11px;
        top: 2px !important;
        margin-top: -15px;
        position: absolute;
        width: auto;
        right: 100%;
    }

    .left-side-menu div.english-menu {
        display: none !important;
        visibility: hidden !important
    }

    #branding #nav-global {
        width: auto !important;
        margin: auto !important;
        margin-right: 0 !important;
    }

    .en #branding #nav-global {
        width: 100%!important;
    }
    #wrapper-header .search-wrap {
        display: none
    }

    #home #wrapper-header .search-wrap, #section #wrapper-header .search-wrap {
        display: block !important
    }

    /*** Montaser ***/
    [class^="icon"], [class*=" icon"], body.articles [class^="icon"]:before, [class*=" icon"]:before,
    .table-component-container.more-560 #next_nav:before, .table-component-container.more-560 #prev_nav:before,
    .slick-prev:before, .slick-next:before, .mobile-slick-next:before, .mobile-slick-prev:before {
        font-family: 'mbcIcons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon1:before {
        content: "\e900";
    }

    .icon2:before {
        content: "\e901";
    }

    .icon3:before {
        content: "\e902";
        font-family: 'mbcIcons' !important;
    }

    /*,.comments-count:before*/
    .icon4:before, .more-comment-link:before {
        margin: auto 7px;
        content: "\e903";
        font-family: 'mbcIcons' !important;
    }

    .icon5:before {
        content: "\e904";
    }

    .icon6:before {
        content: "\e905";
        font-family: 'mbcIcons' !important;
    }

    /*,.icon-mbcNews:before*/
    .icon7:before {
        content: "\e906";
    }

    .icon8:before,
    .table-component-container.more-560 #next_nav:before,
    .table-component-container.more-560 #prev_nav:before,
    .prosports #branding ul.nav-global li.has-menu:before,
    .slick-prev:before,
    .slick-next:before,
    .mobile-slick-next:before,
    .mobile-slick-prev:before {
        content: "\e907";
        font-family: 'mbcIcons' !important;
    }

    /*,
    .slick-prev:after,.slick-next:after*/
    .icon9:before {
        content: "\e908";
    }

    .icon10:before {
        content: "\e909";
    }

    .icon11:before, .poll-section-title span.icon:before {
        content: "\e90a";
    }

    .icon12:before {
        content: "\e90b";
    }

    .icon13:before {
        content: "\e90c";
    }

    .icon14:before {
        content: "\e90d";
    }

    .icon15:before {
        content: "\e90e";
    }

    .icon16:before {
        content: "\e90f";
    }

    .icon17:before {
        content: "\e910";
    }

    .icon18:before {
        content: "\e911";
    }

    .icon19:before {
        content: "\e912";
    }

    .icon20:before {
        content: "\e913";
    }

    .icon21:before {
        content: "\e914";
    }

    .icon22:before, .instagram-asml span.icon:before {
        content: "\e915";
    }

    .icon23:before {
        content: "\e916";
    }

    .icon24:before {
        content: "\e917";
    }

    .icon25:before {
        content: "\e918";
    }

    .icon26:before, .article-shahid-box span.icon:before {
        content: "\e919";
    }

    /*resetting static width*/
    body.articles .global-login-container,
    body.articles .top-nav ul,
    body.articles #branding,
    .js-on .articles.video-article #main .slideshow .rack,
    .articles.video-article #main .slideshow .teaser,
    .articles.video-article #main .slideshow.multimedia,
    .articles.video-article .box .arena,
    .articles #wrapper-3,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article .content,
    #wrapper #wrapper-2 #wrapper-3-inner .content-stream.content-stream-rp.cs-full-width,
    .articles #wrapper #wrapper-3-inner,
    .js-on #branding ul.nav-global li:hover .menu,
    #branding ul.nav-global li .menu,
    .js-on .wrap_channel_navigation ul.nav-global li:hover .menu,
    .wrap_channel_navigation ul.nav-global li .menu,
    body.articles .wrap_channel_navigation .wrap_channel_navigation_inner,
    body.articles .wrap_channel_navigation,
    body.articles #wrapper-3-inner,
    #site-info-inner,
    .article-title,
    .block-560,
    #main,
    #article #wrapper-3-inner #main,
    .box.wrap_article,
    body.articles .content,
    .content .arena > p,
    .articles .share-bar,
    .mobile-banner,
    #main .related-content-slider,
        /*  .related-content-slider .slick-slide > div,*/
    .related-content-slider .slide-item-container,
        /*.related-content-slider .slick-track,*/
    body.articles .killerbanner,
    #site-info #site-info-inner .copyrights,
    div.gigya-screen-dialog,
    div.gigya-screen-dialog-content,
    div.gigya-screen-dialog-inner,
    div.gigya-screen,
    .gigya-social-login-container,
    .related-component-sliding-format2,
    .injected-photo-album,
    .injected-photo-album .pa-main-container,
    .photo-album-container,
    .injected-photo-album #slider_container.injected-pa-area,
    .audo-embed-post-content,
    .wrap_comments .arena,
    .comments-box-actions .comments-form .insert-name,
    .comments-box-actions .comments-form .insert-comments,
    .articles-comments-mblock,
    .en.alboum-page #main .wrap_article .content .arena,
    #main.photo-album-article .form-wrapper,
    .articles.en #main .box.wrap_article .block-560,
    .mbcSlider-next-album__container,
    .articles.alboum-page #wrapper #wrapper-3-inner #main,
    .articles.alboum-page #alboum-list,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .slideshow-container,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper .advance-link > img,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .caption-container,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .caption-container .image-caption,
    .alboum-page div.caption-container,
    .articles.alboum-page #alboum-list,
    .articles.video-article .external-media iframe,
    .articles #main .slideshow.multimedia,
    .js-on #main .slideshow .rack-design,
    .js-on .articles #main .slideshow .rack,
    #main .slideshow .teaser,
    body.articles .external-media,
    #main .slideshow .teaser video,
    .poll-section.imgs-poll .option-list-block img,
    .gig-button-container-horizontal .poll-options-block .option-list-block,
    body.articles .box.poll_sml.special div.gig-button-container,
    .poll-section.image-poll .poll-options-block .option-list-block.horizontal,
    .imgs-poll .poll-options-block .option-list-block,
    #main .box.wrap_article .box.poll_sml .poll-section.imgs-poll td,
    .mbcSlider-sidebar,
    .photo-album-desc-area > p,
    .articles #main .opta-widget-container,
    .articles.video-article #main .slideshow .info
    .articles.video-article #main .slideshow .info,
    .articles.en .wrap_article ul, .articles.en .wrap_article ol,
    .img-article-title,
    #article.articles #wrapper-3-inner #main .wrap_article .content .content-stream.box.wrap,
    .articles #wrapper #wrapper-3-inner #main .wrap_article .cs-injected .content .tabactive .loadmore,
    .img-article-copyrights,
    .articles #wrapper #wrapper-3-inner #main,
    .articles.video-article #wrapper #wrapper-3-inner #main,
    .table-component-container.more-560,
    .video-caption,
    .question-answer-section-title,
    .social-media-embed-post
    .fluid-vids,
    .comments-box-header,
    .audio-section .items .items-container,
    .audio-section .items,
    #mbcFeaturedArticle_slider, #slides-list-rc,
    .audio-section .items .items-container,
    .comments-box-actions,
    .comments-form,
    .comments-submit-btn,
    .social-media-embed-post .twitter-tweet.twitter-tweet-rendered,
    .articles.video-article #main .slideshow .info, .articles .info,
    #article.native-page #wrapper-3-inner #main .content-stream.content-stream-rp.box.wrap {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        float: none !important;
    }

    /*****resetting heights******/
    .alboum-page div.slideshow-container,
    .articles.alboum-page div.nav-controls .prev,
    .articles.alboum-page div.nav-controls .next,
    .alboum-page div.slideshow-container,
    .alboum-page .advance-link,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .slideshow-container,
    #slideshow,
    .js-on .articles.video-article #main .slideshow .rack,
    .articles.video-article #main .slideshow .teaser,
    .js-on .articles #main .slideshow .rack,
    .js-on #main .slideshow .rack, #main .slideshow .teaser,
    .poll-section.imgs-poll .option-list-block img,
    .poll-section.image-poll .poll-options-block .option-list-block.horizontal,
    body.articles #section-header {
        height: auto !important;
    }

    /*****self clearing****/
    body.articles:after,
    .slide-item-container:after,
    .slide-item:after,
    .mbcPhotoAlbum:after,
    .mbcProgram:after,
    #slideshow:after,
    .mbcPhoto:after,
    .mbcNews:after,
    .login-custom-buttons:after,
    .gigya-composite-control:after,
    .related-links-container:after,
    .articles.video-article .external-media:after,
    .mbcSlider-slider:after,
    .mbcSlider-slider__slide:after,
    .mbcSlider.mbcSlider-popup .mbcSlider-next-album__container .mbcSlider-album-item:after,
    #main:after,
    #main .box.poll_sml > div.block-560:after,
    .poll-options-block .option-list-block .answer-block:after,
    .poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block:after,
    .option-list-block:after,
    .display-result:after,
    .mbcSlider:after,
    .mbcSlider-sidebar:after,
    .insert-name:after,
    .insert-comments:after,
    .box.wrap_comments:after,
    .article-extras-box:after,
    .content-stream.content-stream-rp:after,
    .fluid-vids:after,
    .audio-section .items .items-container:after,
    .related-content-slider:after,
    .gigya-composite-control.gigya-composite-control-dropdown.smallDiv:nth-child(3):after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    /*******Resetting borders******/
    .slide-item.mbcNews,
    .slide-item.mbcVideo,
    .slide-item.mbcPhoto,
    .articles #wrapper #wrapper-3-inner {
        border: none !important;
        margin-top: 0 !important
    }

    body.articles #wrapper-3-inner, .page #content {
        left: 0px !important
    }

    /*****resetting Gray BG****/
    .related-links-container,
    .mobile-title,
    .article-extras-box,
    .articles .wrap_article .article-extras-box .multimedia-details-box > p,
    .articles #main .wrap_article .article-extras-box .multimedia-details-box h2,
    .articles .wrap_article .article-extras-box .multimedia-details-box > ul li {
        background-color: #ECEFF1 !important
    }

    /*****Resetting Gray Font*****/
    .articles .wrap_article .wrap-options .date,
    .articles #main .box.wrap_article .article-category .icon,
    .show-title-link,
    .mobile-title span,
    .img-article-title h3,
    .related-links-container h3.subline,
    .articles #main .wrap_article .article-extras-box .multimedia-details-box h2,
    .audio-section .title,
    .articles .wrap_article .article-extras-box .multimedia-details-box > p,
    .articles .wrap_article .article-extras-box .multimedia-details-box > p > * {
        color: #77909D !important
    }

    /****removing ADs banner ***/
    #adSlot-inPage-multipleSize-top {
        display: none !important
    }

    /******removing Related component****/
    .show-next-article-component {
        display: none !important
    }

    /*****re-arrangin menu *****/
    .c-hamburger {
        display: none !important;
    }

    .internals #wrapper-3-inner, .articles #wrapper-3-inner {
        margin-top: 0px !important;
    }

    .full-width-area #wrapper-3-inner {
        padding: 0px !important
    }

    #article #wrapper-1 {
        background: none !important
    }

    body.articles #wrapper {
        overflow-x: hidden;
    }

    body.articles #wrapper-2, .articles #wrapper #wrapper-3-inner {
        margin-top: 0px !important
    }

    body #logo {
        display: block !important;
        width: 100% !important;
        text-align: center;
        height: auto !important;
        right: auto !important;
        left: auto !important;
        top: 15px !important;
        background-size: contain !important;
    }

    #logo a {
        margin: auto;
        width: 70px !important;
        height: 25px !important;
    }

    body.prosports #logo {
        top: 10px !important
    }

    body.prosports #logo a {
        height: 35px !important;
    }

    .articles .logo-image {
        left: 1.5rem !important;
        position: absolute !important;
        width: 80px !important;
        top: -20px !important;
    }

    #nav-global {
        width: 100% !important;
        position: absolute !important;
        top: auto !important;
        bottom: 0px !important;
    }

    body.articles .top-nav {
        display: none !important
    }

    #branding ul.nav-global {
        background: #263238;
        width: 35rem;
        position: absolute;
        right: -35rem;
        top: -5.6rem;
        padding: 2.3rem 0px;
    }

    #branding ul.nav-global .menuShaddow {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        min-height: 110%;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
        opacity: 0.7;
        z-index: 1

    }

    #branding ul.nav-global li, #branding ul.nav-global li.has-menu {
        display: block;
        height: 5.4rem !important;
        width: 100%;
        background: url('/dms/templating-kit/themes/mbc/img/iconsGFX/menu-sprite.png') no-repeat !important;
        margin: 0px !important;
        padding: 0.2rem 2.3rem !important;
        box-sizing: border-box;
        border-bottom: groove 2px rgba(89, 97, 101, 0.4);;
    }

    .en #branding ul.nav-global li, #branding ul.nav-global li.has-menu {
        background: url('/dms/templating-kit/themes/mbc/img/iconsGFX/menu-sprite-en.png') no-repeat !important;
    }

    #branding ul.nav-global > li:hover {
        background: url('/dms/templating-kit/themes/mbc/img/iconsGFX/menu-sprite.png') no-repeat !important
    }

    .en #branding ul.nav-global > li:hover {
        background: url('/dms/templating-kit/themes/mbc/img/iconsGFX/menu-sprite-en.png') no-repeat !important
    }

    #branding ul.nav-global li:hover a,
    #branding #nav-global .nav-global li > a:hover,
    #branding #nav-global .nav-global li a:hover > span {
        background: none !important;
        color: #D2D2D2 !important
    }

    /*#branding ul.nav-global li:nth-child(7),*/
    #branding ul.nav-global li:nth-child(8),
    #branding ul.nav-global li:nth-child(9),
    #branding ul.nav-global li:nth-child(10), #branding ul.nav-global li .menu, .menu-box-group {
        display: none !important
    }

    #branding ul.nav-global li:nth-child(1) {
        background-position: 92% -1px !important;
    }

    #branding ul.nav-global li:nth-child(2) {
        background-position: 92% -100px !important;
    }

    #branding ul.nav-global li:nth-child(3) {
        background-position: 92% -152px !important;
    }

    #branding ul.nav-global li:nth-child(4) {
        background-position: 92% -205px !important;
    }

    #branding ul.nav-global li:nth-child(5) {
        background-position: 92% -50px !important;
    }

    #branding ul.nav-global li:nth-child(6) {
        background-position: 92% -254px !important
    }

    body:not(.prosports) #branding ul.nav-global li:nth-child(7) {
        background: none !important;
        border: none !important;
    }

    body.en #branding ul.nav-global li:nth-child(1) {
        background-position: 9% -4px !important;
    }

    body.en #branding ul.nav-global li:nth-child(2) {
        background-position: 9% -52px !important;
    }

    body.en #branding ul.nav-global li:nth-child(3) {
        background-position: 9% -103px !important;
    }

    body.en #branding ul.nav-global li:nth-child(4) {
        background-position: 9% -155px !important;
    }

    body.en #branding ul.nav-global li:nth-child(5) {
        background-position: 9% -206px !important;
    }

    body.en #branding ul.nav-global li:nth-child(6) {
        background-position: 9% -255px !important
    }

    #branding #nav-global .nav-global > li > a {
        padding: 0px !important;
    }

    body.en #branding #nav-global .nav-global > li {
        text-align: left
    }

    #branding ul.nav-global li > a {
        margin-right: 5rem;
    }

    body.en #branding ul.nav-global li > a {
        margin-right: 0rem !important;
        margin-left: 6rem !important;
    }

    #branding ul.nav-global li a span {
        font-size: 2.4rem;
    }

    body.articles #section-header {
        padding: 0px !important
    }

    #branding ul.nav-global li.has-menu > a,
    #branding ul.nav-global li.has-menu > span,
    #branding ul.nav-global li.menu-visible > a,
    #branding ul.nav-global li.menu-visible > span {
        padding: 0px !important;
        background: none !important;
    }

    #nav-global li.has-menu .menu h3 img {
        width: auto !important
    }

    /*****Prosports menu*****/
    body.prosports {
        background: #000 !important
    }

    body.prosports #branding ul.nav-global,
    body.prosports #branding ul.nav-global li,
    body.prosports #branding ul.nav-global li > *,
    body.prosports #branding ul.nav-global li .menu {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    body.prosports #branding ul.nav-global li,
    body.prosports .menu-box-group {
        display: block !important
    }

    body.prosports #branding #nav-global .nav-global li,
    body.prosports #branding #nav-global .nav-global li.has-menu {
        height: auto !important;
        padding: 0px !important;
        background: none !important
    }

    body.prosports #branding ul.nav-global {
        background: #000000 url("/dms/creative/sports/prosport-revamp-2015/img/prosports-logo.png") no-repeat 55% 20px !important;
        padding: 10rem 0 2.3rem 0px !important;
        background-size: 30% !important;
    }

    body.prosports #branding ul.nav-global li:hover .menu, body.prosports #branding ul.nav-global li .menu {
        display: block !important;
        z-index: 1 !important;
        position: relative !important;
        top: 0px !important;
        max-height: 0px;

    }

    body.prosports #branding ul.nav-global li, body.prosports #branding ul.nav-global li.has-menu {
        padding: 0px !important
    }

    body.prosports #branding #nav-global .nav-global > li > a,
    body.prosports #branding #nav-global .nav-global > li > a > span,
    body.prosports #branding #nav-global .nav-global li.has-menu > span,
    body.prosports #branding #nav-global .nav-global li.has-menu > a,
    body.prosports #branding #nav-global .nav-global li.has-menu > a > span {
        font-size: 2.4rem !important;
        top: auto !important;
        width: 100% !important;
        display: block !important;
        height: 5rem !important;
        line-height: 4rem !important;
        text-indent: 1.5rem
    }

    body.prosports #branding #nav-global .nav-global li.has-menu,
    body.prosports #branding #nav-global .nav-global > li {
        position: relative;
        background: #2a2a2a !important;
    }

    body.prosports #branding #nav-global .nav-global li.has-menu:before {
        position: absolute;
        left: 15px;
        top: 15px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        color: #2A2A2A;
        background: #ff5001;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 10px;
        -ms-transform: -90 otate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    body.prosports #branding #nav-global .nav-global li.has-menu.collapsed:before {
        background: #808080;
        -ms-transform: -90 otate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    body.prosports #branding #nav-global .nav-global li.has-menu.collapsed .menu {
        max-height: 300px
    }

    body.prosports #branding #nav-global .nav-global > li > .menu li {
        padding-right: 1.5rem !important
    }

    body.prosports #branding #nav-global .nav-global li ul li a {
        padding: 10px 0px !important;
        top: auto !important;
    }

    body.prosports #branding .menu-box-group {
        background: #414141;
        border: none !important;
        padding: 0;
    }

    body.prosports #branding #nav-global .nav-global li > a img,
    body.prosports #branding #nav-global .nav-global li > a span {
        vertical-align: middle !important;
    }

    body.prosports #branding ul.nav-global li.championships .menu-box.single-column,
    body.prosports #branding ul.nav-global li .menu-box.single-column {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }

    body.prosports ul.nav-global .menu-box {
        padding: 0px !important
    }

    body.prosports #branding ul.nav-global li > a {
        margin-right: 0px !important
    }

    body.prosports #branding #nav-global .nav-global li.has-menu > a,
    body.prosports #branding #nav-global .nav-global li.has-menu > span {
        background: none !important
    }

    body.prosports #branding ul.nav-global li .menu-box li {
        border-bottom: groove 2px rgba(89, 97, 101, 0.4) !important;
    }

    body.prosports #branding ul.nav-global li .menu-box li:last-child {
        border-bottom: none !important
    }

    body.prosports #branding ul.nav-global .menu-box h3, #branding ul.nav-global .menu-box h3 a {
        display: none !important
    }

    body.prosports .wrap_article .wrap-options, body.prosports #main .box.wrap_article .content .article-title h2 {
        display: block !important
    }

    body.prosports .wrap_article .wrap-options {
        right: 0px !important;
        left: auto !important;
        margin: 0 4rem 0 0 !important;
        padding: 0px !important
    }



    body.articles .global-login #profileDiv #logoutTxt a {
        color: #FFFFFF !important;
        font: 14px/31px Droid Arabic Kufi Regular, Sans-Serif !important;
        border-right: none;
    }

    body.articles #profileDiv .username {
        display: none !important;
    }

    body.articles .global-login #profileDiv img {
        width: 30px !important
    }

    /*body.en #profileDiv {*/
    /*padding-top:0px!important*/
    /*}*/
    body.articles #wrapper {
        background-image: none !important;
        background-color: #fff !important;
        margin-top: 0px !important;
    }

    body.articles #wrapper-header {
        display: block !important
    }

    body.articles #wrapper-header, body.articles #header, body.articles #branding {
        height: 5.6rem !important;
        background-color: #37474f !important;
        z-index: 1000;
        position: relative;
        background-image: none !important;
    }

    body.prosports #wrapper-header, body.prosports #header, body.prosports #branding {
        background-color: #000 !important;
    }

    body.articles #header {
        background-color: #000 !important;
        position: relative !important;
        top: 0px !important;
    }

    body.articles #header-ad {
        display: none !important;
    }

    body.articles #branding {
        right: auto !important;
    }

    body.articles .global-login {
        display: block !important;
        width: auto !important;
        z-index: 10000;
        position: absolute;
        overflow: visible !important;
        background-color: transparent !important;
        right: 0;
        left: 2px;
        top: -40px;
    }

    body.articles.en .global-login {
        left: -15px;
        top: 15px;
    }

    #hamburger, #user-profile, body.articles .global-login #mbcloginicons span, #iconsEn span {
        display: block;
        height: 5.1rem;
        width: 5.1rem;
        background: url(../../img/iconsGFX/menu-sprite.png) no-repeat;
        position: absolute !important;
        top: 2px;
        z-index: 1000;
        overflow: hidden;
        text-indent: -999px;
    }

    body.articles .global-login #mbcloginicons span, #iconsEn span {
        top: -10px;
        margin: 0px !important;
        padding: 0px !important;
    }

    #hamburger {
        right: 10px;
        background-position: 0px -357px;
    }

    body.articles .global-login #mbcloginicons {
        z-index: 1000000
    }

    #user-profile, body.articles .global-login #mbcloginicons span, #iconsEn span {
        left: 10px;
        background-position: 0 -410px;
    }

    body.articles .global-login #mbcloginicons span {
        left: 0px;
    }

    body.show-menu {
        margin-left: -35rem !important;
    }

    body.show-menu #wrapper {
        overflow-x: visible
    }

    body.en .global-login #iconsEn {
        float: left !important
    }

    .articles #wrapper #wrapper-3-inner #main.photo-album-article .box.wrap_article {
        position: relative !important
    }

    body.articles #wrapper-3 {
        margin-top: 0px !important
    }

    /******starting page content*****/
    #extras,
    .internals #wrapper-3-inner #extras,
    #article #wrapper-3-inner #extras,
    .internals #wrapper-3-inner #extras,
    #article #wrapper-3-inner #extras {
        display: none !important
    }

    body.articles #page-header {
        display: none !important;
    }

    #main, .articles .img-container {
        padding: 0px !important;
    }

    .mobile-title {
        display: block;
        height: 5rem;
        width: 100%;
        padding: 0px 1.5rem;
        line-height: 5rem;
        background: #ECEFF1;
        margin-bottom: 3rem;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .show-title-link, .mobile-title span {
        font-family: Droid Arabic Kufi Bold, Arial;
        font-size: 1.4rem;
    }

    /************article body *****/
    .block-560 {
        margin-right: 0px;
    }

    .block-560 > *:not(img) {
        padding: 0px 1.5rem;
    }

    .quote-container {
        padding: 0 !important;
        margin-bottom: 1.5rem !important
    }

    .quote-block {
        display: block;
        font-weight: bold
    }

    .articles #main .content .arena > p a {
        color: #03a9f4
    }

    /*****special sections *****/
    body.articles .wrap_channel_navigation {
        display: none !important
    }

    .article-main-image {
        margin-bottom: 1.5rem;
        padding-bottom: 0px
    }

    .article-title {
        margin: 10px 0px !important;
    }

    .articles.video-article #main .slideshow .info,
    .articles .info {
        padding: 0px 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .articles #main .box.wrap_article .content .article-title h2, .article-title h2 {
        font-family: Droid Arabic Kufi Bold, Arial !important;
        font-size: 21px !important;
        line-height: 31px !important;
        display: block;
        box-sizing: border-box;
        margin: 10px 0px !important;
    }

    .articles #main .box.wrap_article .article-title h2 em {
        font-size: 14px !important
    }

    ul.wrap-options {
        right: 14px !important;
        top: -2px !important;
    }

    /***fixing related content****/
    .related-content-slider .slick-slide > div {
        width: auto !important;
        float: right;
        margin: 1.5%;
    }

    .en .related-content-slider .slick-slide > div {
        width: auto !important;
        float: left;
        margin: 1.5%;
    }

    .articles #wrapper #wrapper-3-inner #main {
        padding-top: 0px !important;
        padding-bottom: 2rem !important;
    }

    #main .wrap_article .wrap-options {
        left: 4px;
    }

    .articles.alboum-page #wrapper #wrapper-3-inner {
        padding: 0px !important;
        margin: 0px !important;
    }

    .articles #main .content .arena > p {
        margin: 0 0 1.5rem 0 !important;
        padding: 0px 1.5rem;
    }

    .img-article-copyrights {
        padding: 0 1.5rem !important;
    }

    .img-article-copyrights .source, .img-article-copyrights .latin {
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
    }

    .articles .share-bar {
        margin: 0 0 0em 0 !important;
        padding: 0px 1.3rem;
    }

    /*****Articles icons******/
    .articles.en #main .box.wrap_article .article-category .icon {
        margin: 0 0 0 1.5rem;
    }

    .icon-mbcPhotoAlbum, .icon-mbcPhoto {
        margin: -10px -12px 0 14px !important;
        background-position: -1px -1954px !important;
        height: 21px !important
    }

    .en .icon-mbcPhotoAlbum {
        margin: -16px -12px 0 14px !important;
    }

    .icon-mbcNews {
        /*background: none!important;
        height: 24px!important;
        width: 24px!important;
        font-size: 20px;*/
        margin: 0 -8px 0 0 !important;
    }

    .icon-mbcAbout {
        margin: 5px -12px 0 14px !important;
    }

    .icon-mbcProfile {
        margin: 3px -17px 0px 0px !important;
    }

    body.en .icon-mbcProfile {
        margin: 3px 0px 0px 17px !important;
    }

    .icon-mbcVideo {
        margin: 0 -14px 0 14px !important;
    }

    .icon-mbcInterview, .icon-mbcOpinion {
        margin: 4px -10px 0 14px !important;
    }

    .icon-mbcProgram {
        margin: 0 -15px 0 14px !important;
    }

    .icon-mbcMobc {
        margin: 0 -17px 0 14px !important;
    }

    .icon-mbcEpisode {
        margin: 0px -16px 0px 0px !important;
    }

    /*****Banner****/
    .mobile-banner, body.articles .killerbanner {
        text-align: center !important;
        margin: 1.5rem 0px;
    }

    /*************English *****/
    body.en #section-header, body.en #wrapper #site-info #site-info-inner .info-form {
        display: none !important
    }

    /*********Related-content*****/
    #main .box .content .arena .img-article-title h3 {
        margin-bottom: 0px !important;
        line-height: 150% !important;
        font-size: 1.4rem !important;
        font-family: Droid Arabic Naskh Regular, Arial !important;
        font-weight: bold !important;
    }

    .related-links-container {
        margin-bottom: 1.5rem !important
    }

    #main .box .content .arena .related-links-container h3 {
        font-size: 26px !important;
        line-height: 100% !important;
        margin-bottom: 12px !important;
        font-family: mytestmedium !important;
    }

    body.en .img-article-title {
        clear: both;
        text-align: left
    }

    body.en .img-article-title h3 {
        text-align: left !important
    }

    .article-main-image img, .article-main-image img.article-old-img {
        float: none !important
    }

    body.en .img-article-copyrights {
        text-align: left
    }

    body.articles .related-component-sliding-format2-title h3 {
        padding-right: 1.5rem !important;
    }

    body.en .related-component-sliding-format2-title h3 {
        padding-right: 0rem !important;
        padding-left: 1.5rem !important;
    }

    .related-content-slider {
        margin-bottom: 3rem;
    }

    .related-component-list .related-component-list-img {
        height: auto !important
    }

    .
    .en .related-component-list .related-component-list-img {
        float: left
    }

    .related-component-list .related-component-list-img a,
    .related-component-list .related-component-list-img a img {
        border: none !important
    }

    .en #main .related-content-slider {
        direction: ltr !important
    }

    .related-component-list .related-component-list-img img {
        object-fit: cover;
        height: 33vw !important
    }

    .related-content-slider .slide-item-container {
        /*padding:0px 1.5rem;*/
        margin: 0px !important;
    }

    .related-component-list .participate-link {
        display: block !important
    }

    .en .related-content-slider .slide-item, .en .related-component-list .participate-link {
        float: left
    }

    .related-content-slider .slick-list {
        padding: 0px !important;
        width: 100%;
        max-width: 100%;
    }

    .related-content-slider .slick-prev {
        right: 0px !important
    }

    .related-content-slider .slick-next {
        left: 0px !important;
    }

    .en .related-content-slider .slick-prev {
        right: auto !important;
        left: 0 !important;
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        -ms-filter: fliph;
        filter: fliph;
    }

    .en .related-content-slider .slick-next {
        right: 0 !important;
        left: auto !important;
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        -ms-filter: fliph;
        filter: fliph;
    }

    .related-component-list {
        height: 100% !important;
        width: 90% !important;
        padding: 0px !important;
    }

    .related-component-list:hover, .related-component-list:focus, .related-component-list:visited, .related-component-list:focus {
        background: #fff !important
    }

    .related-component-list .related-component-list-img .img-icon {
        bottom: 0px !important;
    }

    .articles .related-content .tabs-block {
        background: none !important
    }

    .related-content .tabs-block li a {
        background: none !important;
        padding-right: 0px !important;
        width: 100% !important;
        color: #aeaeae !important;
        border-bottom: none !important;
        text-align: center;
    }

    .related-content .tabs-block li.selected a,
    .related-content .tabs-block li.selected a,
    .related-content .tabs-block li a:hover,
    .related-content .tabs-block li a:hover {
        border-bottom: none !important;
        color: #303030 !important;
    }

    .injected-photo-album #slider_container.injected-pa-area {
        margin: 0px !important;
    }

    #slider_container.injected-pa-area > img {
        height: 100% !important;
        object-fit: cover;
    }

    /*****HayaSlider*****/
    .related-component-sliding-format2, #mbcFeaturedArticle_slider, #slides-list-rc {
        margin: 0px !important
    }

    .related-component-sliding-format2 .related-component-list {
        width: 100% !important;
    }

    .related-component-sliding-format2 .slick-track > div {
        margin: 0 0.5%;
    }

    #less-3-item #slides-list-rc > div {
        float: none !important;
        padding: 0 !important
    }

    .related-component-sliding-format2 #less-3-item, .audio-section #less-3-item {
        padding: 0px !important;
    }

    .related-component-sliding-format2 .mobile-slick-next,
    .related-component-sliding-format2 .mobile-slick-prev {
        top: 40% !important
    }

    .articles .content-stream.content-stream-rp .content .tabs li a:hover,
    .articles .content-stream.content-stream-rp .content .tabs .active a,
    .content-stream.content-stream-rp .content .tabs li a:hover,
    .content-stream.content-stream-rp .content .tabs .active a {
        border-bottom: 4px solid #1e1e1e !important;
        color: #1e1e1e !important;
    }

    /******Audio Box*******/
    .audio-section .title {
        margin-right: 0px !important;
        margin-left: 0px !important
    }

    .audo-embed-post-content {
        padding: 0px !important;
    }

    .audio-embed-post.block-560 {
        padding: 0px 1.5rem;
    }

    .audio-embed-post.block-560 object {
        width: 100% !important;
        padding: 0px !important;
    }

    .audo-embed-post-image img, img.largeImg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    .audio-embed-post .audo-embed-post-title {
        float: right;
        height: 100%;
        margin: 0;
        overflow: hidden;
        text-align: right;
        width: 50%;
        box-sizing: border-box;
        padding: 1.5rem;
    }

    .audio-section .items .items-container {
        height: auto;
    }

    .audio-section .items .listing-item .item-content-container .item-content,
    .audio-section .items .listing-item .item-content-container .audio-player,
    .audio-section .items .listing-item .item-content-container .audio-player .player-actions,
    .audio-section .items .listing-item .item-content-container .audio-player .progress {
        width: 100% !important;
    }

    .audio-section .items .listing-item .item-content-container .audio-player .progress {
        display: none !important
    }

    .audio-embed-post .audo-embed-post-image a, .audio-embed-post .audo-embed-post-title a {
        padding: 0px !important
    }

    /**************Comments********/
    .articles #wrapper #wrapper-3-inner #main .box.wrap_comments, .articles-comments-mblock {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }

    .articles-comments-mblock {
        margin: 0px !important;
        padding: 0px 1.5rem !important
    }

    .articles.en .comments-box-component {
        margin: 0px !important
    }

    .comments-box-actions .comments-err, .comments-box-actions .comments-err-gwt {
        float: none !important;
        height: auto !important;
        line-height: 180% !important;
    }

    .form-wrapper {
        min-height: 0 !important
    }

    .insert-name > span:first-child {
        width: 38px !important;
        display: inline-block;
        float: right
    }

    .photo-album-box .insert-name > span:first-child {
        width: 4px !important;
    }

    .prosports .insert-name > span:nth-child(2) {
        width: 15% !important;
    }

    .insert-comment-label {
        width: 11% !important;
        display: inline-block;
        float: right
    }

    .en .insert-name > span:first-child {
        width: 8px !important;
        display: inline-block;
        float: left
    }

    .en .insert-comment-label {
        width: 15% !important;
        display: inline-block;
        float: left
    }

    #main .form-wrapper input[type="text"],
    .comments-box-actions .comments-form .insert-comments textarea {
        width: 80% !important;
        display: inline-block;
        margin-right: 5% !important
    }

    .en #main .form-wrapper input[type="text"],
    .en .comments-box-actions .comments-form .insert-comments textarea {
        width: 70% !important;
        display: inline-block;
        margin: 0 0 0 10% !important
    }

    .comments-submit-btn {
        margin-top: 1.5rem !important
    }

    .comments-box-actions .comments-form {
        margin-top: 0px !important
    }

    .prosports .comments-box-component {
        margin-bottom: 0px !important
    }

    .prosports .alboum-page #main .wrap_article .content .arena {
        padding-bottom: 0px !important
    }

    /***PhotoAlbums-comments***/
    .mbcSlider-popup .mbcSlider-slider__popup {
        padding: 1.5rem;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.8)
    }

    .mbcSlider-popup .mbcSlider-slider__popup .popup-arrow-prev,
    .mbcSlider-popup .mbcSlider-slider__popup .popup-arrow-next {
        display: none
    }

    .mbcSlider-box-wrapper .article_extras {
        position: relative;
    }

    .photo-album-desc-area {
        float: none !important;
    }

    .photo-album-desc-area > p {
        padding: 1.5rem;
        margin: 0px;
    }

    .photo-album-desc-area > p > p {
        font: 16px Droid Arabic Naskh Regular, Arial !important;
    }

    .mbcSlider-sidebar .mbcSlider-description__count {
        width: 100%;
        max-width: 100%;
        padding: 1.5rem;
        padding-bottom: 0px;
        box-sizing: border-box;
        font-weight: bold;
        color: #303030
    }

    .articles.en #main .box.wrap_article .block-560 {
        margin: 0px !important;
        margin-bottom: 1.5rem !important
    }

    .mbcSlider-sidebar .mbcSlider-description {
        padding: 0px;
    }

    .mbcSlider-sidebar .mbcSlider-description__container {
        height: auto;
        line-height: 100%;
        padding: 0px 1.5rem;
    }

    .scrollable .viewport .overview {
        position: relative;
    }

    .mbcSlider-sidebar .mbcSlider-description__container p {
        font-size: 1.6rem;
        text-align: right;
    }

    body.en .mbcSlider-sidebar .mbcSlider-description__container p {
        text-align: left;
    }

    /*********Gigya***********/
    div.gigya-screen-dialog {
        border: 0px !important;
        border-radius: 0px;
    }

    div.gigya-screen-dialog-top, div.gigya-screen-dialog-content {
        padding: 1.5rem !important
    }

    #gigya-login-screen .gigya-social-login.gigya-reset,
    #gigya-login-screen .gigya-composite-control.gigya-composite-control-textbox,
    #gigya-login-screen .gigya-composite-control-password,
    #gigya-register-screen .gigya-social-login.gigya-reset,
    #gigya-register-screen .gigya-composite-control.gigya-composite-control-textbox {
        width: 90%;
        max-width: 90%;
        box-sizing: border-box;
    }

    #gigya-login-screen center center div,
    #gigya-register-screen center center div,
    #gigya-login-screen [title],
    #gigya-register-screen [title],
    #gigya-login-screen [gigid=facebook],
    #gigya-register-screen [gigid=facebook] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #gigya-login-screen td,
    #gigya-login-screen tr,
    #gigya-login-screen table,
    #gigya-login-screen tbody,
    #gigya-register-screen td,
    #gigya-register-screen tr,
    #gigya-register-screen table,
    #gigya-register-screen tbody {
        display: block;
        width: 100% !important;
        clear: both;
        box-sizing: border-box
    }

    .gigya-screen .gigya-composite-control {
        padding: 0px !important;
    }

    #gigya-login-screen .gigya-composite-control-social-login,
    #gigya-register-screen .gigya-composite-control-social-login {
        height: auto !important;
        padding-bottom: 20px !important;
        border-bottom: solid 1px #ccc !important;
        margin-bottom: 20px !important;
    }

    #gigya-login-screen [title],
    #gigya-register-screen [title] {
        margin: 0 0 1.5rem 0px !important
    }

    .gigya-screen .gigya-layout-row {
        float: none;
        position: relative;
    }

    .gigya-screen .gigya-layout-row:nth-child(4) {
        padding-bottom: 50px !important;
    }

    input.gigya-input-text,
    input.gigya-input-password {
        width: 100% !important;
        height: 40px !important
    }

    #gigya-login-screen .gigya-composite-control-submit,
    #gigya-register-screen .gigya-composite-control-submit {
        float: none !important;
        margin: 0px auto !important;
        width: 90%;
        height: 40px;
        position: absolute;
        bottom: -10px;
        left: 5%;
    }

    .en #gigya-login-screen .gigya-composite-control-submit {
        bottom: -35px !important
    }

    .en #gigya-register-screen .gigya-composite-control-submit {
        bottom: 30px !important
    }

    #gigya-login-screen .gigya-input-submit,
    #gigya-register-screen .gigya-input-submit {
        width: 100%;
        max-width: 100%;
        height: 40px;
        line-height: 33px;
        background: #e8e8e8;
        border: none;
        font: 21px "MyTestMedium", Arial, Traditional Arabic;
    }

    #gigya-login-screen .gigya-composite-control-label,
    #gigya-register-screen .gigya-composite-control-label {
        width: 90%;
        max-width: 90%;
        margin: auto;
        height: 30px !important;
        line-height: 30px !important;
        text-align: right !important;
        margin-top: 20px !important;
    }

    .en #gigya-login-screen .gigya-composite-control-label,
    .en #gigya-register-screen .gigya-composite-control-label {
        text-align: left !important;
    }

    #gigya-login-screen .gigya-composite-control-label:last-child,
    #gigya-register-screen .gigya-composite-control-label:last-child {
        margin-bottom: 130px;
    }

    .gigya-screen-dialog-close {
        width: 35px !important;
        height: 35px !important;
        background-image: url('/dms/templating-kit/themes/mbc/img/gigya-close-icon.png') !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: contain;

    }

    .gigya-screen .gigya-layout-cell {
        width: 100% !important;
        max-width: 100%;
        margin: auto;
    }

    #gigya-register-screen .gigya-composite-control.gigya-composite-control-textbox {
        margin: auto;
    }

    #gigya-register-screen .gigya-composite-control {
        margin-top: 12px !important;
    }

    #gigya-register-screen select {
        margin: auto;
        display: block;
        height: 40px !important
    }

    #gigya-register-screen .gigya-composite-control-password {
        margin: auto !important;
    }

    .gigya-composite-control.gigya-composite-control-dropdown.smallDiv,
    .gigya-screen .gigya-composite-control.smallDiv {
        width: 31% !important;
        margin-left: 2.3%;
        display: inline-block;
        flex: 0 1 auto;

    }

    .en .gigya-composite-control.gigya-composite-control-dropdown.smallDiv,
    .en .gigya-screen .gigya-composite-control.smallDiv {
        width: 32% !important;
        margin-left: 0px !important;
        margin-right: 1%
    }

    .gigya-screen .gigya-layout-row {
        float: none;
    }

    #gigya-register-screen .gigya-layout-cell .gigya-composite-control.gigya-composite-control-textbox,
    #gigya-register-screen .gigya-composite-control.gigya-composite-control-dropdown:not(.smallDiv),
    #gigya-register-screen .gigya-composite-control-password {
        width: 100% !important;
        max-width: 100% !important
    }

    #gigya-register-screen .gigya-label-text {
        margin-right: 10px;
    }

    #gigya-register-screen .gigya-composite-control-submit {
        width: 100%;
        left: 0px;
    }

    .ar #gigya-register-screen .gigya-layout-row .gigya-layout-row, .ar #gigya-update-profile-screen .gigya-layout-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .ar #gigya-register-screen .gigya-layout-row .gigya-layout-row .gigya-layout-cell:nth-child(1), .ar #gigya-update-profile-screen .gigya-layout-row .gigya-layout-cell:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        overflow: visible;
    }

    .ar #gigya-register-screen .gigya-layout-row .gigya-layout-row .gigya-layout-cell:nth-child(2), .ar #gigya-update-profile-screen .gigya-layout-row .gigya-layout-cell:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .ar .gigya-input-radio, .ar .gigya-input-checkbox {
        margin-right: 0px !important;
        margin-left: 5px !important
    }

    .gigya-layout-cell .dobfield {
        width: 100%
    }

    .en .gigya-screen .gigya-composite-control span {
        font-size: 16px !important
    }

    #twitterButton, #googlePlusButton {
        font-size: 24px !important
    }

    #addConnectionDiv,
    .gigya-button,
    .gigya-input-button,
    #gigya-update-profile-screen .gigya-input-submit {
        margin: auto 2px !important
    }

    .en .gigya-screen .gigya-composite-control-submit,
    .en .gigya-screen .gigya-composite-control-button,
    .en .gigya-screen .gigya-composite-control-form-error,
    html[lang="en"] #gigya-update-profile-screen .gigya-composite-control-label {
        float: left !important;
        margin-bottom: 5px !important
    }

    /******New Photo Album*********/
    .alboum-page #main .wrap_article .content .arena {
        padding-bottom: 55px !important;
    }

    .en .mbcSlider-sidebar, .mbcSlider-sidebar .mbcSlider-description {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .mbcSlider-slider, .mbcSlider-slider__slide {
        display: block !important;
        min-height: 130vw !important;
        height: auto;
    }

    .mbcSlider .mbc-icon-full-mode-close,
    .en .mbcSlider-slider__header .mbc-icon-full-mode-close {
        display: none;
    }

    .mbcSlider.mbcSlider-fullscreen .mbc-icon-full-mode-close {
        display: block;
    }

    .mbcSlider {
        text-align: center !important;
        position: relative;
        margin-bottom: 2rem;
        min-height: 250px
    }

    .mbcSlider-slider {
        width: 100%;
        min-width: 640px;
        max-width: 100%;
        float: none !important;
    }

    .mbcSlider-sidebar {
        float: none !important;
        height: auto !important;
        left: auto;
        right: auto;
    }

    .mbcSlider-slider__header .mbc-icon-share-link,
    .en .mbcSlider-slider__header .mbc-icon-share-link {
        display: none
    }

    /*.mbcSlider-show-full {display: block;}*/
    .mbcSlider-slider__header {
        display: none;
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-slider__header {
        top: -40px;
    }

    .mbcSlider.mbcSlider-popup .mbc-icon-share-link {
        display: block !important;
        float: left;
        margin: 10px 0px 0 16px;
    }

    body.en .mbcSlider.mbcSlider-popup .mbc-icon-share-link {
        float: right;
        margin: 10px 16px 0px 0px;
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-description__container p {
        display: none
    }

    .mbcSlider.mbcSlider-popup .replay-btn-block {
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center;
        float: left;
    }

    .mbcSlider.mbcSlider-popup .mbc-icon-replay {
        background: url('../img/iconsGFX/replay-icon.png') no-repeat scroll transparent !important;
        background-position: initial !important;
        background-size: 100% !important;
        display: inline-block;
        margin: 0px !important;
        width: 30px !important;
        height: 30px !important
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-next-album__container {
        text-align: center;
        padding-top: 0px;
        position: relative;
        z-index: 11;
        margin-top: 0
    }

    .mbcSlider .replay-btn-block {
        height: auto !important;
    }

    .en .mbcSlider.mbcSlider-popup .next-album-title,
    .en .mbcSlider.mbcSlider-popup .mbcSlider-album-item {
        float: none !important;
    }

    .mbcSlider.mbcSlider-popup .mbc-icon-arrow-left {
        display: none !important
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-next-album__container .mbcSlider-album-item {
        height: auto;
        padding: 10px 0px;
        background: #1F1E1D;
        width: 100%;
        float: none;
        max-height: auto !important;
        box-sizing: border-box;
    }

    .mbcSlider.mbcSlider-popup .next-album-title {
        width: auto;
        height: auto;
        float: right;
        background: none;
        color: #fff;
        padding: 0px;
    }

    .mbcSlider.mbcSlider-popup .next-album-title p {
        margin: 0px !important;
        width: auto;
        font: 16px/26px Droid Arabic Kufi Regular, Arial !important;
        color: #fff !important
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-album-item {
        height: auto;
        padding: 0px;
        background: #1F1E1D;
        margin-left: 5px
        /*margin-left:1%;*/
    }

    .mbcSlider-related-albums-slider .mbcSlider-album-item {
        background: none !important
    }

    .mbcSlider-related-albums-slider .mbcSlider-album-item .mbcSlider-album-item__img,
    .mbcSlider-related-albums-slider .mbcSlider-album-item .mbcSlider-album-item__img img {
        width: 100%;
        margin: 0px;
        float: none;
        object-fit: cover;
    }

    .mbcSlider-album-item .mbcSlider-album-item__data {
        width: 50% !important;
        text-align: right;
        margin: 0px !important;
    }

    body.en .mbcSlider-album-item .mbcSlider-album-item__data {
        text-align: left;
    }

    .mbcSlider-album-item__img {
        margin-top: 0px;
        float: right;
        width: 40%;
        height: 23vw;
        margin-left: 0px;
        margin-right: 12px;
    }

    body.en .mbcSlider-album-item__img {
        float: left;
        margin-left: 12px;
        margin-right: 0px;
    }

    .mbcSlider-album-item__img, .mbcSlider-album-item__img img {
        border: none !important;
    }

    .mbcSlider.mbcSlider-fullscreen .mbcSlider-slider__slide img {
        width: 100%;
        object-fit: cover;
    }

    .mbcSlider-slider__slide img {
        max-width: 100%;
        max-height: 100%;
    }

    /**Ali Sao- check side effect : max-height:100%;***/
    .mbcSlider-related-albums-slider__slides .mbcSlider-album-item__img {
        height: auto !important;
    }

    .mbcSlider-related-albums-slider__slides .mbcSlider-album-item__img img {
        height: 33vw !important;
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-album-item__data {
        width: auto;
        margin-right: 8px !important;
    }

    .mbcSlider-related-albums-slider .mbcSlider-album-item .mbcSlider-album-item__data {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0px !important;
        padding: 0px 1% !important;
    }

    body.en .mbcSlider.mbcSlider-popup .mbcSlider-album-item__data {
        width: auto;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-album-item__data a {
        min-height: 50px;
        max-height: 65px;
        display: block;
        overflow: hidden;
        color: #fff;
        line-height: 150%;
        font-size: 14px
    }

    /*.mbcSlider .slick-initialized .slick-slide img{max-height:100%!important}*/
    .mobile-slick-next,
    .mobile-slick-prev {
        transition: .7s opacity ease;
        position: absolute;
        top: 50%;
        left: 25px;
        margin-top: -18px;
        background-position: -1px -1347px !important;
        width: 24px;
        height: 36px;
        cursor: pointer;
        border: none;
        outline: none;
        text-indent: 9999px;
        background: url('../img/iconsGFX/articles-icon.png') no-repeat scroll transparent;
    }

    .mobile-slick-next {
        background-position: -23px -1347px !important;
        right: 25px;
        left: auto;

    }

    /*******Extra styling ******/
    .mbcSlider-related-albums-slider {
        height: auto !important;
        margin-top: 5%;
        position: relative !important;
        top: auto
    }

    .mbcSlider-related-albums-slider h3 {
        margin: 0px 0 1rem 0 !important;
        font: 16px/26px Droid Arabic Kufi Regular, Arial !important;
        text-align: right;
    }

    /*.mbcSlider-related-albums-slider__slides {width:90%!important;margin:0px auto 10px auto!important;}*/
    .mbcSlider-related-albums-slider__slides {
        width: 100% !important;
        margin: 0 !important;
    }

    .mbcSlider-related-albums-slider .slick-prev,
    .mbcSlider-related-albums-slider .slick-next,
    .mbcSlider-related-albums-slider .popup-arrow-prev,
    .mbcSlider-related-albums-slider .popup-arrow-next {
        top: 35%;
    }

    .skip-btn {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-family: Droid Arabic Kufi Bold, Arial !important;
        border: solid 1px rgba(255, 255, 255, 0.44);
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 30px;
        width: 300px;
        margin: 5% auto;
        background: transparent !important;
    }

    .skip-btn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #23a8d9), color-stop(1, #61bbff));
        background: -moz-linear-gradient(top, #23a8d9 5%, #61bbff 100%);
        background: -webkit-linear-gradient(top, #23a8d9 5%, #61bbff 100%);
        background: -o-linear-gradient(top, #23a8d9 5%, #61bbff 100%);
        background: -ms-linear-gradient(top, #23a8d9 5%, #61bbff 100%);
        background: linear-gradient(to bottom, #23a8d9 5%, #61bbff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23a8d9', endColorstr='#61bbff', GradientType=0);
        background-color: #23a8d9;
    }

    .banner-slide > div {
        position: relative;
        margin-top: 20%;
    }

    /******Slick slider iOs fix*******/
    .slick-prev, .slick-next {
        height: 6rem;
        width: 15%;
        top: 25% !important;
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        font-size: 4.4rem;
        color: #fff;
        z-index: 1000;
        cursor: pointer;
        display: block;
        position: absolute;
        text-indent: 0px !important;
        font-size: 0px !important;
        line-height: 100% !important;
    }

    .mobile-slick-next,
    .mobile-slick-prev {
        background-image: none !important;
        background-color: rgba(0, 0, 0, 0.3);
        width: 15%;
        height: 6rem;
        line-height: 5rem;
        text-align: center;
        font-size: 4.4rem;
        color: #fff !important;
        z-index: 1000;
        display: block;
        text-indent: 0px !important;
        margin-top: -50px !important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.36);
        -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.36);
        box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.36);
    }

    .mbcSlider.mbcSlider-popup .mobile-slick-next, .mbcSlider.mbcSlider-popup .mobile-slick-prev {
        display: none !important
    }

    .slick-prev:before,
    .slick-next:before,
    .mobile-slick-next:before,
    .mobile-slick-prev:before {
        display: inline-block;;
        font-size: 2.4rem !important
    }

    .ar .mobile-slick-prev {
        left: 0px !important
    }

    .ar .mobile-slick-next {
        right: 0px !important
    }

    .en .mobile-slick-prev {
        right: 0px !important;
        left: auto !important
    }

    .en .mobile-slick-next {
        left: 0px !important
    }

    .ar .slick-prev:before,
    .en .mobile-slick-prev:before,
    .ar .mobile-slick-next:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-related-albums-slider .slick-prev,
    .mbcSlider.mbcSlider-popup .mbcSlider-related-albums-slider .slick-next {
        top: 35% !important;
        background-image: none !important;
        background-color: rgba(0, 0, 0, 0.3);
        width: 15%;
        height: 11rem;
        line-height: 11rem;
        text-align: center;
        font-size: 4.4rem;
        color: #fff !important;
        z-index: 1000;
        display: block;
        text-indent: 0px !important;
        margin-top: -50px !important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.36);
        -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.36);
        box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.36);
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-related-albums-slider .slick-prev:before,
    .mbcSlider.mbcSlider-popup .mbcSlider-related-albums-slider .slick-next:before {
        font-size: 1.8rem !important;
        color: #fff !important
    }

    .slick-next, .ar .mobile-slick-prev, .mbcSlider.mbcSlider-popup .mbcSlider-related-albums-slider .slick-next {
        left: 0px !important
    }

    .slick-prev, .ar .mobile-slick-next, .mbcSlider.mbcSlider-popup .mbcSlider-related-albums-slider .slick-prev {
        right: 0px !important
    }

    .mobile-slick-next.slick-disabled {
        opacity: 0.2 !important
    }

    .content-stream-rp .slick-prev,
    .content-stream-rp .slick-next {
        top: 18% !important
    }

    /*.slick-disabled{pointer-events:none!important}*/
    /******old photo Album *******/
    .alboum-page div.content #slideshow #slide-off {
    }

    #slideshow {
        margin: 10px 0px !important;
    }

    /*****Arrows******/
    .articles.alboum-page div.nav-controls .prev,
    .articles.alboum-page div.nav-controls .next {
        height: 100% !important;
        display: block !important;
    }

    .alboum-page div.nav-controls .prev {
        right: 0px !important
    }

    .alboum-page div.nav-controls .next {
        left: 0px;
    }

    /********arrows-fix*****/
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper,
    .articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper .advance-link > img,
    #slideshow {
        position: relative !important;
        min-height: 67vw
    }

    .articles.alboum-page #slideshow .image-wrapper,
    .articles.alboum-page #slideshow .image-wrapper.previous,
    .articles.alboum-page #slideshow .image-wrapper.current,
    .articles.alboum-page #slideshow .image-caption,
    .articles.alboum-page #slideshow .image-caption.current {
        display: none !important
    }

    .articles.alboum-page #slideshow .image-wrapper.current:last-child,
    .articles.alboum-page #slideshow .image-caption.current:last-child {
        display: block !important;
    }

    #slideshow .content {
        position: absolute;
        top: 3px;
        left: 0px;
    }

    .slideshow-container {
        position: absolute !important;
    }

    div.controls {
        height: auto;
        min-height: 200px
    }

    .articles.alboum-page div.nav-controls .prev,
    .articles.alboum-page div.nav-controls .next {
        width: 40px;
        height: 40px !important;
        background-size: 100%;
        margin-top: 20%;
    }

    .navigation-container {
        display: none !important
    }

    .articles #wrapper #wrapper-3-inner #main .wrap_article .content {
        min-height: 100%
    }

    .articles.alboum-page #alboum-list, .img-container {
        margin-right: 0px;
        padding: 40px 20px;
    }

    .img-container, .img-container .img-con {
        float: none !important
    }

    .img-article-title {
        margin: 0rem auto 10px auto;
    }

    #alboum-list .photitm {
        width: 33% !important;
        margin-bottom: 0px 0.15% 30px 0.15%;
    }

    #alboum-list .photitm img {
        width: 100% !important;
    }

    #alboum-list .desc-titl {
        right: 0px;
    }

    #caption {
        position: absolute;
        bottom: 3px !important;
        top: auto !important;
    }

    .alboum-page div.photo-index {
        display: none !important
    }

    .alboum-page div.caption-container {
        height: 66px !important
    }

    .alboum-page .advance-link {
        line-height: 18% !important
    }

    .alboum-page span.image-caption {
        padding: 0px !important;
    }

    .copyright-caption {
        border: none !important
    }

    /*******video player******/
    .js-on .articles.video-article #main .slideshow .rack-design,
    .js-on #main .slideshow .rack-design {
        position: relative !important;
        left: auto !important;
    }

    #main .slideshow .teaser, body.articles .external-media {
        float: none !important;
    }

    .external-media > iframe {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0px !important;
        height: 56vw !important;
    }

    .articles.en .articles-comments-mblock {
        margin: 0px !important;
    }

    .video-caption {
        margin: 0 0 1.5rem 0 !important;
        padding: 0.5rem 1.5rem
    }

    .js-on .articles.video-article #main .slideshow .rack {
        margin-bottom: 1.5rem !important
    }

    .articles.video-article .external-media iframe {
        height: 56.25vw !important
    }

    /*********Poll**********/
    .articles #main .box.wrap_article .box.poll_sml.special {
        margin: 1.5rem;
        float: none;
        border: solid 1px #dbdbdb;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #main .box.poll_sml > div.block-560 {
        padding: 1.5rem
    }

    #main .box.poll_sml > div.block-560 {
        margin: 0px !important;
    }

    .poll-section-title,
    .poll-section-qa-block {
        padding: 0px !important;
    }

    .poll-section-title span.icon {
        background: none !important;
        display: inline-block;
        height: 3.8rem;
        width: auto;
        line-height: 3.8rem;
        color: #303030;
    }

    .poll-section-title h3 {
        display: inline-block;
        height: 3.8rem;
        width: auto;
        color: #303030;
        white-space: nowrap
    }

    #main .box.wrap_article .box.poll_sml.special table,
    body.articles .gig-bar-container {
        max-width: 100%;
        width: 100% !important
    }

    .poll-options-block .option-list-block,
    .poll-options-block .option-list-block .result-block {
        min-height: 45px
    }

    .poll-options-block .option-list-block .result-block .result-percentage {
        height: 45px !important;
    }

    .poll-options-block .option-list-block .answer-block {
        min-height: 45px;
        text-align: right;
        background: #fff
    }

    body.en .poll-options-block .option-list-block .answer-block {
        min-height: 45px;
        text-align: left;
    }

    .poll-section-title {
        border: none;
    }

    #main .box.wrap_article .box.poll_sml td {
        width: 100%;
        display: block;
    }

    .poll-section.image-poll .poll-section-qa-block .gig-button-container-horizontal .answer-photo,
    .poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block img,
    .poll-section.imgs-poll .option-list-block img,
    .image-poll .option-list-block img,
    .gig-bar-container .normal-photo img.answer-photo,
    .poll-options-block .option-list-block.normal-photo img.answer-photo {
        width: 100px !important;
        height: 60px !important
    }

    .poll-options-block .option-list-block .answer-block .imagelightbox,
    .poll-section.image-poll .poll-section-qa-block .gig-button-container-horizontal .answer,
    .poll-options-block .option-list-block.horizontal.special .result-block .imagelightbox,
    .poll-options-block .option-list-block.horizontal.special .result-block .answer,
    .poll-options-block .option-list-block.horizontal.special .result-block .result-percentage,
    .poll-options-block .imagelightbox {
        float: right
    }

    .poll-options-block .answer {
        margin-right: 1.8rem
    }

    body.en .poll-options-block .answer {
        margin-left: 0rem;
        margin-left: 1.8rem;
    }

    .gig-bar-container img {
        top: 0px !important;
        left: 0px !important
    }

    div[id^="poll-id"] {
        left: 0px !important
    }

    /*.gig-button-container-horizontal .poll-options-block .option-list-block,*/
    /*.poll-options-block .option-list-block .answer-block a.videolightbox,*/
    /*.poll-options-block .option-list-block a.videolightbox,*/
    /*.image-poll .poll-options-block .option-list-block .result-block .answer*/
    /*{margin:auto!important;}*/
    /*.poll-options-block .option-list-block .answer-block,*/
    /*.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block{margin-bottom:1rem;}*/
    .poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block .answer,
    .imgs-poll .poll-options-block .option-list-block .answer-block .answer,
    .imgs-poll .poll-options-block .option-list-block .result-block .result-percentage .display-result,
    .poll-options-block .option-list-block .result-block,
    #main .poll-options-block .option-list-block .answer-block.img-text .answer,
    .image-poll .poll-options-block .option-list-block .result-block .result-percentage .display-result,
    .poll-section.image-poll .poll-options-block .option-list-block .result-block .answer-percentage,
    .image-poll .poll-options-block .option-list-block .result-block .answer {
        width: auto !important;
        max-width: none !important;
    }

    #main .poll-options-block .option-list-block .answer-block.img-text .answer {
        height: 60px !important;
        line-height: 60px !important
    }

    #fancybox-content iframe {
        width: 200%;
        margin-left: -10px !important
    }

    /***fixing video poll**/
    /*****reset-positioning*****/
    .image-poll .poll-options-block .option-list-block .result-block,
    #main .poll-options-block .option-list-block.img-text .result-block .result-percentage,
    #main .poll-options-block .option-list-block.img-text .result-block .result-percentage .display-result,
    .poll-options-block .option-list-block .result-block .result-percentage,
    .image-poll .poll-options-block .option-list-block .result-block .result-percentage .display-result {
        position: initial
    }

    .poll-section.image-poll .poll-options-block .option-list-block .result-block .answer-percentage {
        position: absolute;
        left: 1.5rem;
    }

    /*****Attatch Poll correctly******/
    .poll-section .option-list-block {
        position: relative !important;
    }

    .poll-section .answer {
        white-space: pre;
    }

    .poll-section .answer-block .answer {
        white-space: normal;
    }

    .poll-section .option-list-block {
        overflow: hidden;
    }

    /*******bordering options****/
    .poll-section .option-list-block {
        border: solid 1px #DDD !important;
        border-radius: 3px !important;
        margin-bottom: 1rem !important;
    }

    /********Prosport*******/
    .opta-widget-container {
        margin: 0 0 2.5rem 0 !important;
        padding: 0px 0.5rem !important;
    }

    /******Apps******/
    .apps-msg {
        color: #0a0a0a;
        margin-top: 50px;
        text-align: center;
        max-width: 90%;
        margin: auto
    }

    /****** miscellaneous ****/
    .fb-post {
        padding: 0px !important;
    }

    .articles.en .wrap_article ul, .articles.en .wrap_article ol {
        padding: 0 1.5rem 0 4rem !important;
    }

    .social-media-embed-post, .audio-embed-post {
        margin-top: 0px !important;
        margin-bottom: 1.5rem !important
    }

    .video-embed-post {
        margin-top: 0px !important
    }

    .social-media-embed-post iframe, .video-embed-post iframe {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin: auto !important;
        padding: 0px !important;
    }

    .video-embed-post iframe {
        height: 56.25vw !important;
        max-height: 56.25vw !important;
    }

    .social-media-embed-post > iframe {
        padding: 0 1rem !important
    }

    /*.social-media-embed-post .fluid-vids {padding: 56.25% 0 0 0;}*/
    .content-stream .content {
        margin: 0 0 1.5rem 0 !important
    }

    /*****content stream injected****/
    .articles .cs-injected .content-stream-rp-block-container .content-stream-box {
        display: block;
        margin: auto !important;
        float: none !important
    }

    .tabactive {
        padding: 0px !important
    }

    .articles .cs-injected .content-stream-rp-block-container .content-stream-data {
        width: 0px !important;
        padding: 0px !important
    }

    body#article .content-stream.content-stream-rp .content .loadmore {
        text-align: center;
        background: #ebebeb;
        border-radius: 3px;
        width: 100%;
        height: 4.4rem;
        line-height: 4.4rem;
        color: #888888;
        cursor: pointer;
    }

    /*****other injected *****/
    /*****content stream out at the very bottom***/
    /*.content-stream-rp.cs-full-width .content-stream-rp-block-container .content-stream-box */
    /*{margin-right:0px!important;padding:0px!important}*/
    /*.content-stream-box .img-box,*/
    /*.content-stream .tabactive .img-box a{*/
    /*width: 100%!important;*/
    /*height: 33vw!important;*/
    /*}*/
    /*.content-stream-box .img-box img {*/
    /*width:100%!important;*/
    /*height:100%!important;*/
    /*margin:0px!important*/
    /*}*/
    .content-stream-rp.cs-full-width .content-stream-rp-block-container .content-stream-box {
        margin: 0px auto 1.5rem auto !important;
        padding: 0px !important;
        float: none !important
    }

    .content-stream-box .img-box,
    .content-stream .tabactive .img-box a {
        width: 100% !important;
        height: 33vw !important;
    }

    .content-stream-rp.cs-full-width .content-stream-rp-block-container .content-stream-box .img-box,
    .content-stream-rp.cs-full-width .content-stream-rp-block-container .content-stream-box .img-box a {
        height: 168px !important;
        width: 300px !important
    }

    .content-stream-box .img-box img {
        width: 100% !important;
        height: 100% !important;
        margin: 0px !important
    }

    .articles .cs-full-width.content-stream-rp .tabs, .cs-full-width.content-stream-rp .tabs {
        background: #fff !important;
    }

    /****color coded CTAs*****/
    .article-shahid-box, .article-social-media-box > div {
        width: 92% !important;
        margin: 0px 4% 1.5rem 4%;
        display: block;
        box-sizing: border-box;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 5rem;
        min-height: 5rem;
        position: relative;
        padding: 0px
    }

    .article-shahid-box {
        background: #75A033 !important
    }

    .articles .article-shahid-box a.watch-on-shahid-link, .articles .article-social-media-box a.asml {
        display: inline-block;
        height: 5rem;
        line-height: 5rem;
        min-height: 5rem;
        color: #fff;
        font-family: Droid Arabic Kufi Bold, Arial !important;
        width: 100%;
        position: relative;
        top: initial;
        right: initial;
        padding: 0px 1.5rem;
        text-indent: 5.5rem;
        box-sizing: border-box;
        overflow: hidden;
    }

    .articles .article-shahid-box a, .articles .article-social-media-box a {
        position: absolute;
        top: 5px;
        right: 15px;
    }

    .articles .article-shahid-box a {
        padding: 0px !important
    }

    .download-app-generic-asml, .download-app-android-asml, .download-app-mac-asml {
        background: #823772 !important;
    }

    .facebook-asml {
        background: #39579E !important
    }

    .twitter-asml {
        background: #5FA9DD !important
    }

    .youtube-asml {
        background: #E6262D !important
    }

    .gplus-asml {
        background: #D7492F !important;
    }

    .vine-asml {
        background: #1BA47C !important;
    }

    .instagram-asml {
        background: #482814 !important
    }

    .article-shahid-box span.icon,
    .instagram-asml span.icon {
        background: none !important;
        font-size: 27px;
        color: #fff !important;
        padding: 0px !important;
        line-height: 150%;
    }

    /*****tables******/
    .table-component-container {
        margin-bottom: 1.5rem !important;
        float: none !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0px 1.5rem
    }

    .articles #main .wrap_article .content .table-component-container table {
        width: auto !important;
        white-space: nowrap;
    }

    .articles #main .wrap_article .content .table-component-container:not(.more-560) table {
        width: 100% !important;
        float: none !important
    }

    .articles #main .table-component-container table tr {
        white-space: nowrap;
        border: none !important
    }

    .articles #main .table-component-container table tr td, .articles #main .table-component-container table tr th {
        white-space: nowrap
    }

    .articles #main .table-component-container table tr table tr {
        border: none !important
    }

    .articles #main .table-component-container table table tr td, .articles #main .table-component-container table table tr th {
        padding: 0px !important
    }

    .articles #main .wrap_article .content .table-component-container table tr:nth-child(1) {
        background: #ECEFF1;
        color: #77909D;
        font-family: mytestmedium;
        height: 60px
    }

    .table-component-container.more-560 .table-area {
        border: solid 1px #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 0 0 0 1.5rem
    }

    .table-component-container.more-560 .table-area h3 {
        text-indent: 1.5rem
    }

    .table-component-container.more-560 {
        margin: 0px;
        padding: 0 1.5rem !important
    }

    .table-component-container .table-area {
        margin: 0px !important;
        width: 100% !important
    }

    .table-component-container.more-560 #next_nav, .table-component-container.more-560 #prev_nav {
        height: 11rem;
        background: rgba(0, 0, 0, 0.3);
        width: 15%;
        line-height: 12rem;
        text-align: center;
        font-size: 4.4rem;
        color: #fff;
        top: 20%;
        z-index: 1000
    }

    .table-component-container.more-560 #prev_nav {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
        display: none;
        right: 15px !important
    }

    .table-component-container.more-560 .table-area, .table-component-container.more-560 .table-area table {
        width: auto
    }

    .table-component-container .cd-popup-trigger img {
        width: 79px !important;
    }

    .table-component-container h3 {
        font: 30px/40px mytestmedium !important;
        margin-bottom: 16px !important;
    }

    .rightStickArrow {
        position: fixed !important;
        right: 15px !important;
        top: 11% !important;
        left: auto !important;
    }

    .leftStickArrow {
        position: fixed !important;
        left: 0px !important;
        top: 11% !important;
        right: auto !important;
    }

    /******tabs*****/
    .articles .box.wrap_article .content-stream .content {
        margin: 0 0 1.5rem 0 !important;
        padding: 0px 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .articles .box.wrap_article .content-stream .content select {
        width: 90%;
        height: 3.2rem;
        margin: 0 5% 1.5rem 5% !important
    }

    .content-stream-rp .tabs {
        border: none !important;
        margin-bottom: 0px !important;
        min-height: 50px !important
    }

    .articles .content-stream.content-stream-rp .content .tabs li {
        background: none !important
    }

    .articles .content-stream.content-stream-rp .content .tabs li a:hover,
    .articles .content-stream.content-stream-rp .content .tabs .active a,
    .content-stream.content-stream-rp .content .tabs li a:hover,
    .content-stream.content-stream-rp .content .tabs .active a {
        border: none !important;
        font: 30px/40px mytestmedium !important;
        padding-right: 1.5rem !important;
        color: #4a4a4a !important;
        display: block;
        padding: 0px !important;
        background: none !important;
    }

    /****inner-content-stream***/
    .articles .box.wrap_article .content-stream-rp .content {
        padding: 0px !important
    }

    .articles .content-stream-rp {
        margin-bottom: 1.5rem !important
    }

    .articles .cs-injected .content-stream-rp-block-container .content-stream-box {
        display: inline-block !important;
        float: right !important;
        /*min-width:59vw*/
    }

    .articles .cs-injected .content-stream-rp-block-container .content-stream-box .img-box,
    .articles .cs-injected .content-stream-rp-block-container .content-stream-box .img-box a,
    .articles .cs-injected .content-stream-rp-block-container .content-stream-box .img-box a img {
        width: 100% !important;
        height: 33vw !important;
    }

    .content-stream-rp-block-container .content-stream-box .title a {
        color: #4a4a4a !important;
    }

    .content-stream-rp-block-container .content-stream-box .participate-link {
        background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -644px transparent !important;
        float: right;
        height: 18px;
        left: 0;
        position: relative;
        top: 0;
        width: 54px;
    }

    /*******QA*******/
    .question-answer-section-list .qa-section-question h3 {
        font: 16px/150% 'Droid Arabic Kufi Bold', Arial !important;
        font-weight: bold !important;
    }

    .question-answer-section-title {
        margin-bottom: 1.5rem !important
    }

    /*****Footer*****/
    body#article #site-info {
        padding-bottom: 0 !important
    }

    body#article #site-info .info-form,
    body#article #site-info .links:nth-of-type(1),
    body#article #site-info .links:nth-of-type(2),
    body#article #site-info .links:nth-of-type(3),
    body#article #site-info h4 {
        display: none;
    }

    body#article.prosports #site-info .links:nth-of-type(1) {
        display: block !important
    }

    body#article #site-info .links {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding: 1rem;
        margin: 0px !important;
    }

    body#article #site-info div.links div {
        width: 33% !important;
    }

    body#article #site-info #site-info-inner .copyrights {
        background-image: url('/dms/creative/channels/mbcNET/img/mbc-logo-mid-brand.png') !important;
        border-top: 2px groove rgba(101, 101, 101, 0.4) !important;
        color: #818181 !important
    }

    body#article #site-info ul {
        margin: 0px !important;
        list-style-type: none !important;
        text-align: center;
    }

    body#article #site-info li {
        list-style: none !important;
        color: #4f5253 !important;
    }

    body#article #site-info li a {
        color: #818181 !important;
        font-size: 16px;
        margin: 0.5rem 0px !important;
    }

    body#article.en #adSlot-outPage-1x1-floating,
    body#article.en #adSlot-inPage-1x1-theme {
        display: none !important
    }

    body#article.en #site-info {
        margin-bottom: 0px !important;
        height: auto !important
    }

    body#article.en #site-info .links:nth-of-type(3) {
        display: block
    }

    body#article.en #site-info div.links div {
        width: 50% !important;
    }

    body#article.en #wrapper #site-info ul {
        margin: 0px;
        width: 100% !important
    }

    body#article.en #site-info li a {
        font-size: 14px;
        margin: 0.3rem 0px !important
    }

    body#article.en #site-info #site-info-inner .copyrights {
        padding-top: 56px !important;
    }

    body#article #wrapper #site-info-inner, body#article #site-info, body#article #site-info-inner {
        background: #000 !important
    }

    body#article #wrapper #site-info #site-info-inner .copyrights {
        background-position: center 27px;
        background-repeat: no-repeat !important;
        direction: ltr !important
    }

    body.en #wrapper #site-info-inner {
        margin-bottom: 0px !important
    }

    /*
        .mbcSlider-slider__slide img {
            top: 0!important;
            -webkit-transform: translateY(0)!important;
            transform: translateY(0)!important;
        }
        .mbcSlider-slider, .mbcSlider-slider__side {
            min-height: 0!important;
        }

        .mbcSlider .mbcSlider-slider__slide.slick-active {height: auto!important;max-height: none!important}

        .mbcSlider {min-height: 0px!important}
        .mbcSlider.mbcSlider-popup,.mbcSlider.mbcSlider-popup .mbcSlider-slider {min-height:120vw!important}

    */
    /** Auto Forward **/
    body.video-article #nextVideoDiv {
        top: 0;
    }

    body.video-article #nextVideoDiv .next-video-container-wrapper-top {
        display: none;
    }

    body.video-article #nextVideoDiv .timer {
        font-size: 50px;
    }

    body.video-article #nextVideoDiv .next-video-container-header-top {
        margin-bottom: 0;
    }

    body.video-article #nextVideoDiv .next-video-container-header {
        margin: 0 auto;
    }

    body.video-article #nextVideoDiv h1 {
        font: 14px/20px Droid Arabic Naskh Regular, Arial;
    }

    body.video-article #nextVideoDiv .next-video-container-wrapper-bottom {
        height: 50px;
    }

    body.video-article #nextVideoDiv .next-video-container-footer a {
        width: 75px;
        font-size: 15px;
    }

    body.video-article #nextVideoDiv .next-video-container-footer {
        top: -2px;
    }

    body.video-article #nextVideoDiv .next-video-container {
        padding-top: 5px;
    }

    /** Native Ads **/
    .native-ads #mv-media img {
        width: 100%;
        height: auto;
    }

    .native-ads span#mv-sponsor-logo,
    .native-ads .me-content-body p,
    .native-ads .me-content-body p a {
        width: 100%;
    }

    .native-page .date-container, .native-page #articleTitle, .native-page .me-content-body {
        margin: 1em;
    }

    .native-ads #mv-pub-date {
        margin-right: 1em;
    }

    .native-ads .icon-mbcNews {
        left: -6px;
    }

    .native-page #site-info {
        padding-top: 0;
    }

    /*@Todo Remove Them once we apply the Search on Prosport*/
    .global-login .global-login-container #profileDiv, body.articles.prosports #profileDiv {
        top: 57px;
        width: 75px !important;
        left: -41px !important;
        height: 37px;
        position: absolute;
        float: left !important;
    }

    body.articles.en #profileDiv {
        width: 174px !important;
        margin-left: 42px !important;
        position: absolute !important; /**Ali**/
        top: 0px;
        left: -30px !important;
    }

    .en #profileDiv #logoutTxt a {
        background: url("../img/navGFX/top-nav-separator.png") no-repeat left 3px !important;
        margin-left:10px!important
    }

    /* MMohaesn */
    #profileDiv span#logoutTxt {
        display: inline-block;
        float: left;
        margin-top: 0px;
    }

    .left-side-menu .profile-info {
        top: 46px !important;
        left: 0px;
        margin-left: -18px;
    }

    /*mmohesen*/
    /*@ToDo remove this once the GTM script is ready on prosports
    body.prosports #adSlot-inPage-multipleSize-top {
        height: 66px!important;
        padding-top: 80px!important;
        position: relative!important;
        margin-top: -80px!important;
        margin-bottom: 20px!important;
    }
    */

}

/*max-width: 979 Ali Sao*/

@media screen and (min-width: 768px) and (max-width: 980px) {
    /*.related-content-slider .slick-track,*/
    /*.related-content-slider .slick-list*/
    /*{max-height: 25rem!important}*/
    /*.related-content-slider .slick-slide {max-height: 25rem!important;overflow: hidden;}*/
    html, body.articles, body.articles #wrapper, body.articles #wrapper-header {
        width: 980 !important;
        min-width: 980px !important
    }

}

@media screen and (max-width: 640px) {
    .mbcSlider-slider {
        min-width: 480px;
        max-width: 100%
    }
}

/*@media screen and (min-width: 481px) and (max-width: 980px) {}*/

@media screen and (max-width: 480px) {
    #branding ul.nav-global {
        background: #263238;
        width: 25rem;
        position: absolute;
        right: -25rem;
        top: -5.6rem;
        padding: 2.3rem 0px;
    }

    body.show-menu {
        margin-left: -25rem !important;
    }

    .article-extras-box {
        float: none !important;
        width: 90% !important;
        padding: 1.5rem !important;
        margin: 2rem 5% !important;
        box-sizing: border-box;
    }

    .articles #main .wrap_article .article-extras-box .multimedia-details-box h2, .audio-section .title {
        margin: 0px !important;
    }

    .articles #main .slideshow.multimedia {
        margin: 1.5rem 0px !important;
        padding: 0px !important;
    }

    .external-media.auto-size {
        margin-bottom: 0px !important
    }

    .audio-section .items,
    .audio-section .items .items-container,
    #mbcFeaturedArticle_slider,
    #slides-list-rc,
    .audio-section .items .listing-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin: 0px !important;
        float: none !important;
    }

    #slides-list-rc div.item-thumbnail > img {
        width: 100%;
    }

    .item-thumbnail {
        line-height: 40% !important
    }

    .audio-section .items .listing-item .item-content-container .item-content {
        bottom: 0px !important
    }

    .audio-section .items .listing-item .item-content-container .audio-player {
        background-color: rgba(0, 0, 0, 0.7) !important;
    }

    .audio-section .items .listing-item .item-title {
        font-size: 26px !important;
        line-height: 100% !important
    }

    .audio-section .items .listing-item {
        margin-bottom: 3rem !important;
    }

    /*.content-stream-rp.cs-full-width .content-stream-rp-block-container .content-stream-box {*/
    /*margin:20px auto!important;*/
    /*float:none!important;*/
    /*}*/
    /*.content-stream-box {width:auto!important}*/
    .related-component-sliding-format2 {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 1.5rem !important;
    }

    .related-component-sliding-format2 .related-component-list {
        /*padding: 0px 5%!important; check side effect*/
    }

    .related-component-sliding-format2 .related-component-list-img .img-icon {
        bottom: 0px !important;
    }

    .question-answer-section-title {
        padding-top: 2rem;
    }

    .question-answer-section-list {
        margin-bottom: 2rem !important;
    }

    .qa-section-question h3, .qa-section-answer p {
        width: 80% !important;
    }

    .mbcSlider-slider {
        min-width: 320px;
        max-width: 100%
    }

    .mbcSlider-popup .mbcSlider-slider__popup {
        max-height: 100% !important
    }

    /***********english photo album*****/
    .en .photo-album-desc-area {
        margin: 0px !important
    }

    #alboum-list .photitm {
        width: 45% !important;
        margin-bottom: 0px 1.125% 30px 1.125%;
    }
}

@media screen and (max-width: 360px) {
    .comments-box-header .add-comments {
        min-width: 42% !important
    }

    .articles .content-stream.content-stream-rp .content .tabs li:last-child, .content-stream.content-stream-rp .content .tabs li:last-child {
        width: 100% !important
    }
}

@media screen and (max-width: 320px) {
    #branding ul.nav-global {
        background: #263238;
        width: 24.6rem;
        position: absolute;
        right: -24.6rem;
        top: -5.6rem;
        padding: 2.3rem 0px;
    }

    body.show-menu {
        margin-left: -24.6rem !important;
    }

    .mbcSlider-slider {
        min-width: 280px;
        max-width: 100%
    }

    .mbcSlider.mbcSlider-popup .mbcSlider-next-album__container {
        margin-top: 0 !important;
    }

    .mbcSlider-related-albums-slider {
        margin-top: 10%
    }

    .mbcSlider.mbcSlider-popup .mbc-icon-replay {
        width: 25px !important;
        height: 25px !important
    }

    body#article.en .global-login #profileDiv #logoutTxt a, body#article.en #profileDiv .username {
        font-size: 16px;
        color: #fff;
        font-weight: bold
    }

}