/*   deisgn change by client    */
.cat-bg,
#mgm-header-opacity,
.nav-wrap#nav-clone .mgm-logo,
.nav-wrap#nav-clone .mgm-logo-text,
.sticky .entry-details,
#mgm-full-collapsible .btn-success:hover,
#mgm-full-collapsible .btn-success:focus,
#mgm-full-site-info,
.mgm-cat a,
.flex-cat,
.mgm-title.mgm-title-skin::after,
.mgm-title a::after,
.mgm-title a::before,
.mgm-title span::after,
.mgm-title span::before,
.inverse .boxed,
.reply-wrap .mgm-reply a,
.article-content-wrapper:hover .img-hover-info,
.rw-criteria.stars-preview,
.rw-bar-progress,
.social-count-plus ul li,
.cat-panes-content .entry-details,
.cat-panes-content .entry-details a,
.rw-user-rating-desc .user_rating,
.rw-user-rating-desc .your_rating,
.mgm-share-text,
.flex-direction-nav,
.mgm-onsale,
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success.disabled,
.btn-success[disabled],
.generic-button a,
.actions a.mark-read,
div.item-list-tabs ul li a span,
.taxonomy-description p,
.mgm-search-icon-trigger::before,
.mgm-title span.mgm-stripe,
.jackbox-panel:hover,
.label-minus,
.label-plus,
.single_add_to_cart_button,
.mgm-product-single-wrap .price,
.shop-banner-price .price,
span#subscription-toggle a,
span#favorite-toggle a {
    background-color: #042862;
}

.mgm-minimal-unboxed #mgm-full-supertop-overlay,
.menu-toggle {
    background-color: #185623;
}

.toggle-close {
    background: #333;
}

.mgm-share-text.wow::after {
    border-left: 8px solid #042862 !important;
}

.entry-content {
    margin-top: 0px;
}

.english_font {
    font-family: Oswald;
    text-align: left;
    direction: ltr;
}

footer.entry-meta {
    margin-top: 20px;
}

.tag-list {
    margin-bottom: 20px;
}

.tag-list .mgm-share-text:after {
    border-right: 8px solid #042862 !important;
}

.mgm-title span.mgm-stripe,
.mgm-title::after {
    background-color: #C6262C;
}

.mgm-title a,
.mgm-title span {
    font-size: 22px !important;
}

/*.calender_container #calender_year_div_id ,.ltr-right ,.right{
    float:right;
}
.calender_container #calender_month_div_id, .ltr-left, .left{
    float: left;
}*/
#mgm-toolbar ul {
    opacity: 1;
}

ul.socials a {
    color: #ffffff;
}

ul.socials .sprite-socials {
    background-image: none;
    border: none;
}

#mgm-toolbar-width,
#mgm-toolbar,
#mgm-toolbar ul li a,
#mgm-toolbar .topnav-wrap,
.mgm-search-wrap {
    height: 35px;
    line-height: 33px;
    font-size: 16px;
    text-align: center;
}

#mgm-toolbar ul li a {
    font-size: 14px;
    line-height: 30px;
}

#mgm-toolbar ul li .sprite-socials {
    font-size: 16px;
    width: 35px;
    line-height: 33px;
}

#mgm-toolbar .glyphicon-search {
    padding-top: 10px;
}

.main-navigation ul.menu>li>a,
#ticker-wrap a {
    font-weight: 600;
}

.main-navigation ul.menu>li>a {
    letter-spacing: 0px;
    font-size: 20px;
    line-height: unset;
    display: initial !important;
}

#ticker-wrap a {
    color: #C6262C;
}

.mgm-minimal-unboxed #collapse-trigger-wrap {
    top: 80px;
}

#mgm-live-search form {
    margin: 0;
}

#ticker-wrap li {
    font-size: 1.2rem;
    letter-spacing: 0px;
    word-spacing: 4px;
    direction: rtl;
}

.mgm-minimal-unboxed #ticker-wrap {
    padding: 10px 0px;
    margin-bottom: 15px;
    min-height: unset;
}

