@font-face {
    font-family: 'NotoSans-Regular';
    src: url('../fonts/Noto/notoregular/NotoSans-Regular.eot');
    src: url('../fonts/Noto/notoregular/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notoregular/NotoSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'NotoSans-Bold';
    src: url('../fonts/Noto/notobold/NotoSans-Bold.eot');
    src: url('../fonts/Noto/notobold/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Noto/notobold/NotoSans-Bold.svg#NotoSans-Bold') format('svg'),
         url('../fonts/Noto/notobold/NotoSans-Bold.ttf') format('truetype'),
         url('../fonts/Noto/notobold/NotoSans-Bold.woff') format('woff'),
         url('../fonts/Noto/notobold/NotoSans-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
    
  html,body,body>div.main{
      min-height: 100vh;
  }

  body{
      font-family: 'NotoSans-Regular';
  }
  body p , body span{
      font-family: 'NotoSans-Regular';
      font-size: 16px;
      line-height: 30px;
  }
  h1,h2,h3,h4,h5 {
      font-family: 'NotoSans-Bold';
      line-height: 40px;
      color: #000;
  }
  /*Slider bottom image Text section CSS*/
  span.author-image-txt {
      display: inline-block;
      width: 100%;
       font-family: 'NotoSans-Regular';
      font-size: 17px;
      color: #000;
      line-height: 22px;
      margin: 10px 0px;
  }
  .author-image-txt img {
      margin-right: 10px;
	      width: 43px;
    height: 43px;
  }
  .inner-design-div p {
    height: 89px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.inner-design-div p {
    color: #000;
}
  span.red-slash {
      color: #DB0000;
      padding: 5px;
  }
  .buttons-time-div {
      display: inline-block;
      width: 100%;
      margin: 0px 0px;
      padding-right: 15px;
  }
  .Timer-clock-div {
      float: right;
  }
  
  .timer-div span{
      font-size: 13px;
      color: #fff;
  }
  .time-text-div span {
    font-size: 13px;
  }
  .num-timer-div span {
      color: #555555;
      font-size: 13px;
  }
  .Timer-clock-div span {
      color: #555555 !important;
      font-size: 13px;
  }
  .slider-bg {
      display: inline-block;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
  }
  .red-name{
    /* updated */
      display: inline-block;
      padding: 10px 20px 10px 20px;
      background: #DB0000;
      color: #fff;
      margin-bottom: 0;
  }
  p.transparent-bg {
      display: inline-block;
      font-size: 24px;
      line-height: 43px;
      background: #fff8f838;
      color: #fff;
      padding: 10px 20px 10px 20px;
      margin-top: 0;
      margin-bottom: 0;
  }
  p.transparent-bg:hover{
      text-decoration:underline;
  }
  
  .border-line-transform h3 {
      font-size: 30px;
      line-height: 40px;
  }
  .slider-bottom-image-div{
      padding-right: 0px !important;
  }
  .same-columns {
      padding: 0px 20px;
      color: #fff;
      font-size:16px;
  }
  .same-columns:hover{
      text-decoration:underline;
      cursor: pointer;
  }
  .red-line {
      border-left: 2px solid #e40000;
      /* changed */
      height: 50px;
  }
  .banner-columns {
      /*padding: 30px 20px 10px 0px;*/
      margin: 40px 0px 40px 0px;
  }
  .btn-red {
      color: #fff;
      background: #DB0000;
      border-radius: 0;
      border: 0;
      padding: 5px 20px;
      margin: 0px 0px 20px 0px;
  }
  .outer-text-wrap {
      display: inline-block;
      width: 100%;
      /* changed */
      margin-top: 30%;
  }
  .image-text {
      padding: 25px 0px 25px 0px;
  }
  /* added */
  .inn_parent {
    padding-right: 25px !important;
    }
  .txt-div {
	  padding-left: 0px;
  }
  .txt-div .inner-design-div{
	  background-color: #f5f5f5;
      padding: 10px 30px 40px 30px;
  }
  .lifestyle-title-timer-div h3 {
        height: 70px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
  }
  .culture-title-timer-div h3 {
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    }
  .txt-div h3 {
      font-size: 24px;
      line-height: 40px;
  }
  .news-red {
      background: #DB0000;
      color: #fff;
      border: 0px;
      border-radius: 0px !important;
      text-transform: capitalize;
  }
  .news-black {
      color: #fff;
      background: #000;
      border: 0px;
      border-radius: 0px !important; 
      text-transform: capitalize;
  }
  .news-white{
    pointer-events: none;
    text-transform: capitalize;
  }
  .news-black{
      pointer-events: none;
  }
  .news-black:hover {
    color: #fff !important;
  }
  /*Country-badge CSS*/
  .position-country-badge {
    position: relative;
    }
  span.country-name-badge {
       font-family: 'NotoSans-Regular';
      font-size: 13px;
      display: block;
      line-height: 22px !important;
      padding: 3px 15px;
      background-color: #fff;
      color: #000;
      position: absolute;
      bottom: 20px;
      left: 20px;
      text-transform: capitalize;
  }
  /*Country badge CSS End*/
 
  .inner-div {
      display: inline-block;
      width: 100%;
      /* border: 1px solid #f5f5f5; */
      background-color: #F5F5F5;
  }
  .three-columns-row .inner-div h3 {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .numbering-section .inner-div h3 {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .inner-div h3 {
      padding: 0px 20px;
      font-family: 'NotoSans-Bold';
  }
  .three-columns-row{
      padding: 0px 0px 25px 0px; 
  }
  .design-numbers-row {
      margin-bottom: 25px;
  }
  .design-numbers-row .num-timer-div {
      padding: 20px 20px 5px 20px;
  }
  .indenting{
      padding-top:10px;
      padding-bottom:10px;
  }
  .text-on-image-div {
    position: absolute;
    bottom: 0px;
    right: 15px;
    left: 15px;
    padding: 20px;
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(0 0 0));
    /* added */
    z-index: 99;
    color: #fff;
  }
  .Programs-row-div .text-on-image-div {
    position: absolute;
    bottom: 40px;
    right: 12px;
    left: 12px;
    padding: 30px 10px 0px 10px;
    z-index: 99;
    color: #fff;
    }
  /* added */
  .text-on-image-div.b-20{
    bottom: 20px;
  }
  .text-on-image-div h4 {
      color: #fff;
      font-family: 'NotoSans-Regular';
      font-weight: normal;
      font-size: 18px;
      margin: 0px;
  }
  .news-white {
      border: 0;
      border-radius: 0px !important;
  }
  .news-skyblue {
      border: 0;
      background: #0FC1BA;
      color: #fff;
      border-radius: 0px !important;
      text-transform: capitalize;
  }
  .read-more-button {
      display: inline-block;
      width: 100%;
      text-align: right;
      padding: 25px 15px 0px 15px;
  }
  .outline {
      border-radius: 0;
      background: #fff;
      padding: 5px 10px;
      font-size: 18px;
  }
  .more-blue-color{
    color: #205B93;
    border: #205B93 2px solid;
  }
  .red-color{
      color: #DB0000;
      border: #DB0000 2px solid;
  }
  .more-blue-color a {
    color: #205B93 !important;
   }
  .border-line hr {
      border-top: 0px !important;
      border-bottom: 3px solid #DB0000;
      margin: 20px 0px 20px 10px;
      padding: 20px 0px;
  }
  .num-timer-div {
      padding: 5px 20px;
      display: inline-block;
      width: 100%;
  }
  .num-timer-div span {
      float: right;
      margin-top: 45px;
  }
  
  .num-timer-div h1 {
      width: 30%;
      color: #000;
      float: left;
      font-size: 60px;
  }
  .inner-div h3 {
      display: inline-block;
      width: 100%;
      font-size: 16px;
      line-height: 30px;
  }
  .num-timer-div hr {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
  .small-letters hr {
      margin: 0 !important;
  }
  .red hr {
      border: 1px solid #D80000  !important;
      background-color: #D80000 ;
  }
  .blue hr {
      border: 1px solid #3C009B  !important;
      background-color: #3C009B ;
  }
  .green hr{
      border:1px solid #21C184  !important;
      background-color: #21C184 ;
  }
  .yellow hr {
      border: 1px solid #FFC800  !important;
      background-color: #FFC800 ;
  }
  .sky-blue hr {
      border: 1px solid #0FC1BA  !important;
      background-color: #0FC1BA;
  }
  .blue-line hr {
      border-bottom: 3px solid #205B93;
      margin-bottom: 13px !important;
      padding: 20px 0px;
  }
  .orange-line hr {
      border-top: 0px;
      border-bottom: 2px solid #D55824;
      margin: 20px 0px 20px 10px;
      padding: 20px 0px;
  }
  .more-orange {
      color: #D55824;
      border: #D55824 2px solid;
  }
  .more-blue {
      color: #DB0000;
      border: #DB0000 2px solid;
      border-radius: 0;
      background: #fff;
      padding: 5px 10px;
      font-size: 18px;
  }
  .numbering-section-small-letters{
      padding-bottom: 25px;
  }
  .small-letters h1 {
      font-size: 60px !important;
  }
  .share-img{
      float: right;
      padding: 0px 20px 10px 20px;
  }
  .Group-btn-line-row {
      padding: 0px 0px 25px 0px;
  }

 



  .podcast-btn {
      display: inline-block; 
      font-family: 'NotoSans-Regular';
      color: #fff;
      line-height: 0;
      text-align: center;
      padding: 22px 15px 10px 15px;
      font-size: 24px !important;
      border:0px !important;
      border-radius: 0px !important;
      top:0px;
  }
  .design-button hr {
      margin-bottom: 0 !important;
      margin-top: 23px !important;
  }
  hr.horizontal-red {
      border-top: 3px solid #db0000;
      background-color:#db0000;
      margin-top: 23px !important;
  }
  .radio-programs-btn {
      display: inline-block;
       font-family: 'NotoSans-Regular';
      color: #fff;
      line-height: 0;
      text-align: center;
      padding: 22px 15px 10px 15px;
      font-size: 24px !important;
      border:0px !important;
      border-radius: 0px !important;
  }
  .orange-btn{
      background: #d55824 !important;
  }
  .orange-outline {
      color: #FF7600;
      border: #FF7600 2px solid;
      
  }
  .cream-outline {
      color: #B7966F;
      border: #fff 2px solid;
      margin-top: 25px;
  }
  .pink-outline {
      color: #FC2841;
      border: #FC2841 2px solid;
  }
  .grey {
      background: #7C7C7C;
  }
  .green-btn {
      background: #00A566;
  }
  .blue-btn{
      background: #063F8D;
  }
  .orange-btn{
      background: #FF7600;
  }
  .cream-btn{
      background: #B7966F;
  }
  .pink-btn{
      background: #FC2841;
  }
  .horizontal{
      border-top: 3px solid #D55824;
      background-color: #D55824;
  }
   .horizontal-grey{
      border-bottom: 3px solid #3b3b3b;
      background-color: #3b3b3b;
      border-top: 0px !important;
  }
  .horizontal-green{
      border-bottom: 3px solid #00A566;
      background-color: #00A566;
      border-top: 0px !important;
  }
  .horizontal-blue{
      border-top: 3px solid #063F8D;
      background-color: #063F8D;
  }
  .horizontal-orange{
      border-top: 3px solid #FF7600;
      background-color: #FF7600;
  }
  .horizontal-cream{
      border-bottom: 3px solid #B7966F;
      background-color: #B7966F;
      border-top: 0px !important;
  }
  .horizontal-pink{
      border-top: 3px solid #FC2841;
      background-color: #FC2841;
  }
  .video-player-line-div{
      padding:10px 0px 25px 0px;
  }
  .more-button{
      display: inline-block;
      width: 100%;
      text-align: right;
      padding-bottom: 50px;
  }
  .background-hole-color {
      background-color: #3b3b3b;
      padding: 60px 0px 30px 0px;
  }
  /*Pushback button css Start*/
  .pushback-play-btn {
      position: absolute;
      top: 42%;
      left: 48%;
  }
  .pushback-play-btn-bottom {
      position: absolute;
      top: 25%;
      left: 45%;
  }
  .pushback-play-btn button {
      background: #000;
      opacity: 0.7;
      border: 1px solid #fff;
      color: #fff;
      padding: 10px 15px;
      border-radius: 7px;
      font-size: 18px;
  }
  .pushback-play-btn-bottom button {
      background: #000;
      border: 1px solid #fff;
      opacity: 0.7;
      color: #fff;
      padding: 7px 10px;
      border-radius: 7px;
      font-size: 12px;
  }
  /*Pushback button css end*/
  .position-div {
      margin: 0px 0px 25px 0px;
      padding: 0px 0px 25px 0px;
  }
  .title-img-div {
      position: absolute;
      bottom: 12%;
      padding: 0px 25px;
  }
  .title-img-div h1 {
      color: #fff;
      /* added */
      text-shadow: 1px 0px 4px black;
  }
  .time-text-div {
      padding: 20px 0px;
  }
  .time-text-div h3 {
      color: #fff;
      padding: 20px 0px 0px 0px;
      font-size: 16px;
      font-family: 'NotoSans-Regular';
      margin-bottom: 4px;
      line-height: 30px;
  }
  .more-btn-row{
      padding-top: 25px;
  }
  .more-grey{
      color: #626262;
      border: #626262 2px solid;
  }
  .more-green{
      color: #00A566;
      border: #00A566 2px solid;
      margin-top: 25px; 
  }
  /*Lifestyle Green Background Section*/

  .green-background-color-div {
      display: inline-block;
      width: 100%;
      background: #00A566;
      padding: 60px 0px 0px 0px;
  }
  .cream-background-color-div {
      display: inline-block;
      width: 100%;
      background: #B7966F;
      padding: 60px 0px 0px 0px;
  }
  .same-outline-btn {
      display: inline-block;
      font-size: 18px;
      line-height: 25px;
      padding: 5px 25px;
      margin-bottom: 12px;
      color: #fff;
      background: transparent;
      border: 2px solid #fff;
      cursor: pointer;
  }
  .same-outline-btn:focus, .same-outline-btn:hover{
    text-decoration: none;
    color: #fff;
  }
  .lifestyle-title-timer-div {
      padding: 20px 15px 10px 15px;
      background-color: #f5f5f5;
  }
  .culture-title-timer-div {
    padding: 20px 15px 10px 15px;
    background-color: #f5f5f5;
    }
  .lifestyle-title-timer-div h3 {
      font-size: 16px;
      /* changed from 21 */
      line-height: 25px;
      color: #000;
      font-family: 'NotoSans-Bold';
      margin-top: 0;
  }
  .culture-title-timer-div h3 {
    font-size: 16px;
    /* changed from 21 */
    line-height: 25px;
    color: #000;
    font-family: 'NotoSans-Bold';
    margin-top: 0;
    }
  .lifestyle-title-timer-div hr {
      border-top: 2px solid #000;
      width: 7%;
      margin: 0px 0px 10px 0px;
  }
  .culture-title-timer-div hr {
    border-top: 2px solid #000;
    width: 7%;
    margin: 0px 0px 10px 0px;
    }
  /*Lifestyle Green Background Section End*/
  /*Infographic Section Start*/
  .infographic-background-div {
      display:inline-block;
      width:100%;
      background-color: #F5F5F5;
      padding: 0px 50px;
      margin-bottom: 25px;
  }
  .infographic-columns{
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .info-timer-title-div {
      padding: 10px 0px 0px 10px;
  }
  .info-timer-title-div h3 {
      font-size: 25px;
      color: #000;
      padding: 15px 0px 0px 0px;
      font-family: 'NotoSans-Bold';
      line-height: 40px;
  }
  /*Infographic Section End*/
  .Programs-row-div{
      padding-bottom: 15px;
      padding-top: 10px;
  }
  .Programs-row-div .text-on-image-div .lbl-story {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1.5;
    }
    @media screen and (min-width:768px) and (max-width:770px){
        .Programs-row-div .text-on-image-div {
            bottom: 65px;
        }
    }
  .button-design-class {
      width: 100%;
	  margin-top: 0px;
  }
  button.btn.general-width.news-black {
    margin-left: 0px !important;
}
  .general-width {
      padding: 10px;
      font-size: 15px !important;
  }
  .news-white{
      color: #000;
  }
  .programs-thumbnail .general-width {
      width: 50%;
  }
  .btn-outer-div .general-width {
      width: 50%;
  }
  .btn-outer-div{
      width: 100%;
  }
  .share-clock-div {
      display: inline-block;
      width: 100%;
      padding: 3px 15px;
  }
  .share-div {
      width: 60%;
      float: left;
  }
  
  .red-border {
      border-bottom: 2px solid #db0000;
  }
  .yellow-border {
      border-bottom: 2px solid #FFD230;
  }
  .light-blue{
      border-bottom: 2px solid #205B93;
  }
  .dark-blue{
      border-bottom: 2px solid #3C009B;
  }
  .green-border{
      border-bottom: 2px solid #21C184;
  }
  .red-btn {
      font-family: NotoSans-Regular !important;
      background: #DB0000;
      color: #fff;
      font-size: 20px;
      background-color: #DB0000;
      padding: 23px 20px;
      border: 0px !important;
      border-radius: 0px;
  }
  .new-paddingbut-class {
      margin-bottom: 25px;
  }
  .new-morepad-class {
      margin-top: 20px;
  }
  .more-light-grey {
    color: #5c5c5c;
    border: #5C5C5C 2px solid;
    background: #e0e0e0 !important;
    }
  .btn{
      text-shadow: none !important;
      outline: none !important;
  }
  .blue-most-read {
      font-family: NotoSans-Regular !important;
      font-size: 20px;
      float: left;
      background: #205B93;
      color: #fff;
      padding: 5px 20px;
      border: 0px;
      border-radius: 0px;
      transform: translate(0px, -40px);
  }
  /*--Images width--*/
  .lifestyle-thumbnail img {
      display: inline-block;
      width: 100%;
  }
  .culture-thumbnail img {
    display: inline-block;
    width: 100%;
    }
  .info-thumbnail img{
      display: inline-block;
      width: 100%;
  }
  .programs-thumbnail img {
      display: inline-block;
      width: 100%;
  }
  .radioprograms-thumbnail-div img {
      display: inline-block;
      width: 100%;
  }
  .positional-div {
      position: relative;
  }
  .positional-div img {
      width: 100%;
  }
    /*Hover Effect*/
    .txt-div:hover {
        cursor: pointer;
    }
   .slider-bottom-image-div img:hover {
    opacity: 0.9;
    cursor:pointer;
    filter: brightness(110%) contrast(110%);
    }
    .inner-div:hover .country-p{
        text-decoration: none;
        cursor:pointer;
    }
    .home-country-badge:hover .country-name-badge{
        text-decoration: underline;
        cursor: pointer;
    }
    .inner-div:hover .numbers-p{
        text-decoration: underline;
        cursor:pointer;
    }
    .inner-div:hover .thumb-image{
        opacity: 0.9;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
   .inner-div h3:hover {
    text-decoration: underline;
    cursor:pointer;
    }
    .hover-effect:hover .thumb-image{
        opacity: 0.9;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
    .hover-effect:hover .position-title{
        text-decoration: underline;
        cursor:pointer;
    }
    .hover-effect:hover .thumb-title{
        text-decoration: underline;
        cursor:pointer;
    }
    .hover-effect:hover h3.lbl-story{
        opacity: 1 !important;
        z-index: 6;
    }
    .hover-effect:hover .time{
        opacity: 1 !important;
        z-index: 6;
    }
    .programs-thumbnail img:hover {
        opacity: 0.9;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
    .text-on-image-div h4:hover {
        text-decoration: underline;
        cursor:pointer;
    }
    .inner-design-div h3:hover {
        text-decoration: underline;
        cursor:pointer;
    }
    .title-img-div h1:hover {
        text-decoration: underline;
        cursor:pointer;
    }
    .time-text-div h3:hover{
        text-decoration: underline;
        cursor:pointer;
    }
    .main_inner_child_section p:hover {
        text-decoration: underline;
    }
    .lifestyle-title-timer-div h3:hover{
        text-decoration: underline;
        cursor:pointer;
    }
    .culture-title-timer-div h3:hover{
        text-decoration: underline;
        cursor:pointer;
    }
    .info-timer-title-div h3:hover{
        text-decoration: underline;
        cursor:pointer;
    }
    h3.lbl-story:hover {
        text-decoration: underline;
        cursor:pointer;
    }
    .inner-design-div:hover h3 {
        text-decoration: underline;
        cursor:pointer;
    }
  .width-maximum-class{
      width: 100%;
   }
  .width-maximum-class:hover {
    opacity: 0.9;
    cursor:pointer;
    filter: brightness(110%) contrast(110%);
    cursor:pointer;
    }
    /* added */
    .banner-img {
        width: 100%;
        /* opacity: 1;
        cursor:pointer;
        filter: unset; */
    }
    .lifestyle-thumbnail img:hover {
        opacity: 0.9;
        cursor:pointer;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
    .culture-thumbnail img:hover {
        opacity: 0.9;
        cursor:pointer;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
    .info-thumbnail img:hover {
        opacity: 0.9;
        cursor:pointer;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
    .radioprograms-thumbnail-div img:hover {
        opacity: 0.9;
        cursor:pointer;
        filter: brightness(110%) contrast(110%);
        cursor:pointer;
    }
   /*Hover Effect Ends*/
   /*Font awesome and span colors*/
    .fa-clock{
    font-size: 18px;
    }
    .fa-share-alt{
        font-size:18px;
        color:#000;
        margin-top: 5px;
    }
    .clock_logo span {
        color: #555555 !important;
        font-size: 13px;
    }
    .lifestyle-title-timer-div span {
        color: #555555 !important;
        font-size: 13px !important; 
    }
    .culture-title-timer-div span {
        color: #555555 !important;
        font-size: 13px !important; 
    }
    .info-timer-title-div span {
        color: #555555 !important;
        font-size: 13px !important;
        display: inline-block;
    }
    .currency_exchange_section .timer span{
        color: #555555 !important;
    }
    .covid_statsbar_section .timer span{
        color: #555555 !important;
    }
    .economy_sidebar_section .timer span{
        color: #555555 !important;
    }
    /*Font awesome and span colors END*/
  /* changed */
  @media screen and (max-width:768px){
    .infographic-background-div{
        padding:0px 0px !important;
    }
    .infographic-columns{
        padding-top: 0px;
    }
    /* added */
    .infographic-background-div>div:nth-child(1){
        /* margin-bottom:20px; */
    }
    .three-columns-row {
        padding: 0px !important;
    }
    .inn_parent {
        /* padding-right: 0px !important; */
    }
  }
  @media screen and (min-width:992px){
      .mix-buttons{
          float: left;
          width: 50%;
          display: inline-block;
      }
      .timer-div {
          text-align: right;
          display: inline-block;
          width: 50%;
          padding: 0px;
      }
  }
  @media screen and (min-width:768px){
    p.membertext{
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .inner-design-div {
        /* changed */
        height: 410px;
    }
    .economy .inner_parent img {
        /* height: 230px; */
        height: 230px;
        object-fit: cover;
    }
    .sport .inner_parent img {
        /* height: 230px; */
        height: 230px;
        object-fit: cover;
    }
    .covid_19 .inner_parent img {
        /* height: 230px; */
        height: 230px;
        object-fit: cover;
    }
    .radioprograms-thumbnail-div img{
        /* height: 218px; */
    }
    /* added */
    .story .story-first-column, .story .story-second-column{
        /* height: 332px; */
    }
    img.pho-story-img{
        /* height: 332px; */
        height: 328px;
        object-fit: cover;
    }
    .positional-div img {
        /* height: 345px; */
    }
    .inner-div img {
        /* changed */
        /* height: 215px; */
        
        height: 217px;
        object-fit: cover;
    }
    .img-icon-div img {
        height: 217px;
        object-fit: cover;
    }
    .image-height-class img {
        height: 250px;
        object-fit: cover;
    }
    /*changed*/
    .interview_image img {
        /* min-height: 393px; */
        /* added */
        object-fit: cover;
    }
    .programs-thumbnail img {
        /* min-height: 214px; */
        
        height: 217px;
        object-fit: cover;
    }
    .interview_first_section_text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
      .left-padding {
          padding-left: 0 !important;
      }
      
      .three-columns-row .inner-div h3{
      height: 130px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      }
      .numbering-section .inner-div h3{
      height: 130px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      }
      .numbering-section-small-letters .inner-div h3 {
        height: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        }
        .text-on-image-div h4{
            height: 80px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
  }
  @media screen and (max-width:480px) {
    .text-on-image-div .mix-buttons{
        display: none;
    }
  }
  @media screen and (max-width:768px){
      .numbering-section{
          padding-bottom: 25px;
      }
      .indenting{
          padding: 0px 0px 25px 0px;
      }
      
      .share-clock-div{
          padding:0px;
      }
      .share-div {
          padding: 0px 15px;
      }
      .Timer-clock-div {
          padding: 0px 15px;
      }
      .positional-div {
          margin-bottom: 25px;
      }
      .lifestyle-title-timer-div {
          margin-bottom: 25px;
      }
      .culture-title-timer-div {
        margin-bottom: 25px;
        }
      .button-design-class {
          width: 100%;
          display: inline-flex;
          margin: 0px;
      }
      .same-outline-btn{
          margin-left: 5px;
      }
      .section-heading-btn {
        width: auto;
      }
      .podcast-btn{
          width: auto;
      }
      .radio-programs-btn{
          width: auto;
      }
      .inner-div {
          margin-bottom: 25px;
      }
      .three-columns-row .inner-div {
          margin-bottom: 30px;
          padding-bottom: 5px;
      }
  }
  @media screen and (max-width:1200px) and (min-width:992px){
    .red-name {
        width: max-content !important;
    }
  }
  @media screen and (max-width:992px) and (min-width:768px){
    .red-name {
        width: max-content !important;
    }
  }
  /*Audio player Responsiveness and CSS*/
  @media screen and (max-width:992px) and (min-width:768px){
    #seek-bar {
        margin-left: 9% !important;
        width: 83% !important;
    }
  }
  @media screen and (max-width:546px) and (min-width:420px){
    #play{
        top:35px !important;
        left:59% !important;
    }
    #Audio-title {
        margin-left: 22% !important;
    }
    #seek-bar {
        margin-left: 0% !important;
        width: 90% !important;
    }
}
@media screen and (max-width:420px) and (min-width:380px){
    #play{
        top:35px !important;
        left:60% !important;
    }
    #Audio-title {
        margin-left: 22% !important;
    }
    #seek-bar {
        margin-left: 0% !important;
        width: 88% !important;
    }
}
@media screen and (max-width:380px) and (min-width:320px){
    #play{
        top:35px !important;
        left:62% !important;
    }
    #Audio-title {
        margin-left: 28% !important;
        font-size: 16px;
    }
    #seek-bar {
        margin-left: 0% !important;
        width: 85% !important;
    }
}
  @media screen and (max-width:546px) and (min-width:320px){
      #player{
          padding-top: 0 !important;
          padding-left: 0 !important;
      }
      
  }
  @media screen and (max-width:670px) and (min-width:546px){
      #player{
          padding:16px 28px !important;
      }
      #Audio-title {
          margin-left: 15% !important;
      }
      #seek-bar {
        margin-left: 8% !important;
        width: 82% !important;
        }
  }
  @media screen and (max-width:992px) and (min-width:768px){
    #seek-bar {
    margin-left: 9% !important;
    width: 83% !important;
    }
    #Audio-title {
        margin-right: 15% !important;
    }
}
 /*Audio player Responsiveness End's*/
  /* usm ECONOMY section css start Here */
  .secs-button {
    padding: 5px 20px;
    height: 57px;
    color: #3C009B;
    display: flex;
    font-size: 18px;
    background: transparent;
    text-align: center;
    align-items: center;
    justify-content: center;
    }
    .secs-button:hover{
    text-decoration: none;
    }
      .main_inner_child_section.sectin_second h3 {
          min-height: 115px;
      }
      .line_behind_economy {
          margin-bottom: 50px;
      }
      .economy_text {
          display: inline-block;
          position: absolute;
          top: -23px;
      }
      
      .economy_text span{
        background-color: #3C009B;
        font-size: 24px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 10px;
        color: #fff;
        display: inline-block;
        height: 50px;
        }
      .economy_btn_area{
      position:relative;
      }
      
      /* section heading css */
      .section-heading-btn {
            display: inline-block;
            font-family: 'NotoSans-Regular';
            color: #fff;
            line-height: 0;
            text-align: center;
            padding: 22px 15px 10px 15px;
            font-size: 24px !important;
            border:0px !important;
            border-radius: 0px !important;
            top:0px;
        }
      .horizontal-purple{
        height: 3px;
        background-color: #3C009B;
      }
      .section-heading-btn.purple{
        background-color: #3C009B;
      }
      .section-heading-btn.black{
        background-color: black;
      }
      .section-heading-btn.light-blue{
        background-color: #0079ec;
      }
      .horizontal-light-blue{
        height: 3px;
        background-color: #0079ec;
      }
      .section-heading-btn.yellow{
        background-color:#FFD230;
      }
      .horizontal-yellow{
        height: 3px;
        background-color:#FFD230;
      }
      .section-heading-btn.covid{
        background-color:#0FC1BA;
      }
      .horizontal-covid{
        height: 3px;
        background-color:#0FC1BA; 
      }
      .section-heading-btn.lifestyle{
        background-color:#00A566;
      }
      .horizontal-lifestyle{
        height: 3px;
        background-color:#00A566;
      }
      .section-heading-btn.infographic{
        background-color:#063F8D;
      }
      .horizontal-infographic{
        border-bottom: 3px solid #063F8D;
        background-color: #063F8D;
        
      }
      .section-heading-btn.tv-programs{
        background-color:#063F8D;
      }
      .horizontal-tv-programs{
        height: 3px ;
        background-color: #063F8D;
      }
      .section-heading-btn.radio-programs{
        background-color:#FF7600;
      }
      .horizontal-radio-programs{
        height: 3px ;
        background-color: #063F8D;
      }
      .section-heading-btn.culture{
        background-color:#B7966F;
      }
      .horizontal-culture{
       border-bottom: 3px solid #B7966F;
        background-color: #B7966F;
      }
      .section-heading-btn.photo-story{
        background-color:#FC2841;
      }
      .horizontal-photo-story{
        border-top: 3px solid #FC2841;
        background-color: #FC2841;
      }
      /* section heading css */

      
    
      .line_behind_economy hr {
          height: 3px;
          background-color: #3C009B;
      }
        .line_behind_interview {
          margin-bottom: 50px;
      }
      .interview_text {
          display: inline-block;
          position: absolute;
          top: -23px;
      }
      .interview_text span{
          font-size: 24px;
          background-color: #0079ec;
          padding-top: 10px;
          color: #fff;
          display: inline-block;
          height: 50px;
          padding-left: 40px;
          padding-right: 40px;
      }
      .interview_btn_area{
      position:relative;
      }
      .line_behind_interview hr {
          height: 3px;
          background-color: #0079ec;
      }
      .main_innder_section , .main_innder_section .main_inner_child_section{
          padding:0px;
      }
      .main_innder_section .inner_parent {
          background-color: #f5f5f5;
          margin-bottom:20px;
          display:inline-block;
          width: 100%;
      }
      .sectin_second h3 {
          font-size: 16px;
          padding-left: 20px;
          line-height: 28px;
          padding-right: 20px;
          padding-top: 20px;
          font-family: 'NotoSans-Bold';
          margin-top: 0px;
      }
      .clock_logo {
           float: left;
          padding-left: 20px;
          padding-top: 20px;
      }
      .total_time {
          float: right;
          display: inline-block;
          padding-top: 10px;
      }
      section.economy .sectin_second hr {
             width: 45px;
          height: 4px;
          background-color: #3C009B;
          margin-left: 20px;
          margin-top: 23px;
          margin-bottom: 0px;
      }
      .currency_exchange_section {
          background-color: #f5f5f5;
          display: inline-block;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px;
      }
      .covid_statsbar_section {
        background-color: #f5f5f5;
        display: inline-block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
      .economy_sidebar_section {
        background-color: #f5f5f5;
        display: inline-block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
      .curncy_text p {
          font-size: 16px;
          font-family: 'NotoSans-Bold';
          color: #000;
          float: left;
          padding-left: 10px;
          margin-bottom: 0px;
      }
      .currency_exchange_section .timer {
          float: right;
          padding-right: 10px;
      }
      .covid_statsbar_section .timer{
          float: right;
          padding-right: 10px;
      }
      .economy_sidebar_section .timer {
        float: right;
        padding-right: 10px;
    }
      
      .economy_rate_header_label {
          background-color: #000;
          border: 0px;
          color: #fff;
          margin-right: 6.4px;
          font-size: 16px;
          padding: 10px;
          width: 100%;
          height: 47px;
          border-radius: inherit;
      }

      .dropdown_section input::placeholder{
          color:#fff;
      }
      .dropdown_section {
          display: inline-block;
          width: 100%;
          margin-bottom: 5px;
      }
      .currency_value {
          background-color: #3C009B;
              padding-top: 50px;
          padding-bottom: 50px;
      }
      .currency_symbol {
          float: left;
          color: #fff;
          font-family: 'NotoSans-Bold';
          font-size: 30px;
          background-color: #000;
          display: inline-block;
          padding: 1.5px 15px;
      }
      .currency_detail_section {
          display: inline-block;
          background-color: #27ce9e;
          padding: 10px;
          width:250px;
          font-size:18px;
      }
      .currency_value_inner_section {
          margin-bottom: 10px;
          display:flex;
          align-items: center;
          justify-content: center;
      }
      .currency_value .third_sections ,.currency_value .last_sections{
          background-color: #de393a;
      }
      .ads-oil-gas-design {
          margin-top: 20px;
      }
      .ads-oil-gas-design .inner-ads-div span {
          padding: 45% 25%;
          height: 53%;
      }
      .gold_oil_section {
          display: inline-block;
          width: 100%;
          margin-top: 20px;
      }
      .gold_sec  , .oil_gas_sec{
          padding: 0;
          margin-top: 10px;
      }
      .gold_sec .first_para , .oil_gas_sec .first_para  {
          background-color: #f5f5f5;
          font-size: 16px;
          padding-left: 10px;
          height: 46px;
          display: flex;
          align-items: center;
          margin: 0;
      }
      p.second_para {
          font-size: 18px;
          color: #fff;
      }
      .gold_sec .second_para{
          background-color:#000;
              padding-left: 10px;
      }
      .oil_gas_sec .second_para{
          background-color:#000;
              padding-left: 10px;
      } 
      /* added */
      .gold_sec .tble>table{
        height: 166px;
      }
      .gold_sec .tble {
          background-color: #eba117;
              padding: 20px;
      }
      /* added */
      .oil_gas_sec .tble>table {
        height: 166px;
      }
      .oil_gas_sec .tble {
          background-color: #e0e0e0;
              padding: 20px;
      }
      .gold_sec table, .gold_sec tr, .gold_sec td , .oil_gas_sec table, .oil_gas_sec tr, .oil_gas_sec td {
          border: 1px solid;
      }
      .gold_oil_section td {
           /* changed */
           font-size: 15px;
           padding: 5px 10px;
      }
      .gold_oil_section table {
          width:100%;
      }
      /* changed secion  to section*/
      .more_secion {
          display: inline-block;
          width: 100%;
          text-align: right;
      }
      
        .color-indigo{
            color: #3c009b;
            border: #3c009b 2px solid;
        }
          .more_secion {
              margin-top: 30px;
              margin-bottom: 50px;
              padding-right: 0px !important;
          }
   /* usm ECONOMY section css end  Here */
  /*  INTEVIEW SECTION CSS START HERE  */
      .interview_main_section .col-sm-6 {
              padding: 0px;
          }
          .interview_second_child {
              padding-left: 10px !important;
          }
          .interview_first_child {
              padding-right: 10px;
          }
          .interview_first_section_text P {
              font-size: 14px;
              line-height: 34px;
              padding: 5px 20px 20px 20px;
              margin-bottom: 0;
              color: #000;
              font-weight: normal;
          }
          .interview_inner_first {
              padding-left: 20px;
              padding-right: 20px;
          }
          .interview_second_section_text h3 {
              font-size: 18px;
              color: #000;
              margin-bottom: 0px;
          }
          .first-interview-lead {
            float: left;
            width: 70%;
          }
          .interview_second_section_text {
            background-image: url(../images/uppercout.png);
            background-repeat: no-repeat;
          }
          @media screen and (min-width:768px) {
            .interview_second_section_text h3 {
                height: 110px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }
          }
          .interview_second_section_text hr{
              width: 50px;
              margin: 0px;
              height: 4px;
              background-color: #0079ec;
          }
          p.membertext {
              font-size: 18px;
              font-family: 'NotoSans-Bold';
              display: inline-block;
              width: 100%;
              margin-bottom: 0px;
          }
          .interview_inner_scnd {
              display: inline-block;
              float: right;
              background-color: #000;
              margin-right: 20px;
              margin-top: 12px;
              padding-top: 3px;
              padding-bottom: 3px;
          }
          .interview_inner_scnd a {
              color: #fff;
              padding-left: 20px;
              padding-right: 20px;
          }
          .interview_inner_parent {
              display: inline-block;
              width: 100%;
              background-color: #f5f5f5;
          }
          .interview_inner_scnd i.fas.fa-caret-right {
            font-size: 20px;
            margin-left: 2px;
           }
          /* added */
          .interview_inner_parent:hover{
            cursor: pointer;
            }
          .interview_inner_scnd a {
              background-repeat: no-repeat;
              background-position: 90% 58%;
          }
          .interview_first_section_text {
            display: inline-block;
            width: 100%;
            }
         
          .interview_inner_parent {
              background-image: url(../images/quote-bootom.png);
              background-repeat: no-repeat;
              background-position: bottom right;
               padding-top: 0px;
              padding-bottom: 10px;
          }
          .interview_first_child {
              padding-right: 10px !important;
          }
          .more_secion_interview {
              margin-top: 30px;
              margin-bottom: 50px;
              text-align:right;
              padding-right: 0px !important;
          }
          .more_secion_interview a {
              color: #0079EC;
              border: #0079EC 2px solid;
              border-radius: 0;
              background: #fff;
              padding: 5px 10px;
              font-size: 18px;
              line-height: 1;
          }
          /* added */
          .more_section_btn:hover{
            text-decoration: none;
          }
   /*  INTEVIEW SECTION CSS END HERE  */
   /*  openion SECTION CSS Start HERE  */
        .image_detail p:nth-child(2):hover {
            text-decoration: underline;
            cursor: pointer;
        }
        /* added */
        .image_detail a:nth-child(2):hover {
            text-decoration: underline;
            cursor: pointer;
        }
      .openion .image_detail h3 {
          /* changed from 93 */
        min-height: 66px;
      }
      .openion .image_detail a {
        /* changed from 93 */
        min-height: 66px;
        }
      .openion_btn_area {
          position: relative;
      }
      .openion_text {
          display: inline-block;
          position: absolute;
          top: -23px;
      }
      .openion_text span {
          font-size: 24px;
          background-color: #000000;
          padding-top: 10px;
          color: #fff;
          display: inline-block;
          height: 50px;
          padding-left: 40px;
          padding-right: 40px;
      }
      .horizontal-black{
        height: 3px;
        background-color: #000000;
      }
      .line_behind_openion {
          margin-bottom: 50px;
      }
      .line_behind_openion hr {
          height: 3px;
          background-color: #000000;
      }
      .openion_parent_section {
              display: inline-block;
          }
          .openion_parent_section .col-sm-8,.openion_parent_section .col-sm-6
          ,.openion_parent_section .col-sm-4{
          padding:0px;
          }
          .openion_small_image_section .image img {
              width: 84px;
              border: 1px solid #000;
              border-radius: 50px;
              padding: 3px;
          }
          .openion_small_image_section .image{
          float:left;
          }
          .openion_small_image_section .image_detail {
              display: inline-block;
              padding-left: 20px;
              padding-top: 20px;
          }
          
          .openion_small_image_section .image_detail h3 {
              font-size: 16px;
              color: #000;
              margin-bottom: 0;
              margin-top: 0;
          }
          /* added */
        .openion_small_image_section .image_detail a {
            font-size: 16px;
            color: #000;
            margin-bottom: 0;
            display: block;
            padding-top: 10px;
        }
          .openion_detail_section h3 {
              font-size: 16px;
              line-height: 30px;
              margin-bottom: 0;
              margin-top: 0;
              color: #000;
              font-family: 'NotoSans-Bold';
          }
          /* added */
          .openion_detail_section a {
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 0;
            color: #000;
            cursor: pointer;
            font-family: 'NotoSans-Bold';
        }
          .openion_right_section_parent .image_detail p:nth-child(2) {
            font-family: 'NotoSans-Bold';
            /* added */
            min-height: 80px;
            margin-bottom: 0;
          }
           /* added */
           .openion_right_section_parent .image_detail a:nth-child(2) {
            font-family: 'NotoSans-Bold';
            min-height: 80px;
            margin-bottom: 0;
            padding-top: 0;
          }
          @media screen and (max-width:1200px) and (min-width:767px){
            .openion_right_section_parent .image_detail a:nth-child(2){
                margin-bottom: 15px;
            }
          }
          .openion_read_more_section a {
              float: right;
              padding-right: 20px;
              font-size: 16px;
              padding-left: 20px;
              color: #000;
              margin-top: 10px;
          }
          .parent_sections{ 
           background-color: #f5f5f5;   
           margin-bottom: 20px;
           display:inline-block;
           width: 100%;
          }
          .openion_inner_child{   
              padding: 20px !important;
          }
          .openion_read_more_section a {
              background-repeat: no-repeat;
              background-position: 90% 58%;
          }
          .openion_right_section_parent .image img {
                /* changed */
                width: 50px;
                border: 1px solid #000;
                padding: 3px;
                border-radius: 50px;
          }
          .openion_right_section_parent .image{
              float: left;
              padding-right: 10px;
          }
          .openion_right_section_parent .image_detail {
              display: block;
              padding-left: 0px;
              padding-top: 0px;
              }
          .read_and_detail_section p {
              float: left;
              color: #fff;
              font-size: 16px;
              margin:0px;
          }
          .read_and_detail_section a{
              float: right;
              font-size: 16px;
              color: #000;
              margin: 0px;
              
          }
          .read_and_detail_section {
              display: inline-block;
              width: 100%;
              background-color: transparent;
          }
          p.opinion-author-name {
            display: flex;
            align-items: center;
            color: #000;
            }
          .openion_right_section_parent .image_detail h3 {
              font-size: 16px;
              line-height: 29px;
              margin-top: 0;
              margin-bottom: 0;
          }
          /* added */
          .openion_right_section_parent .image_detail a {
            display: block;
            font-size: 16px;
            color: #000;
            line-height: 29px;
            margin-bottom: 10px;
            }
          
          .openion_right_section_parent {
              padding: 20px 20px 10px 20px;
          }
          /* added */
          .read_and_detail_section {
            padding: 10px 20px 10px 20px;
            /* added */
            background-color: black;
            color: white;
          }
          .openion_right_section_parent .image {
              float: left;
              padding-right: 20px;
          }
          .inn_parent {
              /* padding-right: 10px !important; */
          }
          .opinion_right_parent {
              background-color: #f5f5f5;
                /* changed */
              margin-bottom: 25px;
              display: inline-grid;
              width: 100%;
          }
          .more_secion_openion {
              margin-top: 30px;
              margin-bottom: 50px;
                  text-align: right;
                  padding-right: 0px !important;
          }
          @media screen and (max-width:767px){
            .openion .openion_parent_section .inn_parent{
                padding-right: 0px !important;
            }
          }
          .advertisement {
              width: 100%;
              /* display: inline-block;
              text-emphasis: center; */
              text-align: center;
              margin: 10px 0px 25px 0px;
          }
    
         
          .color-black{
            color: #000;
            border: #000 2px solid;
          }
          p.opinion-author-name {
            color: #fff;
            }
          .read_and_detail_section p {
              border-left: 3px solid #3c009b;
              padding-left: 10px;
          }
          .read_and_detail_section a {
              background-repeat: no-repeat;
              background-position: 100% 64%;
              /*Added*/
              padding-top:5px;
          }
          .read_and_detail_section a.yellow-link-arrow {
              background-image: url(../images/play-yelow.png);
              background-repeat: no-repeat;
              background-position: 100% 64%;
              padding-right: 14px;
          }
          .opinion_right_parent.part1 .read_and_detail_section p{
              border-left: 3px solid #0079EC !important;
              }
              .opinion_right_parent.part2 .read_and_detail_section p{
              border-left: 3px solid #873BFF !important;
              }
              .opinion_right_parent.part3 .read_and_detail_section p{
              border-left: 3px solid #0079EC !important;
              }
              .opinion_right_parent.part4 .read_and_detail_section p{
              border-left: 3px solid #FFD230 !important;
              }
   /*  openion SECTION CSS END HERE  */
   /* COVID 19 CSS START HERE */
           .covid_19 hr{
              width: 45px;
              height: 3px;
              background-color: #0FC1BA;
              margin-left: 20px;
              margin-top: 23px;
              margin-bottom: 0px;
          }
          .kurdisimage img {
              width: 55px;
              padding-left: 10px;
              float: left;
              pointer-events: none;
          }
          .covid_19 .curncy_text p {
              padding-top: 8px;
          }
          .covid_19 .covid_stats_text p {
            padding-top: 8px;
            }
          .covid_text_left {
              float: left;
          }
          .covid_inner_parent {
              display: inline-block;
              width: 100%;
          }
          .covid_text_right {
              float: right;
          }
          .covid_grey {
              background-color: #afafaf;
          }
          .covid_grey , .covid_green , .covid_lightblack , .covid_darkblack{
              padding: 9px;
              color: #fff;
              margin-bottom: 1px;
          }
          .covid_green {
              background-color: #0fc15f;
          }
          .covid_lightblack {
              background-color: #4a4a4a;
          }
          .covid_darkblack {
              background-color: #000;
          }
          .covid_19 .currency_exchange_section {
              padding-top: 5px;
              padding-bottom: 5px;
          }
          .covid_19 .covid_statsbar_section {
            padding-top: 5px;
            padding-bottom: 5px;
        }
          .covid_currency_exchange_parent {
              margin-bottom: 18px;
          }
          .covid_statsbar_parent {
            margin-bottom: 18px;
            }
          .covid_19 .economy_text span {
              background-color: #0FC1BA;
          }
          .covid_19 .line_behind_economy {
              background-color: #0FC1BA;
          }
          
          .color-sky-blue{
            color: #0FC1BA;
            border: #0FC1BA 2px solid;
          }
  /* COVID 19 CSS END HERE */
  /* SPORT CSS START HERE  */
  .sport_parent {
      background-color: #FFD230;
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .sport .economy_text span {
      background-color: #FFD230;
  }
  .sport .line_behind_economy hr {
      height: 3px;
      background-color: #ffd230;
  }
  .sport .main_innder_section .inner_parent {
      background-color: #fff;
      margin-bottom: 20px;
      display: inline-block;
      width: 100%;
  }
  .sport .main_inner_child_section hr{
  width: 45px;
  height: 4px;
  background-color: #FFD230;
  margin-left: 20px;
  margin-top: 23px;
  margin-bottom: 0px;
  }
  
  .color-yellow{
    color: #FFD230;
    border: #FFD230 2px solid;
  }
  .sport_rite_side_text {
      padding: 32px;
      border: 2px solid #000;
  }
  .sport_rite_side_text h3 {
      font-size: 16px;
      line-height: 33px;
      margin-top: 0;
  }
  .sport_rite_side_text hr{
   width: 110px;
      background-color: #000 !important;
      color: green !important;
      height: 1px;
      border-color: #000;
      margin: 0;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .live_status img {
      width: 28px;
      margin-right: 5px;
      border: 4px solid #000;
      border-radius: 50px;
      padding: 1px;
  }
  .live_status {
      text-align: right;
  }
  .live_status span{
  font-size: 20px;
  font-family: 'NotoSans-Bold';
  }
  .lasp_pa {
      text-align:right;
  }
  /* added */
  .sport_rite_side_text_bottom_section{
    margin-bottom: 25px;
    }
  /* changed */
  .sport_rite_side_text_bottom_section h3 {
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px;
    font-family: 'NotoSans-Bold';
    line-height: 30px;
  }
  .sport_rite_side_text {
      padding: 48px;
      border: 4px solid #000;
      margin-bottom: 20px;
  }
  .sport .col-sm-4.second_right_section {
      background-image: url(../images/question.png);
      background-repeat: no-repeat;
      background-position: 40px 70%;
      background-size: cover;
  }
  p.lasp_pa span {
    font-family: 'NotoSans-Bold';
  }
  .sport_fist{
     font-family: 'NotoSans-Bold';
  }
  @media screen and (max-width:1200px){
      .sport_rite_side_text h3 {
      font-size: 18px;
      line-height: 28px;
      color: #000;
      }
  }
  /* SUPPORT CSS END HERE */
    /* Media query Economy section 992   to  1200 */
     @media (max-width:1200px) and (min-width:992px) {
          img.img-responsive.weather-forecast-img {
              height: 348px;
          }
          .sectin_second h3 {
              font-size: 18px;
              line-height: 22px;
          }
          .curncy_text p {
              font-size: 18px;
          }
          .covid_stats_text p{
            font-size: 18px;
          }
          .currency_exchange_section .timer img {
              width: 100px;
              padding-top: 5px;
          }
          .covid_statsbar_section .timer img {
            width: 100px;
            padding-top: 5px;
        }
          .economy_sidebar_section .timer img {
            width: 100px;
            padding-top: 5px;
            }
          .gold_oil_section td {
              font-size: 16px;
          }
          /* Interview section css  */
          .interview_first_section_text P {
              font-size: 21px;
              line-height: 30px;
          }
          /* openion page css  */
          .openion_small_image_section .image_detail h3 {
              font-size: 20px;
          }
          /* added */
          .openion_small_image_section .image_detail a {
            font-size: 20px;
            }
          .openion_detail_section h3 {
              font-size: 18px;
              line-height: 23px;
              padding-right: 20px;
              color: #000;
          }
          /* added */
          .openion_detail_section a {
            font-size: 18px;
            line-height: 23px;
            padding-right: 20px;
            color: #000;
            }
          .openion_small_image_section {
              margin-bottom: 18px;
          }
          /*  sport section herer*/
          .sport_rite_side_text {
              padding: 16px;
              margin-bottom: 47px;
          }
      }
       /* Media query Economy section 767   to  992 */
     @media (max-width:991px) and (min-width:767px) {
          .main_inner_child_section.sectin_first {
              max-width: 100%;
              width: 100%;
           }
           .main_inner_child_section.sectin_second {
                  width: 100%;
                  max-width: 100%;
          }
          .currency_detail_section {
              width: 150px;
              font-size: 16px;
          }
          .currency_value_inner_section {
              margin-left: 0px;
          }
          .gold_sec .tble , .oil_gas_sec .tble {
              padding: 10px 10px 10px 10px !important;
          }
          .gold_oil_section td {
              font-size: 14px;
              padding:0px !important;
          }
          .dropdown_section select {
              font-size: 14px;
          }
        /* updated */
          /*Media query min-width:768px*/
          @media screen and (min-width:768px){
            .gold_sec .tble{
                min-height: 210px;
            }
            .oil_gas_sec .tble{
                min-height: 210px;
            }
          }
          /* interview section css  */
          .interview_first_section_text P {
              font-size: 19px;
              line-height: 30px;
              padding: 15px;
              color: #000;
          }
          /* Openion page css  */
          .read_and_detail_section a {
              font-size: 18px;
              padding-top: 4px;
          }
          .read_and_detail_section p {
               font-size: 18px;
           }
            .parent_sections .col-sm-6 {
              max-width: 100%;
              width: 100%;
          }
          .openion_read_more_section a {
              margin-bottom: 10px;
          }
          /* SUPPORT SECTION CSS */
          .sport .clock_logo {
              padding-bottom: 10px;
          }
          .sport_rite_side_text {
              padding: 16px;
              margin-bottom: 47px;
          }
          .inner-ads-div span{
              font-size:17px !important;
          }
      }
       /* Media query Economy section 767   to  992 */
      @media (max-width:766px) and (min-width:576px) {
            .currency_value_inner_section{
                margin-left: 30px;
                margin-right: 30px;
            }
            .currency_detail_section{
                width: 500px;
            }
          .main_inner_child_section.sectin_first {
              max-width: 100%;
              width: 100%;
           }
           .main_inner_child_section.sectin_second {
                  width: 100%;
                  max-width: 100%;
          }
          .main_innder_section {
              width: 100%;
              max-width: 100%;
          }
          .second_right_section {
              max-width: 100%;
              width: 100%;
              padding:0px;
          }
          .gold_sec , .oil_gas_sec {
              padding: 0;
              float: left;
            /* updated */
              width: 50%;
          }
          /*  interview section css */
          .interview_first_child {
              max-width: 100%;
              width: 100%;
              padding: 0px !important;
          }
          .interview_second_child {
              max-width: 100%;
              padding: 0px !important;
              margin-top: 50px;
          }
          /* Openion page css  */
          .read_and_detail_section a {
              font-size: 18px;
              padding-top: 4px;
          }
          .read_and_detail_section p {
               font-size: 18px;
           }
            .openion_small_image_section .image_detail h3 {
              font-size: 20px;
          }
          /* added */
            .openion_small_image_section .image_detail a {
                font-size: 20px;
            }  
          .inn_parent {
              width: 100%;
              max-width: 100%;
          }
          .parent_sections .col-sm-6 {
              width: 100%;
              max-width: 100%;
          }
          .col-sm-4.openion_second_section {
              width: 100%;
              max-width: 100%;
          }
          /* SUPPORT SECTION CSS */
          .sport .clock_logo {
              padding-bottom: 10px;
          }
      }
       @media (max-width:575px) {
            .currency_value_inner_section{
                margin-left: 30px;
                margin-right: 30px;
            }
            .currency_detail_section{
                width: 500px;
            }
           .container{
               width:100%;
           }
           #myTopnav ul {
              display: block;
              width: auto;
              width: 100%;
              display: inline-block;
              width: auto;
          }
          .second_right_section {
              padding: 0px;
          }
           /* appointment section css */       
          .interview_first_child {
              padding: 0px !important;
          }
          .interview_second_child {
              padding: 0px !important;
              margin-top: 50px;
          }
          /* SUPPORT SECTION CSS */
          .sport .clock_logo {
              padding-bottom: 10px;
          }
       }
 /*Opinion sections height changed*/
  @media screen and (min-width:768px){
    
    .opinion_right_parent{
        min-height: 100px; 
    }
  }
 /* added */
 @media screen and (max-width:992px) and (min-width:768px){
    /*  interview section css added*/
    /* added */
    .interview_first_child {
        max-width: 100%;
        width: 100%;
        padding: 0px !important;
        margin-bottom: 20px;
    }
    /* added */
    .interview_second_child {
        max-width: 100%;
        width: 100%;
        padding: 0px !important;
    }
}
@media screen and (min-width:767px){
    .second_right_section {
        padding-right: 0px;
        padding-left: 25px !important;
	}
}
  /* added */
  @media screen and (max-width:480px) {
    .openion_small_image_section .image img{
        width: 76px;
    }
  }
  /*Music player CSS*/
  #player{
      padding: 25px;
      color:#333;
      background-color: #f5f5f5;
  }
  #songTitle{
      width:300px;
      text-align: center;
      font-family: monospace;
      font-size: 18px;
      position: absolute;
      top:60%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
  #buttons{
      position:relative;
      top:10%;
      transform: translate(-50%,-50%);
  }
  #play,#next,#pre{
      width: 50px;
      height: 50px;
      border: 0;
      background-color: #D55824;
      border-radius: 0;
      outline: none;
      cursor: pointer;
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
  #next{
      width: 30px;
      height: 30px;
      left: 70%;
  }
  #pre{
      width: 30px;
      height: 30px;
      left: 30%;
  }
  #play img,#next img,#pre img{
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
  #seek-bar{
      height: 1px;
      background-color:#205B93;
      display: flex;
      border-radius: 50px;
      margin-left: 40px;
      cursor: pointer;
  }
  #fill{
      height: 1px;
      background-color:#205B93;
      border-radius: 20px;
  }
  #handle{
      width: 8px;
      height: 8px;
      background-color: #D55824;
      border-radius: 50%;
      margin-left: -5px;
      transform: scale(2);
      margin-top: -4px;
  }
  #Audio-title {
       font-family: 'NotoSans-Regular';
        /* changed */
        font-size: 18px;
  }
  #play, #next, #pre {
      width: 78px;
      height: 74px;
      border: 0;
      background-color: #D55824;
      border-radius: 0;
      outline: none;
      cursor: pointer;
      position: absolute;
      top: 21px;
      left: 52%;
      transform: translate(-50%,-50%);
  }
  #player {
      padding: 16px;
      color: #333;
      background-color: #F5F5F5;
      padding-bottom: 0px;
      padding-right: 0px;
  }
  #Audio-title {
      margin-left: 8%;
      /* added */
      margin-bottom: 5px;
  }
  #seek-bar {
      margin-left: 7%;
      width:88%;
  }
  #seekbar-outer {
      background-color: #DDDDDD;
      padding: 16px;
      width: 100%;
      padding-top: 11px;
      padding-bottom: 11px;
  }
  #currentTime {
      float: right;
      margin-top: -9px;
      color: #205B93;
  }
  /*change from button to a*/
  .read-more-button a {
      height: 52px;
      top: 0px !important;
      position: relative;
  }
 
  button.btn.podcast-btn.orange-clr {
      height: 52px;
      color: #fff;
  }
  button.btn.section-heading-btn.grey {
        height: 50px;
        color: #fff;
        top:0px;
        background-color: #3b3b3b;
    }
  button.btn.podcast-btn.grey {
      height: 50px;
      color: #fff;
      top:0px;
  }
  .more-button button {
      height: 35px;
      line-height: 1;
  }
  .design-button{
      display: inline-block;
      width: 100%;
  }
  /* Start section heading css */
  .section-heading-portion{ padding-bottom: 25px; }
  .section-heading-portion .btn-group{ display: inline-block; width: 100%; }
  .section-heading-portion .btn-group .btn{ 
        height: 50px; 
        display: inline-block;
        font-family: 'NotoSans-Regular';
        color: #fff;
        line-height: 0;
        text-align: center;
        padding: 22px 15px 10px 15px;
        font-size: 24px !important;
        border:0px !important;
        border-radius: 0px !important;
        top:0px;

    }
    .section-heading-portion .btn-group .btn:hover{
        color: #fff !important;
    }
   /* Latest news heading section */
   .section-heading-portion .heading-latest .btn{ background: #DB0000; }
   .section-heading-portion .heading-latest hr{ border-top: 3px solid #db0000; background-color:#db0000; margin-top: 23px !important; }
    /* Most read heading section */
    .section-heading-portion .heading-most-read .btn{  background: #063F8D; }
    .section-heading-portion .heading-most-read hr{  border-top: 3px solid #063F8D; background-color: #063F8D; }
    /*podcast heading section */
    .section-heading-portion .heading-podcast .btn{  background: #d55824 !important; }
    .section-heading-portion .heading-podcast hr{   border-top: 3px solid #D55824; background-color: #D55824; }
    /*video news heading section */
    .section-heading-portion .heading-video-news .btn{  background: #7C7C7C; }
    .section-heading-portion .heading-video-news hr{ 
        border-bottom: 3px solid #7C7C7C; background-color: #7C7C7C; border-top: 0px !important; 
    }
    /*Economy heading section */
    .section-heading-portion .heading-economy .btn{ background-color: #3C009B; }
    .section-heading-portion .heading-economy hr{ height: 3px; background-color: #3C009B; border-top: 0px !important;}
    /*Opinion heading section */
    .section-heading-portion .heading-opinion .btn{ background-color: black; }
    .section-heading-portion .heading-opinion hr{  height: 3px; background-color: #000000; border-top: 0px !important;}
    /*interview heading section */
    .section-heading-portion .heading-interview .btn{ background-color: #0079ec; }
    .section-heading-portion .heading-interview hr{   height: 3px; background-color: #0079ec; border-top: 0px !important;}
    /*sport heading section */
    .section-heading-portion .heading-sport .btn{ background-color: #FFD230; }
    .section-heading-portion .heading-sport hr{   height: 3px; background-color: #FFD230; border-top: 0px !important;}
    /*covid19 heading section */
    .section-heading-portion .heading-covid19 .btn{ background-color: #0FC1BA; }
    .section-heading-portion .heading-covid19 hr{   height: 3px; background-color: #0FC1BA; border-top: 0px !important;}
    /*lifestyle heading section */
    .section-heading-portion .heading-lifestyle .btn{ background-color: #00A566; }
    .section-heading-portion .heading-lifestyle hr{   height: 3px; background-color: #00A566; border-top: 0px !important;}
    /*infographic heading section */
    .section-heading-portion .heading-infographic .btn{ background-color: #063F8D; }
    .section-heading-portion .heading-infographic hr{   height: 3px; background-color: #063F8D; border-top: 0px !important;}
    /*tv-programs heading section */
    .section-heading-portion .heading-tv-programs .btn{ background-color: #FF7600; }
    .section-heading-portion .heading-tv-programs hr{   height: 3px; background-color: #FF7600; border-top: 0px !important;}

     /*culture heading section */
     .section-heading-portion .heading-culture .btn{ background-color: #B7966F; }
     .section-heading-portion .heading-culture hr{   height: 3px; background-color: #B7966F; border-top: 0px !important;}
     /*infographic heading section */
     .section-heading-portion .heading-radio-programs .btn{ background-color: #FC2841; }
     .section-heading-portion .heading-radio-programs hr{   height: 3px; background-color: #FC2841; border-top: 0px !important;}
     /*photo-story heading section */
     .section-heading-portion .heading-photo-story .btn{ background-color: #7C7C7C; }
     .section-heading-portion .heading-photo-story hr{   height: 3px; background-color: #7C7C7C; border-top: 0px !important;}

     
  

  /*End section heading css*/

  .btn-group.design-button.col-sm-12 .btn.section-heading-btn  , .btn.radio-programs-btn.pink-btn{
    height: 50px;
    color: #fff;
    top: 0px;
    }   
  .btn-group.design-button.col-sm-12 .btn.podcast-btn  , .btn.radio-programs-btn.pink-btn{
      height: 50px;
      color: #fff;
      top: 0px;
  }
  @media screen and (max-width:1200px) and (min-width:992px){
    .same-columns{
        min-height: 90px;
    }
    .dropdown_section select{
        width:39%;
    }
    .num-timer-div span {
        font-size: 11px;
    }
    
  }
  @media screen and (max-width:992px) and (min-width:767px){
    .pushback-play-btn {
        position: absolute;
        top: 39%;
        left: 47%;
    }
    .pushback-play-btn-bottom {
        position: absolute;
        top: 17%;
        left: 40%;
    }
    .same-columns{
        min-height: 90px;
    }
    .num-timer-div span {
        font-size: 11px;
    }
    .weather-forecast-img{
        height: 308px;
    }
    .dropdown_section select{
        width:100%;
    }
      .dropdown_section input{
        width: 100%;;
      }
      .Timer-clock-div span {
        color: #c5c5c5;
        font-size: 11px;
        }
      .Timer-clock-div {
        float: right;
    }
    .timer-div span {
        font-size: 10px;
    }
    .text-on-image-div {
        position: absolute;
        /* changed from 0 */
        bottom: 20px;
    }
    /* added */
    .story .text-on-image-div,.story-first-column .text-on-image-div,.story-second-column .text-on-image-div{
        left:19px;
        right:12px;
        bottom: 0px;
    }
    /* added */
    .story-second-column {
        margin-bottom: 25px;
    }
  }
  
  @media screen and (max-width:767px){
    .same-columns{
        margin-bottom:40px;
    }
    .red-line{
        border-left:0px;
    }
    .buttons-time-div .mix-buttons{
        float: left;
    }
    
    p.transparent-bg{
        width:auto;
    }
    .ads-oil-gas-design{
        margin-bottom: 20px;
    }
    .sport_rite_side_text_bottom_section {
        margin-bottom: 20px;
    }
    /* added */
    .story-second-column {
        margin-bottom: 25px;
    }
    /* added */
    .lbl-story-clock{
        display: none;
    }
  }     
  
  @media screen and (max-width:767px) and (min-width:480px){
    .slider-bg{
        background-position: 80% 30%;
    }
  }
  @media screen and (max-width:570px){
    .slider-bg{
        background-position : 67%;
        background-image: none !important;
        background-color: #002E64;
    }
    .outer-text-wrap {
        margin-top: 0px;
    }
    .red-name{
        background-color: transparent !important;
        color: #DB0000 !important;
        font-size: 18px !important;
        margin-top: 0px !important;
    }
    p.transparent-bg {
        font-size: 18px !important;
        outline: none ;
        font-family: 'NotoSans-Bold';
        line-height: 27px !important;
        background-color: transparent !important;
        color: #fff !important;
        padding: 0px 20px 0px 20px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .feature-mobile-banner {
        display: block;
    }
  }
  @media screen and (min-width:570px){
    .feature-mobile-banner {
        display: none;
    }
  }
   /*Footer Top Section*/

  @media screen and (max-width:400px) and (min-width:360px){
    h3.lbl-story{
        font-size:18px;
    }
  }
  @media screen and (max-width:360px) and (min-width:280px){
    
    h3.lbl-story{
        font-size:18px;
    }
  }
  @media screen and (max-width:1200px){
    .txt-div {
        display: inline-block;
        width: 100%;
    }
    .slider-bottom-image-div {
        padding-right: 0px !important;
        padding-left: 0;
        margin-bottom: 0px;
        width: 100%;
    }
  }
  @media screen and (max-width:767px) and (min-width:670px){
    .title-img-div {
        position: relative;
        bottom: 0%;
    } 
    .pushback-play-btn {
        position: absolute;
        top: 29%;
        left: 47%;
        display: block;
    }
  }
  @media screen and (max-width:670px) and (min-width:570px){
    .title-img-div {
        position: relative;
        bottom:0%;
    } 
    .title-img-div h1 {
        font-size: 18px;
    }
    .title-img-div span {
        font-size: 13px;
    }
    .pushback-play-btn {
        position: absolute;
        top: 31%;
        left: 46%;
        display: block;
    }
  }
  @media screen and (max-width:570px) and (min-width:520px){
    .title-img-div {
        position: relative;
        bottom:0%;
    }
    .title-img-div h1 {
        font-size: 18px;
    }
    .title-img-div span {
        font-size: 13px;
    }
    .pushback-play-btn {
        position: absolute;
        top: 27%;
        left: 46%;
        display: block;
    }
  }
  @media screen and (max-width:520px) and (min-width:440px){
    .title-img-div {
        position: relative;
        bottom:0%;
    }
    .title-img-div h1 {
        font-size: 18px;
    }
    .title-img-div span {
        font-size: 13px;
    }
    .pushback-play-btn {
        position: absolute;
        top: 25%;
        left: 45%;
        display: block;
    }
  }
  @media screen and (max-width:440px) and (min-width:400px){
    .title-img-div {
        position: relative;
        bottom:0%;
    }
    .title-img-div h1 {
        font-size: 18px;
    }
    .title-img-div span {
        font-size: 13px;
    }
    .pushback-play-btn {
        position: absolute;
        top: 23%;
        left: 45%;
        display: block;
    }
  }
  @media screen and (max-width:400px) and (min-width:320px){
    .title-img-div {
        position: relative;
        bottom:0%;
    }
    .title-img-div h1 {
        font-size: 18px;
    }
    .title-img-div span {
        font-size: 13px;
    }
    .pushback-play-btn {
        position: absolute;
        top: 18%;
        left: 44%;
        display: block;
    }
  }
  @media screen and (max-width:320px) and (min-width:280px){
    .title-img-div {
        position: relative;
        bottom:0%;
    }
    .title-img-div h1 {
        font-size: 18px;
    }
    .title-img-div span {
        font-size: 13px;
    }
    .pushback-play-btn {
        position: absolute;
        top: 15%;
        left: 43%;
        display: block;
    }
  }
  .img-icon-div {
    position: relative;
    display: block;
    }
    .img-icon-div i{
    position: absolute;
    z-index: 6;
    font-size: 34px;
    color: #fff;
    opacity: 0.7;
    bottom: 5%;
    left: 3%;
}
@media screen and (max-width:1200px){
     .slider-bottom-image-div {
    padding-right: 15px !important;
    padding-left: 15px;
	}
	.txt-div {
    padding-left: 15px;
    }
}
.show-hide-div > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) {
    padding-left: 0px;
}
/*For ipad view*/
@media screen and (max-width:1024px) and (min-width:768px){
    #Audio-title {
        margin-left: 10% !important;
    }
    .screen-sizes-class {
        width: 50%;
    }
    .full-width-columns{
        width: 100%;
        margin-bottom: 25px;
    }
    .screen-size-margin{
        margin-bottom:24px;
    }
    .timer-div {
        float: right;
    }
    .story, .story-first-column, .story-second-column {
        padding: 0px 10px 0px 20px!important;
    }
    .more {
        padding: 0px 20px!important;
    }
    /* added */
    .image-height-class img {
        min-height: 200px;
        height: fit-content;
        object-fit: cover;
        max-height: 330px;
    }
    /* added */
    .story .text-on-image-div, .story-first-column .text-on-image-div, .story-second-column .text-on-image-div {
        left: 19px;
        right: 12px;
        bottom: 0px;
    }
    .story-second-column {
        margin-bottom: 25px;
    }
    .section-2{
        margin-top: 25px;
    }
    .slider-bg{
        background-position: center;
    }
}
@media screen and (max-width:1024px) and (min-width:670px){
  #play{
      width:62px !important;
  }
}
@media screen and (min-width:1024px){
    .screen-size-margin {
        margin-bottom: 24px;
    }
}
@media screen and (max-width:768px){
    .programs-thumbnail {
        margin-bottom: 25px;
    }
    .radioprograms-thumbnail-div {
        margin-bottom: 25px;
    }
    .timer-div {
        float: right;
    }
    
    /* added */
    .text-on-image-div {
        padding: 20px 10px 5px 10px;
    }
}
.story-first-column {
    margin-bottom: 24px;
}
.time.lables-1 {
    bottom: 0px;
}
h3.lbl-story{
    min-height: 60px;
}
.img-responsive {
    -webkit-transition: 0.3s,filter;
    -moz-transition: 0.3s,filter;
    transition: 0.3s,filter;
    -webkit-transition: 0.3s -webkit-filter linear;
}
  @media screen and (min-width:768px){
    h4.position-title {
        margin-bottom: 10px;
        display: block;
    }
}
/* Share section css */
.social_links{ 
    display: none;
 }
 
.share-btn-group:hover .social_links {
     display: inline;
     }
.social-share-button{
    font-size: 20px;
    padding-left: 10px;
    color:black;   
                  
}

.social-share-button:hover{
    text-decoration: none;  
}
@media screen and (max-width:768px){
    .social_links{
        display: inline !important;
    }
}
@media screen and (max-width:382px){
    .social-share-button{
        padding-left: 7px !important;
    }
    .share-div{
        width: 70%;
    }
}
/* updated */
/*Economy Covid-19 More Button*/
@media screen and (min-width:768px){
    .show-on-mobile {
        display: none;
    }
}
@media screen and (max-width:768px){
    .show-on-mobile {
        display: block;
    }
    .show-on-desktop {
      display: none;
    }
}
/*Link colors*/
.link-white {
    color: #fff;
}
.link-white:hover{
    color: #fff;
}
.link-black {
    color: #000;
}
.link-black:hover {
    color: #000;
}
.more-orange a {
    color: #D55824;
}
.more-grey a {
    color: #626262;
}
.more-green a {
    color: #00a566;
}
.orange-outline a {
    color: #ff7600;
}
.cream-outline a {
    color: #b7966f;
}
.pink-outline a {
    color: #fc2841;
}
.story-bottom-third .text-on-image-div {
    /* bottom: 20px; */
}
.interview_inner_scnd .link-black{
    background-image: none;
    background-position: unset;
    padding: 0px;
}
.openion_small_image_section .image_detail .link-black{
    display: contents;
}
.color-white-span-clock{
    color: #fff !important;
}
@media screen and (max-width:570px){
    .inner-design-div{
        padding-top: 5px !important;
    }
    .inner-design-div h3 {
        margin-bottom: 20px;
    }
    h4.position-title {
        line-height: 25px;
        margin-bottom: 10px;
    }
}
@media screen and (min-width:1200px){
    .slider-bottom-image-div img {
        /* changed */
        height: 410px;
        object-fit: cover;
    }
  }
  @media screen and (max-width:1200px){
    .slider-bottom-image-div img {
        width: 100%;
    }
    .slider-bottom-image-div {
    padding-right: 15px !important;
    padding-left: 15px;
    }
  }
  @media screen and (min-width:1230px){
    .container {
        width: 1200px;
        padding: 0px !important;
    }
    img.img-responsive.weather-forecast-img {
        height:392px;
    }
  }
/*Footer Top Story section css*/
  .container-fluid.body-btm {
    background: #E0E0E0;
}
img.pho-story-img {
    width: 100%;
    /* height: auto; */
}
.story-lbl {
    background: #5C5C5C;
    color: white;
    font-size: 29px;
    padding: 1px 16px;
}
hr.story-hr {
    transform: translate(0px, -47px);
}
.more {
    display:inline-block;
    width:100%;
    margin-top: 2%;
    margin-bottom: 5%;
    text-align: right;
}
a.story-more {
    border-color: #5C5C5C;
    border: 1px solid;
    color: #5C5C5C;
    padding: 5px 2%;
}
.time {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    color: white;
    position: absolute;
}

.time.lables-2 {
    bottom: 0px;
}
h3.lbl-story {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    font-family: 'NotoSans-Regular';
    margin-bottom: 15px;
    color: #fff;
}
@media screen and (max-width:768px){
    .story, .story-first-column, .story-second-column {
        padding: 0px !important;
    }
    /* added */
    .story .text-on-image-div,.story-first-column .text-on-image-div,.story-second-column .text-on-image-div{
        left:0;
        right:0;
    }
}


/*Removing blue Outlines*/
btn:focus, a:focus
{
    outline: none !important;
    color: unset !important;
}
.btn:focus{
    outline: none !important;
    color: unset !important;
}
.btn:hover{
    outline: none !important;
    color: unset !important;
}
  a:focus{
    outline: none !important;
    color: unset !important;
  }
  a:hover{
    outline: none !important;
    color: unset !important;
  }
.navbar-toggler:focus
{
         outline: none !important;
         box-shadow: none;
}
span:focus{
    outline: none !important;
    color: unset !important;
}
i:focus{
    outline: none !important;
}
div:focus{
    outline: none !important;
}


/*Breaking News Strip CSS*/
.breaking-news-strip{
    width: 100%;
    height: auto;
    position: fixed;
    background-color: #DB0000cc;
    bottom: 0px;
    z-index: 999;
  }
  .breaking-strip-text{
    display: inline-block;
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    padding: 10px 0px 10px 20px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .breaking-strip-link{
    font-size: 24px;
    position: relative;
    top: 10px;
    float: right;
    cursor: pointer;
  }
  @media screen and (max-width:1200px){
    .breaking-strip-link{
        position: absolute;
        right: 20px;
    }
  }
/*Breaking News Strip CSS End's*/


/*Bootstrap columns width space change*/
@media screen and (min-width:768px){
    .three-columns-row .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .numbering-section .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .numbering-section-small-letters .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .thumbnail-content-div .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .green-background-color-div .row .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .Programs-row-div .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .cream-background-color-div .row .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .Radio-Programs-row .col-sm-4{
        padding-left: 12px;
        padding-right: 12px;
    }
}
/*Bootstrap columns width space change End's*/


/*Programs New design CSS*/

.programs-details-div {
    background-color: #f5f5f5;
    display: inline-block;
    width: 100%;
    padding: 20px;
}
h3.Programs-title {
    font-family: 'NotoSans-Regular';
    font-size: 16px;
    margin: 0px;
    line-height: 25px;
}
h4.Programs-subtitle{
    font-size: 16px;
    line-height: 25px;
}
.programs-details-div hr {
    background-color: #FF7600;
    width: 50px;
    height: 4px;
    display: inline-block;
    margin: 0;
}
.day-time-block {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.Programs-day {
    width: 70%;
    float: left;
}
.Programs-time span {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ff7600;
    color: #fff;
}
.Programs-day span {
    display: inline-block;
    padding: 5px 0px;
}
.day-time-block span {
    font-family: 'NotoSans-Regular';
    direction: ltr;
}
.programs-thumbnail-image-div {
    position: relative;
}
span.count {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #fff;
    background-color: #ff7600;
    padding: 5px 10px;
    font-family: 'NotoSans-Regular';
    z-index: 99;
}
@media screen and (min-width:768px){
    h3.Programs-title {
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }
    h4.Programs-subtitle {
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}


/*Home page country category label links CSS*/
.btn.news-skyblue{
    color: #fff;
}
.btn.news-skyblue:hover{
    text-decoration: underline;
}
.btn.news-white-clr {
    background: #fff;
    color: #000;
}
.btn.news-white-clr:hover {
    color: #000 !important;
    text-decoration: underline;
}
.news-white-clr {
    border: 0;
    border-radius: 0px !important;
    text-transform: capitalize;
}
.news-black-clr{
    color: #fff;
    background: #000;
    border: 0px;
    border-radius: 0px !important;
    text-transform: capitalize;
}
.buttons-time-div .news-red a{
    color: #fff;
}
.buttons-time-div .news-black-clr a{
    color: #fff;
}


/*images alignment*/
img {
    vertical-align: middle;
    max-width: 100%;
}

/*Footer top photostory fontsize mobile*/

@media screen and (max-width:480px){
    h3.lbl-story{
        font-size: 18px;
        line-height: 25px;
    }
}

/*Cards mobile view margin*/
@media screen and (max-width:768px){
    .inner-div h3 {
        margin-top: 0;
    }
}