@charset "UTF-8";
/* CSS Document */
@media (max-width: 979px) and (min-width: 656px) {
  .second-bar, .top-bar .mdl-navigation {
    display: none;
  }
  .mdl-layout__content {
    padding-top: 55px;
  }
  .container {
    max-width: 612px;
  }
	.h-inline-tab {
     grid-template-columns: 1fr;
     align-items: stretch;
     grid-auto-rows: 169px;
   }
   .h-inline-tab .sub-head ul li {
     color: rgba(255, 255, 255, 0.8)
   }
   .h-inline-tab.mini {
     grid-template-columns: 1fr;
     align-items: stretch;
     grid-auto-rows: 125px;
   }
   .h-inline-tab .story-image {
     grid-column: 1/2;
     grid-row: 1/3;
   }
   .h-inline-tab .details-box .nested-details-box {
     align-content: end;
   }
   .h-inline-tab .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-tab .story-image a .large-icon-rep i {
     color: #ffffff;
     font-size: 8rem;
     margin: 6px;
     opacity: 0.7;
   }
   .h-inline-tab .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-tab .story-image a .medium-icon-rep i {
     color: #ffffff;
     font-size: 5rem;
     margin: 6px;
     opacity: 0.6;
   }
   .h-inline-tab .story-image a .icon-rep {
     top: 0;
     right: 0;
     z-index: 2
   } /*---------UPDATE--------*/
   .h-inline-tab .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-tab .details-box .nested-details-box {
     display: grid;
     grid-template-columns: 1fr;
     justify-items: stretch;
     align-items: baseline;
     z-index: 9999;
   }
   .h-inline-tab .details-box .hd {
     color: #ffffff;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .8)
   }
   .h-inline-tab .section-title {
     font-size: 0.8rem;
     text-transform: uppercase;
     line-height: 1.4;
     color: #000;
   }
   .h-inline-tab .section-title a {
     position: static;
     padding: 2px 6px;
     background-color: #FFE200;
   }
   .h-inline-tab .section-title a::after {
     display: none;
   }
   .h-inline-tab.mini .section-title {
     font-size: 0.9rem;
     text-transform: uppercase;
     line-height: 1.4;
     color: #fff;
   }
   .h-inline-tab.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-tab.mini .section-title a::after {
     display: none;
   }
   .h-inline-tab .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-tab .authors-name a {
     background-color: rgba(255, 255, 255, 0.9);
     padding: 3px 6px; /*----UPDATE-----*/
     border-radius: 3px;
     position: relative;
   }
   .h-inline-tab .authors-name a i {
     font-size: 1rem;
     position: relative;
     top: 3px;
     color: #aaaaaa;
     margin-right: 3px;
   }
   .h-inline-tab .post-time {
     color: #fff;
   }
  /*---GRIDS----*/
  .top-news-block {
    grid-template-columns: repeat(2, 300px);
    grid-auto-rows: 338px;
  }
  /*---LEAD----*/
  .lead1 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  /*---VIDEO LEAD----*/
  .video-lead {
    grid-row: 5/6;
    grid-column: 1/3;
  }
  .v-hot {
    grid-column: 1/3;
    grid-row: 6/8;
  }
  .v-hot-container {
    grid-template-columns: repeat(2, 300px);
  }
  .ad-box-2 {
    grid-row: 7/8;
    grid-column: 2/3;
  }
  /*---LEAD----*/
  .g-box {
    grid-column: 1/3;
    grid-row: 8/12;
  }
  .horizondal-main {
    grid-auto-rows: 163px !important
  }
  .horizondal-lead {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  /*-----RUGHT LIST-------*/
  .right-list-section {
    grid-column: 1/3;
    grid-row: 4/6
  }
  .right-list-section.gulf-box {
    grid-row: 12/13
  }
  /*-----RUGHT LIST-------*/
  .right-list-section-container {
    grid-gap: 12px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 338px;
  }
  .right-list-container {
    grid-gap: 12px
  }
  .gulf-box .right-list-container {
    grid-auto-rows: 97px !important;
    grid-gap: 1px
  }
  .right-list-section-container .top {
    grid-row: 1/2;
    grid-column: 1/2;
    background-color: #ffffff;
  }
  .gulf-box .top .hd {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .right-list-section-container .list {
    grid-row: 1/3;
    grid-column: 2/3;
  }
  .gulf-box .list {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .gulf-box .right-list-container .h-block {
    grid-template-columns: 3fr 1fr;
    grid-auto-rows: 73px
  }
  /*---EDITORS CHOICE----*/
  .editors-choice {
    grid-template-columns: repeat(2, 1fr);
  }
  .h-block-tab {
    grid-auto-rows: 163px !important;
    grid-template-columns: 4fr 2fr;
  }
  .h-block-tab .story-image {
    order: 2;
  }
  .h-block-tab .details-box {
    padding: 12px;
    order: 1
  }
  .horizondal-black-block {
    padding: 0px;
    grid-template-columns: repeat(2, 1fr);
    background-color: transparent;
    grid-auto-rows: 338px;
  }
  .horizondal-tri-box {
    grid-column: 1/3;
    grid-row: 1/3
  }
  .horizondal-main {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 119px;
  }
  .horizondal-lead {
    grid-column: 1/3;
    grid-row: 1/3
  }
  . .tri-2 {
    grid-column: 1/2;
    grid-row: 3/4
  }
  .tri-3 {
    grid-column: 1/2;
    grid-row: 4/5
  }
  .horizondal-black-block .ad-box {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .oped-local-block {
    grid-template-columns: repeat(2, 1fr);
  }
  /*---OPED----*/
  .oped {
    grid-column: 1/2;
    grid-row: 4/7;
  }
  .nattuvishesham {
    grid-column: 1/3;
    grid-row: 1/4;
    overflow: hidden;
  }
  .nattuvishesham .h-block {
    grid-auto-rows: 113px;
  }
  .nattuvishesham .hd {
    margin-bottom: 6px;
  }
  .cartoon {
    grid-column: 2/3;
    grid-row: 4/5;
    overflow: hidden;
  }
  .others-news-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .other-news {
    grid-column: 1/3;
    grid-row: 1/4;
    overflow: hidden;
  }
  .other-news .h-block {
    grid-auto-rows: 113px;
  }
  .other-news .hd {
    font-size: 1.2rem;
    margin-top: 12px;
    margin-bottom: 6px;
  }
  .other-news .post-time {
    display: block;
  }
  .others-news-block .ad-box, .caricature, .ramettan {
    grid-column: 1/2;
    grid-row: 5/6;
    z-index: 2;
  }
  .images-block .horizondal-lead {
    grid-column: auto;
    grid-row: 1/2;
  }
  .wide-angle {
    grid-column: 1/3 !important;
    grid-row: 1/2 !important;
  }
  .photo-of-the-day {
    grid-column: 1/2 !important;
    grid-row: 2/3 !important
  }
  .photo-album {
    grid-column: 2/3 !important;
    grid-row: 2/3 !important
  }
  .wide-angle .img-full {}
  .h-inline.mini {
    grid-auto-rows: 169px;
  }
  .v-block-tab {
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: stretch;
    grid-auto-rows: 169px !important;
  }
  .v-block-tab.mini {
    grid-auto-rows: 169px !important;
  }
  .images-block .h-inline.mini {
    grid-auto-rows: 169px; /*--UPDATED--*/
  }
  .ramettan, .caricature, .weekly, .velicham, .english {
    position: relative;
  }
  .ramettan .title-bar, .caricature .title-bar, .weekly .title-bar, .velicham .title-bar, .english .title-bar {
    position: absolute;
    margin: 0;
    top: 6px;
    left: 0;
    z-index: 2
  }
  .ramettan .title-bar .title, .caricature .title-bar .title, .weekly .title-bar .title, .velicham .title-bar .title, .english .title-bar .title {
    text-align: center;
    padding: 6px 12px;
    margin: 0;
    background-color: #FFE200;
  }
  .mini-boxs .v-block {
    grid-template-rows: 169px 169px;
  }
  .mini-boxs .v-block .post-time {
    display: block;
  }
  .mdl-mega-footer__middle-section {
    grid-gap: 12px;
    grid-template-columns: repeat(4, 1fr);
  }
  /*================NORMAL SECTION PAGE================*/
  .inner-page .top-news-block .other-news {
    grid-row: 3/6;
  }
  .inner-page .others-news-block .other-news {
    grid-row: 1/4;
  }
  .inner-page .ad-box-3 {
    grid-row: auto;
  }
  .pagenation .pagenation-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .pagenation .inner {
    grid-column: 1/3;
  }
  /*================CLASSIFIEDS================*/
  .classifieds .classi-block {
    grid-template-columns: repeat(2, 300px);
  }
  /*.classifieds .ad-box-1 {
	grid-column-start: 2;
	grid-row: 1/3;
}
	.classifieds .ad-box-2 {
	grid-column-start: 2;
	grid-row: 5/7;
}
.classifieds .ad-box-3 {
	grid-column-start: 2;
	grid-row: 9/11;
}*/
  /*================SUBSCRIBE================*/
  .subscribe .page-title-outer {
    grid-template-columns: 4fr 2fr;
    align-items: center;
  }
  .subscribe .quick-contact {
    grid-template-columns: 30px 1fr;
    align-items: right;
    
  }
 
  .subscribe .thumb-block {
    grid-template-columns: repeat(3, 1fr);
  }
  .subscribe .in-thumb {
    grid-template-columns: 1fr;
    grid-template-rows: 273px auto;
    overflow: hidden;
  }
  .subscribe .issue-detail-inside .thumb-image {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .subscribe .issue-detail-inside .edition-description {
    grid-column: 2/4;
  }
  .subscribe .issue-detail-inside .plans {
    grid-column: 1/4;
  }
  /*--===============TOP-BAR===============--*/
  .mdl-layout__drawer-button {
    background-image: none;
  }
  .mdl-layout__drawer-button .material-icons {
    color: rgba(255, 255, 255, 1.00);
  }
  .second-bar {
    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, .horizondal-black-block, .others-news-block, .pagenation-container {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-----================TOP-BLOCK-STYLE-1-X===================-----*/
  .style-1-x .ad-box-1 {
    grid-column: 2/3;
    grid-row: 2/4;
  }
	/*-----================TOP-BLOCK-STYLE-2===================-----*/
	 .style-2 .video-lead {
    grid-column: 2/3;
    grid-row: 4/5;
  }
	.style-2 .v-hot {
    grid-row: 5/7;
  }
	.style-2 .ad-box-2 {
    grid-row: 6/7;
  }
  .style-2 .g-box {
    grid-row: 7/11;
  }
  .style-2 .right-list-section.gulf-box {
    grid-row: 11/12
  }
  /*-----================TOP-BLOCK-STYLE-2-X===================-----*/
  .style-2-x .ad-box-1 {
    grid-column: 2/3;
    grid-row: 2/4;
  }
  .style-2-x .video-lead {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .style-2-x .v-hot {
    grid-row: 5/7;
  }
  .style-2-x .ad-box-2 {
    grid-row: 6/7;
  }
  .style-2-x .g-box {
    grid-row: 7/11;
  }
  .style-2-x .right-list-section.gulf-box {
    grid-row: 11/12
  }
  /*-----================TOP-BLOCK-STYLE-3===================-----*/
  
	.style-3 .lead2 {
    grid-column: 1/2;
  }
	.style-3 .video-lead {
	grid-row: 3/4;
    grid-column: 2/3;
	}
	.style-3 .v-hot {
	grid-column: 1/3;
    grid-row: 4/8;
	}
	.style-3 .ad-box-2 {
		grid-row: 5/6;
    
	}
	.style-3 .g-box {
		grid-row: 6/10
	}
	.style-3 .right-list-section.gulf-box {
		grid-row: 10/11;
	}
	 /*-----================TOP-BLOCK-STYLE-3-X===================-----*/
	.style-3-x .lead2 {
    grid-column: 1/2;
  }
.style-3-x .ad-box-1 {
    grid-row: 2/4;
    grid-column: 2/3;
	}
	.style-3-x .video-lead {
	grid-row: 4/5;
    grid-column: span 2;
	}
	.style-3-x .v-hot {
	grid-column: 1/3;
    grid-row: 5/7;
	}
	.style-3-x .ad-box-2 {
    grid-row: 6/7;
    grid-column: 2/3;
	}
	.style-3-x .g-box {
    grid-column: 1/3;
    grid-row: 7/11;
}
	.style-3-x .right-list-section.gulf-box {
		grid-row: 11/12;
	}
	/*-----================TOP-BLOCK-STYLE-4===================-----*/
  .style-4 .lead2 {
    grid-column: 1/ span 2;
  }
  /*-----================TRI-BlOCK===================-----*/
  .tri-block .lead {
    grid-column: 1/ span 2;
  }
  .tri-block .h-block {
    grid-template-columns: 2fr 1fr;
  }
  .tri-block .h-block .description {
    display: none;
  }
  /*-----================SINGLE-BlOCK-LIST===================-----*/
  .single-block-mini .lead1 {
    grid-column: 1/2;
  }
  /*-----================SINGLE-BlOCK-LIST===================-----*/
  .single-block-list .lead1 {
    grid-column: 1/3;
    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;
  }
  /*-----================DUAL-BlOCK===================-----*/
  .dual-block .lead1 {
    grid-column: 1/2;
  }
  .dual-block .lead2 {
    grid-column: 2/3;
  }
  /*-----================FOUR-COLUMN===================-----*/
  .four-column {
    grid-template-columns: repeat(2, 1fr);
  }
  /*================SPECIAL PAGE================*/
  .sp-page .classi-block {
    grid-template-columns: repeat(2, 300px);
  }
  /*================MAGAZINE================*/
  .kudumbham .inner-page .page-title .title img {
    max-width: 190px;
  }
  .magazine .outer-dual .list .h-block {
    grid-auto-rows: 163px;
    grid-template-columns: 2fr 1fr;
  }
  .magazine .outer-dual .list .h-block .description {
    display: none;
  }
  .magazine .food {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 338px;
  }
  .magazine .food .lead1 {
    grid-column: 1/ span 2;
  }
  .kudumbham .images-block {
    grid-auto-rows: auto;
  }
  .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 .images-block {
    grid-auto-rows: 338px;
  }
  .kudumbham .horizondal-black-block, .s-velicham .horizondal-black-block {
    background-color: transparent;
  }
  .s-velicham .inner-page .page-title .title img {
    max-width: 230px;
  }
  .magazine .single-block-list-mini .slider {
    grid-column: span 2;
  }
  .magazine .single-block-list-mini .slider .h-block {
    grid-auto-rows: 400px;
    grid-template-columns: 3fr 1fr;
  }
  .magazine .single-block-list-mini .slider .details-box .hd {
    font-size: 1.8rem
  }
  .magazine .single-block-list-mini .slider .details-box .hd a {
    line-height: 2.4rem;
    background-color: #fff;
  }
  .magazine .single-block-list-mini .magazine-brief {
    grid-column: span 2;
  }
  .magazine .single-block-list-mini .magazine-brief-grid {
    grid-template-columns: 1fr 1fr;
  }
  .magazine .single-block-list-mini .magazine-brief-grid {
    grid-template-columns: 1fr 2fr;
  }
  .magazine .single-block-list-mini .magazine-cover {
    background: none;
  }
  .magazine .single-block-list-mini .magazine-actions {
    grid-column: span 2;
  }
  .magazine.weekly .socio-interview {
    grid-template-columns: repeat(2, 300px)
  }
  .magazine.weekly .socio-interview .social {
    grid-column: span 2;
  }
  .magazine.weekly .socio-interview .social .tri-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .magazine.weekly .socio-interview .interviews {
    grid-column: span 2;
  }

  .magazine.weekly .literature {}
  .magazine.weekly .literature .tri-block {
	  grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 338px;
  }
  .magazine.weekly .literature .lead {
    grid-column: span 2;
  }
 
  .magazine.weekly .inner-page .page-title .title img {
    max-width: 220px;
  }
	.magazine.weekly .literature-archives .archive-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.magazine.weekly .interviews .interview-container {
    overflow-x: auto;
    grid-template-columns: repeat(5, 50%);
  }
  .magazine.weekly .horizondal-black-block {
    background: none;
  }
  .magazine .archives .thumb-block {
    grid-template-columns: repeat(3, 1fr);
  }
  .magazine .magazine-in-detail-grid {
    grid-template-columns: 2fr 8fr;
  }
  .magazine .magazine-in-detail .magazine-actions {
    display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  }
  /*--------===============ELECTION=======================---*/
  .election.local-body .banner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    background-color: #BC0000;
    color: rgba(255, 255, 255, 1.00);
  }
  .election.local-body .banner .headlines {
    order: 3;
    grid-column: 1/3;
  }
  .election.local-body .tri-block-info {
    display: grid;
    grid-template-columns: 1fr;
  }
    /*--------===============BUDGET=======================---*/
    .budget .banner {
      
      grid-template-columns: 2fr 1fr;
      grid-gap: 0;
    }
    .budget .banner .headlines{
      grid-column: span 2;
      }
      .budget .price-change, .budget .one-rupee {
        grid-column: span 2;
        }
}