.ticker-controls {
    top: 18px;
}

.nav-wrap#nav-clone .mgm-logo {
    padding: 0;
}

.nav-wrap#nav-clone .mgm-logo img {
    max-height: 49px;
    margin-right: 3px;
    margin-bottom: 1px;
}

.main-navigation a {
    padding: 0;
}

.mgm-minimal-unboxed .main-navigation li .bottom-line {
    height: 5px;
}

.powered_by {
    color: #ffffff;

    font-family: Oswald;
}

.main-navigation ul {
    padding-top: 4px;
    min-height: 45px;
}

#mgm-toolbar ul li .sprite-gplus:hover {
    background: #d83d2d;
}

#mgm-toolbar ul li .sprite-youtube:hover {
    background: #c60404;
}

#mgm-toolbar ul li .sprite-flickr:hover {
    background: #d82af8;
}

#mgm-toolbar ul li .sprite-linkedin:hover {
    background: #0084d7;
}

#mgm-toolbar ul li .sprite-twitter:hover {
    background: #0084d7;
}

#mgm-toolbar ul li .sprite-facebook:hover {
    background: #3f48cc;
}

#nav-clone .main-navigation ul {

    min-height: 55px;
}

#mgm-menu-replica ul {
    min-height: 60px;
}

#mgm-menu-replica ul.menu>li>a {
    display: initial;
    line-height: unset;
    vertical-align: middle;
}

#mgm-menu-replica ul.menu>li {
    padding-top: 10px;
}

#mgm-super-container {
    max-width: 1280px;

}

.sliders {
    margin: 0 auto;
    max-width: 1280px;
}

#main {
    width: 100%;
    padding: 0;
    margin-top: 10px;
}

#members-order-select {
    width: 25%;
}

.wa_btn {
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-block !important;
    position: relative;
    font-family: Arial, sans-serif;
    cursor: pointer;
    text-transform: none;
    color: #fff;
    background-color: #5cbe4a;
    text-decoration: none;
    text-align: left;
}

.wa_btn_s {
    font-size: 14px !important;
    background-size: 16px;
    background-position: 5px 2px;
    width: 35px !important;
    padding-left: 2px;
    padding-right: 1px;
}

.mgm-title {
    margin: 0;
    margin-bottom: 20px;
}

.calender_container {
    border-left: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    background-color: #fafafa;
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    top: 38px;
    z-index: 99999999;
    float: left;
    border-top: 1px solid #A8A8A8;
}

#calender_id select {
    position: relative;
    z-index: 9999999;
}

.cat-tabs {
    padding: 0px;
}

.boxed.entry-block .entry-details {
    margin: 0;
}

.article-content-wrapper .entry-block .entry-posted-on {
    font-size: 14px;

}

.entry-main-content .mgm-social-share ul a {
    font-size: 14px;
}

.entry-main-content .mgm-social-share ul li {
    padding: 0px 5px;
}

.mgm-minimal-unboxed #mgm-branding {
    padding: 10px 0 10px 0;
}

.mgm-separator {
    margin: 10px 0px 50px 0px;
    width: 100%;
}

.top-center {
    background-position: center top !important;
    background-size: cover !important;
}

.mgm-logo {
    min-height: 50px;
}

#newscontent a:hover {
    color: #0060a5;
}

.article-content-wrapper:hover .mgm-social-share {
    bottom: -22px;
    padding: 3px;
}

.scrollup span {
    top: -5px;
}

.small-img-widget .title-heading {
    width: 64%;
    float: right;
}

.small-img-widget .small-img {
    float: left;
    width: 34.3%;
    margin-bottom: 5px;
}

.small-img-widget .small-img img {
    height: 75px;
}

.publishrr-link,
.copy_right {
    color: #ffffff;
}

.detail-caption {
    color: #595959;
    margin: 0;
    margin-top: 5px;
    margin-right: 10px;
    border-right: 4px solid grey;
    padding-right: 10px;
    padding-bottom: 3px;
    line-height: 20px;
}

