@media (max-width: 576px) {
  .special-card .text-frame .category-tag a:hover,
  .special-card-sm .text-frame .category-tag a:hover,
  .standard-card .text-frame .category-tag a:hover,
  .standard-card .text-frame .category-tag a:hover .text,
  .standard-card-sm .text-frame .category-tag a:hover,
  .standard-card-sm .text-frame .category-tag a:hover .text,
  .standard-left-thumb-card .text-frame .category-tag a:hover,
  .standard-left-thumb-card-sm .text-frame .category-tag a:hover,
  .standard-right-thumb-card .text-frame .category-tag a:hover,
  .standard-right-thumb-card-sm .text-frame .category-tag a:hover,
  ul.footer-sub-menu li a {
    text-decoration: underline;
  }

  .hide-sm,
  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper.next-videos-slider
    .slick-arrow.hidden,
  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper.next-videos-slider
    .slick-arrow.slick-disabled {
    display: none !important;
  }

  .top-menu-container {
    position: fixed;
    top: 0;
    height: 48px;
  }

  .top-menu-container .top-menu-wrapper ul.top-menu-right li a {
    border-right: 1px solid #e1e1e1;
  }

  .top-menu-container .top-menu-wrapper ul.top-menu-right li:last-of-type a {
    border-right: none;
  }

  .breaking-news-widget-container .breaking-news-widget-wrapper .main-title,
  .default-widget-container
    .title-container
    .local-news-city-selector-container
    span:first-of-type,
  .epg-page-container
    .content-container
    .left
    .epg-list-content
    .mobile-share-button,
  .epg-page-container
    .content-container
    .left
    .epg-list-content
    .social-links-container,
  .epg-page-container .content-container .left .epg-list-header ul.days-list,
  .footer .footer-menu-container,
  .gallery-page-container .top-container .main-gallery-container .gradient,
  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-content-wrapper
    .page-title,
  .homepage-economy-bar,
  .live-page-container .mobile-share-button,
  .live-page-container .social-links-container,
  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    .source-date-container
    .created-date
    label,
  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    .source-date-container
    .created-date
    time.updated-date-content,
  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    .source-date-container
    .source
    label,
  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    .source-date-container
    .updated-date
    label,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .gradient-bottom,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .gradient-top,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .tablet-social-links-container,
  .program-episodes-page-container .title-container .social-links-container,
  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-card-description,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-card-description,
  .special-hero-related-card .card-wrapper .card-content-wrapper .card-contents,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .card-contents,
  .standard-left-thumb-card .text-frame .category-tag,
  .standard-left-thumb-card .text-frame .description,
  .standard-left-thumb-card-sm .text-frame .category-tag,
  .standard-left-thumb-card-sm .text-frame .description,
  .standard-right-thumb-card .text-frame .category-tag,
  .standard-right-thumb-card .text-frame .description,
  .standard-right-thumb-card-sm .text-frame .category-tag,
  .standard-right-thumb-card-sm .text-frame .description,
  .top-menu-right .top-menu-search-container,
  .top-menu-weather-container,
  .video-detail-page-container .top-container .mobile-social-links-container,
  .video-detail-page-container .top-container .next-videos-container,
  .weather-warning-page-container .breadcrumbs .date,
  .weather-warning-page-container .breadcrumbs span:first-of-type {
    display: none;
  }

  .sub-menu-container.sticky {
    position: fixed;
    top: 0;
    z-index: 99999999999;
  }

  .special-news-widget-container,
  .special-news-widget-container .special-news-slider,
  .special-news-widget-container .special-news-slider .slide {
    height: 612px;
  }

  .special-news-widget-container
    .special-news-widget-content
    .special-news-widget-wrapper {
    padding: 0 16px 24px;
  }

  .special-news-widget-container
    .special-news-widget-content
    .special-news-widget-wrapper
    .special-news-contents {
    width: 80%;
  }

  .live-widget-container .live-widget-wrapper {
    flex-flow: column-reverse nowrap;
    padding: 16px;
  }

  .live-widget-container .live-widget-wrapper .left {
    width: 100%;
    margin: 24px 0 8px;
  }

  .live-widget-container .live-widget-wrapper .left .live-tag {
    margin-bottom: 10px;
  }

  .live-widget-container .live-widget-wrapper .left .live-title,
  .live-widget-container .live-widget-wrapper .left .live-title a {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 8px;
  }

  .live-widget-container .live-widget-wrapper .right {
    width: 100%;
    margin: 0;
  }

  .category-page-container .media-news-container .media-cards-wrap li,
  .media-card .image-frame a img.image,
  .media-card-sm .image-frame a img.image,
  .news-detail-container
    .left
    .news-content-container
    .authors-read-time-container
    .news-read-time-container,
  .news-detail-container .left .news-content-container .news-content,
  .news-detail-container
    .left
    .news-content-container
    .news-content
    .bottom-authors-container
    a,
  .special-card .image-frame,
  .special-card .text-frame .title,
  .special-card-sm .image-frame,
  .special-card-sm .text-frame .title,
  .special-hero-related-card .card-wrapper .card-image,
  .special-hero-related-card-sm .card-wrapper .card-image,
  .standard-card,
  .standard-card-sm,
  .video-detail-page-container .top-container .bottom-authors-container a,
  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-top
    .weather-detail
    ul,
  .weather-page-container .bottom .left .weather-status-container ul li,
  .weather-warning-page-container .map-container .colors-info-container .title {
    width: 100%;
  }

  .standard-card .image-frame,
  .standard-card-sm .image-frame {
    width: 100%;
    height: auto;
    margin-bottom: 4px;
  }

  .special-hero-related-card-new .image-frame.with-icon,
  .special-hero-related-card-new-sm .image-frame.with-icon,
  .standard-card .image-frame.with-gradient,
  .standard-card .image-frame.with-icon,
  .standard-card-sm .image-frame.with-gradient,
  .standard-card-sm .image-frame.with-icon,
  .standard-left-thumb-card .image-frame.with-icon,
  .standard-left-thumb-card-sm .image-frame.with-icon,
  .standard-right-thumb-card .image-frame.with-icon,
  .standard-right-thumb-card-sm .image-frame.with-icon {
    position: relative;
  }

  .standard-card .image-frame.with-gradient .gradient,
  .standard-card-sm .image-frame.with-gradient .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: -moz-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: -webkit-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .special-card .image-frame.with-icon a .post-type-icon,
  .special-card-md .image-frame.with-icon a .post-type-icon,
  .special-hero-card .card-wrapper .post-type-icon,
  .special-hero-card-sm .card-wrapper .post-type-icon,
  .special-hero-related-card-new .image-frame.with-icon a .post-type-icon,
  .special-hero-related-card-new-sm .image-frame.with-icon a .post-type-icon,
  .standard-card .image-frame.with-icon a .post-type-icon,
  .standard-card-sm .image-frame.with-icon a .post-type-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
  }

  .standard-card .image-frame.with-icon a .gallery-icon,
  .standard-card .image-frame.with-icon a .play-icon,
  .standard-card-sm .image-frame.with-icon a .gallery-icon,
  .standard-card-sm .image-frame.with-icon a .play-icon,
  .standard-left-thumb-card .image-frame.with-icon a .gallery-icon,
  .standard-left-thumb-card .image-frame.with-icon a .play-icon,
  .standard-left-thumb-card-sm .image-frame.with-icon a .gallery-icon,
  .standard-left-thumb-card-sm .image-frame.with-icon a .play-icon,
  .standard-right-thumb-card .image-frame.with-icon a .gallery-icon,
  .standard-right-thumb-card .image-frame.with-icon a .play-icon,
  .standard-right-thumb-card-sm .image-frame.with-icon a .gallery-icon,
  .standard-right-thumb-card-sm .image-frame.with-icon a .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .special-hero-related-card-new .image-frame a,
  .special-hero-related-card-new-sm .image-frame a,
  .standard-card .image-frame a,
  .standard-card-sm .image-frame a,
  .standard-left-thumb-card .image-frame a,
  .standard-left-thumb-card-sm .image-frame a,
  .standard-right-thumb-card .image-frame a,
  .standard-right-thumb-card-sm .image-frame a {
    display: flex;
  }

  .headline-widget-container
    .headline-widget-wrapper
    .right
    .most-read-news-widget-container,
  .media-card .image-frame,
  .media-card-sm .image-frame,
  .program-episodes-page-container
    .top-container
    .top
    .standard-card
    .image-frame
    img.image,
  .program-episodes-page-container
    .top-container
    .top
    .standard-card-sm
    .image-frame
    img.image,
  .special-card .image-frame a img.image,
  .special-card-sm .image-frame a img.image,
  .special-hero-related-card-new .image-frame a img,
  .special-hero-related-card-new .image-frame a video,
  .special-hero-related-card-new .mobile-text-frame .title,
  .special-hero-related-card-new-sm .image-frame a img,
  .special-hero-related-card-new-sm .image-frame a video,
  .special-hero-related-card-new-sm .mobile-text-frame .title,
  .standard-card .image-frame a img.image,
  .standard-card .image-frame a video,
  .standard-card .text-frame,
  .standard-card-sm .image-frame a img.image,
  .standard-card-sm .image-frame a video,
  .standard-card-sm .text-frame,
  .standard-left-thumb-card .image-frame a img.image,
  .standard-left-thumb-card .image-frame a video,
  .standard-left-thumb-card-sm .image-frame a img.image,
  .standard-left-thumb-card-sm .image-frame a video,
  .standard-right-thumb-card .image-frame a img.image,
  .standard-right-thumb-card .image-frame a video,
  .standard-right-thumb-card-sm .image-frame a img.image,
  .standard-right-thumb-card-sm .image-frame a video {
    width: 100%;
    height: auto;
  }

  .media-card .image-frame a img.hover,
  .media-card-sm .image-frame a img.hover,
  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img.hover,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img.hover,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img.hover,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img.hover,
  .standard-card .image-frame a img.hover,
  .standard-card .text-frame .author-frame .author-image-frame a img.hover,
  .standard-card-sm .image-frame a img.hover,
  .standard-card-sm .text-frame .author-frame .author-image-frame a img.hover,
  .standard-left-thumb-card .image-frame a img.hover,
  .standard-left-thumb-card-sm .image-frame a img.hover,
  .standard-right-thumb-card .image-frame a img.hover,
  .standard-right-thumb-card-sm .image-frame a img.hover,
  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video:hover
    .image-frame
    img {
    filter: brightness(80%);
  }

  .standard-card .text-frame .category-tag,
  .standard-card-sm .text-frame .category-tag {
    display: inline-block;
    margin-top: 12px;
  }

  .standard-card .text-frame .category-tag a,
  .standard-card-sm .text-frame .category-tag a {
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #cf1d39;
  }

  .standard-card .text-frame .category-tag i.most-popular,
  .standard-card-sm .text-frame .category-tag i.most-popular {
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 12px 0 0;
    -webkit-border-top-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-topright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    background: url("") center/28px 28px no-repeat
      #cf1d39;
  }

  .standard-card .text-frame .category-tag .text,
  .standard-card-sm .text-frame .category-tag .text {
    float: left;
    display: block;
    width: max-content;
    height: auto;
    padding-top: 8px;
  }

  .standard-card .text-frame .author-frame,
  .standard-card-sm .text-frame .author-frame {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 12px;
  }

  .standard-card .text-frame .author-frame .author-image-frame,
  .standard-card-sm .text-frame .author-frame .author-image-frame {
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin-right: 12px;
  }

  .standard-card .text-frame .author-frame .author-image-frame a img,
  .standard-card-sm .text-frame .author-frame .author-image-frame a img {
    width: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .standard-card .text-frame .author-frame .author-name-frame a,
  .standard-card-sm .text-frame .author-frame .author-name-frame a {
    font-family: NotoSans-Regular, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #1d1d1b;
  }

  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a.hover,
  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-card-title.hover,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a.hover,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-card-title.hover,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a.hover,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-description.hover,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-title.hover,
  .special-hero-related-card
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title:hover,
  .special-hero-related-card-new
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title:hover,
  .special-hero-related-card-new-sm
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title:hover,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a.hover,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-description.hover,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-title.hover,
  .special-hero-related-card-sm
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title:hover,
  .standard-card .text-frame .author-frame .author-name-frame a.hover,
  .standard-card-sm .text-frame .author-frame .author-name-frame a.hover,
  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video:hover
    .text-frame,
  .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title
    a.hover {
    opacity: 0.8;
  }

  .four-column-widget-container
    .four-column-widget-wrapper
    .column
    .standard-card.no-image,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .bottom-container
    .gallery-photo-container
    .text-frame,
  .podcasts-page-container
    .top-container
    .main-podcast-container
    .podcast-author-wrapper,
  .podcasts-page-container .top-container .main-podcast-container .podcast-date,
  .podcasts-page-container
    .top-container
    .main-podcast-container
    .podcast-description,
  .standard-card .text-frame .description,
  .standard-card .text-frame .title,
  .standard-card-sm .text-frame .description,
  .standard-card-sm .text-frame .title {
    margin-top: 12px;
  }

  .standard-card .text-frame .title a,
  .standard-card-sm .text-frame .title a {
    font-family: TRT-Bold, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #242424;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    > .title
    .days-list
    li
    a.active,
  .epg-page-container
    .content-container
    .left
    .epg-list-content
    > .title
    .days-list
    li
    a:hover,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .bottom
    .standard-right-thumb-card-sm
    .text-frame
    .title
    a.hover,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-left
    .standard-card-sm
    .text-frame
    .title
    a.hover,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-right
    .standard-card-sm
    .text-frame
    .title
    a.hover,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .gallery-category-galleries-wrapper
    .standard-card
    .text-frame
    .title
    a.hover,
  .gallery-category-page-container
    .top-container
    .videos-widget-container
    .bottom
    .news-container
    .standard-card
    .text-frame
    .title
    a.hover,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .gallery-list-wrapper
    .standard-card
    .text-frame
    .title
    a.hover,
  .media-card .text-frame .title a.hover,
  .media-card-sm .text-frame .title a.hover,
  .special-card .text-frame .title a:hover,
  .special-card-sm .text-frame .title a:hover,
  .special-hero-related-card-new
    .mobile-text-frame
    .mobile-card-contents
    a:hover
    .mobile-card-content
    .mobile-card-content-title,
  .special-hero-related-card-new .mobile-text-frame .title a:hover,
  .special-hero-related-card-new-sm
    .mobile-text-frame
    .mobile-card-contents
    a:hover
    .mobile-card-content
    .mobile-card-content-title,
  .special-hero-related-card-new-sm .mobile-text-frame .title a:hover,
  .standard-card .text-frame .title a.hover,
  .standard-card-sm .text-frame .title a.hover,
  .standard-left-thumb-card .text-frame .title a.hover,
  .standard-left-thumb-card-sm .text-frame .title a.hover,
  .standard-right-thumb-card .text-frame .title a.hover,
  .standard-right-thumb-card-sm .text-frame .title a.hover,
  .topics-widget-container
    .topics-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title
    a.hover {
    color: #cf1d39;
  }

  .standard-card .text-frame .description a,
  .standard-card-sm .text-frame .description a {
    font-family: NotoSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #1d1d1b;
  }

  .standard-card .text-frame .description a.hover,
  .standard-card-sm .text-frame .description a.hover,
  .standard-left-thumb-card .text-frame .description a.hover,
  .standard-left-thumb-card-sm .text-frame .description a.hover,
  .standard-right-thumb-card .text-frame .description a.hover,
  .standard-right-thumb-card-sm .text-frame .description a.hover {
    opacity: 0.6;
  }

  .standard-left-thumb-card,
  .standard-left-thumb-card-sm,
  .standard-right-thumb-card,
  .standard-right-thumb-card-sm {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
  }

  .standard-left-thumb-card .image-frame,
  .standard-left-thumb-card-sm .image-frame {
    width: 30%;
    height: auto;
    margin-right: 12px;
    order: 1;
  }

  .standard-left-thumb-card .image-frame.with-icon a .post-type-icon,
  .standard-left-thumb-card-sm .image-frame.with-icon a .post-type-icon,
  .standard-right-thumb-card .image-frame.with-icon a .post-type-icon,
  .standard-right-thumb-card-sm .image-frame.with-icon a .post-type-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
  }

  .standard-left-thumb-card .text-frame,
  .standard-left-thumb-card-sm .text-frame {
    width: calc(70% - 12px);
    height: auto;
    order: 2;
  }

  .standard-left-thumb-card .text-frame .title a,
  .standard-left-thumb-card-sm .text-frame .title a,
  .standard-right-thumb-card .text-frame .title a,
  .standard-right-thumb-card-sm .text-frame .title a {
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
  }

  .standard-right-thumb-card .image-frame,
  .standard-right-thumb-card-sm .image-frame {
    width: 30%;
    height: auto;
    margin-left: 12px;
    order: 2;
  }

  .standard-right-thumb-card .text-frame,
  .standard-right-thumb-card-sm .text-frame {
    width: calc(70% - 12px);
    height: auto;
    order: 1;
  }

  .special-card,
  .special-card-sm {
    width: 100%;
    position: relative;
  }

  .special-card .text-frame,
  .special-card-sm .text-frame {
    width: 100%;
    height: auto;
    min-height: 50%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    padding: 0 12px 16px;
    background: #000;
    background: -moz-linear-gradient(
      0deg,
      #000 10%,
      rgba(255, 255, 255, 0) 100%
    );
    background: -webkit-linear-gradient(
      0deg,
      #000 10%,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(0deg, #000 10%, rgba(255, 255, 255, 0) 100%);
  }

  .special-card .text-frame .category-tag,
  .special-card-sm .text-frame .category-tag {
    display: none;
    margin-bottom: 8px;
  }

  .special-card .text-frame .category-tag a,
  .special-card-sm .text-frame .category-tag a {
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
  }

  .special-card .text-frame .title a,
  .special-card-sm .text-frame .title a {
    font-family: TRT-Bold, sans-serif;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #fff;
  }

  .special-card .text-frame .description,
  .special-card-sm .text-frame .description {
    display: none;
    width: 100%;
    margin-top: 8px;
  }

  .special-card .text-frame .description a,
  .special-card-sm .text-frame .description a {
    font-family: NotoSans-Regular, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
  }

  .special-hero-related-card-new,
  .special-hero-related-card-new-sm {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
  }

  .special-hero-related-card-new .image-frame,
  .special-hero-related-card-new-sm .image-frame {
    width: 100%;
    order: 1;
  }

  .special-hero-related-card-new .mobile-text-frame,
  .special-hero-related-card-new-sm .mobile-text-frame {
    display: flex;
    flex-flow: column nowrap;
    padding: 24px 16px;
    background-color: #e5e5e5;
    order: 2;
  }

  .special-hero-related-card-new .mobile-text-frame .card-tag,
  .special-hero-related-card-new-sm .mobile-text-frame .card-tag {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 20px;
  }

  .special-hero-related-card-new .mobile-text-frame .card-tag a,
  .special-hero-related-card-new-sm .mobile-text-frame .card-tag a {
    width: max-content;
    padding: 8px 12px 6px;
    text-align: center;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #cf1d39;
    color: #fff;
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .special-hero-related-card-new .mobile-text-frame .title a,
  .special-hero-related-card-new-sm .mobile-text-frame .title a {
    font-family: TRT-Bold, sans-serif;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -1px;
    color: #242424;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo,
  .special-hero-related-card-new .mobile-text-frame .description,
  .special-hero-related-card-new-sm .mobile-text-frame .description {
    width: 100%;
    height: auto;
    margin-top: 16px;
  }

  .special-hero-related-card-new .mobile-text-frame .description a,
  .special-hero-related-card-new-sm .mobile-text-frame .description a {
    font-family: NotoSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
  }

  .special-hero-related-card-new .mobile-text-frame .mobile-card-contents,
  .special-hero-related-card-new-sm .mobile-text-frame .mobile-card-contents {
    display: flex;
    flex-flow: column nowrap;
    margin-top: 24px;
  }

  .special-hero-related-card-new
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content,
  .special-hero-related-card-new-sm
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    padding-bottom: 12px;
  }

  .special-hero-related-card-new
    .mobile-text-frame
    .mobile-card-contents
    a:last-of-type
    .mobile-card-content,
  .special-hero-related-card-new-sm
    .mobile-text-frame
    .mobile-card-contents
    a:last-of-type
    .mobile-card-content {
    padding-bottom: 0;
  }

  .special-hero-related-card-new
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content
    svg,
  .special-hero-related-card-new-sm
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content
    svg {
    margin-top: 3px;
  }

  .special-hero-related-card-new
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title,
  .special-hero-related-card-new-sm
    .mobile-text-frame
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title {
    width: calc(100% - 20px);
    font-family: TRT-Medium, sans-serif;
    color: #242424;
    letter-spacing: -0.2px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }

  .special-hero-related-card,
  .special-hero-related-card-sm {
    width: 100%;
    background: #000;
    background: -moz-linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(
      0deg,
      #000 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%);
  }

  .special-hero-related-card .card-wrapper,
  .special-hero-related-card-sm .card-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .special-hero-related-card .card-wrapper .card-content-wrapper,
  .special-hero-related-card-sm .card-wrapper .card-content-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    padding: 0 16px 16px;
    background: #000;
    background: -moz-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8298669809720763) 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: -webkit-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8298669809720763) 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8298669809720763) 0,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .special-hero-card .card-wrapper .card-content-wrapper a.tag-link,
  .special-hero-card-sm .card-wrapper .card-content-wrapper a.tag-link,
  .special-hero-related-card .card-wrapper .card-content-wrapper a.tag-link,
  .special-hero-related-card-sm .card-wrapper .card-content-wrapper a.tag-link {
    width: max-content;
  }

  .special-hero-related-card .card-wrapper .card-content-wrapper a .card-tag,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .card-tag {
    width: max-content;
    padding: 8px 12px 6px;
    text-align: center;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #cf1d39;
    color: #fff;
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
  }

  .special-hero-card .card-wrapper .card-content-wrapper a:hover .card-tag,
  .special-hero-card-sm .card-wrapper .card-content-wrapper a:hover .card-tag,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    a:hover
    .card-tag,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    a:hover
    .card-tag {
    background-color: #fff;
    color: #cf1d39;
  }

  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-title,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-title {
    width: 100%;
    font-family: NotoSans-Black, sans-serif;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #fff;
  }

  .special-hero-card .card-wrapper .card-content-wrapper .author-frame,
  .special-hero-card-sm .card-wrapper .card-content-wrapper .author-frame,
  .special-hero-related-card .card-wrapper .card-content-wrapper .author-frame,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 8px;
  }

  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame {
    margin-right: 16px;
  }

  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-image-frame
    a
    img {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .media-card .text-frame .title a,
  .media-card-sm .text-frame .title a,
  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a,
  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    .author-frame
    .author-name-frame
    a {
    font-family: NotoSans-Black, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
  }

  .special-hero-related-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-description,
  .special-hero-related-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-related-card-description {
    width: 100%;
    font-family: NotoSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 16px;
  }

  .special-hero-related-card .mobile-card-contents,
  .special-hero-related-card-sm .mobile-card-contents {
    display: flex;
    flex-flow: column nowrap;
    padding: 24px 16px;
    background-color: #000;
  }

  .special-hero-related-card .mobile-card-contents a .mobile-card-content,
  .special-hero-related-card-sm .mobile-card-contents a .mobile-card-content {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 12px;
  }

  .author-post-page-container
    .top-container
    .author-pages-buttons-container
    a:last-of-type,
  .default-widget-container
    .default-widget-wrapper
    .bottom
    .standard-right-thumb-card-sm:last-of-type,
  .headline-widget-container
    .headline-widget-wrapper
    .left
    .bottom
    .standard-right-thumb-card-sm:last-of-type,
  .live-page-container
    .bottom-container
    .popular-videos-container
    .content-row
    .standard-card:last-of-type,
  .live-page-container
    .bottom-container
    .recent-videos-container
    .content-row
    .standard-card:last-of-type,
  .live-page-container
    .top-container
    .right
    .live-blog
    .live-blog-list
    .list
    .list-row:last-of-type,
  .live-page-container
    .top-container
    .right
    .schedule-list
    .list
    .list-row:last-of-type,
  .special-hero-related-card
    .mobile-card-contents
    a:last-of-type
    .mobile-card-content,
  .special-hero-related-card-sm
    .mobile-card-contents
    a:last-of-type
    .mobile-card-content {
    margin-bottom: 0;
  }

  .special-hero-related-card
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-circle,
  .special-hero-related-card-sm
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-circle {
    width: 8px;
    height: 8px;
    background-color: #cf1d39;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }

  .special-hero-related-card
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title,
  .special-hero-related-card-sm
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title {
    width: calc(100% - 16px);
    height: auto;
    font-family: NotoSans-Black, sans-serif;
    color: #fff;
    letter-spacing: -0.2px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }

  .special-hero-related-card
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title
    .type-tag,
  .special-hero-related-card-sm
    .mobile-card-contents
    a
    .mobile-card-content
    .mobile-card-content-title
    .type-tag {
    display: block;
    color: #cf1d39;
  }

  .special-hero-card,
  .special-hero-card-sm {
    width: 100vw;
    height: auto;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .special-hero-card .card-wrapper,
  .special-hero-card-sm .card-wrapper {
    width: 100%;
    height: 414px;
    overflow: hidden;
    position: relative;
  }

  .special-hero-card .card-wrapper > a,
  .special-hero-card-sm .card-wrapper > a {
    display: contents;
  }

  .special-hero-card .card-wrapper .card-image,
  .special-hero-card-sm .card-wrapper .card-image,
  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video
    .image-frame
    img.image {
    width: unset;
    height: 100%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .special-hero-card .card-wrapper .card-content-wrapper,
  .special-hero-card-sm .card-wrapper .card-content-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    padding: 0 16px;
    background: #000;
    background: -moz-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8298669809720763) 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: -webkit-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8298669809720763) 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8298669809720763) 0,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .special-hero-card .card-wrapper .card-content-wrapper a .card-tag,
  .special-hero-card-sm .card-wrapper .card-content-wrapper a .card-tag {
    width: max-content;
    padding: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .special-hero-card
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-card-title,
  .special-hero-card-sm
    .card-wrapper
    .card-content-wrapper
    a
    .special-hero-card-title {
    width: 100%;
    font-family: TRT-Bold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    color: #fff;
  }

  .special-hero-card .mobile-card-contents,
  .special-hero-card-sm .mobile-card-contents {
    display: flex;
    flex-flow: column nowrap;
    padding: 16px;
    background-color: #000;
  }

  .special-hero-card .mobile-card-contents a .special-hero-card-description,
  .special-hero-card-sm .mobile-card-contents a .special-hero-card-description {
    font-family: NotoSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
  }

  .media-card,
  .media-card-sm {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column nowrap;
  }

  .media-card .text-frame,
  .media-card-sm .text-frame {
    width: 100%;
    height: auto;
    padding: 16px;
    background-color: #cf1d39;
  }

  .media-card .text-frame .date,
  .media-card-sm .text-frame .date {
    font-family: TRT-Regular, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 20px;
  }

  .most-read-news-widget-container .most-read-news-list {
    flex-flow: column nowrap;
    align-items: flex-start;
    height: auto;
  }

  .most-read-news-widget-container .most-read-news-list a,
  .news-detail-container .left .news-content-container .download-button,
  .news-detail-container .left .news-content-container .news-image {
    margin-bottom: 32px;
  }

  .most-read-news-widget-container .most-read-news-list a .most-read-news-row {
    max-height: 40px;
  }

  .most-read-news-widget-container
    .most-read-news-list
    a
    .most-read-news-row
    .news-title {
    width: calc(100% - 56px);
    max-width: calc(100% - 56px);
    -webkit-line-clamp: 2;
  }

  .last-news-widget-container {
    padding: 20px 16px;
    overflow: hidden;
  }

  .last-news-widget-container .last-news-list {
    height: 360px;
  }

  .container,
  .container-fluid,
  .gallery-widget-container
    .gallery-widget-wrapper
    > .left
    .bottom
    .left
    .text-frame
    .category-tag,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-category-social-container,
  .podcasts-page-container
    .top-container
    .main-podcast-container
    .podcast-title {
    margin-top: 16px;
  }

  .breaking-news-widget-container,
  .category-page-container .top-container .bottom .special-card,
  .category-page-container .top-container .bottom .special-card-sm,
  .default-page-container .list-container > .title,
  .default-widget-container .title-container .title,
  .default-widget-container > .title,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .title-container,
  .gallery-page-container .bottom-container .gallery-categories-container,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .title-container,
  .gallery-widget-container > .title,
  .gallery-widget-container > .title-container .title,
  .headline-widget-container > .title,
  .live-page-container .top-container .right .schedule-list > .title,
  .topics-widget-container > .title,
  .videos-widget-container > .title,
  .videos-widget-container > .title-container .title {
    margin-bottom: 16px;
  }

  .breaking-news-widget-container
    .breaking-news-widget-wrapper
    .breaking-news-list-container {
    width: calc(100% - 70px);
    height: 50px;
    margin: 0 auto;
  }

  .breaking-news-widget-container .breaking-news-widget-wrapper .all-url {
    width: 60px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 52px;
  }

  .default-widget-container,
  .fold-widget-container,
  .headline-widget-container,
  .interactive-widget-container {
    margin: 16px 0;
  }

  .fold-widget-container .fold-widget-wrapper .news-container {
    flex-flow: column nowrap;
    margin-top: 16px;
    order: 2;
  }

  .mobile-homepage-economy-bar,
  .mobile-weather-bar-container {
    flex-flow: row nowrap;
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
  }

  .category-page-container .top-container .bottom .standard-card,
  .category-page-container .top-container .bottom .standard-card-sm,
  .category-page-container .top-container .top .standard-card,
  .category-page-container .top-container .top .standard-card-sm,
  .fold-widget-container .fold-widget-wrapper .news-container .standard-card {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
  }

  .fold-widget-container
    .fold-widget-wrapper
    .news-container
    .standard-card:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .mobile-homepage-economy-bar {
    width: 100%;
    height: 70px;
  }

  .mobile-homepage-economy-bar .economy-column {
    display: flex;
    flex-flow: column nowrap;
    width: calc(25% - 1px);
    height: 50px;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #d3d3d3;
  }

  .mobile-homepage-economy-bar .economy-column:last-of-type {
    width: 25%;
    border-right: none;
  }

  .mobile-homepage-economy-bar .economy-column .title,
  .mobile-homepage-economy-bar .economy-column .value {
    font-family: NotoSans-Regular, sans-serif;
    font-size: 14px;
  }

  .mobile-weather-bar-container {
    align-items: center;
  }

  .gallery-widget-container,
  .topics-widget-container,
  .videos-widget-container {
    margin: 16px 0;
    padding: 24px 0;
  }

  .mobile-weather-bar-container .weather-bar-left-wrapper {
    width: calc(100% - 110px);
    display: flex;
    flex-flow: row nowrap;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .weather-icon-wrapper {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper {
    width: calc(100% - 60px);
    display: flex;
    flex-flow: column nowrap;
    font-family: NotoSans-Regular, sans-serif;
    font-size: 13px;
    line-height: 20px;
    position: relative;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper
    .city-list {
    display: none;
    width: 100%;
    padding: 0 10px;
    list-style: none;
    background-color: #fff;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 999;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper
    .city-list
    li
    a {
    font-family: NotoSans-Medium, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #0c0c0c;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper
    .city-temp-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper
    .status-wrapper {
    padding-left: 20px;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper
    .city-temp-wrapper
    span {
    margin-left: 5px;
  }

  .mobile-weather-bar-container
    .weather-bar-left-wrapper
    .city-temp-status-wrapper
    .city-temp-wrapper
    span:first-of-type {
    font-weight: 700;
  }

  .mobile-weather-bar-container .weather-bar-right-wrapper {
    width: 110px;
  }

  .mobile-weather-bar-container
    .weather-bar-right-wrapper
    .humidity-wind-wrapper {
    display: flex;
    flex-flow: column nowrap;
    font-family: NotoSans-Regular, sans-serif;
    font-size: 13px;
    line-height: 20px;
  }

  .footer .text,
  ul.footer-sub-menu li a {
    font-family: NotoSans-Medium, sans-serif;
  }

  .mobile-weather-bar-container
    .weather-bar-right-wrapper
    .humidity-wind-wrapper
    > div
    span:first-of-type {
    color: #c31719;
  }

  .four-column-widget-container .four-column-widget-wrapper .column > .title a,
  .headline-widget-container > .title a,
  .two-column-widget-container .two-column-widget-wrapper .column > .title a {
    font-size: 16px;
    line-height: 20px;
  }

  .default-widget-container .title-container .title i,
  .default-widget-container > .title i,
  .headline-widget-container > .title i {
    margin: 2px 8px 0 0;
  }

  .headline-widget-container .headline-widget-wrapper .left {
    flex-flow: column nowrap;
    width: 100%;
    height: auto;
  }

  .default-widget-container.left-large
    .default-widget-wrapper
    .top-left
    .standard-card-sm,
  .default-widget-container.right-large
    .default-widget-wrapper
    .top-right
    .standard-card-sm,
  .headline-widget-container
    .headline-widget-wrapper
    .left
    .top
    .standard-card-sm {
    padding-bottom: 16px;
    border-bottom: 1px solid #ececec;
  }

  .headline-widget-container .headline-widget-wrapper .left .bottom {
    padding: 24px 0;
  }

  .category-page-container
    .bottom-container
    .left
    .news-container
    .standard-left-thumb-card,
  .category-page-container
    .bottom-container
    .left
    .news-container
    .standard-left-thumb-card-sm,
  .default-widget-container
    .default-widget-wrapper
    .bottom
    .standard-right-thumb-card-sm,
  .headline-widget-container
    .headline-widget-wrapper
    .left
    .bottom
    .standard-right-thumb-card-sm,
  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    a
    .category-tag {
    margin-bottom: 24px;
  }

  .headline-widget-container .headline-widget-wrapper .right,
  .news-detail-container .left .news-content-container {
    padding: 32px 0;
  }

  .topics-widget-container .black-box {
    width: 100vw;
    height: 633px;
    background-color: #1d1d1b;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
    z-index: -1;
  }

  .topics-widget-container .grey-box {
    width: 100vw;
    height: 100%;
    background-color: #f8f8f8;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
    z-index: -2;
  }

  .default-widget-container .default-widget-wrapper,
  .topics-widget-container .topics-widget-wrapper {
    display: flex;
    flex-flow: column nowrap;
  }

  .topics-widget-container
    .topics-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title,
  .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title {
    margin-top: 4px;
  }

  .topics-widget-container
    .topics-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title
    a,
  .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title
    a {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #fff;
  }

  .category-page-container
    .top-container
    > .last-news-widget-container
    .last-news-list-container
    .last-news-list
    a
    .last-news-row
    .news-time,
  .category-page-container
    .top-container
    > .last-news-widget-container
    .last-news-list-container
    .last-news-list
    a
    .last-news-row
    .news-title,
  .category-page-container
    .top-container
    > .last-news-widget-container
    .last-news-title
    a,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .bottom
    .standard-right-thumb-card-sm
    .text-frame
    .title
    a,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-left
    .standard-card-sm
    .text-frame
    .description
    a,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-left
    .standard-card-sm
    .text-frame
    .title
    a,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-right
    .standard-card-sm
    .text-frame
    .title
    a,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    > .title,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .gallery-category-galleries-wrapper
    .standard-card
    .text-frame
    .title
    a,
  .gallery-category-page-container
    .top-container
    .videos-widget-container
    .bottom
    .news-container
    .standard-card
    .text-frame
    .title
    a,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .gallery-list-wrapper
    .standard-card
    .text-frame
    .title
    a,
  .topics-widget-container
    .topics-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .description
    a,
  .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .category-tag
    a,
  .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .description
    a {
    color: #fff;
  }

  .topics-widget-container .topics-widget-wrapper .bottom {
    width: 100%;
    height: auto;
    overflow-x: auto;
    margin-top: 52px;
  }

  .topics-widget-container .topics-widget-wrapper .bottom .news-container {
    width: 1164px;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }

  .gallery-widget-container .gallery-widget-wrapper > .right .standard-card-sm,
  .topics-widget-container
    .topics-widget-wrapper
    .bottom
    .news-container
    .standard-card,
  .videos-widget-container
    .videos-widget-wrapper
    .bottom
    .news-container
    .standard-card {
    width: 285px;
  }

  .topics-widget-container
    .topics-widget-wrapper
    .bottom
    .news-container
    .standard-card
    .image-frame,
  .videos-widget-container
    .videos-widget-wrapper
    .bottom
    .news-container
    .standard-card
    .image-frame {
    height: 160px;
    margin-bottom: 0;
  }

  .author-post-page-container
    .top-container
    .author-info-container
    .author-biography-wrapper,
  .epg-page-container
    .content-container
    .left
    .epg-list-content
    ul.epg-list
    li
    .program-name,
  .gallery-page-container
    .bottom-container
    .category-galleries-container
    .content-row
    .content-row-wrapper
    .standard-card
    .text-frame
    .title
    a,
  .gallery-widget-container
    .gallery-widget-wrapper
    > .right
    .standard-card-sm
    .text-frame
    .title
    a,
  .interactive-widget-container
    .interactive-widget-wrapper
    .news-container
    .media-card
    .text-frame
    .title
    a,
  .interactive-widget-container
    .interactive-widget-wrapper
    .news-container
    .standard-card-sm
    .text-frame
    .title
    a,
  .podcasts-page-container
    .top-container
    .main-podcast-container
    .podcast-description
    a,
  .topics-widget-container
    .topics-widget-wrapper
    .bottom
    .news-container
    .standard-card
    .text-frame
    .title
    a,
  .videos-widget-container
    .videos-widget-wrapper
    .bottom
    .news-container
    .standard-card
    .text-frame
    .title
    a {
    font-size: 14px;
    line-height: 20px;
  }

  .default-widget-container .title-container .title {
    width: calc(100% - 105px);
  }

  .default-widget-container
    .title-container
    .local-news-city-selector-container {
    width: 105px;
  }

  .default-widget-container.left-large .default-widget-wrapper .top-left,
  .default-widget-container.right-large .default-widget-wrapper .top-right {
    width: 100%;
    height: auto;
    order: 1;
  }

  .default-widget-container.left-large .default-widget-wrapper .top-right,
  .default-widget-container.right-large .default-widget-wrapper .top-left {
    width: 100%;
    height: auto;
    padding: 16px 0;
    order: 3;
  }

  .default-widget-container .default-widget-wrapper .bottom {
    display: flex;
    flex-flow: column nowrap;
    padding: 24px 0;
    order: 2;
  }

  .gallery-widget-container > .title-container,
  .interactive-widget-container > .title-container,
  .videos-widget-container > .title-container {
    flex-flow: row wrap !important;
  }

  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    .yellow-box,
  .videos-widget-container .red-box {
    height: 633px;
  }

  .default-page-container
    .list-container
    .list-wrapper
    .row
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .gallery-category-galleries-wrapper
    .row
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .gallery-list-wrapper
    .row
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .podcasts-page-container
    .bottom-container
    .podcast-list-container
    .podcast-list-wrapper
    .row
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .image-frame
    .play-icon {
    width: 46px;
    height: 46px;
  }

  .gallery-widget-container .gallery-widget-wrapper > .right,
  .videos-widget-container .videos-widget-wrapper .bottom {
    overflow-x: auto;
    margin-top: 52px;
  }

  .videos-widget-container .videos-widget-wrapper .bottom .news-container {
    width: 1164px;
  }

  .gallery-page-container
    .bottom-container
    .category-galleries-container
    .content-row
    .content-row-wrapper
    .standard-card
    .image-frame.with-icon
    a
    .gallery-icon,
  .gallery-page-container
    .bottom-container
    .category-galleries-container
    .content-row
    .content-row-wrapper
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .live-page-container
    .bottom-container
    .popular-videos-container
    .content-row
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .live-page-container
    .bottom-container
    .recent-videos-container
    .content-row
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .video-detail-page-container
    .mobile-bottom-container
    .most-view-videos-container
    .content-row
    .content-row-wrapper
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .video-detail-page-container
    .mobile-bottom-container
    .recent-videos-container
    .content-row
    .content-row-wrapper
    .standard-card
    .image-frame.with-icon
    a
    .play-icon,
  .videos-widget-container
    .videos-widget-wrapper
    .bottom
    .news-container
    .standard-card
    .image-frame
    .play-icon {
    width: 40px;
    height: 40px;
  }

  .gallery-widget-container .gallery-widget-wrapper > .right .news-container,
  .interactive-widget-container .interactive-widget-wrapper .news-container {
    width: 578px;
    height: auto;
  }

  .gallery-category-page-container
    .top-container
    .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title,
  .gallery-widget-container
    .gallery-widget-wrapper
    > .right
    .standard-card-sm
    .text-frame
    .category-tag,
  .interactive-widget-container
    .interactive-widget-wrapper
    .news-container
    .standard-card-sm
    .text-frame
    .title,
  .two-column-widget-container .two-column-widget-wrapper .column .bottom {
    margin-top: 8px;
  }

  .four-column-widget-container .four-column-widget-wrapper .column > .title,
  .interactive-widget-container > .title,
  .interactive-widget-container > .title-container .title,
  .live-page-container
    .top-container
    .right
    .live-blog
    .live-blog-list
    .list
    .list-row,
  .live-page-container .top-container .right .schedule-list .list .list-row {
    margin-bottom: 12px;
  }

  .interactive-widget-container .interactive-widget-wrapper {
    overflow-x: auto;
  }

  .interactive-widget-container
    .interactive-widget-wrapper
    .news-container
    .media-card,
  .interactive-widget-container
    .interactive-widget-wrapper
    .news-container
    .standard-card-sm {
    display: block;
    width: 285px;
  }

  .four-column-widget-container .four-column-widget-wrapper .column > .title i,
  .two-column-widget-container .two-column-widget-wrapper .column > .title i {
    margin: 3px 8px 0 0;
  }

  .two-column-widget-container .two-column-widget-wrapper .column {
    margin-top: 32px;
    padding: 16px 0;
  }

  .two-column-widget-container
    .two-column-widget-wrapper
    .column
    .bottom
    .standard-card {
    width: calc(50% - 4px);
  }

  .category-page-container .top-container .top,
  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row,
  .default-page-container .list-container .list-wrapper .row,
  .four-column-widget-container .four-column-widget-wrapper,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .gallery-category-galleries-wrapper
    .row,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .gallery-list-wrapper
    .row,
  .live-page-container .bottom-container .popular-videos-container .content-row,
  .live-page-container .bottom-container .programs-container .bottom,
  .live-page-container .bottom-container .programs-container .top,
  .live-page-container .bottom-container .recent-videos-container .content-row,
  .live-page-container .top-container .right .live-blog .live-blog-list .list,
  .podcasts-page-container
    .bottom-container
    .podcast-list-container
    .podcast-list-wrapper
    .row,
  .search-page-container .content-container .search-results-container .row,
  .weather-page-container .bottom .left .tab-content .tab-pane .tab-pane-top,
  .weather-page-container .bottom .left .weather-status-container ul,
  .weather-page-container .top .top-row,
  .weather-page-container .weather-news-container .row,
  .weather-warning-page-container
    .district-warnings-table-container
    .district-column,
  .weather-warning-page-container .map-container,
  .weather-warning-page-container .warnings-table-container {
    flex-flow: column nowrap;
  }

  .four-column-widget-container .four-column-widget-wrapper .column {
    width: 100%;
    margin-top: 32px;
    padding: 16px 0;
  }

  .news-detail-container .left .news-content-container .news-info-bar {
    flex-flow: column nowrap;
    align-items: center;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    .source-date-container
    .source {
    order: 2;
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid #cf1d39;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-info-bar
    .source-date-container
    .created-date {
    order: 1;
  }

  .news-detail-container .left .news-content-container .news-title {
    font-size: 32px;
    line-height: 38px;
  }

  .news-detail-container
    .left
    .news-content-container
    .authors-read-time-container {
    flex-flow: column nowrap;
    margin-bottom: 16px;
  }

  .news-detail-container
    .left
    .news-content-container
    .authors-read-time-container
    .authors-container {
    width: 100%;
    margin-bottom: 16px;
  }

  .news-detail-container
    .left
    .news-content-container
    .authors-read-time-container
    .news-read-time-container
    div {
    font-size: 12px;
  }

  .news-detail-container .left .news-content-container .social-links-container {
    max-width: 264px;
    margin: 0 auto 32px;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-content
    .embed-content,
  .news-detail-container
    .left
    .news-content-container
    .news-content
    .video-content {
    margin: 32px auto;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-content
    .image-content,
  .static-page-container .content-container .page-content > h2,
  .static-page-container .content-container .page-content > h3,
  .static-page-container .content-container .page-content > h4,
  .static-page-container .content-container .page-content > h5,
  .static-page-container .content-container .page-content > strong {
    margin: 32px 0;
  }

  .static-page-container .content-container .page-content h2,
  .static-page-container .content-container .page-content p,
  .static-page-container .content-container .page-content strong {
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .static-page-container .content-container .page-content h3 {
    font-size: 15px !important;
  }

  .static-page-container .content-container .page-content h4 {
    font-size: 14px !important;
  }

  .static-page-container .content-container .page-content h5 {
    font-size: 13px !important;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-content
    .related-news {
    height: 64px;
    margin: 32px 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-content
    .related-news
    .related-news-image {
    width: 90px;
    height: 64px;
    overflow: hidden;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-content
    .related-news
    .related-news-title {
    width: calc(100% - 90px);
    font-size: 14px;
    line-height: 20px;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-content
    .special-quote {
    margin: 32px 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .author-post-page-container .bottom-container .media-news-container,
  .default-page-container .bottom-container .list-container,
  .gallery-category-page-container .bottom-container .default-widget-container,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container,
  .gallery-page-container .bottom-container .gallery-list-container,
  .live-page-container .bottom-container .popular-videos-container,
  .live-page-container .bottom-container .programs-container,
  .live-page-container .bottom-container .recent-videos-container,
  .news-detail-container .left .news-content-container .news-content .news-tags,
  .podcasts-page-container .bottom-container .podcast-list-container,
  .video-detail-page-container
    .mobile-bottom-container
    .most-view-videos-container,
  .video-detail-page-container
    .mobile-bottom-container
    .recent-videos-container {
    margin-top: 32px;
  }

  .news-detail-container
    .left
    .news-content-container
    .news-detail-bottom-mobile-ads-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 32px;
  }

  .default-page-container {
    padding-top: 8px;
  }

  .default-page-container .title-container {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .default-page-container .list-container > .title,
  .default-page-container .title-container > .page-title,
  .default-page-container > .page-title {
    font-size: 24px;
    line-height: 32px;
  }

  .default-page-container .list-container > .title i,
  .default-page-container .title-container > .page-title i,
  .default-page-container > .page-title i,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .title-container
    > .title
    i,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    > .title
    i,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .title-container
    > .title
    i,
  .gallery-page-container .bottom-container .gallery-list-container > .title i,
  .podcasts-page-container .bottom-container .podcast-list-container > .title i,
  .video-detail-page-container
    .mobile-bottom-container
    .most-view-videos-container
    > .title
    i,
  .video-detail-page-container
    .mobile-bottom-container
    .recent-videos-container
    > .title
    i {
    width: 12px;
    height: 12px;
    margin: 8px 8px 0 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .breaking-news-page-container .left .last-news-container .standard-card,
  .default-page-container .list-container .list-wrapper .row .standard-card {
    width: 100%;
    margin-bottom: 20px;
  }

  .category-page-container.category-1
    .top-container
    .top
    .special-hero-card
    .card-content-wrapper,
  .category-page-container.category-1
    .top-container
    .top
    .special-hero-card-sm
    .card-content-wrapper {
    height: 20%;
    background: #000;
    background: -moz-linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(
      0deg,
      #000 0,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 100%);
  }

  .category-page-container.category-3
    .top-container
    .top
    .special-hero-card
    .card-content-wrapper,
  .category-page-container.category-3
    .top-container
    .top
    .special-hero-card-sm
    .card-content-wrapper {
    height: 30%;
    background: #cf1d39;
    background: -moz-linear-gradient(0deg, #cf1d39 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, #cf1d39 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #cf1d39 0, rgba(0, 0, 0, 0) 100%);
  }

  .category-page-container.category-3
    .top-container
    .top
    .special-hero-card
    .mobile-card-contents,
  .category-page-container.category-3
    .top-container
    .top
    .special-hero-card-sm
    .mobile-card-contents,
  .native-share-dialog .link .copy-link.copied {
    background-color: #cf1d39;
  }

  .author-post-page-container .top-container .author-pages-buttons-container,
  .category-page-container .top-container .bottom {
    flex-flow: column nowrap;
    margin-top: 16px;
  }

  .category-page-container
    .top-container
    .bottom
    .standard-card-sm:last-of-type,
  .category-page-container .top-container .bottom .standard-card:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
  }

  .category-page-container.category-3
    .top-container
    .bottom
    .standard-card-sm:last-of-type,
  .category-page-container.category-3
    .top-container
    .bottom
    .standard-card:last-of-type {
    border-bottom: 1px solid #ececec;
    margin-bottom: 0;
  }

  .category-page-container .top-container .bottom .special-card-sm:last-of-type,
  .category-page-container .top-container .bottom .special-card:last-of-type {
    margin-bottom: 6px;
  }

  .category-page-container .top-container > .last-news-widget-container {
    background-color: #cf1d39;
    margin-bottom: 6px;
  }

  .category-page-container
    .top-container
    > .last-news-widget-container
    .last-news-list-container
    .last-news-list
    .seperator,
  .category-page-container
    .top-container
    > .last-news-widget-container
    .last-news-title
    i {
    background-color: #fff;
  }

  .live-page-container .native-share-button,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-category-social-container
    .native-share-button,
  .video-detail-page-container .top-container .info-bar .native-share-button {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    background: url("../img/share-mobile.svg") center/10px no-repeat #404040;
  }

  .live-page-container .top-container .left {
    margin-bottom: 8px;
  }

  .live-page-container .top-container .right .live-info .tag {
    padding: 9px 8px 6px 22px;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
  }

  .live-page-container .top-container .right .live-blog .live-info .title,
  .live-page-container .top-container .right .live-blog .live-info .title a,
  .live-page-container .top-container .right .live-info .info .title,
  .program-episodes-page-container .title-container .title,
  .video-detail-page-container .top-container .title-container .title {
    font-size: 20px;
    line-height: 28px;
  }

  .live-page-container .top-container .right .live-info .info .time {
    font-size: 20px;
    line-height: 24px;
    padding-top: 4px;
  }

  .live-page-container .top-container .right .schedule-list {
    height: 160px;
  }

  .live-page-container .top-container .right .schedule-list .list {
    height: 96px;
    flex-flow: column nowrap;
    overflow-y: scroll;
  }

  .gallery-page-container
    .bottom-container
    .category-galleries-container
    > .title,
  .live-page-container .bottom-container .popular-videos-container > .title,
  .live-page-container .bottom-container .programs-container > .title,
  .live-page-container .bottom-container .recent-videos-container > .title,
  .podcasts-page-container .bottom-container .podcast-list-container > .title,
  .video-detail-page-container
    .mobile-bottom-container
    .most-view-videos-container
    > .title,
  .video-detail-page-container
    .mobile-bottom-container
    .recent-videos-container
    > .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }

  .gallery-page-container
    .bottom-container
    .category-galleries-container
    > .title
    i,
  .live-page-container .bottom-container .popular-videos-container > .title i,
  .live-page-container .bottom-container .programs-container > .title i,
  .live-page-container .bottom-container .recent-videos-container > .title i {
    width: 12px;
    height: 12px;
    margin: 4px 8px 0 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .gallery-category-galleries-wrapper
    .row
    .standard-card,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .gallery-list-wrapper
    .row
    .standard-card,
  .live-page-container
    .bottom-container
    .popular-videos-container
    .content-row
    .standard-card,
  .live-page-container
    .bottom-container
    .programs-container
    .bottom
    .standard-card:first-of-type,
  .live-page-container
    .bottom-container
    .programs-container
    .top
    .standard-card,
  .live-page-container
    .bottom-container
    .recent-videos-container
    .content-row
    .standard-card,
  .podcasts-page-container
    .bottom-container
    .podcast-list-container
    .podcast-list-wrapper
    .row
    .standard-card,
  .search-page-container
    .content-container
    .search-results-container
    .row
    .standard-card {
    margin-bottom: 20px;
  }

  .epg-page-container .content-container .left .epg-list-header {
    height: 64px;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-header
    .daterange-title,
  .weather-page-container
    .bottom
    .left
    .nav-tabs
    .nav-item
    a
    .image-temp-wrapper
    .temp {
    font-size: 16px;
    line-height: 24px;
  }

  .epg-page-container .content-container .left .epg-list-content > .title {
    margin: 4px 0;
    position: relative;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    > .title
    .days-list {
    display: none;
    width: 100%;
    list-style: none;
    background-color: #fff;
    padding: 2px 8px;
    position: absolute;
    right: 0;
    z-index: 1;
    border: 1px solid #e1e1e1;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    > .title
    .days-list
    li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    > .title
    .days-list
    li:last-of-type {
    border-bottom: none;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    > .title
    .days-list
    li
    a {
    width: 100%;
    font-family: TRT-Medium, sans-serif;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #929292;
    padding: 6px 0 2px;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    .native-share-button {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    background: url("../img/share-mobile.svg") center/10px no-repeat #f8f8f8;
  }

  .epg-page-container .content-container .left .epg-list-content ul.epg-list,
  .search-page-container
    .content-container
    .search-input-row
    .search-input-column,
  .search-page-container .content-container form button {
    margin-top: 20px;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    ul.epg-list
    li
    .time {
    width: 60px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 4px;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    ul.epg-list
    li
    .live-tag {
    padding: 3px 8px 0 18px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 12px;
    line-height: 16px;
  }

  .epg-page-container
    .content-container
    .left
    .epg-list-content
    ul.epg-list
    li
    .live-tag
    .icon {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }

  .search-page-container .content-container .search-input-container,
  .search-page-container
    .content-container
    .search-input-row
    .search-input-column,
  .search-page-container .content-container form button {
    width: 100%;
    padding: 20px 12px;
  }

  .search-page-container .content-container form .filter-error,
  .search-page-container .content-container form .input-message-box {
    margin-left: 12px;
  }

  .search-page-container .content-container form input[type="text"],
  .search-page-container .content-container form select {
    height: 30px;
    font-size: 24px;
    line-height: 32px;
  }

  .search-page-container
    .content-container
    .search-results-container
    .search-results-text {
    font-size: 20px;
    line-height: 24px;
  }

  .gallery-page-container .page-title {
    color: #fff;
    padding: 0 16px;
    letter-spacing: -1px;
    margin-bottom: 16px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-image-frame {
    height: auto;
    position: relative;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-image-frame
    .main-gallery-image {
    display: block;
    width: 100%;
    height: auto;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-image-frame
    .gallery-icon,
  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-image-frame
    .play-icon {
    width: 53px;
    height: 53px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-content-wrapper {
    width: 100%;
    padding: 0 16px;
    margin-top: 20px;
    display: flex;
    flex-flow: column nowrap;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .main-gallery-content-wrapper
    .main-gallery-title
    a {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -1px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container {
    width: calc(100% - 16px);
    margin: 24px 0 0 16px;
  }

  .gallery-page-container
    .bottom-container
    .category-galleries-container
    .content-row
    .content-row-wrapper.category-galleries-slider
    .slick-arrow,
  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container
    .last-galleries-wrapper.last-galleries-slider
    .slick-arrow,
  .video-detail-page-container
    .mobile-bottom-container
    .most-view-videos-container
    .content-row
    .content-row-wrapper.most-view-videos-slider
    .slick-arrow,
  .video-detail-page-container
    .mobile-bottom-container
    .recent-videos-container
    .content-row
    .content-row-wrapper.recent-videos-slider
    .slick-arrow,
  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper.next-videos-slider
    .slick-arrow
    img {
    width: 30px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container
    .last-galleries-wrapper
    .last-gallery-container {
    width: 236px;
    height: 214px;
  }

  .gallery-page-container.video-gallery-page-container.vime-page-container
    .videos-widget-container
    .red-box {
    height: 550px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container
    .last-galleries-wrapper
    .last-gallery-container
    .left {
    width: 50px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container
    .last-galleries-wrapper
    .last-gallery-container
    .right {
    width: 174px;
    height: 214px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container
    .last-galleries-wrapper
    .last-gallery-container
    .right
    .image-frame {
    height: 96px;
  }

  .gallery-page-container
    .top-container
    .main-gallery-container
    .last-galleries-container
    .last-galleries-wrapper
    .last-gallery-container
    .right
    .text-frame
    .title
    a {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
  }

  .gallery-page-container .bottom-container .gallery-categories-container a {
    width: calc(50% - 10px);
  }

  .gallery-page-container .bottom-container .category-galleries-container {
    width: calc(100% - 16px);
    margin: 32px 0 0 16px;
  }

  .gallery-page-container
    .bottom-container
    .category-galleries-container
    .content-row
    .content-row-wrapper
    .standard-card,
  .video-detail-page-container
    .mobile-bottom-container
    .most-view-videos-container
    .content-row
    .content-row-wrapper
    .standard-card,
  .video-detail-page-container
    .mobile-bottom-container
    .recent-videos-container
    .content-row
    .content-row-wrapper
    .standard-card {
    width: 285px;
    margin-right: 8px;
  }

  .news-category-travel-page-container .page-title,
  .news-category-travel-page-container
    .top-container
    .main-gallery-container
    .main-gallery-content-wrapper
    .main-gallery-description
    a,
  .news-category-travel-page-container
    .top-container
    .main-gallery-container
    .main-gallery-content-wrapper
    .main-gallery-title
    a {
    color: #1d1d1d;
  }

  .gallery-category-page-container .top-container .videos-widget-container {
    padding-bottom: 24px;
  }

  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .category-tag
    a,
  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .date,
  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .description
    a,
  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .text-frame
    .title
    a,
  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    > .title,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .gallery-author-wrapper
    .author-name,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .gallery-tags
    .title {
    color: #1d1d1b;
  }

  .footer .text,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .bottom
    .standard-right-thumb-card-sm
    .text-frame
    .date,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-left
    .standard-card-sm
    .text-frame
    .date,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-right
    .standard-card-sm
    .text-frame
    .date,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .gallery-category-galleries-wrapper
    .standard-card
    .text-frame
    .date,
  .gallery-category-page-container
    .top-container
    .videos-widget-container
    .bottom
    .news-container
    .standard-card
    .text-frame
    .date,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .gallery-list-wrapper
    .standard-card
    .text-frame
    .date {
    color: #adadad;
  }

  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-left
    .standard-card-sm
    .image-frame.with-icon
    a
    .play-icon,
  .gallery-category-page-container.photo-gallery-category-page-container
    .top-container
    .videos-widget-container
    .videos-widget-wrapper
    .top
    .standard-card-sm
    .image-frame
    .gallery-icon {
    width: 53px;
    height: 53px;
  }

  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    > .title,
  .gallery-category-page-container
    .top-container
    .videos-widget-container
    > .title {
    font-family: TRT-Bold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    text-transform: unset;
  }

  .gallery-category-page-container
    .top-container
    .videos-widget-container
    > .title
    i {
    width: 12px;
    height: 12px;
    margin: 8px 8px 0 0;
    background-color: #fff;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    > .title
    i {
    width: 12px;
    height: 12px;
    margin: 8px 8px 0 0;
    background-color: #cf1d39;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-left
    .standard-card-sm {
    border-bottom: 1px solid #404040;
  }

  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .bottom
    .standard-right-thumb-card-sm
    .image-frame.with-icon
    a
    .play-icon,
  .gallery-category-page-container
    .bottom-container
    .default-widget-container
    .default-widget-wrapper
    .top-right
    .standard-card-sm
    .image-frame.with-icon
    a
    .play-icon {
    width: 33px;
    height: 33px;
  }

  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .title-container
    > .title,
  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    > .title,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .title-container
    > .title,
  .gallery-page-container .bottom-container .gallery-list-container > .title {
    font-family: TRT-Bold, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }

  .gallery-category-page-container
    .bottom-container
    .gallery-category-galleries-container
    .title-container
    > .title,
  .gallery-page-container
    .bottom-container
    .gallery-list-container
    .title-container
    > .title {
    margin-bottom: 0 !important;
  }

  .video-detail-page-container .top-container {
    padding-top: 16px;
  }

  .video-detail-page-container .top-container .info-bar {
    align-items: center;
    justify-content: space-between;
    order: 1;
  }

  .video-detail-page-container .top-container .title-container {
    order: 2;
  }

  .video-detail-page-container .top-container .authors-container {
    order: 3;
  }

  .video-detail-page-container .top-container .player-container {
    order: 4;
  }

  .video-detail-page-container .top-container .date-source-container {
    margin-top: 12px;
    margin-bottom: 24px;
    order: 6;
  }

  .video-detail-page-container .top-container .description {
    font-size: 14px;
    line-height: 20px;
    order: 5;
  }

  .video-detail-page-container .top-container .video-tags {
    margin-top: 12px;
    order: 7;
  }

  .video-detail-page-container .top-container .bottom-authors-container {
    order: 8;
    margin-bottom: 8px;
  }

  .video-detail-page-container .top-container .mobile-next-videos-container {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    order: 9;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper.next-videos-slider
    .slick-arrow {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    z-index: 1;
    opacity: 0.3;
    padding: 0;
    border: none;
    background-color: #000;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper.next-videos-slider
    .slick-arrow.next-videos-slider-prev {
    left: 0;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper.next-videos-slider
    .slick-arrow.next-videos-slider-next {
    right: 0;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a {
    width: 285px;
    height: 114px;
    margin-right: 16px;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    background-color: #cf1d39;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 12px;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video
    .image-frame {
    width: 90px;
    height: 90px;
    position: relative;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
    margin-right: 8px;
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video
    .image-frame
    .play-icon {
    width: 33px;
    height: 33px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .video-detail-page-container
    .top-container
    .mobile-next-videos-container
    .next-videos-wrapper
    a
    .next-video
    .text-frame {
    width: 163px;
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container {
    height: auto;
    padding-bottom: 24px;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .yellow-box {
    width: 100vw;
    height: 100%;
    background-color: #ffe88d;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
    z-index: -1;
  }

  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column
    textarea,
  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper {
    height: auto;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-category-social-container
    a.category-link
    .main-photo-category {
    padding: 7px 12px 5px;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-title-social-container
    .main-photo-title {
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    color: #1d1d1b;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .main-photo-time-source {
    width: 100%;
    color: #1d1d1b;
    margin-top: 12px;
    order: 2;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .main-photo-description {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #1d1d1b;
    margin-top: 20px;
    order: 1;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .gallery-author-wrapper {
    margin-top: 12px;
    order: 3;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .gallery-tags {
    margin-top: 12px;
    order: 4;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .top-container
    .main-photo-container
    .main-photo-content-wrapper
    .main-photo-time-source-description-container
    .gallery-tags
    .tags
    a {
    background-color: #404040;
    color: #fff;
    height: max-content;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .bottom-container
    .gallery-photo-container
    .text-frame
    .counter {
    width: 40px;
    height: 40px;
    font-size: 28px;
    line-height: 40px;
    margin-right: 12px;
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .bottom-container
    .gallery-photo-container
    .text-frame
    .title-description-container {
    width: calc(100% - 52px);
  }

  .photo-gallery-detail-page-container
    .gallery-detail-container
    .bottom-container
    .gallery-photo-container
    .text-frame
    .title-description-container
    .title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 9px;
  }

  .container .next-gallery-container img {
    width: 68px;
    height: 68px;
  }

  .container .next-gallery-container .title-container {
    width: calc(100% - 141px);
  }

  .author-post-page-container .top-container,
  .podcasts-page-container .top-container {
    padding: 16px 0;
  }

  .podcasts-page-container .top-container .page-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    margin-bottom: 24px;
  }

  .podcasts-page-container .top-container .page-title i {
    width: 12px;
    height: 12px;
    margin: 12px 8px 0 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .podcasts-page-container
    .top-container
    .main-podcast-container
    .podcast-title
    a {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -1px;
  }

  .podcast-detail-page-container .top-container .podcast-author-wrapper {
    margin: 16px 0;
    order: 6;
  }

  .author-post-page-container
    .top-container
    .author-info-container
    .author-info-wrapper
    .author-image-wrapper
    img {
    width: 60px;
  }

  .author-post-page-container
    .top-container
    .author-info-container
    .author-info-wrapper
    .author-name-email-wrapper {
    margin-left: 10px;
  }

  .author-post-page-container
    .top-container
    .author-info-container
    .author-info-wrapper
    .author-name-email-wrapper
    .author-name-title {
    font-size: 18px;
    line-height: 20px;
  }

  .author-post-page-container .top-container .author-pages-buttons-container a {
    width: 100%;
    margin-bottom: 10px;
  }

  .breaking-news-page-container .left .last-news-title,
  .weather-page-container .bottom .left h2,
  .weather-page-container h2 {
    font-size: 16px;
    line-height: 18px;
    padding: 5px 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .breaking-news-page-container .left .last-news-container {
    flex-flow: column nowrap;
    margin-top: 12px;
  }

  .breaking-news-page-container .left .category-last-news-container {
    margin: 12px 0 24px;
  }

  .weather-page-container .top .top-row .city-list-container span {
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }

  .weather-page-container .top .top-row .city-list-container ul {
    top: 56px;
  }

  .weather-page-container .top .top-row .max-min-temp-city {
    width: 100%;
    border: none;
  }

  .weather-page-container .top .top-row .max-min-temp-city:first-of-type {
    border-bottom: 1px solid #d3d3d3;
  }

  .weather-page-container .bottom .left .nav-tabs .nav-item {
    width: 100%;
    margin-bottom: 0;
    border: none;
  }

  .weather-page-container .bottom .left .nav-tabs .nav-item a {
    padding: 4px 0;
  }

  .weather-page-container .bottom .left .nav-tabs .nav-item:nth-of-type(2) a {
    border-left: none;
    border-right: none;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
  }

  .weather-page-container .bottom .left .nav-tabs .nav-item a > span {
    margin-top: 2px;
  }

  .weather-page-container
    .bottom
    .left
    .nav-tabs
    .nav-item
    a
    .image-temp-wrapper
    .image,
  .weather-page-container
    .bottom
    .left
    .nav-tabs
    .nav-item
    a
    .image-temp-wrapper
    .temp {
    height: 24px;
  }

  .weather-page-container
    .bottom
    .left
    .nav-tabs
    .nav-item
    a
    .image-temp-wrapper
    .image
    img {
    width: 24px;
    height: 24px;
  }

  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-top
    .city-info,
  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-top
    .image,
  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-top
    .weather-detail {
    width: 100%;
    height: auto;
    padding: 0;
  }

  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-top
    .image
    img {
    width: 64px;
    height: 64px;
  }

  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-top
    .city-info {
    border-left: none;
    border-right: none;
    margin: 12px 0;
  }

  .weather-page-container
    .bottom
    .left
    .tab-content
    .tab-pane
    .tab-pane-bottom {
    margin: 12px 0;
    font-size: 12px;
  }

  .weather-warning-page-container .day-selector-container,
  .weather-warning-page-container .day-selector-container .day-button,
  .weather-warning-page-container
    .map-container
    .colors-info-container
    .color-box,
  .weather-warning-page-container .weather-icons-container .weather-icon {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .weather-warning-page-container .day-selector-container {
    width: 90%;
  }

  .weather-warning-page-container .day-selector-container .day-button {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }

  .weather-warning-page-container .map-container .colors-info-container {
    flex-flow: row wrap;
    width: 100%;
  }

  .weather-warning-page-container
    .map-container
    .colors-info-container
    .color-box {
    width: calc(50% - 10px);
    height: 40px;
    margin: 5px;
  }

  .weather-warning-page-container
    .map-container
    .colors-info-container
    .color-box
    span:first-of-type {
    font-size: 14px;
    line-height: 15px;
  }

  .weather-warning-page-container
    .map-container
    .colors-info-container
    .color-box
    span:nth-of-type(2) {
    font-size: 12px;
    line-height: 15px;
  }

  .weather-warning-page-container .weather-icons-container .weather-icon {
    width: calc(25% - 10px);
  }

  .weather-warning-page-container .section-title {
    margin: 30px 0 10px;
  }

  .weather-warning-page-container .warnings-table-container .city-column {
    width: 100%;
    margin: 5px 0;
  }

  .weather-warning-page-container
    .district-warnings-table-container
    .district-column
    .district-warning-info {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .program-episodes-page-container
    .mobile-social-links-container
    .social-links-container {
    width: 264px;
  }

  .program-episodes-page-container .top-container .top .standard-card,
  .program-episodes-page-container .top-container .top .standard-card-sm {
    width: 100%;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .program-episodes-page-container
    .top-container
    .top
    .standard-card
    .image-frame
    .video-container,
  .program-episodes-page-container
    .top-container
    .top
    .standard-card-sm
    .image-frame
    .video-container {
    position: relative;
    padding-bottom: 56.25%;
  }

  .program-episodes-page-container
    .top-container
    .top
    .standard-card
    .image-frame
    .video-container
    iframe,
  .program-episodes-page-container
    .top-container
    .top
    .standard-card-sm
    .image-frame
    .video-container
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .container
    .contact-page-container
    .contact-info-form-wrapper
    ul.contact-info-wrapper
    li
    label {
    width: 85px;
  }

  .container
    .contact-page-container
    .contact-info-form-wrapper
    ul.contact-info-wrapper
    li
    .text {
    width: calc(100% - 85px);
  }

  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column {
    width: 100%;
    margin: 10px 0;
  }

  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column
    input[type="email"],
  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column
    input[type="text"],
  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column
    textarea {
    height: 28px;
    font-size: 24px;
    line-height: 28px;
  }

  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column
    .label,
  .container
    .contact-page-container
    .contact-info-form-wrapper
    .contact-form-wrapper
    form
    .input-row
    .input-column
    img,
  .footer .footer-social-container ul.footer-social-links li {
    float: left;
  }

  .add-site-page-container .rss-link-list a {
    font-size: 12px;
    line-height: 16px;
  }

  .ramadan-timer-container .ramadan-timer-wrapper {
    height: 200px;
  }

  .ramadan-timer-container .ramadan-timer-wrapper .city-list-wrapper {
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .ramadan-timer-container
    .ramadan-timer-wrapper
    .city-list-wrapper
    .city-list-select
    .city-name {
    font-size: 14px;
    line-height: 14px;
  }

  .ramadan-timer-container .ramadan-timer-wrapper .city-timer-parent {
    top: 55%;
    height: 140px;
  }

  .ramadan-timer-container
    .ramadan-timer-wrapper
    .city-timer-parent
    .city-timer-title {
    font-size: 20px;
  }

  .ramadan-timer-container
    .ramadan-timer-wrapper
    .city-timer-parent
    .city-timer {
    width: 80%;
    height: 80px;
    margin: 10px auto;
  }

  .ramadan-timer-container
    .ramadan-timer-wrapper
    .city-timer-parent
    .city-timer
    .timer-item
    span:first-of-type {
    font-size: 40px;
  }

  .ramadan-timer-container
    .ramadan-timer-wrapper
    .city-timer-parent
    .city-timer
    .timer-item
    span:last-of-type {
    font-size: 20px;
    margin-top: -10px;
  }

  .ramadan-timer-container .ramadan-timer-wrapper .ramadan-timer-url {
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 12px;
    padding: 2px 10px 0;
  }

  .live-blog-detail-container {
    height: 300px;
  }

  .live-blog-detail-container .live-blog-content-wrapper {
    padding: 16px;
    bottom: 20px;
  }

  .live-blog-detail-container .live-blog-content-wrapper .live-blog-title,
  .tag-news-page-header-container
    .tag-news-page-header-content-wrapper
    .tag-news-page-header-title {
    font-size: 32px;
    line-height: 32px;
  }

  .live-blog-posts-container .news-content-container {
    padding: 10px 0 !important;
  }

  .live-blog-posts-container .news-content-container .news-info-bar {
    margin-bottom: 8px !important;
    align-items: flex-start !important;
  }

  .live-blog-posts-container
    .news-content-container
    .news-info-bar
    .source-date-container
    .created-date {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }

  .live-blog-posts-container
    .news-content-container
    .news-info-bar
    .source-date-container
    .created-date
    img {
    width: 16px;
    height: 16px;
  }

  .live-blog-posts-container
    .news-content-container
    .news-info-bar
    .source-date-container
    .source {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-left: none !important;
  }

  .live-blog-posts-container
    .news-content-container
    .news-info-bar
    .source-date-container
    .source
    label {
    font-family: TRT-Medium, sans-serif;
    display: inline-block !important;
    margin-right: 8px !important;
  }

  .live-blog-posts-container .news-content-container .news-title {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-bottom: 16px !important;
  }

  .tag-news-page-header-container,
  .tag-news-page-header-container .tag-news-page-header-gradient {
    height: 350px;
  }

  .tag-news-page-header-container {
    margin-top: 0;
  }

  .tag-news-page-header-container .tag-news-page-header-content-wrapper {
    padding: 16px;
    bottom: 0;
  }

  .tag-news-page-header-container
    .tag-news-page-header-content-wrapper
    .tag-news-page-header-title
    i {
    width: 18px;
    height: 18px;
    margin: 8px 8px 0 0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .footer {
    width: 100%;
    height: auto;
    background-color: #101010;
    text-align: center;
    padding: 40px 0;
    margin-top: 32px;
  }

  .footer .logo {
    width: 183px;
    height: 32px;
    margin-bottom: 32px;
  }

  .footer .footer-mobile-menu-container {
    display: block;
    width: max-content;
    margin: 0 auto 24px;
  }

  .footer .footer-mobile-menu-container ul.footer-mobile-menu {
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
  }

  .footer .footer-mobile-menu-container ul.footer-mobile-menu li a {
    color: #fff;
    font-family: TRT-Bold, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 6px;
  }

  .footer .footer-social-container {
    display: block;
    width: max-content;
    margin: 0 auto 32px;
  }

  .footer .footer-social-container ul.footer-social-links {
    list-style: none;
    display: flex;
  }

  .footer .footer-social-container ul.footer-social-links li a {
    margin: 0 16px;
  }

  .footer .footer-social-container ul.footer-social-links li a span {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
  }

  .footer .footer-social-container ul.footer-social-links li a span.facebook {
    background: url("") center/8px no-repeat #475152;
  }

  .footer .footer-social-container ul.footer-social-links li a span.twitter {
    background: url("") center/15px no-repeat
      #475152;
  }

  .footer .footer-social-container ul.footer-social-links li a span.instagram {
    background: url("") center/15px no-repeat
      #475152;
  }

  .footer .footer-social-container ul.footer-social-links li a span.youtube {
    background: url("") center/17px no-repeat #475152;
  }

  .footer .text {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin: 0 16px 32px;
  }

  ul.footer-sub-menu {
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    width: max-content;
    margin: 0 auto;
  }

  ul.footer-sub-menu li a {
    color: #adadad;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0;
  }

  .cookie-policy-container .cookie-policy-wrapper {
    padding: 0 16px;
    align-items: center;
  }

  .cookie-policy-container .cookie-policy-wrapper .cookie-policy-text {
    line-height: 16px;
  }

  .native-share-dialog {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 500px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    z-index: -1;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
  }

  .native-share-dialog.is-open {
    display: block;
    z-index: 99999;
  }

  .native-share-dialog .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .native-share-dialog .header .dialog-title {
    font-family: NotoSans-Medium, sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
  }

  .native-share-dialog .header .close-button {
    font-family: TRT-Bold, sans-serif;
    font-size: 15px;
    color: #cf1d39;
  }

  .native-share-dialog .targets {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    margin-bottom: 10px;
  }

  .native-share-dialog .targets .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 8px 0;
    color: #777;
    text-align: center;
    font-family: NotoSans-Regular, sans-serif;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 2px;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
  }

  .native-share-dialog .targets .button i {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 5px;
  }

  .native-share-dialog .targets .facebook-button i {
    background: url("../img/post-facebook-icon.svg") center/9px no-repeat;
  }

  .native-share-dialog .targets .twitter-button i {
    background: url("../img/post-new-twitter-icon.svg") center/17px no-repeat;
  }

  .native-share-dialog .targets .linkedin-button i {
    margin-top: -2px;
    background: url("../img/post-linkedin-icon.svg") center/17px no-repeat;
  }

  .native-share-dialog .targets .whatsapp-button i {
    background: url("../img/post-whatsapp-icon.svg") center/17px no-repeat;
  }

  .native-share-dialog .targets .email-button i {
    background: url("../img/post-email-icon.svg") center/17px no-repeat;
  }

  .native-share-dialog .link {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
  }

  .native-share-dialog .link .share-copy-url {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    background: 0 0;
  }

  .native-share-dialog .link .copy-link {
    background-color: grey;
    padding: 5px 30px;
    color: #fff;
  }
}