@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

body {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
}

.img100 img{
	height:auto !important
}


.bodyCenter-left .img-frame{
background: black;	
}
.bodyCenter-left .img-frame img{
opacity: 0.6;	
}


a {
    font-family: 'Tajawal', sans-serif;
    text-decoration: none;
}

.img100 img{
	max-width:100% !important;
	width:auto !important
}

    a:hover {
        text-decoration: none;
    }

img {
    transition: transform .5s ease;
}

    img:hover {
        transform: scale(1.5);
    }

.ad {
    width: 350px;
    height: 350px;
    overflow: hidden;
}

    .ad img:hover {
        transform: none;
    }

.dropdown-item {
    text-align: right !important;
}

header {
    height: 90px;
    background: #142963;
}

    header .logo {
height: 73px;
float: right;
transform: none;
margin-top: 7px;
    }

    header .nav-item {
        margin-left: 10px;
       /* height: 82px;*/
    }

    header .nav-link {
        color: #fff;
        line-height: 72px;
        padding: 0 !important;
        font-size: 19px;
    }

        header .nav-link:after {
            content: "|";
            margin-right: 10px;
            color: #fff;
        }

    header .nav-item:last-child .nav-link:after {
        content: "";
    }

    header .navbar {
        margin-right: 100px;
    }

    header .navbar-expand-lg .navbar-nav {
        width: 100%;
        padding: 0;
    }


    header .social {
        padding: 0;
        list-style: none;

        float: left;
    }

        header .social li, footer .social li {
            float: right;
            padding: 8px 5px;
        }

            header .social li a, footer .social li a {
                color: #fff;
            }

.owl-item img:hover {
    transform: none;
}

footer .social ul {
    padding: 0;
    list-style: none;
}

footer h4 {
    color: #fff;
    text-align: right;
    font-size: 20px;
    margin-bottom: 20px;
}

footer .social i {
    font-size: 30px;
}

footer .subscribe input {
    padding: 5px;
    width: 90%;
    float: right;
    border-radius: 5px;
}

footer .subscribe a {
    padding: 5px;
    color: #000;
    position: absolute;
    margin-top: 2px;
    left: 45px;
}

footer .mobile-apps {
    text-align: right;
}

.footer img {
    transition: none;
}

.grey-bg {
    background-color: #f0f2f5;
}

.black-bg {
    background-color: #000;
}

/*.bodyTop {
    padding-bottom: 24px;
}*/

.mainMarquee {
    border: 1px solid #d1d2d2;
    /* These are absolutely necessary */
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    height: 33px;
    line-height: 33px;
    margin: 24px 0;
}

    .mainMarquee span {
        margin: 0 14px;
    }

    .mainMarquee img:hover {
        transform: none;
    }

    .mainMarquee a {
        color: #000;
    }

        .mainMarquee a:hover {
            color: #2fa14b;
        }
/*.marquee-item {
    display: inline-block;
    animation: marquee 20s linear infinite;
    animation-direction: reverse;
}*/
.marquee-item img {
    padding: 10px;
}