.cat-panes-content .article-content-wrapper {
    padding: 0 5px;
}

#mgm-grid {
    width: 41.66666666666667%;
}

.boxed.entry-block {
    margin-bottom: 30px;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.category-page .boxed.entry-block {
    margin-bottom: 0px;
}

.category-page .article-content-wrapper.hentry {
    margin-bottom: 30px;
    visibility: visible !important;
}


#mainnav>.menu2>li>a {
    font-family: Roboto, sans-serif !important;
}

.head-date span {
    font-size: 15px;
    font-family: Roboto, sans-serif !important;
}

.mgm-social-share ul li a:hover {
    height: 44px;
}

.mgm-social-share ul li a {
    width: 35px;
    height: 35px;
    padding-top: 5px;
    font-size: 16px;
}

.mgm-share-text {
    height: 35px;
    padding: 2px 15px;
}

.footer-social-icons a {
    padding: 0px 10px;
    color: #ffffff;
    font-size: 20px;

}

.detail-page .flexslider {
    direction: ltr;
}

.small-img-widget-4 .small-img {
    width: 36%;
}

.small-img-widget-4 .title-heading {
    width: 62%;
}

.small-img-widget-4 .title-heading .entry-title {
    font-size: 18px;
    line-height: 34px;
}

.breaking-news1 .entry-block {
    margin-top: 0px;
    padding-top: 9px;
}

.breaking-news2 .news2-background .entry-title a {
    color: #ffffff;
}

.breaking-news2 .widgetized header h1 {
    line-height: 38px;
    color: #fff;
}

.publishrr-link:hover {
    color: #ffffff;
}

.breaking-news2 .widgetized header {
    min-height: 86px;
    padding: 0 10px;
    padding-top: 10px;
}

.breaking-news2 .entry-img {
    padding: 0 10px;
    padding-bottom: 10px;
}

.news2-background {
    background: #920100;
}

.breaking-news2 .mgm-title {
    height: 0;
    padding-bottom: 15px;
}

.es-nav span.es-nav-prev {

    font-size: 23px;
}

.es-nav span.es-nav-next {

    right: 20px;
    font-size: 23px;
}

.ad-center {
    text-align: center;
    margin: 0 auto;
}

#menu-top li a:hover {
    background: #920100;
    color: #ffffff !important;
}

.without-date .entry-block {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.detail-page .entry-header .entry-details {
    padding: 3px 0px;
}

.hentry {
    margin: 0 0 30px;
}

header .mgm-social-share .mgm-share-text {
    background: transparent;
}

.election-page header .mgm-social-share .mgm-share-text {
    background: #042862;
}

.author-wrapper{
	margin-top: 40px !important;
}

#author-wrap .mgm-social-share .mgm-share-text::after {
    border-left: 0 !important;
}

#author-socials-wrap{
	height: 18px;
}

.mgm-custom-author-name{
	font-size: 20px;
	font-weight: bold;
	color: #fefefe;
}

.mgm-custom-author-name:last-child{
	font-size: 18px;
	font-weight: bold;
}

.mgm-custom-seprataor{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}

.mgm-share-instagram{
	background-color: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}

header .mgm-social-share {
    margin-top: 15px;
}

.author-change {
    height: 35px;
}

#mgm-toolbar-width {
    background-color: #185623;
}

#mgm-full-site-info {
    background-color: #042862;
}

.mgm-title .mgm-stripe {
    margin-top: -8px;
}

.entry-date {
    font-family: Open Sans;
}

.publishrr-link {
    margin-left: 6px;
    position: relative;
    bottom: 3px;
}

.copy_right {
    font-family: Oswald !important;
}

.mgm-details .entry-date {
    font-size: 14px;
}

.detail-page .entry-header.boxed {
    margin-bottom: 20px;
}

.detail-page .mgm-social-share,
.detail-page .entry-img.featured-img {
    margin-top: 60px;
	margin-bottom: 20px;
}

.epaper-img {
    text-align: center;
}

