@charset "UTF-8";
 /* CSS Document */
 @media (max-width: 1259px) and (min-width: 980px) {
   .container {
     max-width: 924px;
   }
   .h-inline-pro {
     grid-template-columns: 1fr;
     align-items: stretch;
     grid-auto-rows: 169px;
   }
   .h-inline-pro .sub-head ul li {
     color: rgba(255, 255, 255, 0.8)
   }
   .h-inline-pro.mini {
     grid-template-columns: 1fr;
     align-items: stretch;
     grid-auto-rows: 125px;
   }
   .h-inline-pro .story-image {
     grid-column: 1/2;
     grid-row: 1/3;
   }
   .h-inline-pro .details-box .nested-details-box {
     align-content: end;
   }
   .h-inline-pro .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-pro .story-image a .large-icon-rep i {
     color: #ffffff;
     font-size: 8rem;
     margin: 6px;
     opacity: 0.7;
   }
   .h-inline-pro .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-pro .story-image a .medium-icon-rep i {
     color: #ffffff;
     font-size: 5rem;
     margin: 6px;
     opacity: 0.6;
   }
   .h-inline-pro .story-image a .icon-rep {
     top: 0;
     right: 0;
     z-index: 2
   } /*---------UPDATE--------*/
   .h-inline-pro .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-pro .details-box .nested-details-box {
     display: grid;
     grid-template-columns: 1fr;
     justify-items: stretch;
     align-items: baseline;
     z-index: 9999;
   }
   .h-inline-pro .details-box .hd {
     color: #ffffff;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .8)
   }
   .h-inline-pro .section-title {
     font-size: 0.8rem;
     text-transform: uppercase;
     line-height: 1.4;
     color: #000;
   }
   .h-inline-pro .section-title a {
     position: static;
     padding: 2px 6px;
     background-color: #FFE200;
   }
   .h-inline-pro .section-title a::after {
     display: none;
   }
   .h-inline-pro.mini .section-title {
     font-size: 0.9rem;
     text-transform: uppercase;
     line-height: 1.4;
     color: #fff;
   }
   .h-inline-pro.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-pro.mini .section-title a::after {
     display: none;
   }
   .h-inline-pro .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-pro .authors-name a {
     background-color: rgba(255, 255, 255, 0.9);
     padding: 3px 6px; /*----UPDATE-----*/
     border-radius: 3px;
     position: relative;
   }
   .h-inline-pro .authors-name a i {
     font-size: 1rem;
     position: relative;
     top: 3px;
     color: #aaaaaa;
     margin-right: 3px;
   }
   .h-inline-pro .post-time {
     color: #fff;
   }
   /*---GRIDS----*/
   .top-news-block {
     grid-template-columns: repeat(3, 300px);
     grid-auto-rows: 338px;
   }
   /*---LEAD----*/
   .lead1 {
     grid-column: 1/3;
     grid-row: 1/2;
   }
   /*---AD BOX----*/
   .ad-box-1 {
     grid-row: 1/2;
   }
   .v-hot {
     grid-column: 1/4;
     grid-row: 4/5;
   }
   .v-hot-container {
     grid-template-columns: repeat(3, 300px);
   }
   /*---LEAD----*/
   .g-box {
     grid-column: 1/3;
     grid-row: 5/9;
   }
   .horizondal-main {
     grid-auto-rows: 119px;
   }
   .horizondal-lead {
     grid-column: 1/3;
     grid-row: 1/3;
   }
   .horizondal-lead .story-image .img-full {
     object-position: center;
   }
   .h-block-tab {
     grid-auto-rows: 119px !important;
     grid-template-columns: 4fr 2fr;
   }
   .h-block-tab .story-image {
     order: 2;
   }
   .h-block-tab .details-box {
     padding: 12px;
     order: 1
   }
   .tri-2 {
     grid-column: 3/5;
     grid-row: 1/2
   }
   .tri-3 {
     grid-column: 3/5;
     grid-row: 2/3
   }
   .oped-local-block {
     grid-template-columns: repeat(3, 1fr);
   }
   /*---OPED----*/
   .oped {
     grid-column: 1/2;
     grid-row: 2/5;
   }
   .nattuvishesham {
     grid-column: 2/4;
     grid-row: 2/4;
   }
   .others-news-block {
     grid-template-columns: repeat(3, 1fr);
   }
   .other-news {
     grid-column: 1/3;
     grid-row: 1/5;
   }
   .other-news .post-time {
     display: block;
   }
   .mdl-mega-footer__middle-section {
     grid-gap: 12px;
     grid-template-columns: repeat(7, 1fr);
   }
   /*================NORMAL SECTION PAGE================*/
   .inner-page .top-news-block .other-news {
     grid-row: 2/5;
   }
   .pagenation .pagenation-container {
     grid-template-columns: repeat(3, 1fr);
   }
   .pagenation .inner {
     grid-column: 1/3;
   }
   /*================CLASSIFIEDS================*/
   .classifieds .classi-block {
     grid-template-columns: repeat(3, 300px);
   }
   /*================SUBSCRIBE================*/
   .subscribe .page-title-outer {
     grid-template-columns: 3fr 3fr;
     align-items: center;
   }
   .subscribe .thumb-block {
     grid-template-columns: repeat(5, 1fr);
   }
   .subscribe .in-thumb {
     grid-template-columns: 1fr;
     grid-template-rows: 244px auto;
   }
   .subscribe .issue-detail-inside .thumb-image {
     grid-column: 1/2;
     grid-row: 1/3;
   }
   .subscribe .issue-detail-inside .edition-description {
     grid-column: 2/4;
   }
   .subscribe .issue-detail-inside .plans {
     grid-column: 2/4;
   }
   /*--====================TOP-BAR=================--*/
   .top-bar .top-bar-search {
     display: none;
   }
   .follow-us {
     display: none;
   }
   /*-----================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, .images-block, .normal-metro, .masonry-metro, .others-news-block, .pagenation-container {
     grid-template-columns: repeat(3, 1fr);
   }
   /*-----================TOP-BLOCK-STYLE-1===================-----*/
   .style-1 .lead1 {
     grid-column: 1/ span 3;
   }
   .style-1 .lead2 {
     grid-column: 1/ span 2;
   }
   .style-1 .ad-box-1 {
     grid-column: 3/4;
     grid-row: 2/3;
   }
   /*-----================TOP-BLOCK-STYLE-1-X===================-----*/
   .style-1-x .lead2 {
     grid-column: 1/2;
   }
   .style-1-x .ad-box-1 {
     grid-row: 1/3;
   }
	  /*-----================TOP-BLOCK-STYLE-2===================-----*/
   .style-2 .lead1 {
     grid-column: 1/span 2;
   }
   .style-2 .lead2 {
     grid-column: 1/ span 2;
   }
  .style-2 .video-lead {
     grid-column: span 2;
   }
   /*-----================TOP-BLOCK-STYLE-2-X===================-----*/
   .style-2-x .lead1 {
     grid-column: 1/4;
   }
   .style-2-x .lead2 {
     grid-column: 1/ span 2;
   }
   .style-2-x .ad-box-1 {
     grid-column: 3/4;
     grid-row: 2/4;
   }
   /*-----================TOP-BLOCK-STYLE-3===================-----*/
   .style-3 .lead1 {
     grid-column: span 2;
     grid-row: 1/2;
   }
   .style-3 .lead2 {
     grid-column: 1/2;
     grid-row: 2/3;
   }
   .style-3 .ad-box-1 {
     grid-row: 2/ sapn 2;
   }
   .style-3 .v-hot {
    grid-row: 3/4;
   }
   .style-3 .g-box {
    grid-row: 4/8;
	 }
	/*-----================TOP-BLOCK-STYLE-3-X===================-----*/
	 .style-3-x .lead1 {
     grid-column: span 3;
     grid-row: 1/2;
   }
   .style-3-x .lead2 {
     grid-column: 1/2;
     grid-row: 2/3;
   }
   .style-3-x .ad-box-1 {
	 grid-column: 3/4;
     grid-row: 2/ span 2;
   }
   .style-3-x .video-lead {
     grid-column: span 2;
   }
	  /*-----================TOP-BLOCK-STYLE-4===================-----*/
   .style-4 .lead1 {
     grid-column: span 3;
     grid-row: 1/2;
   }
   .style-4 .lead2 {
     grid-column: 1/2;
     grid-row: 2/3;
   }
   /*-----================SINGLE-BlOCK===================-----*/
   .single-block .lead1 {
     grid-column: 1/4;
     grid-row: 1/2;
   }
   /*-----================SINGLE-BlOCK-LARGE===================-----*/
   .single-block-large .lead1 {
     grid-column: 1/4;
     grid-row: 1/3;
   }
   .single-block-large .lead1 .h-inline {
     grid-auto-rows: 344px;
   }
   /*-----================SINGLE-BlOCK-LIST===================-----*/
   .single-block-list .lead1 {
     grid-column: 1/4;
     grid-row: 1/2;
   }
   .single-block-list .lead1 .h-block {
     grid-auto-rows: 338px;
     grid-template-columns: 1fr 1fr;
   }
   .single-block-list .lead1 .story-image {
     order: 1;
   }
   .single-block-list .lead1 .details-box {
     order: 2;
   }
   /*-----================SINGLE-BlOCK-LIST-MINI===================-----*/
   .single-block-list-mini .lead1 {
     grid-column: 1/3;
     grid-row: 1/2;
   }
   .single-block-list-mini .lead1 .h-block {
     grid-auto-rows: 338px;
     grid-template-columns: 1fr 1fr;
   }
   .single-block-list-mini .lead1 .details-box {
     background-color: #003f93;
     color: #fff;
   }
   .single-block-list-mini .lead1 .details-box .hd, .single-block-list-mini .lead1 .details-box .sub-head {
     color: #fff;
   }
   .single-block-list-mini .lead1 .details-box .sub-head ul li::before {
     border: 1px solid #fff;
   }
   /*================CLASSI BLOCK SP================*/
   .sp-page .classi-block {
     grid-template-columns: repeat(3, 300px);
   }
   /*-----================FOOR-COLUMN===================-----*/
   .four-column {
     grid-template-columns: repeat(4, 1fr);
   }
   /*-----================TRI-BLOCK===================-----*/
   .tri-block .h-block {
     grid-template-columns: 2fr 1fr;
   }
   .tri-block .h-block .description {
     display: none;
   }
   /*--------===============MAGAZINE=======================---*/
   .kudumbham .inner-page .page-title .title img {
     max-width: 200px;
   }
   .magazine .outer-dual {
     grid-template-columns: repeat(2, 1fr);
   }
   .magazine .outer-dual .quadra-block {
     grid-template-columns: repeat(2, 1fr);
   }
   .magazine .outer-dual .list {
     grid-column: 1/ span 2
   }
   .magazine .outer-dual .quadra-block .lead1 {
     grid-column: 1/2;
   }
   .magazine .outer-dual .list .description {
     display: none;
   }
   .magazine .outer-dual .list .h-block {
     grid-auto-rows: 163px;
   }
   .magazine .outer-dual .tri-block {
     grid-template-columns: repeat(2, 1fr);
   }
   .magazine .outer-dual .try-block .lead1 {
     grid-column: 1/ span 2;
   }
   .magazine .food {
     grid-template-columns: repeat(3, 300px);
     grid-auto-rows: 338px;
   }
   .magazine .food .lead1 {
     grid-column: 1/2;
   }
   .magazine .food .lead2 {
     grid-column: 2/3;
   }
   .magazine .single-block-list-mini .slider {
     grid-column: span 2;
   }
   .magazine .single-block-list-mini .slider .h-block {
     grid-auto-rows: 450px;
     grid-template-columns: 3fr 1fr;
   }
   .magazine.kudumbham .kids .list .podcasts .h-block {
     grid-auto-rows: 104px;
     grid-template-columns: 4fr 1fr;
   }
   .magazine.kudumbham .kids .list .podcasts .h-block .hd {
     margin-top: 12px;
     margin-bottom: 3px;
   }
   .magazine.kudumbham .kids .game-zone {
     grid-column: 1/ span 2;
   }
   .s-velicham .inner-page .page-title .title img {
     max-width: 230px;
   }
   .s-velicham .my-page-pod {
     grid-template-columns: repeat(3, 300px);
   }
   .s-velicham .my-page-pod .my-page {
     grid-column: 1/ span 2;
   }
   .magazine.weekly .inner-page .page-title .title img {
     max-width: 300px;
   }
   .magazine.weekly .socio-interview {
     grid-template-columns: repeat(3, 300px)
   }
   .magazine.weekly .socio-interview .social {
     grid-column: span 2;
   }
   .magazine.weekly .socio-interview .social .tri-block {
     grid-template-columns: repeat(3, 1fr);
   }
   .magazine.weekly .socio-interview .social .interviews .list {
     grid-template-columns: repeat(3, 1fr);
   }
   .magazine.weekly .literature {}
   .magazine.weekly .literature .tri-block {
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows: 338px;
   }
   .magazine.weekly .literature .lead {
     grid-column: span 2;
   }
   .magazine.weekly .literature-archives .archive-grid {
     grid-template-columns: repeat(3, 1fr);
   }
   .magazine.weekly .literature-archives .archive-box {
     grid-column: span 2
   }
   .magazine .archives .thumb-block {
     grid-template-columns: repeat(4, 1fr);
   }
   .magazine .magazine-in-detail-grid {
     grid-template-columns: 2fr 8fr;
   }
   .magazine .magazine-in-detail .magazine-actions {
     display: grid;
     grid-template-columns: 1fr 1fr 3fr;
   }
   /*-----================TRI-BLOCK===================-----*/
   .tri-block .h-block {
     grid-template-columns: 2fr 1fr;
   }
   .tri-block .h-block .description {
     display: none;
   }
   /*--------===============ELECTION=======================---*/
   .election.local-body .banner {
     display: grid;
     grid-template-columns: 2fr 8fr 2fr;
     background-color: #BC0000;
     color: rgba(255, 255, 255, 1.00);
   }
   .budget .banner .headlines {
     order: 2;
   }
   .budget .banner .sponsor {
     order: 3;
   }
   .election.local-body .tri-block-info {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
   .election.local-body .tri-block-info .live-blog {
     grid-column: 1/3;
   }
   /*--------===============BUDGET=======================---*/
   .budget .banner {
     grid-template-columns: 2fr 8fr 2fr;
   }
   .budget .tri-block-info {
     grid-template-columns: repeat(3, 1fr);
   }
   .budget .dual-block {
     grid-template-columns: 1fr 1fr;
   }
   .budget .announcement {
     grid-column: span 2;
   }
 }