@keyframes marquee {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

.newsUpdates {
    border: 1px solid #d3d3d4;
    text-align: right;
    color: #000000;
}

    .newsUpdates h2 {
        height: 49px;
        background-color: #2fa14b;
        color: #fff;
        text-align: right;
        line-height: 49px;
        padding-right: 15px;
    }

        .newsUpdates h2 i {
            font-size: 22px;
        }

    .newsUpdates hr {
        height: 1px;
        width: 90%;
        margin: 0 auto;
    }

    .newsUpdates .container {
        height: 465px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

.n-update .newsUpdates .container {
    height: 620px;
}

.newsUpdates h2 > a {
    color: #fff;
    font-size: 14px;
    float: left;
    margin-left: 15px;
    padding: 5px;
    line-height: 39px;
}

.newsUpdates a {
    color: #000;
}

.newsUpdate-item {
    padding: 10px 0;
    font-size: 18px;
}

    .newsUpdate-item.odd {
        background-color: #ffffff;
    }

    .newsUpdate-item.active {
        color: #2fa14b;
        font-weight: bold;
    }

.top-news {
    text-align: right;
}

    .top-news .item:first-child {
        margin-top: 0 !important;
    }

    .top-news .item {
        margin-top: 25px;
    }

        .top-news .item h3 {
            font-size: 20px;
            margin-top: 8px;
        }

        .top-news .item img {
            width: 100%;
        }

    .top-news .img-frame {
        width: 295px;
        height: 195px;
        overflow: hidden;
    }

    .top-news a {
        color: #000;
    }
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #2fa14b;
    border-radius: 10px;
}


.slider {
    direction: ltr;
    text-align: right;
}

    .slider a {
        color: #000;
    }

    .slider h3 {
        padding-top: 10px;
        font-size: 32px;
    }

        .slider h3:before {
            content: "";
            width: 100px;
            height: 8px;
            position: absolute;
            background-color: #2fa14b;
            display: block;
            right: 15px;
            margin-top: -15px;
        }

    .slider .owl-nav {
        text-align: left;
        top: 335px;
        position: absolute;
        color: #fff;
        left: 20px;
        FONT-SIZE: 24px;
    }

    .slider .owl-prev {
        margin-left: 15px;
    }

    .slider img {
        /*height: 100%;*/
    }



.bodyCenter {
    margin: 24px 0;
}

    .bodyCenter img {
        width: 100%;
    }

    .bodyCenter h3 {
        text-align: right;
        font-size: 20px;
        margin-top: 20px;
    }

    .bodyCenter span {
        background-color: #2fa14b;
        padding: 3px 6px;
        color: #fff;
        position: absolute;
        top: 180px;
        right: 20px;
        font-size: 12px;
        min-width: 58px;
        text-align: center;
    }

    .bodyCenter .item {
        margin-bottom: 48px;
        padding-right: 0;
        padding-left: 24px;
    }

    .bodyCenter .bodyCenter-left h3 {
        position: absolute;
        bottom: 48px;
        padding: 17px;
        font-size: 30px;
        color: #fff;
    }

    .bodyCenter .bodyCenter-left span {
        background-color: #2fa14b;
        padding: 6px;
        color: #fff;
        position: absolute;
        right: 25px;
        font-size: 16px;
        width: 82px;
        top: -40px;
        text-align: center;
    }

    .bodyCenter a {
        color: #000;
    }

.bodyBottom {
    padding: 24px 0;
    text-align: right;
}

    .bodyBottom a {
        color: #000;
    }

    .bodyBottom img {
        width: 100%
    }

    .bodyBottom .bodyRight h3 {
        font-size: 20px;
        margin-top: 7px;
        margin-bottom: 24px;
    }

    .bodyBottom .bodyRight .img-frame {
        width: 435px;
        height: 288px;
        overflow: hidden;
    }

    .bodyBottom .bodyRight .bodyRight-bottom .img-frame {
        width: 280px;
        height: 186px;
        overflow: hidden;
    }

    .bodyBottom .title {
        margin-bottom: 24px;
        color: #2fa14b;
        height: 24px;
        font-size: 27px;
    }

        .bodyBottom .title:after {
            content: "";
            height: 1px;
            width: calc(100% - 30px);
            top: 18px;
            display: block;
            position: absolute;
            background-color: #2fa14b;
        }

        .bodyBottom .title span, .bodyBottom .title a {
            background-color: #f0f2f5;
            position: absolute;
            z-index: 3;
        }

        .bodyBottom .title span {
            padding-left: 15px;
        }

        .bodyBottom .title a {
            left: 30px;
            font-size: 14px;
            padding: 10px 15px;
            color: #31a24c;
        }

    .bodyBottom .newsUpdates {
        overflow: hidden;
        height: 285px;
    }

        .bodyBottom .newsUpdates .container {
            overflow: hidden;
        }

.n-update .ad {
    width: 340px;
    height: 340px;
}

.video-sec {
    padding: 24px 0;
}

    .video-sec .item {
        position: relative;
    }

    .video-sec .img-frame {
        border-top: 4px solid #2fa14b;
    }

    .video-sec a {
        color: #fff;
    }

        .video-sec a:hover {
            color: #fff;
            text-decoration: none;
        }

    .video-sec h3 {
        margin-top: 18px;
        margin-bottom: 24px;
        font-size: 22px;
        text-align: right;
    }

    .video-sec .title h2 {
        color: #fff;
        text-align: right;
        margin-bottom: 24px;
        height: 45px;
    }

        .video-sec .title h2:after {
            content: "";
            width: calc(100% - 30px);
            height: 1px;
            display: block;
            background-color: #fff;
            position: absolute;
            top: 22px;
        }

        .video-sec .title h2 span {
            padding-left: 14px;
        }

        .video-sec .title h2 span, .video-sec .title h2 a {
            background-color: #000;
            position: absolute;
            z-index: 3;
        }

    .video-sec .title a {
        color: #fff;
        font-size: 14px;
        padding: 15px;
        margin-left: 8px;
        left: 24px;
    }

        .video-sec .title a:hover {
            color: #fff;
            text-decoration: none;
        }

    .video-sec a i {
        background-color: #2fa14b;
        padding: 8px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 32px;
    }

    .video-sec .mega-item i {
        right: 15px;
    }

.mega-sec {
    padding: 24px 0;
}

    .mega-sec h2 {
        color: #2fa14b;
        text-align: right;
        margin-bottom: 24px;
        height: 45px;
    }

        .mega-sec h2:after {
            content: "";
            width: calc(100% - 30px);
            height: 1px;
            display: block;
            background-color: #2fa14b;
            position: absolute;
            top: 22px;
        }

        .mega-sec h2 span {
            padding-left: 14px;
        }

        .mega-sec h2 span, .mega-sec h2 a {
            background-color: #f0f2f5;
            position: absolute;
            z-index: 3;
        }

        .mega-sec h2 a {
            color: #2fa14b;
            font-size: 14px;
            padding: 15px;
            margin-left: 8px;
            left: 24px;
        }

    .mega-sec .item, .mega-sec .sub-item {
        background-color: #fff;
    }

        .mega-sec .item img {
            width: 100%;
        }

        .mega-sec .item h3 {
            text-align: right;
            font-size: 18px;
            margin-top: 14px;
            padding-right: 10px;
            padding-bottom: 24px;
            margin-bottom: 0px;
            height: 70px;
            overflow: hidden;
        }

        .mega-sec .sub-item img {
            height: 100%;
        }

        .mega-sec .sub-item h3 {
            font-size: 15px;
            text-align: right;
            margin-right: 10px;
            display: table-cell;
            vertical-align: middle;
            height: 85px;
            width: 180px;
            padding-left: 10px;
        }

    /*    .mega-sec .left .sub-item h3 {
        width: 185px;
    }*/

    .mega-sec .sub-item {
        min-height: 100px;
        max-height: 100px;
    }

    .mega-sec .left .sub-item {
        min-height: 95px;
    }

    .mega-sec a {
        color: #000;
    }

    .mega-sec .sports {
        margin-top: 24px;
    }

    .mega-sec .item .img-frame {
        width: 295px;
        height: 195px;
        overflow: hidden;
    }

.sub-item .img-frame {
    width: 118px !important;
    height: 85px !important;
    overflow: hidden;
    float: right;
}

.image-sec {
    padding: 24px 0;
}

    .image-sec .item {
        position: relative;
    }

    .image-sec a {
        color: #fff;
    }

        .image-sec a:hover {
            color: #fff;
            text-decoration: none;
        }

    .image-sec h3 {
        margin-top: 7px;
        margin-bottom: 24px;
        font-size: 18px;
        text-align: right;
    }

    .image-sec .title h2 {
        color: #fff;
        text-align: right;
        margin-bottom: 24px;
        height: 45px;
    }

        .image-sec .title h2:after {
            content: "";
            width: calc(100% - 30px);
            height: 1px;
            display: block;
            background-color: #fff;
            position: absolute;
            top: 22px;
        }

        .image-sec .title h2 span {
            padding-left: 14px;
        }

        .image-sec .title h2 span, .image-sec .title h2 a {
            background-color: #000;
            position: absolute;
            z-index: 3;
        }

    .image-sec .title a {
        color: #fff;
        font-size: 14px;
        padding: 15px;
        margin-left: 8px;
        left: 24px;
    }

        .image-sec .title a:hover {
            color: #fff;
            text-decoration: none;
        }

    .image-sec a i {
        padding: 8px;
        position: absolute;
        top: calc(50% - 65px);
        right: calc(50% - 30px);
        font-size: 45px;
    }

    .image-sec .mega-item i {
        right: calc(50% - 30px);
    }

.col-5-items {
    margin-bottom: 24px;
}

    .col-5-items .item {
        width: 20%;
        border-right: 5px solid #ccc;
        padding-right: 15px;
        text-align: right;
        float: right;
        height: 185px;
    }

        .col-5-items .item h3 {
            color: #ccc;
            margin: 0;
            font-size: 40px;
        }


        .col-5-items .item p {
            color: #000;
            font-size: 20px;
            font-weight: bold;
            padding-left: 15px;
        }

    .col-5-items .item {
        background-color: transparent;
    }

    .col-5-items h3 {
        padding-bottom: 0 !important;
    }

footer {
    padding: 50px 0 70px;
    position: relative;
}

    footer .logo {
        text-align: right;
    }

        footer .logo img {
            width: 100px;
        }

.footer-bottom {
    background-color: #2fa14b;
    width: 100%;
    position: absolute;
    height: 45px;
    left: 0;
    bottom: 0;
    padding: 10px 0;
}

    .footer-bottom ul {
        padding: 0;
        list-style-type: none;
        color: #fff;
        margin: 0;
    }

        .footer-bottom ul li {
            display: inline-block;
        }

            .footer-bottom ul li:after {
                content: "|";
                padding: 0 5px;
                margin-right: 5px;
            }

            .footer-bottom ul li:last-child:after {
                content: "";
            }

.txt-right {
    text-align: right;
}
/*.sports .bg-white {
    padding:0;
}*/
.sports img {
    width: 100%;
}

.sports .img-frame {
    width: 295px;
    height: 195px;
    overflow: hidden;
}

.sports h3 {
   text-align: right;
    font-size: 20px;
    padding: 14px;
    background: white;
    min-height: 125px;
    margin-bottom: 30px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sports .col-lg-3 {
    float: right;
}

.navbar-toggler {
    color: #fff;
}


.BodyCategory {
    padding: 0 0 24px 0;
    text-align: right;
}

    .BodyCategory h2 {
        color: #2fa14b;
        margin-bottom: 24px;
    }

    .BodyCategory .img-frame {
        width: 100%;
    }

        .BodyCategory .img-frame img {
            width: 100%;
        }

    .BodyCategory .left .img-frame {
        height: 210px;
        overflow: hidden;
    }

        .BodyCategory .left .img-frame img {
            height: 100%;
            width: auto;
        }

    .BodyCategory a {
        color: #000;
    }

    .BodyCategory .right h3 {
        margin-top: 14px;
        margin-bottom: 24px;
        font-size: 30px;
        position: relative;
    }

        .BodyCategory .right h3:after {
            content: "";
            width: 75px;
            position: absolute;
            height: 10px;
            top: -20px;
            right: 25px;
            display: block;
            background-color: #2fa14b;
        }

    .BodyCategory .right .img-frame {
        width: 620px;
        height: 410px;
        overflow: hidden;
    }

    .BodyCategory .right p {
        font-size: 19px;
    }

    .BodyCategory .left h4 {
        margin-top: 7px;
        margin-bottom: 24px;
        font-size: 18px;
    }

.CategoryList {
    padding: 24px 0;
    text-align: right;
}

    .CategoryList .right .content {
        float: right;
        padding-left: 15px;
    }

        .CategoryList .right .content h4 {
            font-size: 27px;
        }

        .CategoryList .right .content p {
            font-size: 18px;
        }

    .CategoryList .right .img-frame {
        width: 290px;
        height: 190px;
        overflow: hidden;
        text-align: center;
        float: left;
    }

    .CategoryList .img-frame img {
        height: 100%;
    }

    .CategoryList .ad img {
        float: right;
        width: 100%;
    }

    .CategoryList .right .content span {
        margin-bottom: 15px;
        display: block;
        font-size: 13px;
    }

    .CategoryList .right .item {
        padding: 0 0 24px 0;
        border-bottom: 1px solid #ccc;
        margin-top: 24px;
    }

        .CategoryList .right .item:first-child {
            margin-top: 0;
        }

    .CategoryList .btn-more {
        background-color: #2fa14b;
        color: #fff;
        border-radius: 0;
        padding: 5px 55px;
        margin-top: 24px;
        text-align: center;
    }

.TopRead {
    margin-top: 24px;
    border: 1px solid #ccc;
}

    .TopRead h2 {
        background-color: #2fa14b;
        color: #fff;
        padding: 8px;
        font-size: 27px;
    }

    .TopRead .img-frame {
        height: 90px;
        width: 135px;
        overflow: hidden;
        float: right;
        margin-right: 10px;
    }

        .TopRead .img-frame img {
            height: 100%;
        }

    .TopRead .container {
        padding: 0;
    }

    .TopRead h3 {
        max-width: calc(100% - 152px);
        font-size: 16px;
        padding: 7px 8px;
        margin: 0;
        height: 90px;
        overflow: hidden;
        float: right;
    }

    .TopRead .item {
        margin-bottom: 24px;
    }

        .TopRead .item a {
            color: #000;
        }

        .TopRead .item:after {
            content: "";
            position: absolute;
            width: calc(100% - 50px);
            height: 1px;
            background-color: #ccc;
            right: 25px;
            bottom: -12px;
        }

        .TopRead .item:last-child:after {
            background-color: transparent;
            margin-bottom: 14px;
        }

.Video {
    margin-top: 24px;
    border: 1px solid #ccc;
}

    .Video a {
        color: #000;
    }

    .Video .container {
        padding: 0;
        text-align: center;
    }

    .Video h2 {
        background-color: #2fa14b;
        color: #fff;
        padding: 8px;
        font-size: 27px;
    }

    .Video .img-frame {
        height: 245px;
        width: 310px;
        overflow: hidden;
        text-align: center;
        margin: 18px;
    }

        .Video .img-frame img {
            height: 100%;
        }

    .Video h3 {
        text-align: right;
        padding: 0 24px;
        margin-bottom: 24px;
    }

.BreadNews {
    color: #000;
    background-color: #f1f2f6;
    text-align: right;
    padding: 24px 0;
}

    .BreadNews span {
        font-size: 20px;
    }

.CategoryDetailed {
    text-align: right;
    padding: 24px 0;
}

    .CategoryDetailed .left {
        max-width: 380px;
    }

    .CategoryDetailed .right {
        max-width: calc(100% - 380px);
        flex: 100%;
    }

    .CategoryDetailed h2 {
        color: #2fa14b;
        width: calc(100% - 380px);
    }
	
	.CategoryDetailed h1 {
        color: #2fa14b;
       /* width: calc(100% - 380px);*/
    }

    .CategoryDetailed .right .item {
        padding: 0;
    }

    .CategoryDetailed .right .img-frame {
        width: 890px;
        height: 590px;
        overflow: hidden;
        text-align: center;
        float: right;
    }

        .CategoryDetailed .right .img-frame span {
            position: absolute;
            bottom: 0;
            left: 20px;
            z-index: 100;
            opacity: 0.8;
            color: #ccc;
            text-shadow: 2px 2px 4px #000000;
        }

    .CategoryDetailed .img-frame img {
        height: 100%;
        width: 100%;
    }

    .CategoryDetailed .ad img {
        width: 100%;
    }

    .CategoryDetailed span {
        padding: 15px 0;
        display: block;
    }

    .CategoryDetailed p {
        font-size: 20px;
    }

    .CategoryDetailed .ad-section {
        border: 1px solid #ccc;
        padding: 0;
        max-width: calc(100% - 30px);
        margin: 60px 15px 60px 0;
        background-color: #f6f6f6;
        min-height: 105px;
    }

        .CategoryDetailed .ad-section:after {
            content: "اقرأ ايضا";
            background-color: #2fa14b;
            color: #fff;
            padding: 5px;
            position: absolute;
            width: 65px;
            text-align: center;
            right: -1px;
            top: -28px;
            font-size: 12px;
        }

        .CategoryDetailed .ad-section .img-frame {
            width: 100px;
            height: 75px;
            margin-bottom: 0;
        }

        .CategoryDetailed .ad-section h3 {
            font-size: 16px;
            padding: 7px 10px;
            height: 75px;
            vertical-align: middle;
            margin-bottom: 0;
            width: calc(100% - 100px);
            display: table-cell;
        }

        .CategoryDetailed .ad-section .item {
            float: right;
            padding: 14px;
            color: #000;
            border-left: 1px solid #ccc;
            width: 49%;
        }

            .CategoryDetailed .ad-section .item:last-child {
                border: 0;
            }

        .CategoryDetailed .ad-section img {
            height: 100%;
        }

    .CategoryDetailed .content hr {
        margin: 0;
    }

    .CategoryDetailed .left h2 {
        color: #fff;
        text-align: right;
        margin-bottom: 10px;
        width: 100%;
    }

    .CategoryDetailed .more-news .title {
        color: #2fa14b;
        background: #fff;
        float: right;
        padding-left: 10px;
        margin-bottom: 24px;
    }

        .CategoryDetailed .more-news .title:after {
            content: "";
            width: calc(100% - 15px);
            height: 2px;
            display: block;
            background-color: #2fa14b;
            position: absolute;
            top: 18px;
            z-index: -1;
        }

    .CategoryDetailed .more-news .item .img-frame {
        width: 100%;
        height: 180px;
    }

    .CategoryDetailed .more-news a {
        color: #000;
    }

    .CategoryDetailed .more-news .item h3 {
        font-size: 15px;
        padding-right: 5px;
        display: block;
        margin: 20px 0px 24px;
        float: right;
        color: #000;
        position: relative;
    }

        .CategoryDetailed .more-news .item h3 span {
            position: absolute;
            right: 10px;
            color: #fff;
            padding: 6px;
            display: block;
            text-align: center;
            line-height: 11px;
            font-size: 12px;
            top: -30px;
            background-color: #2fa14b;
        }

.btn-social {
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    margin-right: 4px;
}

    .btn-social:hover {
        color: #fff;
    }

    .btn-social i {
        line-height: 45px;
    }

    .btn-social.btn-facebook {
        background-color: #1877f2;
    }

    .btn-social.btn-whatsapp {
        background-color: #25d366;
    }

    .btn-social.btn-twitter {
        background-color: #1da1f2;
    }

    .btn-social.btn-google {
        background-color: #ea4335;
    }

    .btn-social.btn-messenger {
        background-color: #448bff;
    }

    .btn-social.btn-share {
        background-color: #95d03a;
    }

.sharer {
    margin: 24px 0;
    direction: ltr;
}

@media(min-width: 1300px) {
    .CategoryList .left {
        max-width: 380px;
        flex: 100%;
    }

    .CategoryList .right {
        max-width: calc(100% - 380px);
        flex: 100%;
    }

        .CategoryList .right .content {
            max-width: calc(100% - 290px);
            flex: 100%;
        }

    .BodyCategory .left {
        padding-right: 0;
    }

    .container-fluid {
        width: 1300px;
    }

    .bodyCenter .col-lg-8 {
        padding-left: 0;
        flex: 100%;
        max-width: calc(100% - 355px) !important;
    }

    .bodyCenter .bodyCenter-left {
        max-width: 355px;
        overflow: hidden;
    }

    .bodyCenter .item {
        margin-bottom: 24px;
        padding-right: 0;
        padding-left: 24px;
    }

    .bodyCenter .container {
        padding-left: 0;
    }

    .bodyCenter .bodyCenter-left .img-frame {
        width: 355px;
        height: 585px;
        overflow: hidden;
    }

        .bodyCenter .bodyCenter-left .img-frame:before {
            content: "";
            position: absolute;
            width: 340px;
            height: 585px;
            background-color: #000;
            top: 0;
            left: 0;
            opacity: 0.3;
        }

        .bodyCenter .bodyCenter-left .img-frame img {
            height: 100%;
            height: 100%;
            width: auto;
            margin-right: -50%;
        }

    .bodyCenter .img-frame {
        width: 290px;
        height: 193px;
        overflow: hidden;
    }

    .bodyTop .col-lg-4 {
        max-width: 355px;
    }

    .bodyTop .col-lg-5 {
        max-width: 620px;
    }

    .bodyBottom .col-lg-8 {
        max-width: calc(100% - 355px);
        flex: 100%;
        padding-left: 0;
    }

    .bodyBottom .col-lg-4 {
        max-width: 355px;
    }

    .bodyBottom .n-update {
        padding-left: 0;
    }

    .mega-sec .right {
        padding-left: 0;
        float: right;
    }

    /*        .mega-sec .right .item, .mega-sec .right .sub-item {
            padding-left: 15px;
        }
*/
    .mega-sec .left {
        padding-right: 0;
        float: right
    }

    .video-sec .img-frame {
        height: 220px;
        overflow: hidden;
    }

        .video-sec .img-frame img {
            height: 100%;
        }

    .video-sec .mega-item .img-frame {
        height: 535px;
        overflow: hidden;
    }

        .video-sec .mega-item .img-frame img {
            height: 100%;
        }

    .image-sec .img-frame {
        height: 220px;
        overflow: hidden;
    }

        .image-sec .img-frame img {
            height: 100%;
        }

    .image-sec .mega-item .img-frame {
        height: 524px;
        overflow: hidden;
    }

        .image-sec .mega-item .img-frame img {
            height: 100%;
        }

    .slider .img-frame {
        /*height: 380px;*/
        width: 600px;
        overflow: hidden;
    }

    header .nav-link:after {
        border: 0 !important;
        vertical-align: 0;
    }
}

@media(max-width: 1300px) {

    .bodyBottom .bodyRight .bodyRight-bottom .img-frame {
        width: 118px !important;
        height: 78px !important;
    }

    .bodyBottom .bodyRight h3 {
        font-size: 16px;
    }

    .CategoryDetailed .right {
        width: 100%;
        max-width: 100%;
    }

    .CategoryDetailed .left {
        width: 100%;
        max-width: 100%;
    }

    .ad {
        width: 100%;
        height: auto
    }

    .img-frame {
        width: 100% !important;
        height: auto !important;
    }

    .slider .owl-nav {
        top: 425px;
    }

    .img-frame img {
        width: 100%;
    }


    .bodyCenter span {
        top: 0;
        right: 0;
    }

    .top-news .item {
        width: 50%;
        display: inline-block;
        margin-top: 0;
        padding-left: 24px;
        float: right;
    }

    header .social {
        position: absolute;
        top: -120px;
        left: 111px;
    }

    .col-5-items .item {
        width: 100%;
    }

    .footer-bottom {
        height: 80px;
        text-align: right;
    }

    .mega-sec .sub-item {
        min-height: 115px !important;
        max-height: 115px;
    }

    body {
        padding-top: 90px;
    }

    header {
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

        header .navbar {
            width: 100%;
        }

        header .navbar-toggler {
            position: absolute;
            top: -52px;
            left: 100px;
        }

        header .navbar-nav {
            width: calc(100% + 30px) !important;
            text-align: right;
            float: right;
            display: block;
            background-color: #2fa14b;
        }

            header .navbar-nav .nav-link {
                line-height: 31px;
                padding: 5px 15px !important;
            }
			
			.navbar-nav .dropdown-menu{
				float:right;
			}
			
			.hidden-col {
			display:none;	
			}

        header .nav-link:after {
            content: "";
        }

    .newsUpdates {
        margin-bottom: 24px;
    }

    footer .logo, footer .subscribe, footer .mobile-apps, footer .media {
        margin-bottom: 15px;
    }

        footer .subscribe a {
            left: 55px;
        }

    .footer-bottom .txt-right {
        margin-bottom: 15px;
    }

    .bodyRight-bottom .img-frame {
        width: 40%;
        float: right;
    }

    .bodyRight-bottom .col-lg-4 {
        margin-bottom: 24px;
    }

    .bodyRight-bottom h3 {
        float: right;
        padding: 12px;
        width: 60%;
        margin-bottom: 0 !important;
    }
}

@media(min-width:1024px) and (max-width: 1300px) {
    .mega-sec .sub-item {
        height: 150px !important;
    }

    .video-sec .mega-item, .image-sec .mega-item {
        margin-top: 150px;
    }

        .video-sec .mega-item i {
            top: 150px;
        }
}

@media(min-width:767px) and (max-width: 1242px) {
    .top-news .item {
        width: 49%;
        display: inline-block;
        padding: 10px;
    }

    .bodyTop .col-lg-4 {
        max-width: 100%;
        flex: 100%;
    }

    .bodyTop .col-lg-5 {
        max-width: 100%;
        flex: 100%;
    }

    .CategoryList .left {
        margin-top: 24px;
    }
}

@media(max-width:767px) {
    .CategoryDetailed h2 {
        width: 100%;
    }

    .slider .owl-nav {
        top: 230px;
    }

    /*    header .social {
        display: none;
    }*/
    .btn-social {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }

    .CategoryDetailed .ad-section h3 {
        width: 100%;
        font-size: 15px;
    }

    .CategoryList .left {
        margin-top: 24px;
    }

    .TopRead .img-frame {
        padding: 10px;
        margin: 0 auto;
    }

    .TopRead h3 {
        width: 100%;
    }

    .CategoryList .left {
        margin-top: 24px;
    }

    header .mobile-social {
        position: absolute;
    }

    header .logo  {
        height: 40px;
		z-index: 99999999999999 !important;
position: relative;
    }
	
	
    header .social {
        top: 40px;
        left: 55px;
    }

        header .social li, footer .social li {
            padding: 10px 8px;
        }

    header .navbar {
        margin-right: 100px;
        margin-top: 82px;
        display: block;
    }

    img:hover {
        transform: none;
    }

    .bodyCenter h3 {
        margin-top: 8px;
        font-size: 15px;
    }

    .bodyCenter .item {
        margin-bottom: 24px;
        padding: 0 12px;
    }

    .mega-sec .sub-item {
        width: 50%;
        float: right;
        min-height: 185px !important;
        max-height: 185px;
    }

        .mega-sec .sub-item .img-frame {
            width: 100% !important;
            height: auto !important;
            padding: 14px 14px 7px 14px;
        }

        .mega-sec .sub-item h3 {
            width: 100%;
            padding: 0 14px;
            font-size: 14px;
            height: 35px;
        }

    header .nav-item {
        padding: 10px 0;
    }

    .mega-sec .left .sub-item {
        max-height: 205px;
    }

    .Video .img-frame {
        margin: 0;
        padding: 18px;
    }

    .top-news .item {
        width: 100%;
        padding-left: 0;
    }

        .top-news .item:last-child {
            margin-top: 24px;
        }

    .mega-sec .col-lg-6 {
        margin-bottom: 24px;
        padding-bottom: 14px;
    }

    .col-5-items .item {
        margin-bottom: 24px;
    }

    .BodyCategory .left .img-frame img {
        width: 100%;
        height: auto;
    }

    .slider {
        margin-bottom: 24px;
    }

    .top-news .item:last-child {
        margin-bottom: 24px;
    }

    .bodyCenter span {
        right: 12px;
    }

    .mega-sec .right {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .sports h3 {
        font-size: 16px;
        margin-top: 7px;
        margin-bottom: 24px;
    }


    .mega-sec .left .sub-item:last-child {
        display: none;
    }
}

.owl-dots {
    position: absolute;
    top: 15px;
    right: 15px;
}

.owl-dot span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 5px;
}

.owl-dot.active span {
    background-color: #2fa14b;
}

.hide {
    display: none;
}

.search-sec {
    height: 34px;
    position: absolute;
    z-index: 99;
    left: 15px;
    top: 90px;
    border: 0;
}

    .search-sec input {
        height: 100%;
        width: 250px;
        border: 1px solid #ccc;
        float: left;
        text-align: left;
        padding: 15px;
    }

.btn-search {
    position: absolute;
}

.whatsapp-link-group {
    text-align: center;
    width: 100%;
    display: block;
}

    .whatsapp-link-group img {
        width: 100%;
        transform: none;
        padding: 24px;
    }

.white-bg {
    background-color: #fff;
}

#ContentPlaceHolder1_rptHtml_Label1_0 img {
    transform: none;
}

#ContentPlaceHolder1_iframeVideo {
    height: 100%;
	min-height:200px
}

.khabarajil {
    background-color: #2fa14b;
    margin: 0;
    margin-bottom: 24px;
}

    .khabarajil a {
        color: #fff;
        padding: 7px;
        display: block;
        font-size:18px;
    }

.awaliyeh .container {
    overflow: hidden;
}

.awaliyeh img {
    width: 100%;
    margin-bottom: 15px;
}

    .awaliyeh img:hover {
        transform: none;
    }

.newImages .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

    .newImages .owl-nav .owl-prev {
        position: absolute;
        right: 15px;
    }

    .newImages .owl-nav .owl-next {
        position: absolute;
        left: 15px;
    }

    .newImages .owl-nav .owl-prev i {
        color: #fff;
        font-size: 30px;
    }

    .newImages .owl-nav .owl-next i {
        color: #fff;
        font-size: 30px;
    }

.bodyCenter .title {
    display: block;
    color: #2fa14b;
    font-size: 27px;
    float: right;
    padding: 15px;
    background-color: #fff;
    margin: 0;
}

    .bodyCenter .title:after {
        content: '';
        position: absolute;
        height: 1px;
        left: 0;
        width: 96%;
        top: 50%;
        background-color: #2fa14b;
        z-index: -1;
    }

#ContentPlaceHolder1_hypAuthor {
    color: #2fa14b;
}