.entry-content p a {
    font-size: 18px;
    color: #C6262C;
}

.cat-bg {
    background: #C6262C;
}

.min_height_for_small_widget {
    overflow: hidden;
    min-height: 180px;
}

.min_height_for_large_widget {
    min-height: 390px;
}

.fluid-width-video-wrapper-a {
    padding-top: 56.32% !important;
}

.error_page_cls {
    padding-top: 125px;
}

.election-2018-timeline .election-sidebar {
    border: 2px solid #80ba8f;
    position: sticky;
    top: 65px;
    height: 550px;
    direction: ltr;
    overflow-y: auto;
    background-color: #fcfefc;
}

.election-page #ticker-wrap {
    margin-top: 10px;
}

.main-navigation .sub-posts li div {
    -webkit-filter: grayscale(1);
    -webkit-transition: all 0.6s;

}

.main-navigation .sub-posts li:hover div {

    -webkit-filter: grayscale(0);
}

.overlay-class {
    opacity: 0.8;
}

.overlay-class:hover,
.es-carousel li:hover .carousel-image {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.es-carousel li .carousel-image {
    opacity: 0.8;
}

.long-img .top-center {
    height: 350px !important;
}

.ack-page .entry-block .entry-title,
.ack-page p {
    text-align: left !important;
}

.ack-page .carousel,
.ack-page .entry-title {
    direction: ltr !important;
}

.module-timeline article span.published-time {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #bbb;
    text-transform: uppercase;
    position: absolute;
    width: 60px;
    top: -5px;
    right: 0px;
    direction: ltr;
    font-family: Open Sans !important;
}

.module-timeline article .cnt {
    position: relative;
    padding: 0px 75px 0px 0px;
    direction: rtl;
}

.module-timeline article i.bullet {
    position: absolute;
    top: 0px;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 3px solid #24b24b;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    right: -6px;
    z-index: 99;

}

.module-timeline article i.bullet-sports {
    background: #24b24b !important;
}

.articles-list {
    border-right: 1px solid #24b24b;
}

.election-2018-timeline header h2 {
    line-height: 2 !important;
    direction: rtl;
    margin-bottom: 0px;
    font-size: 20px;
    padding-right: 9px;
    background-color: #e9edea;
    color: #5a5a5a;
}

.home-page .flexslider .top-center {
    height: 420px;
}

#mgm-grid .mgm-grid-block {
    height: 210px;
}

.ack-page .flexslider .top-center {
    height: 500px;
}

.font-download {
    position: relative;
    bottom: 5px;
}

.rss_main_section li a i {
    margin-left: 15px;
    color: orange;
}

.mrgt-20 {
    margin-top: 20px;
}

@media not all and (min-resolution:.001dpcm) {
    @supports(-webkit-appearance:none) {

        .main-navigationul.menu>li>a .read_more,
        .urdu_font,
        .subscribe-form input[type=submit],
        #ticker-wrap a,
        #mgm-toolbar .topnav-wrap a,
        .mgm-title a,
        .mgm-title span,
        .widget a,
        .mgm-minimal-unboxed .main-navigation .sub-links a,
        .main-navigation .sub-posts a.menu-post-links,
        #rss_main_style li a {
            letter-spacing: -1px !important;
            word-spacing: 4px;
        }

        .read_more a,
        .author-description p {
            letter-spacing: 0px !important;
        }

        .zm-single-info-nav li.active::before {
            bottom: -13px;
        }
    }
}

.fb_iframe_widget_fluid span{
    width: 100% !important;
}

.news-detail-content iframe{
    width: 100% !important;
}

.mgm-minimal-unboxed #mgm-full-site-info {
    margin-top: 30px;
}

.detail_page_heading.english_font span,
.english_font p {
    font-family: Oswald !important;
    direction: ltr;
    text-align: left;
}

#mgm-full-site-info {
    padding: 12px 0;
}

.footer_menu ul {
    margin-top: 0px !important;
    padding: 0px;
}

.footer_menu ul li a {
    color: #fff !important;
    font-size: 14px !important;
}

