/* This file is unused. It is referenced for CloudFront but not actively used. */
body {
    font-family: ArticleArabic-Regular;
    font-size: 13px;
    color: #555;
    background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: ArticleArabic-Bold;
    color: #555;
    margin-top: 10px;
    margin-bottom: 10px;
}
a {
    color: #555;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a,
a:active,
a:focus {
    text-decoration: none;
    outline: 0;
}
a:focus,
a:hover {
    color: #3483bd;
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.white-bg {
    background-color: #fff;
}
section {
    margin-top: 30px;
}
.header_section_wrapper {
    margin: 0 !important;
    padding-top: 30px;
    padding-bottom: 0;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    background: #efefef;
}
.header-section .logo {
    text-align: center;
    margin: 0 auto;
}
.header-section .left_section,
.header-section .right_selection {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.header-section .right_selection {
    float: right;
}
.header-section .date {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    font-size: 1.1rem;
}
.header-section .time {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 15px;
}
.header-section .social {
    margin-top: 20px;
    direction: rtl;
    text-align: center;
}
.fa-facebook {
    margin-left: -4px;
}
.header-section .social i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}
.header-section .social i::first-child {
    color: #eee;
}
.search-menu .search-button {
    margin-top: 10px;
    padding-bottom: 5px;
    color: #000;
    float: right;
    border-bottom: 1px solid #a1a1a1;
}
.search-menu .form-group {
    margin-bottom: 0;
}
.search-menu .input-group .form-control {
    width: 90%;
}
@media screen and (max-width: 768px) {
    .header-section {
        text-align: center;
    }
    .header-section .logo {
        float: right;
    }
    .right-menu .navbar-nav li {
        float: left;
        margin: 0 auto;
    }
    .header-section .right_section {
        display: inline-flex;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }
    .header-section .top_menu {
        float: none;
    }
    .header-section .top_menu li {
        float: left;
    }
    .overlay.active {
        background-color: rgba(34, 62, 125, 0.91) !important;
    }
    .header-section .btn {
        margin-top: 19px;
        height: 42px;
    }
    .right-menu .nav {
        float: left;
        margin-top: 20px;
    }
    .header_section_wrapper {
        padding-top: 10px;
    }
    .app-logo {
        float: right;
    }
}
.navigation-section i {
    margin-left: 5px;
}
.navigation-section .navbar-default {
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
    margin-top: 30px;
    background: 0 0;
    border-radius: 0;
    z-index: 1112;
}
@media screen and (max-width: 768px) {
    .navigation-section .navbar-default {
        border: none;
        margin: 0;
        display: inline;
        padding: 0;
    }
    .mobile-hide {
        display: none;
    }
}
@media (min-width: 768px) {
    .navigation-section .navbar-nav {
        margin: 0 18%;
    }
    .navbar-default {
        background-color: #f2f2f2;
        padding: 1px 0;
        border-color: transparent;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .navbar {
        min-height: inherit;
    }
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }
    .dropdown-menu {
        min-width: 150px;
    }
}
.navbar-default {
    margin-bottom: 0;
}
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
}
.navbar-default .navbar-nav > li {
    margin-right: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    padding: 12px 20px;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #000;
}
.navigation-section .dropdown-menu li a {
    display: block;
    font-size: 1.5rem;
    line-height: 30px;
    color: #000;
    padding: 5px 20px;
    text-align: right;
}
.navbar li.dropdown {
    font-size: 1.7rem;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #31aae2;
    background-color: #f5f5f5;
    padding-left: 25px;
}
.feature_static_last_wrapper {
    margin-top: 30px;
}
.feature_article_content {
    margin-top: 10px;
    font-size: 15px;
}
.article_wrapper {
    margin-bottom: 30px;
}
.category_article_image,
.top_article_img {
    margin-bottom: 15px;
}
.category_article_wrapper .media-heading {
    margin-top: 5px;
}
.category_article_content {
    margin-top: 20px;
    font-size: 15px;
}
.category_article_date:after {
    position: absolute;
    margin: 0;
    height: 1px;
    right: 25px;
    bottom: 62%;
    content: " ";
    width: 50%;
    background-color: #eee;
}
@media screen and (max-width: 768px) {
    .top_article_img {
        margin-top: 15px;
    }
    .category_article_date:after {
        position: relative;
        display: inline-table;
        left: 5px;
        bottom: 3px;
        width: 40%;
    }
    .header-section .social {
        margin-top: 0;
    }
}
.article_social {
    margin-top: 30px;
    color: #000;
}
.article_social i {
    padding: 5px;
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
    background-color: #a5a5a5;
}
.article_social span {
    color: #a5a5a5;
    margin-right: 10px;
}
.article_social a {
    margin-right: 5px;
}
.article_social .reply_ic {
    padding: 4px;
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    width: 22px;
    background-color: #a5a5a5;
}
@media screen and (max-width: 768px) {
    .article_social {
        margin-top: 10px;
    }
    .article_social span {
        font-size: 11px;
    }
    .widget .media-heading {
        font-size: 1.8rem;
    }
}
.widget {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.widget_title {
    background-color: #fff;
    z-index: 3;
    direction: rtl;
}
.widget_adv {
    text-align: center;
    margin: 30px;
}
.widget_advertisement {
    text-align: center;
    margin: 30px 0;
}
.widget_body img {
    float: left;
    position: relative;
    margin-right: 25px;
}
.widget .add_img {
    display: inline-block;
    padding: 12px 12px;
}
.widget .media {
    border-bottom: 1px solid #e3e6e8;
    padding-bottom: 15px;
    padding-top: 15px;
    min-height: 96px;
    width: auto;
}
.widget .media-heading {
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: 2.5rem;
    direction: rtl;
    height: 100px;
    text-align: right;
    font-family: ArticleArabic-Bold;
    overflow: hidden;
    float: right;
}
.widget .media-date {
    color: #3483bd;
    font-size: 1.1rem;
}
.widget .article_comments {
    float: left;
    color: #6d6d6d;
}
.widget_article_social {
    color: #888;
    position: absolute;
    bottom: 0;
    direction: rtl;
    width: 100%;
    right: 0;
}
.widget_article_social i {
    padding: 3px;
    margin-right: 2px;
    vertical-align: middle;
}
.widget_article_social .article_comments {
    margin-left: 3px;
    font-size: 0.9rem;
    margin-top: 2px;
}
.left-side-story.widget_article_social .article_comments {
    margin-left: 8px;
}
.widget_img {
    text-align: center;
    margin: 0 auto;
}
.widget .adv_img {
    display: inline-block;
}
.widget_body .btn {
    border-radius: 0;
}
.widget hr {
    border-color: #e0e0e0;
}
.widget-title hr {
    border-width: 4px;
    margin-bottom: 0;
}
.widget-title hr:before {
    width: 80px;
    background-color: #ddd;
    display: block;
    height: 4px;
    position: relative;
    content: "";
    top: -4px;
}
.widget_divider {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 10px;
    outline: 0;
    padding: 0 0 !important;
    border-radius: 3px;
    background: #298ac9;
    border-color: #3b8abd;
    color: #fff;
}
.widget_divider:focus {
    outline: 0 !important;
}
.widget_divider:hover {
    background: #2175ab;
}
.widget_divider a {
    direction: rtl;
    color: #fff;
    width: 100%;
    display: inline-block;
    padding: 10px 25px;
    font-size: 1.5rem;
    font-family: ArticleArabic-Bold;
}
.widget_divider::after {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    text-align: right;
    position: absolute;
    top: 12px;
}
@media screen and (max-width: 768px) {
    .widget_divider {
        width: 100%;
    }
}
.crunchify-top {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #3ac8de;
    text-decoration: none;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    z-index: 333;
}
.crunchify-top:hover {
    background-color: #31a0b1;
    color: #fff;
}
.media-object {
    width: 110px;
    height: auto;
}
.single-widget {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (min-width: 780px) {
    .single-widget {
        min-height: 845px;
    }
    .six_stories.single-widget {
        min-height: 1110px;
    }
}
.socials a {
    color: #337ab7;
}
.socials a:hover {
    color: #23527c;
}
.play {
    display: block !important;
    position: absolute;
    left: 37%;
    top: 26%;
    background: url(../images/play.png) no-repeat;
    background-repeat: no-repeat;
    background-size: 48px;
    width: 100%;
    height: 100%;
}
.left-side-story .play {
    left: 33%;
    top: 28%;
}
.single-widget .media-right {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
}
.single-widget .media-left {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
}
.common-title {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 12px 0 12px 0;
    border-top: 3px solid #504d4d;
    border-bottom: 1px solid #e3e6e8;
    font-size: 2.1rem;
    font-family: ArticleArabic-Bold;
    background-color: #ecf1f7;
    color: #337ab7;
}
.common-title span {
    padding-right: 10px;
}
.arrow-left {
    width: 9px;
    height: 12px;
    margin: 0 0 0 5px;
    display: inline-block;
    color: #bdc7cc;
    font-size: 18px;
    display: none;
}
.left {
    border: solid #afa7a7;
    border-width: 2px 0 0 2px;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-47deg);
    vertical-align: middle;
}
.nb-mobile-page-icons {
    border: none;
    width: 42%;
}
.nb-download-txt {
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
}
.nabd-logo {
    width: 200px;
}
.fa-comment-o {
    font-size: 1.12em !important;
}
@media screen and (max-width: 768px) {
    .widget_article_social .article_comments {
        margin-top: 0 !important;
    }
    .fa-comment-o {
        font-size: 1.2em !important;
    }
    .play {
        left: 33% !important;
        top: 27%;
    }
    .left-side-story .play {
        left: 27% !important;
        top: 27%;
    }
    .nabd-logo {
        width: 120px;
        margin-top: -3px;
    }
    .nb-mobile-page-icons {
        width: 49%;
    }
    .single-widget {
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar {
        min-height: 62px;
    }
}
@media (min-width: 780px) and (max-width: 1199px) {
    .play {
        left: 34%;
        top: 27%;
    }
}
.nabd-logo-txt {
    color: #08c;
    font-family: ArticleArabic-Bold;
    font-size: 7rem;
    vertical-align: middle;
    height: 65px;
}
@media screen and (max-width: 768px) {
    .nabd-logo-txt {
        font-size: 5rem;
    }
    .first-story .widget_article_social {
        position: relative;
        float: right;
        width: 100%;
        right: 0;
    }
}
@media only screen and (min-width: 768px) {
    .web-hide {
        display: none;
    }
    .single-widget {
        float: right;
    }
    .nabd-logo {
        width: 200px;
    }
}
.nb-download-link-div {
    background: #08c;
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
    font-size: 17px;
    font-family: ArticleArabic-Bold;
    width: 100% !important;
    display: inline-block;
}
.nb-download-link-div p {
    margin: 0;
}
.nb-mobile-page-icons {
    width: 160px;
    background: 0 0;
    border: none;
}
.nb-about-div {
    background-color: #f2f2f2;
    padding-top: 15px;
    width: 100% !important;
}
.menu-category {
    margin: 0 0 15px;
    font-size: 14px;
}
.nb-about-div ul {
    list-style: none;
    padding-right: 0;
}
footer .socials li {
    float: left;
    text-align: center;
}
.nb-apple-trademark,
.nb-copyright-text {
    padding-top: 15px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    direction: ltr;
    font-size: 13px;
}
.nb-apple-trademark {
    padding-top: 5px;
    font-size: 12px;
}
.mastfoot {
    margin-top: 5%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .nb-mobile-page-icons {
        width: 50%;
        float: left;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .nb-mobile-page-icons {
        width: 23%;
        float: none !important;
    }
    .nb-about-div {
        width: 100% !important;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .nb-mobile-page-icons {
        width: 30%;
        float: none !important;
    }
    .nb-download-text-div {
        margin-top: 8px;
    }
    header {
        width: 100%;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .nb-mobile-page-icons {
        width: 23%;
        float: none !important;
    }
    .nb-about-div {
        width: 680px !important;
    }
    .nb-download-text-div {
        margin-top: 8px;
    }
    header {
        width: 100%;
        margin-right: 190px;
    }
    .nb-about-div {
        width: 100% !important;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .nb-mobile-page-icons {
        width: 25%;
        float: none !important;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .nb-mobile-page-icons {
        width: 49%;
        float: none !important;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .nb-mobile-page-icons {
        width: 28%;
        float: none !important;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) and (-webkit-device-pixel-ratio: 3) {
    .nb-mobile-page-icons {
        width: 48%;
        float: none !important;
    }
}
@media only screen and (min-width: 1224px) {
    .nb-mobile-page-icons {
        width: 190px;
        float: none !important;
    }
    ul.socials {
        width: 50%;
        margin-left: 25%;
    }
}
@media only screen and (min-width: 1824px) {
    .nb-mobile-page-icons {
        width: 190px;
        float: none !important;
    }
    ul.socials {
        width: 50%;
        margin-left: 25%;
    }
}
.nb-no-padding {
    padding-left: 0;
    padding-right: 0;
}
.nb-info-div {
    padding-bottom: 10px;
}
.nb-store-icons {
    padding-top: 12px;
    padding-right: 15px;
    float: left;
}
.nb-separator {
    text-align: center;
    color: gray;
    font-size: 16px;
}
.nb-title-description {
    font-size: 15px;
    text-align: right;
}
.media.first-story .top-content {
    height: 90px !important;
    position: relative;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .nb-mobile-page-icons {
        width: 30%;
        float: none !important;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .nb-mobile-page-icons {
        width: 49%;
        float: none !important;
    }
}
@media screen and (device-aspect-ratio: 40/71) {
    .widget .media-heading {
        font-size: 1.2rem;
    }
    .single-widget {
        padding-left: 0;
        padding-right: 0;
    }
    .header-section .left_section,
    .header-section .right_selection {
        font-size: 1rem;
        letter-spacing: 0;
    }
    .header-section .social i {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}
.nb-publish-date {
    font-weight: 400;
    font-size: 1rem;
    margin-right: -5px;
}
.nb-publish-date o {
    color: inherit;
}
.first-story.media-body img.media-object {
    text-align: center;
    margin: auto;
    width: 100%;
    max-height: 170px;
    height: 170px;
    object-fit: cover;
}
.first-story.media-heading {
    height: auto !important;
    margin-bottom: 5px !important;
    font-size: 2rem;
    line-height: 3rem !important;
}
.media-body.first-story a.play {
    left: 42%;
    top: 26%;
    background-size: 58px;
}
.media.first-story .widget_article_social {
    margin-bottom: 10px;
}
.widget .media.first-story {
    border-bottom: 1px solid #e3e6e8;
    padding-bottom: 0;
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .media-body.first-story a.play {
        top: 24% !important;
    }
    .media.first-story .top-content {
        height: auto !important;
    }
}
.media-body.first-story {
    margin-bottom: 12px;
    width: 100%;
    display: inline-block;
    padding-left: 0;
}
.single_play {
    display: block !important;
    position: absolute;
    left: 40%;
    top: 30%;
    background-size: 52px;
    background: url(../images/play.png) no-repeat;
    width: 50%;
    height: 50%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .single-widget {
        min-height: 880px;
    }
    .six_stories.single-widget {
        min-height: 1090px;
    }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .header-section .date {
        font-size: 1.1rem;
    }
}
.media-body {
    position: relative;
    padding-left: 6px;
}
.img-thumbnail {
    border-radius: 0;
    border: none;
    padding: 0;
}
.regular-story .media-object.img-thumbnail {
    height: 100px;
    width: 110px;
    object-fit: cover;
}
.regular-story .media-right {
    max-width: 120px;
}
.regular-story .media-left {
    max-width: 110px;
}
.media {
    margin-top: 0;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: 10px;
    direction: rtl;
    font-size: 1.7rem;
}
.breadcrumb li a {
    text-decoration: underline;
}
.jumbotron {
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 300px rgba(14, 14, 14, 0.57);
    border-radius: 0 !important;
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .dropdown-menu {
        display: inherit;
        top: 80% !important;
        padding: 0;
        font-size: 13px;
        opacity: 0;
        visibility: hidden;
        border-radius: 0;
        box-shadow: 0 0 0 #fff;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        transform: translateY(50px);
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 15px !important;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        text-align: right;
    }
    .dropdown-menu::before {
        top: -30px;
        content: "";
        position: absolute;
        width: 100%;
        height: 30px;
        display: block;
    }
    .dropdown-header {
        font-size: 13px;
        line-height: 30px;
        font-weight: 800;
        color: #000;
        text-transform: uppercase;
    }
}
.jumbotron img {
    margin: 0 auto;
    max-width: 100px;
    border-radius: 8px;
}
.jumbotron p {
    margin-top: 5px;
}
.col-lg-offset-1 {
    margin-right: 8.33333333%;
}
@media (min-width: 768px) {
    .regular-story.source-story .media-object.img-thumbnail {
        height: 102px;
        width: 180px;
    }
}
.regular-story.source-story .media-right {
    max-width: none;
}
.regular-story.source-story .media-left {
    max-width: none;
}
@media screen and (max-width: 768px) {
    .regular-story.source-story .media-object.img-thumbnail {
        height: 100px;
        width: 110px;
        object-fit: cover;
    }
}
.single-widget.source-story-widget {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#spinner {
    position: relative;
    text-align: center;
    display: none;
    margin-top: 50px;
}
@media (min-width: 768px) and (max-width: 992px) {
    #spinner {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    #spinner {
        margin-top: 30px;
    }
}
#spinner img {
    width: 35px;
    height: 35px;
}
.source_name {
    line-height: inherit;
    position: relative;
    display: table;
    font-family: ArticleArabic-Bold;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    margin-top: 10px;
    text-shadow: 0 2px 0 #000;
}
.source_description {
    font-family: ArticleArabic-Regular;
    position: relative;
    display: table;
    font-size: 1.4rem;
    text-align: center;
    margin: 0 auto;
    padding: 4px;
    color: #fff;
    text-shadow: 0 2px 0 #000;
}
@media (min-width: 768px) {
    .source-story-widget .play {
        left: 40%;
        top: 27%;
    }
    .source-story-widget .left-side-story .play {
        left: 35%;
        top: 29%;
    }
}
@media (min-width: 768px) {
    .source-news-page .col-sm-offset-3 {
        margin-left: 29.133334%;
    }
    .landing_page .single-widget.cls-border-lft {
        border-left: 1px solid #e3e6e8;
    }
    .landing_page .single-widget {
        margin: 0 0 10px 0 !important;
    }
}
@media (min-width: 992px) {
    .landing_page .single-widget.cls-border-lft {
        border-left: 1px solid #e3e6e8;
    }
    .landing_page .single-widget {
        margin: 0 0 10px 0 !important;
    }
    .source-news-page .col-md-6 {
        float: none;
        width: 790px !important;
        margin: 0 auto !important;
    }
    .first-story.media-body img.media-object {
        height: 180px !important;
        max-height: 180px !important;
    }
    .single_play {
        left: 43%;
        top: 32%;
    }
}
@media (min-width: 1200px) {
    .source-news-page .col-lg-5 {
        float: none;
        width: 790px !important;
        margin: 0 auto !important;
    }
    .landing_page .col-lg-5 {
        width: 570px !important;
        margin: 0 0 10px 0 !important;
    }
    .landing_page .widget .media-heading.first-story {
        font-size: 2.1rem !important;
    }
    .landing_page .widget .media-heading {
        font-size: 1.8rem !important;
    }
    .single-widget {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .landing_page .single-widget.cls-border-lft {
        border-left: 1px solid #e3e6e8;
    }
    .landing_page .widget .media-date {
        font-size: 1.2rem;
    }
    .landing_page .nb-publish-date {
        font-size: 1.1rem;
    }
    .landing_page .widget_article_social .article_comments {
        font-size: 1.1rem;
    }
    .landing_page .widget_article_social .comment_icon {
        width: 14px;
    }
    .landing_page .regular-story .media-right {
        max-width: 140px;
    }
    .landing_page .regular-story .media-left {
        max-width: 140px;
    }
    .landing_page .regular-story .media-object.img-thumbnail {
        height: 100px;
        width: 140px;
        object-fit: cover;
    }
    .first-story.media-body img.media-object {
        height: 190px !important;
        max-height: 190px !important;
    }
    .single_play {
        left: 44%;
        top: 33%;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 19px;
    }
}
.user_following_div {
    direction: rtl;
    color: gray;
}
.user_following_div p {
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .source-story .media-date {
        font-size: 1.3rem;
    }
    .source-story .nb-publish-date {
        font-size: 1.3rem;
    }
    .source-story .article_comments img {
        width: 15px;
    }
    .source-story .article_comments {
        font-size: 1.1rem;
    }
    .source-story .media-heading {
        font-size: 1.8rem;
    }
}
.nav.navbar-nav li {
    direction: rtl;
    text-align: right;
}
@media (min-width: 768px) {
    .nav.navbar-nav {
        list-style-type: none;
        display: inline-block;
        padding: 0;
        margin: 0;
    }
    .nav.navbar-nav li.list-menu {
        float: right;
        margin-right: 0;
        padding: 0;
        font-family: ArticleArabic-Regular;
        border-right: 1px solid #d3d3d3;
        font-size: 1.7rem;
        cursor: pointer;
    }
    .nav.navbar-nav li.list-menu:last-child {
        border-left: 1px solid #d3d3d3;
    }
    .nav.navbar-nav li.list-menu:first-child {
        border-right: 1px solid #d3d3d3;
    }
    .nav.navbar-nav {
        color: red;
    }
    .nav.navbar-nav li.list-menu:hover {
        background-color: #f9f8f7;
    }
    .nav.navbar-nav li.dropdown {
        border-left: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }
    .nav.navbar-nav li.dropdown li:hover a {
        color: #337ab7;
    }
    .nav.navbar-nav li.dropdown {
        direction: rtl;
        padding: 0 0;
        float: right;
    }
}
.selected_menu a {
    color: #337ab7 !important;
    font-family: ArticleArabic-Bold;
}
.mobile-menu .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.mobile-menu .navbar-header button {
    float: left;
}
.category_section.source-news-page {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .navbar-nav {
        margin: 0 -15px;
    }
    .navbar-default .navbar-nav > li {
        font-size: 1.7rem;
        border-bottom: 1px solid #e7e7e7;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 15px 25px;
    }
    .nav.navbar-nav li.dropdown li {
        padding: 7px 10px;
    }
    .nav.navbar-nav li.dropdown li:not(:last-child) {
        border-bottom: 1px solid #e7e7e7;
    }
    .mobile-menu .navbar-header {
        width: 140px;
    }
}
.navbar-toggle {
    padding: 12px 12px;
    margin-top: 0;
    margin-bottom: 5px;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-toggle .icon-bar {
    height: 2px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}
#nav-icon3 {
    width: 35px;
    position: relative;
    margin: 15px 0 12px 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #888;
    border-radius: 6px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
    top: 0;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 10px;
}
#nav-icon3 span:nth-child(4) {
    top: 20px;
}
#nav-icon3.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}
@media (min-width: 768px) and (max-width: 992px) {
    .nav.navbar-nav li.list-menu {
        padding: 0 1px;
    }
    .landing_page .container {
        width: 98%;
    }
    .navbar .container {
        width: 98%;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 12px;
    }
}
@media (min-width: 768px) and (max-width: 825px) {
    .navbar-default .navbar-nav > li > a {
        padding: 12px 9px;
    }
}
@media (min-width: 768px) {
    .widget_article_social .article_comments {
        font-size: 1rem;
    }
    .widget_article_social .comment_icon {
        width: 12px;
        margin-top: -2px;
    }
}
@media screen and (max-width: 768px) {
    .widget_article_social .comment_icon {
        width: 12px;
        margin-top: -2px;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
    .widget_article_social .article_comments {
        font-size: 1rem;
    }
    .widget_article_social .comment_icon {
        width: 12px;
        margin-top: -2px;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .widget_article_social .article_comments {
        font-size: 1.1rem;
    }
    .widget_article_social .comment_icon {
        width: 12px;
        margin-top: -2px;
    }
}
.flag {
    width: 20px;
    margin-left: 8px;
}
.media-warning {
    margin-bottom: 0;
    font-size: 1.9rem;
    line-height: 100px;
    direction: rtl;
    height: 100px;
    text-align: right;
    font-family: ArticleArabic-Bold;
    overflow: hidden;
    float: right;
    width: 100%;
    text-align: center;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .mobile-hide {
        display: block;
    }
    .app-logo {
        float: left;
    }
    .header-section .logo {
        float: none;
        padding-right: 0;
        text-align: center;
    }
    .header-section .social {
        margin-top: 20px;
    }
    .navigation-section .navbar-default {
        border-top: 1px solid #000;
        border-bottom: 2px solid #000;
        margin-top: 50px;
        background: 0 0;
        border-radius: 0;
        margin-bottom: 0;
        display: block;
        padding: 1px 0;
    }
    .navbar {
        min-height: inherit;
        position: relative;
        border: 1px solid transparent;
    }
    .header_section_wrapper {
        padding-top: 30px;
    }
    .landing_page .container {
        width: 100%;
    }
    .single-widget {
        float: right;
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 8px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .navbar-default .navbar-nav > li > a {
        padding: 12px 15px;
    }
    .first-story .skeleton {
        min-height: 50px;
    }
}
.skeleton-wrapper {
    background: #fff;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 0;
}
.skeleton-wrapper-inner {
    height: auto;
    padding: 15px;
    position: relative;
}
.skeleton {
    padding-right: 3px;
}
.left-side-story .skeleton {
    padding-left: 5px;
}
.skeleton-wrapper-body div {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderSkeleton;
    -webkit-animation-timing-function: linear;
    background: #efefef;
    background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(0.2, #edeef1), color-stop(0.4, #f6f7f8), to(#f6f7f8));
    background-image: -webkit-linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    height: 104px;
    position: relative;
    border-radius: 2px;
}
.skeleton-wrapper-body {
    -webkit-animation-name: skeletonAnimate;
    background-image: -webkit-gradient(
            linear,
            center top,
            center bottom,
            from(deg),
            color-stop(0, red),
            color-stop(0.15, orange),
            color-stop(0.3, #ff0),
            color-stop(0.45, green),
            color-stop(0.6, #00f),
            color-stop(0.75, indigo),
            color-stop(0.8, violet),
            to(red)
    );
    background-image: -webkit-linear-gradient(135deg, red 0, orange 15%, #ff0 30%, green 45%, #00f 60%, indigo 75%, violet 80%, red 100%);
    background-repeat: repeat;
    background-size: 50% auto;
}
.skeleton-wrapper-body div {
    position: absolute;
    right: 0;
    left: 0;
    top: 20px;
}
div.skeleton-avatar {
    height: 60px;
    width: 60px;
    border-radius: 60px;
    right: auto;
}
div.skeleton-author {
    top: 20px;
    height: 20px;
    left: 95px;
    width: 150px;
}
div.skeleton-label {
    left: 95px;
    top: 50px;
    height: 10px;
    width: 100px;
}
div.skeleton-content-1,
div.skeleton-content-2,
div.skeleton-content-3 {
    left: 0;
    right: 0;
    height: 10px;
}
div.skeleton-content-1 {
    top: 6px;
}
div.skeleton-content-2 {
    top: 30px;
}
div.skeleton-content-3 {
    top: 54px;
}
@media screen and (max-width: 768px) {
    .first-story .skeleton {
        min-height: 50px;
    }
}
@-webkit-keyframes placeholderSkeleton {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}
@-webkit-keyframes skeletonAnimate {
    from {
        background-position: top left;
    }
    to {
        background-position: top right;
    }
}
.more-stories .nb-publish-date {
    margin-right: 2px;
}
.nabd-header-logo {
    display: inline-block;
    margin: 0;
}
.landing_page .common-title {
    margin-top: 0;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.navbar-default {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.navigation-section .navbar-default.sticky {
    margin-top: 0 !important;
    border-bottom: 2px solid #000;
    border-top: 1px solid #000;
    background: #efefef;
}
.dropdown span.caret {
    margin-right: 8px;
}
.comment_icon {
    margin-left: 2px;
}
.footer-txt {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 5px 0 5px 0;
    font-size: 1.3rem;
    font-family: ArticleArabic-Bold;
    margin-top: 20px;
}
.custom_h2_txt {
    margin: 0;
    font-family: ArticleArabic-Bold;
    color: #fff;
    text-align: center;
    font-size: 17px;
    display: inline-block;
}
.widget_title .title-box a {
    position: absolute;
    display: inline-block;
    height: 50px;
    width: 100%;
    background: 0 0;
    top: 0;
    left: 0;
    padding: 12px 0 12px 0;
    cursor: pointer;
    z-index: 1000;
}
.widget_title .title-box i {
    position: absolute;
    top: 22px;
    left: 12px;
    color: #337ab7;
    font-size: 1.21em;
}
.breaking-news-ticker {
    display: block;
    width: 100%;
    border: solid 1px #b9b9b9;
    background: #f5f5f5;
    height: 46px;
    box-sizing: border-box;
    position: relative;
    line-height: 46px;
    overflow: hidden;
    border-radius: 2px;
    font-size: 14px;
}
.breaking-news-ticker * {
    box-sizing: border-box;
}
.breaking-news-ticker.bn-fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.breaking-news-ticker.bn-fixed-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
.bn-label {
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    background-color: #ef4747;
    text-align: center;
    color: #fff;
    font-weight: 700;
    z-index: 3;
    padding: 0 15px;
    white-space: nowrap;
}
.bn-news {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    overflow: hidden;
}
.bn-news ul {
    display: block;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
}
.bn-news ul li {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-decoration: none;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    position: absolute;
    width: 100%;
    display: none;
    color: #333;
}
.bn-news ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    padding: 0 10px;
    color: #555;
    position: relative;
    display: block;
    overflow: hidden;
}
.bn-news ul li a:hover {
    color: #3483bd;
}
.bn-loader-text {
    padding: 0 10px;
}
.bn-seperator {
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 30px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}
.bn-seperator.bn-news-dot {
    margin-right: 0;
}
.bn-seperator.bn-news-dot:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
}
.bn-prefix {
    color: #d65d7a;
    margin-right: 15px;
    padding-left: 10px;
}
.bn-positive {
    color: #0b8457;
    font-weight: 700;
}
.bn-negative {
    color: #dc2f2f;
    font-weight: 700;
}
.bn-controls {
    width: auto;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bn-controls button {
    width: 30px;
    float: left;
    height: 100%;
    cursor: pointer;
    border: none;
    border-left: solid 1px #eee;
    text-align: center;
    background-color: #f6f6f6;
    outline: 0;
}
.bn-controls button:hover {
    background-color: #eee;
}
.bn-arrow {
    margin: 0;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px;
    top: -2px;
}
.bn-arrow::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    display: inline-block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
}
.bn-arrow.bn-next {
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    left: -3px;
}
.bn-arrow.bn-prev {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 3px;
}
.bn-arrow::after {
    border-color: #999;
}
.bn-arrow::before {
    background-color: #999;
}
.bn-play {
    position: relative;
    background: #999;
    width: 0;
    height: 12px;
    display: inline-block;
    margin-left: -5px;
}
.bn-play::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #999;
    border-width: 8px;
    margin-top: -8px;
}
.bn-pause {
    position: relative;
    width: 0;
    height: 14px;
    display: inline-block;
    top: 1px;
    left: -1px;
}
.bn-pause::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: 3px;
    background-color: #999;
}
.bn-pause::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: -3px;
    background-color: #999;
}
.bn-direction-rtl {
    direction: rtl;
}
.bn-direction-rtl .bn-label {
    left: auto;
    right: 0;
}
.bn-direction-rtl .bn-controls {
    right: auto;
    left: 0;
}
.bn-direction-rtl .bn-seperator {
    margin-left: 15px;
    margin-right: 0;
    float: right;
}
.bn-direction-rtl .bn-prefix {
    margin-left: 15px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 10px;
}
.bn-direction-rtl .bn-controls button {
    border-left: none;
    border-right: solid 1px #eee;
}
.bn-effect-scroll .bn-news ul {
    display: block;
    width: 100%;
    position: relative;
}
.bn-effect-scroll .bn-news ul li {
    display: list-item;
    float: left;
    position: relative;
    width: auto;
}
.bn-effect-scroll.bn-direction-rtl .bn-news ul li {
    float: right;
}
.bn-label {
    display: block !important;
}
.br_sr_name {
    font-family: ArticleArabic-Bold;
}
.dropdown:hover .dropdown-menu {
    z-index: 1002;
}
.comment-count {
    padding-left: 2px;
    font-family: ArticleArabic-Regular;
    vertical-align: -1px;
    color: #444;
}
@media screen and (max-width: 768px) {
    .social_media_share_div {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #ececec;
        z-index: 10000;
        position: fixed;
        margin: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .social_share_icons {
        width: 50px !important;
        height: 50px !important;
        margin-right: 5px;
    }
    .telegram-share {
        height: 44px !important;
        width: 44px !important;
        margin-left: 5px;
    }
}
.share_article_bar {
    text-align: center;
}
.social_share_icons {
    width: 58px !important;
    height: 58px !important;
    margin-right: 0;
}
.share_article_bar a {
    text-decoration: none;
}
@media screen and (device-aspect-ratio: 40/71) {
    .nb-store-icons {
        padding-right: 0 !important;
    }
}
.nabd-footer-links {
    padding-left: 0;
    margin-bottom: 1rem;
    text-align: center !important;
}
.nabd-footer-links {
    margin-top: 0;
    margin-bottom: 1rem;
}
.nabd-footer-links li {
    margin-bottom: 0.25rem;
}
.nabd-footer-links li {
    display: inline-block;
    font-size: 1em;
}
.nabd-footer-links li a {
    color: #515154 !important;
}
.nabd-footer-links li a:hover {
    color: #515154 !important;
    text-decoration: underline;
}
.nabd-footer-links a {
    word-break: break-word;
}
.nabd-footer-links li + li {
    margin-left: 1rem;
}
.nabd-footer-links .nabd-footer a {
    font-weight: 600;
    color: #495057;
}
.nabd-footer-links .footer-terms-link {
    border-right: 1px solid #d2d2d7;
    padding-right: 10px;
}
.modal-dialog {
    position: absolute;
    top: 42%;
    left: 50%;
    background-color: #fff;
    z-index: 1002;
    overflow: auto;
    width: 300px;
    margin-left: -150px;
    margin-top: -150px;
    text-align: center;
    border-radius: 8px;
}
#pop_up_button {
    font-family: ArticleArabic-Bold;
}
.modal-header {
    border: none;
}
.modal-header .close {
    opacity: 0.6 !important;
}
.modal-dialog .nb-download-text-div .btn {
    padding: 10px 20px;
    width: 100%;
    font-size: 18px;
}
.nbd-ad-cnt-0 {
    text-align: center;
    margin: -5px auto 20px auto;
    padding: 0;
    display: block;
    max-width: 320px;
    max-height: 100px;
    overflow: hidden;
}
.nbd-ad-cnt {
    text-align: center;
    margin: -5px auto 30px auto;
    padding: 0;
    max-width: 300px;
    max-height: 250px;
    overflow: hidden;
    display: inline-block;
}
.nbd-ad-cnt-title {
    text-align: center;
    margin: -5px 0 20px 0;
    padding: 0;
}
.nbd-ad-cnt-2 {
    text-align: center;
    margin: 30px 0 5px 0;
    padding: 0;
}
.nbd-ad-cnt-3 {
    text-align: center;
    margin: 40px 0 0 0;
    padding: 0;
}
.btm-buttons {
    display: block;
    margin-bottom: 50px;
    padding: 0 !important;
}
.nabd-ad-300-250-home {
    max-width: 300px;
    max-height: 250px;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}
.nabd-ad-320-100-home {
    max-width: 320px;
    height: 100px;
    max-height: 100px;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: -15px auto 23px auto;
}
.nabd-ad-728-100-home {
    max-width: 790px;
    max-height: 100px;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: -15px auto 23px auto;
}
.nabd-ad-320-50-story {
    max-width: 320px;
    max-height: 50px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 15px auto 0 auto;
}
.nabd-ad-300-250-story {
    max-width: 300px;
    max-height: 250px;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: -15px auto 15px auto;
}
.nabd-ad-320-50-story {
    max-width: 320px;
    max-height: 50px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}
.nabd-ad-300-250-story2 {
    max-width: 300px;
    max-height: 250px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: -15px auto -10px auto;
}
.nabd-reg-ad-300-250-story2 {
    max-width: 300px;
    max-height: 250px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin: -15px auto -10px auto;
}
.web-breaking-widget .test_widget {
    cursor: pointer;
    position: absolute;
    top: 4px;
    bottom: 0;
    width: 84px;
    height: 46px;
    z-index: 10000;
}
.web-breaking-widget .test_widget1 {
    cursor: pointer;
    display: inline-block;
    width: 6%;
    float: none;
    height: 50px;
    vertical-align: middle;
    align-items: center;
    border: 1px solid #988c8c;
}
.web-breaking-widget .swiper-slide {
    padding: 0 130px 0 30px !important;
    justify-content: normal !important;
    font-size: 16px;
}
.web-breaking-widget .swiper-button-prev {
    right: 70px !important;
}
.web-breaking-widget .swiper-container {
    height: 66px !important;
}
.web-breaking-widget .test_new {
    display: flex;
}
.web-breaking-widget .breaking_header_txt {
    background: #ef4747;
    text-align: center;
    color: #fff;
    padding: 19px;
    margin: 0;
    font-size: 16px;
    font-family: ArticleArabic-Bold;
}
.web-breaking-widget .swiper-slide {
    background-color: #f5f5f5;
}
.web-breaking-widget .skeleton-wrapper-inner {
    padding: 0 !important;
}
.web-breaking-widget .skeleton-wrapper {
    background: 0 0 !important;
}
.web-breaking-widget #br-article-title {
    line-height: 2.5rem !important;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .web-breaking-widget {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.swal-icon--success__line {
    background-color: #298ac9;
}
.swal-icon--success__ring {
    border: 4px solid #298ac96b;
}
/* modify at 06-07-2025 */
/* base X-icon styling */
.social-icon--x {
    display: inline-block;
    width: 25px;
    height: auto;        /* preserves aspect ratio */
    color: inherit;      /* fall back to parent color unless overridden */
    transition: color 0.2s ease;
}

/* footer styles */
.mastfoot a .social-icon--x {
    color: #337ab7;
}
.mastfoot a .social-icon--x:hover {
    color: #23527c;
}

/* menu styles */
.right_selection .social a .social-icon--x {
    color: #555;
}
.right_selection .social a .social-icon--x:hover {
    color: #3483bd;
}