.CategoryList .right .content a {
    color: #000;
}

.newsBody a {
    color: #2fa14b;
}

.dropdown-menu {
    right: 0;
    top: 80px;
    width: 100%;
    margin: 0;
    border: 0;
    background-color: #000;
    border-radius: 0;
}
    .dropdown-menu .container {
        padding:0;
    }
    .dropdown-menu .row {
        width: 100%;
        margin: 0;
    }
    .dropdown-menu .col-lg-10 {
        padding:0;
    }

    .dropdown-menu .img-frame {
        width: 100%;
        height: 155px;
        overflow: hidden;
    }

        .dropdown-menu .img-frame img {
            height: 100%;
            width: auto;
        }

/*            .dropdown-menu .img-frame img:hover {
                transform: none;
            }*/

    .dropdown-menu h3 {
        font-size: 18px;
        text-align: right;
        margin: 5px;
        position:absolute;
        bottom:2px;
        color:#fff;
        padding:5px;
        z-index:1;
        width:180px;
    }

.dropup, .dropright, .dropdown, .dropleft {
    position: initial;
}

.dropdown-menu .col-lg-2, .dropdown-menu .col-lg-10 {
    float: right;
}
.dropdown-menu .img-frame:before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    background-color: #000000;
    top: 0;
    left: 15px;
    opacity: 0.3;
}
.dropdown-menu a{
    color: #fff;
}
.dropdown-menu .col-lg-4 {
    margin-bottom:10px;
}
.masdar {
    float:left;font-weight:bold;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #2fa14b;
}