.footer_menu ul li a:hover {
    background: transparent !important;
    color: #fff !important;
}

.footer_menu {
    margin-bottom: 10px;
}

.site-content li {
    font-size: 16px;
    font-family: "oswald" !important;
}

#mgm-toolbar-width{
    background-color: #24b24c;
}
.post-en{
  text-align: left !important;
  direction: ltr !important;
  font-family: Oswald !important;
  margin-right: 0px !important;
  margin-left: 10px !important;
  font-size: 1.313rem !important;
  line-height: 32px !important;
}
.entry-header h1 {
    line-height: 35px !important;
}

.carousel-feat-ctgry ul li{
    background-color: #000 !important;
}

.carousel-feat-ctgry .es-nav span.es-nav-next{
    right: 40px !important;
}
.carousel-feat-ctgry .es-nav span.es-nav-prev {
    right: 65px;
}

.feat-ctgry span{
    font-size: 30px !important;
    line-height: 40px !important;
}

.carousel-feat-ctgry .mgm-overtitle{
    direction: rtl !important;
}


.update_time{
    direction: ltr !important;
}

.live-update-time{
    float: right !important;
}

.entry-title.live-update-title{
    line-height: 40px !important;
}

.live-update-links h3:hover{
    color: #1e73be !important;
}

.timeline_list ul li:first-child .circles{
    display: block !important;

}

.live-detail-page .detail-page-info .s-meta::after{
	display: none !important;
}

.live-detail-page .detail-page-info{
	justify-content: space-between !important;
}

.live-detail-page .live-update-subtitle{

	font-family: 'Merriweather' !important;
	margin-top: 50px !important;
	margin-bottom: 50px !important;
	padding: 0 50px !important;
}

.live-detail-page .live-update-subtitle .caption-heading{
	border-left: 5px solid #000 !important;
	font-size: 20px !important;
	padding: 0 20px !important;
	line-height: 26px !important;
}

.live-detail-page{
	margin: 0 auto !important
}

/* .search-wrap.mobile-search .mobile-search-btn{
	margin-top: 25px !important;
} */


.time-line-background{
    background-color: #FFF9FC !important;
    /* margin: 50px 0; */
    padding: 50px 0 !important;
}

.timeline-image{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
    min-height: 285px !important;
    border-radius: 10px 10px 0px 0px  !important;
}

.timelie-title{
    box-shadow: 0 12px 30px rgba(80, 80, 80, 0.2) !important;
    border-radius: 0 0 10px 10px !important;
    padding: 30px 15px !important;
}

.timelie-title .timeline-stories-title {
    font-size: 20px !important;
    line-height: 48px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    color: #04072E !important;
}

.timeline-border-right{
    position: relative !important;
    width: 2px !important; 
    height: 100% !important; 
    background-color: transparent !important;
    border-left: 2px dotted #aaaaaa !important; 
    left: 0 !important; 
    transform: translateY(50%) !important;
    z-index: 1 !important;
    margin: 0 auto !important;
    margin-top: -10px !important;
}

.timeline-border-left{
    position: relative !important;
    width: 2px !important; 
    height: 100% !important; 
    background-color: transparent !important;
    border-left: 2px dotted #aaaaaa !important; 
    left: 0 !important; 
    /* transform: translateY(50%); */
    z-index: 1 !important;
    margin: 0 auto !important;
}


.timeline-circle{
    margin: 0 auto !important;
    width: 12px !important;
    height: 12px !important;
    background: #28b34f !important;
    border-radius: 50% !important;
    position: relative !important;
    top: 40% !important;
    left: -6px !important;
    -webkit-transform: translateX(6px) !important;
    transform: translateX(6px) !important;
    /* z-index: 999999 !important; */
}


.time-line-circle{
    position: relative !important;
    top: 45.5% !important;
    width: 14px !important;
    height: 0px !important;
    margin: 0 auto !important;
    background-color: #FFF9FC !important;
    z-index: 10000 !important;
}

