@charset "UTF-8";
/* CSS Document */
@media (min-width: 656px) {
  h5, h6 {
    margin-top: 12px !important;
    margin-bottom: 3px;
  }
  .h-inline {
    grid-template-columns: 1fr;
    align-items: stretch;
    grid-auto-rows: 169px;
  }
  .h-inline .sub-head ul li {
    color: rgba(255, 255, 255, 0.8)
  }
  .h-inline.mini {
    grid-template-columns: 1fr;
    align-items: stretch;
    grid-auto-rows: 125px;
  }
  .h-inline .story-image {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .h-inline .details-box .nested-details-box {
    align-content: end;
  }
  .h-inline .story-image a .large-icon-rep {
    position: absolute;
    top: auto;
    bottom: calc(50% - 56px);
    left: calc(50% - 56px);
    background-color: rgba(0, 0, 0, 0);
  }
  .h-inline .story-image a .large-icon-rep i {
    color: #ffffff;
    font-size: 8rem;
    margin: 6px;
    opacity: 0.7;
  }
  .h-inline .story-image a .medium-icon-rep {
    position: absolute;
    top: auto;
    bottom: calc(50% - 42px);
    left: calc(50% - 42px);
    background-color: rgba(0, 0, 0, 0);
  }
  .h-inline .story-image a .medium-icon-rep i {
    color: #ffffff;
    font-size: 5rem;
    margin: 6px;
    opacity: 0.6;
  }
  .h-inline .story-image a .icon-rep {
    top: 0;
    right: 0;
    z-index: 2
  } /*---------UPDATE--------*/
  .h-inline .details-box {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-items: bottom;
    padding: 12px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9));
    z-index: 1;
  }
  .h-inline .details-box .nested-details-box {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: baseline;
    z-index: 9999;
  }
  .h-inline .details-box .hd {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .8)
  }
  .h-inline .section-title {
    font-size: 0.8rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #000;
  }
  .h-inline .section-title a {
    position: static;
    padding: 2px 6px;
    background-color: #FFE200;
  }
  .h-inline .section-title a::after {
    display: none;
  }
  .h-inline.mini .section-title {
    font-size: 0.9rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #fff;
  }
  .h-inline.mini .section-title a {
    position: static;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.9);
    border-radius: 16px
  }
  .h-inline.mini .section-title a::after {
    display: none;
  }
  .h-inline .authors-name {
    font-family: 'KENZ MDM body online', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #000; /*----NASEER UPDATE----*/
  }
  .h-inline .authors-name a {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 3px 6px; /*----UPDATE-----*/
    border-radius: 3px;
    position: relative;
  }
  .h-inline .authors-name a i {
    font-size: 1rem;
    position: relative;
    top: 3px;
    color: #aaaaaa;
    margin-right: 3px;
  }
  .h-inline .post-time {
    color: #fff;
  }
  .v-block {
    grid-auto-rows: 169px;
  }
  .v-block.mini {
    grid-auto-rows: 125px;
  }
  /*---HORIZONDAL LIST----*/
  .h-block {
    grid-auto-rows: 98px;
    grid-template-columns: 3fr 1fr;
  }
  .h-block .story-image {
    order: 2;
  }
  .h-block .details-box {
    padding: 12px;
    order: 1
  }
  .v-hot-container {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 338px;
  }
  /*---GENERAL BOX----*/
  .g-box-container {
    grid-template-columns: 2fr 1fr;
  }
  /*---SCROLL NEWS----*/
  .g-box-scroll-news {
    grid-template-columns: 1fr;
    grid-auto-rows: 98px;
	  grid-gap: 1px;
  }
	.g-box-scroll-news .story-image{
		background-color: #FFFFFF;
		padding: 12px;
		padding-left: 0;
   
  }
	.g-box-scroll-news .img-full{
    
		overflow: hidden;
  }
	.g-box-scroll-news .post-time {
	display: none;
	}
  /*---TRENDING OUTER BLOCK----*/
  .trending-block-container {
    grid-template-columns: 1fr;
    grid-auto-rows: 128px;
  }
  .trending-block-container > div {
    background-color: #E0CF8E;
  }
  /*---SPECIAL HOT----*/
  .special-hot {
    grid-row: 1/3;
  }
  /*---TRENDING----*/
  .trending {
    grid-row: 3/11;
  }
  /*---SPECIAL HOT----*/
  .sp-hot-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 134px;
    justify-items: stretch;
    align-items: normal;
  }
  .sp-hot-img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .sp-hot-img a .icon-rep {
    position: absolute;
    top: calc(50% - 266px);
    left: calc(50% - 56px);
    background-color: rgba(0, 0, 0, 0);
  }
  .sp-hot-img a .icon-rep i {
    color: #ffffff;
    font-size: 8rem;
    margin: 6px;
    opacity: 0.5;
  }
  .sp-hot-details {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-items: bottom;
    padding: 12px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9))
  }
  .nested-sp-hot-details {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: baseline;
    z-index: 9999;
  }
  .sp-hot-details .hd {
    color: #ffffff;
  }
  /*---TRENDING----*/
  .trending-container {
    display: grid;
    grid-gap: 1px;
    grid-template-columns: 1fr;
    grid-auto-rows: 132px;
    justify-items: stretch;
    align-items: stretch;
  }
  .trending .story-image {
    display: none;
  }
  .trending .title-bar {
    text-align: center;
  }
  .trending .h-block {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 132px;
    justify-items: stretch;
    align-items: stretch;
  }
  .trending .h-block .details-box {
    background-color: #FFF7CE;
	border-left: solid 5px #e0cf8e;
}
  }
  /*-----RUGHT LIST-------*/
  .right-list-section-container {
    grid-gap: 2px;
    grid-template-columns: 1fr;
    grid-auto-rows: 338px;
  }
  .right-list-container {
    grid-gap: 1px;
    grid-template-columns: 1fr;
    grid-auto-rows: 130px;
  }
  .right-list-container > div {
    background-color: #fff;
    padding: 12px;
  }
  .right-list-container .h-block {
    display: grid;
    grid-auto-rows: 104px;
    grid-template-columns: 3fr 1fr;
    justify-items: stretch;
    align-items: stretch;
  }
  .right-list-container .h-block .details-box {
    padding: 0px;
    padding-right: 8px;
  }
  .right-list-container .post-time {
    display: none;
  }
  /*---MIDDLE EAST----*/
  .right-list-section-container .top {
    grid-row: 1/2;
    background-color: #ffffff;
  }
  .right-list-section-container .list {
    grid-row: 2/4;
  }
  /*---AD CONTAINER----*/
  .ad-container-desktop {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(75px, auto);
  }
  /*---EDITORS CHOICE----*/
  .editors-choice {
    grid-template-columns: repeat(4, 1fr);
  }
  /*---HORIZONDAL BLACK BLOCK----*/
  .horizondal-black-block {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 250px;
    padding: 12px;
    background-color: black;
  }
  .horizondal-main {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 250px;
  }
  .horizondal-tri-box {
    grid-column: 1/4;
  }
  .horizondal-lead {
    grid-column: 1/3;
  }
  /*---OPED MAIN BLOCK----*/
  .oped-main-block {}
  /*---OPED NATTUVISHESHAM BLOCK----*/
  .oped-local-block {
    grid-auto-rows: 338px;
  }
  .oped-container {
    grid-gap: 12px;
    grid-template-columns: 1fr;
    grid-auto-rows: 132px;
    justify-items: stretch;
    align-items: stretch;
  }
  .oped .story-image {
    order: 1;
    display: flex;
    align-items: center;
    background: linear-gradient(to right, transparent 50%, white 50%);
    background: -webkit-linear-gradient(to right, transparent 50%, white 50%);
  }
  .oped .story-image .img-author {
    width: 75px;
    height: 75px;
    border: solid 5px #ddd;
    object-fit: cover;
    -webkit-object-fit: cover;
    border-radius: 50%;
    align-self: center;
  }
  .oped .h-block {
    display: grid;
    grid-template-columns: 2fr 4fr;
    grid-auto-rows: 132px;
    justify-items: stretch;
    align-items: stretch;
  }
  .local-scroll-news {
    grid-template-columns: 1fr;
  }
  .nattuvishesham .h-block {
    grid-template-columns: 1fr 3fr;
    grid-auto-rows: 100px;
  }
  .nattuvishesham .h-block .story-image, .other-news .h-block .story-image {
    order: 1
  }
  .nattuvishesham .h-block .details-box, .other-news .h-block .details-box {
    order: 2
  }
  .mini-boxs .v-block {
    grid-template-rows: 169px 124px;
  }
  .mini-boxs .post-time, .other-news .post-time {
    display: none;
  }
  .mini-boxs .details-box {
    background-color: #cfd8dc;
  }
  .others-news-block {
    grid-auto-rows: 338px;
  }
  .other-news .h-block {
    grid-template-columns: 1fr 3fr;
    grid-auto-rows: 139px;
  }
  .other-news .hd {
    margin-top: 12px;
  }
  .other-news .description {
    display: none;
  }
  /*---IMAGES----*/
  .images-block {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 250px;
    padding: 12px;
    background-color: black;
  }
  .images-block .horizondal-lead {
    grid-column: auto;
    grid-row: 1/2;
  }
  .images-block .h-inline.mini {
    grid-auto-rows: 119px;
  }
  .floating-button {
    display: none;
  }
  /*================NORMAL SECTION PAGE================*/
  .right-trending-section {
    display: none;
  }
  .inner-page .other-news .h-block {
    grid-auto-rows: 138px;
  }
  .inner-page .top-news-block .other-news {
    grid-row: 2/5;
  }
  .inner-page .others-news-block .other-news {
    grid-row: 1/4;
  }
  /*================MULTIMEDIA SECTION PAGE================*/
  .multimedia .page-title .title {
    color: #666;
  }
  .multimedia .pagenation .inner {
    grid-column: 1/5;
  }
  /*================CLASSIFIEDS================*/
  .classifieds {}
  .classifieds .classi-block {
    display: grid;
    grid-auto-rows: 163px;
    grid-gap: 12px;
  }
  .classifieds .imaged-block {
    grid-row: span 2;
    background: #fff;
  }
  .classifieds .ad-box {
    grid-row: span 2;
  }
  .classifieds .v-block {
    grid-auto-rows: 163px;
  }
  .classifieds .pagenation .inner {
    grid-column: 1/5;
  }
  /*================BLOCKS SECTION================*/
  .block-section .pagenation .inner {
    grid-column: 1/5;
  }
  /*================DARK================*/
  .dark .trending-block-container > div {
    background-color: #4A3B16;
    ;
  }
  .dark .trending .h-block .details-box {
    background-color: #312A0F;
	border-left: solid 5px #312a0f;
}


  }
  /*================SUBSCRIBE================*/
  .subscribe .quick-contact {
    grid-template-columns: 30px 1fr 30px 1fr;
    align-items: center;
  }
  
  .subscribe .issue-detail-inside .edition-grid .h-row {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px;
    color: rgba(228, 228, 228, 1.00);
  }
  .subscribe .issue-detail-inside .table-grid {
    grid-template-columns: repeat(3, 1fr);
    overflow: visible;
  }
  /*--===============HOVER EFFECT==================--*/
  /*.h-block:hover, .v-block:hover, .h-inline:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .05), 0 1px 5px 0 rgba(0, 0, 0, .12);
  }*/
  .mdl-layout__drawer-button .material-icons {
    color: transparent;
  }
  /*--===============CLASSIFIEDS-MASONRY==================--*/
  .classifieds-masonry .pagenation .inner {
    grid-column: 1/5;
  }
  /*-----================SPECIAL PAGE===================-----*/
  .sp-page {}
  .sp-page .classi-block {
    display: grid;
    grid-auto-rows: 163px;
    grid-gap: 12px;
  }
  .sp-page .classi-block .imaged-block {
    grid-row: span 2;
    background: #fff;
  }
  .sp-page.dark .classi-block .imaged-block {
    background: #232323;
  }
  .sp-page .classi-block .ad-box {
    grid-row: span 2;
  }
  .sp-page .classi-block .v-block {
    grid-auto-rows: 163px;
  }
  .sp-page .pagenation .inner {
    grid-column: 1/5;
  }
  /*-----================TOP-BLOCK-STYLES===================-----*/
  .style-1, .style-1-x, .style-2, .style-2-x, .style-3, .style-3-x, .style-4, .single-block, .single-block-mini, .single-block-large, .single-block-list, .single-block-list-mini, .dual-block, .normal-metro, .others-news-block {
    grid-auto-rows: 338px;
  }
  .images-block {
    grid-auto-rows: 238px;
  }
  /*-----================SINGLE-BlOCK-LIST===================-----*/
  .single-block-list .lead1 .details-box .sub-head ul li::before {
    border: 1px solid #333;
  }
  .dark .single-block-list .lead1 .details-box .sub-head ul li::before {
    border: 1px solid #aaa;
  }
  /*-----================CONTEST-BlOCK===================-----*/
  .contest-block {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
  .contest-block .left-box {
    background-color: #fff;
  }
  .contest-block .right-box {
    padding: 30px;
    background-color: #fff;
    text-align: center;
  }
  .contest-block .right-box .title {
    align-content: flex-start;
  }
  .contest-block .right-box .form {
    align-self: center;
  }
  .contest-block .right-box .bottom {
    align-self: flex-end;
  }
  .contest-block .h-inline {
    grid-auto-rows: 100%;
  }
  .contest-block .form-dual-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    text-align: left;
  }
  .contest-block .combine-row {
    grid-column: 1/3;
  }
  /*-----================TRI BLOCK===================-----*/
  .tri-block .h-block, .four-column .h-block {
    grid-auto-rows: 163px;
    grid-template-columns: 4fr 1fr;
  }
  .tri-block .h-block .hd, .four-column .h-block .hd {
    margin-top: 12px;
    margin-bottom: 3px;
  }
  /*-----================MAGAZINE===================-----*/
  .kudumbham .horizondal-black-block {
    background-color: #392072;
  }
  .s-velicham .horizondal-black-block {
    background-color: #A79615;
  }
  .magazine .magazine-brief .magazine-actions {
    grid-template-columns: repeat(2, 1fr);
  }
  .magazine.weekly .horizondal-black-block {
    background-color: #7B785A;
  }
  .magazine.weekly .interview-container {
    grid-gap: 12px;
    grid-template-columns: 1fr;
    grid-auto-rows: 132px;
    justify-items: stretch;
    align-items: stretch;
  }
  .magazine.weekly .interviews .story-image {
    order: 1;
    display: flex;
    align-items: center;
    background: linear-gradient(to right, transparent 50%, white 50%);
    background: -webkit-linear-gradient(to right, transparent 50%, white 50%);
  }
  .magazine.weekly .interviews .story-image .img-author {
    width: 75px;
    height: 75px;
    border: solid 5px #ddd;
    object-fit: cover;
    -webkit-object-fit: cover;
    border-radius: 50%;
    align-self: center;
  }
  .magazine.weekly .interviews .h-block {
    display: grid;
    grid-template-columns: 2fr 4fr;
    grid-auto-rows: 132px;
    justify-items: stretch;
    align-items: stretch;
  }
   /*-----================BUDGET===================-----*/
  .budget .dual-block {
    grid-template-columns: repeat (2, 1fr);
    grid-auto-rows: auto;
  }
}