.time-line-date{
    /* margin-left: 145px; */
    width: 45% !important;
    /* height: 85px; */
    text-align: center !important;
    background: #1e86c8 !important;
    border-radius: 6px !important;
    /* box-shadow: 0px 13px 20px rgba(56, 19, 221, 0.2) !important; */
    padding: 15px !important;
}


.time-line-date .month{
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
    margin-top: 9px !important;
}

.time-line-date .year{
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin-bottom: 0px !important;
}

.timelie-title p {
    font-size: 18px !important;
    line-height: 44px !important;
  }

.timeline-date-time{
    margin: auto 0 !important;
}

.time-line-date{
    margin-top: -50px !important;
}

.time-line-background .time-line-item:last-child .timeline-border-right{
    display: none !important;
}


.news-date{
    text-align: right !important;
}

.news-author{
    text-decoration: none !important;
    color: #000 !important;
    transition: all 0.3s !important;
    margin-bottom: 20px !important;
}

.news-author:hover{
    color: red !important;
}


.circles {
    height: 50px;
    position: absolute ;
    width: 50px ;
    right: -19px ;
    top: -19px ;
}
.circles > div {
    animation: growAndFade 3s infinite ease-out ;
    background-color: #28b34f !important ;
    border-radius: 50% ;
    height:100% ;
    opacity: 0 ;
    position: absolute ;
    width: 100% ;
}
.circles .circle1 {
    animation-delay: 1s ;
}
.circles .circle2 {
    animation-delay: 2s ;
}
.circles .circle3 {
    animation-delay: 3s ;
}

.ripple-effect{
    height: 20px ;
}

@keyframes growAndFade {
    0% {
        opacity: 0.25;
        transform: scale(0);
   }
    100% {
        opacity: 0;
        transform: scale(1);
   }
}

.time-line-background .time-line-item:first-child .circles{
    display: block !important;
}

.time-line-background .time-line-item:first-child .timeline-circle::before{
    display: none !important;
}
.mb-10{
    margin-bottom: 10px !important;
}

.mb-50{
    margin-bottom: 50px !important;
}

.time-line-stories .row{
	display: flex !important;
}

.time-line-background{
	margin-bottom: 50px !important;
}

.timeline-stories-title:hover{
	color: #0053ff !important;
}

.time-line-background a{
	color: #3b5265 !important;
	transition: all .5s !important;
}
.time-line-background a:hover{
	color: #3b5265 !important;
}

.time-line-background .video_category_icon_cls{
	border-top-left-radius: 10px !important;
}

.live-detail-page .zm-post-header.detail-header{
    padding: 0px !important;
}

.live-detail-page .post-date::before{
    display: none !important
}

.live-detail-page .right-date ul{
    text-align: left !important;
}

.live-detail-page .right-date .zm-date{
    direction: ltr !important;
}

.live-detail-page .zm-category{
    text-align: center !important;
}

.live-detail-page .zm-author ul li a{
    font-size: 19px !important;
}

.live-detail-page .zm-category ul li a{
    font-size: 16px !important;
}

.share-social-link {
    line-height: 42px !important;
}

.fl-lt {
    float: left !important;
}

.live-detail-page .time-line-date{
    direction: ltr !important;
    font-family: sans-serif !important;
}

.time-line-date p,
.time-line-date h6{
    font-family: sans-serif !important;
}

.time-line-date .year{
    margin-top: 0px !important;
}

.timeline-stories-title{
    text-align: right !important;
}

.flex-caption{
    direction: rtl !important;
}

#live-content{
    height: 252px;
    overflow: hidden !important;
  }
  .live-content{
    height: 238px;
    overflow: hidden !important;
  }
  
  .timeline-stories-title:hover{
    color: #23527c !important;
  }
  
  .load-btn{
    color: #117cc1 !important;
  }
  
  .load-btn:hover{
    cursor: pointer;
  }

  .detail-page-main-image .background-block.img-responsive{
    width: 100% !important;
  }

@media (min-width: 768){   
.fl-rt{
    float: right !important;
}
}

@media (max-width: 787px){
    	
	.time-line-stories .row{
		/* flex-direction: column; */
		display: block !important;
	}
	
	
	.time-line-stories .row.top-time-line{
		display: block !important;
	}
	.time-line-date.fl-rt{
		float: left !important;
	}

	.time-line-date{
		margin: 10px 0px 0px 0px !important;
	}

	.timeline-circle{
		margin: 0px !important;
		width: 12px !important;
		height: 12px !important;
		background: #28b34f !important;
		border-radius: 50% !important;
		top: -5px !important;
		-webkit-transform: translateX(6px) !important;
		transform: translateX(6px) !important;
	}
	.time-line-circle{
		position: relative !important;
		top: -0% !important;
		width: 14px !important;
		height: 100% !important;
		background-color: #FFF9FC !important;
		z-index: 10000 !important;
	}

	.time-line-date{
		width: 90% !important;
	}
	.time-line-dot-mobile{
		margin-top: 60px !important;
		border-left: 1px dotted black !important;
		height: 35px !important;
  	}

	.timeline-border-right {
		border: none !important;
	}
	.timeline-border-right{
		border-top: 1px dotted #000000 !important;
		width: 30px !important;
	}
	.timeline-border-right{
		margin: 0px !important;
		top: -52px !important;
		left: -17px !important;
	}
	.left-line{
		margin-left: 5px;
		padding: 10px 10px !important;
		border-left: 1px dotted #000000 !important;
	}

	.time-line-date .year{
		font-size: 18px !important;
	}
	.time-line-date .month{
		font-size: 16px !important;
	}
	.time-line-background .time-line-item .dot-line{
		margin-top: 0px !important;
		padding-top: 60px !important;
	}
	.time-line-background .time-line-item:nth-child(1) .dot-line{
		margin-top: 60px !important;
		padding-top: 0px !important;
	}
	.time-line-background .time-line-item .timeline-border-right{
		top: -48px !important;
	}
	.time-line-background .time-line-item:nth-child(1) .timeline-border-right{
		top : -52px !important;
	}
	.time-line-background .time-line-item .time-line-dot-mobile{
		height: 92px !important;
	}
	.time-line-background .time-line-item:nth-child(1) .time-line-dot-mobile{
		height : 35px !important;
	}
	.time-line-background .time-line-item:last-child .timeline-border-right{
		display: block !important;
	}

	.time-line-stories .row.date-dot{
		display: flex !important;
		margin-left: -10px !important;
	}

	.time-line-mobile .time-line-item .time-lines.time-line-dot-mobile{
		margin-top: 0px !important;
		padding-top: 60px !important;
	}
	.time-line-mobile .time-line-item:nth-child(1) .time-lines.time-line-dot-mobile{
		margin-top: 60px !important;
		padding-top: 0px !important;
	}
	.time-line-card{
		padding-top: 20px !important;
	}
	.time-line-background .time-line-dates:nth-child(1) .circles{
		display: block !important;
	}
	.time-line-card {
		padding: 20px 10px !important;
		border-left: 1px dotted #000000 !important;
		margin-left: 5px !important;
		width: calc(100% - 5px) !important;
	}
	.time-line-circle{
		/* margin-left: 5px !important; */
		border-left: 1px dotted #000000 !important;
		padding-bottom: 30px !important;
	}
	.time-line-background .time-line-dates .time-line-circle{
		margin-top: 0px !important;
		padding-top: 50px !important;
		padding-left: 15px !important;
	}
	.time-line-background .time-line-dates:nth-child(1) .time-line-circle{
		margin-top: 50px !important;
		padding-top: 0px !important;
	}
	.time-line-dots{
		padding-left: 5px !important;
	}
	.dot-line{
		border-top: 1px dotted #000 !important;
		width: 15px !important;
		position: relative !important;
		left: 0px !important;
		top: -42px !important;
	    z-index: 9999999;
	}

    .time-line-date .month{
        text-align: center !important;
    }
}