@charset "UTF-8";
/* CSS Document */
@media (min-width: 1260px) {
  /*---GRIDS----*/
  .top-news-block {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 338px;
  }
  /*---LEAD----*/
  .lead1 {
    grid-column: 2/4;
    grid-row: 1/2;
    order: 1
  }
  /*---STANDARD----*/
  .lead2 {
    grid-column: 1/2;
    grid-row: 1/2;
    order: 2
  }
  /*---VIDEO LEAD----*/
  .video-lead {
    grid-row: 3/4;
    position:
  }
  /*---VERTICAL HOT----*/
  .v-hot {
    grid-column: 1/2;
    grid-row: 4/7;
  }
  /*---GENERAL BOX----*/
  .g-box {
    grid-column: 2/4;
  }
  /*-----RUGHT LIST-------*/
  .right-list-section {
    grid-column: 4/5;
    grid-row: 2/4;
  }
  .right-list-container .h-block {
    grid-template-columns: 3fr 1fr;
  }
  /*---MIDDLE EAST----*/
  .gulf-box {
    grid-column: 4/5;
    grid-row: 4/7;
  }
  .ad-box-1 {}
  .ad-box-2 {
    grid-column: 4/5;
    order: 12;
  }
  .ad-box-6, .ad-box-7 {
    grid-column: 4/5;
    grid-row: 4/5;
  }
  /*---OPED MAIN BLOCK----*/
  .ad-box-3 {
    order: 2
  }
  .oped-local-block {
    grid-template-columns: repeat(4, 1fr);
  }
  /*---OPED----*/
  .oped {
    grid-column: 1/2;
    grid-row: 1/4;
  }
  .nattuvishesham {
    grid-column: 2/4;
    grid-row: 1/4;
  }
  .cartoon {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .offbeat {
    grid-column: 4/5;
    grid-row: 3/4;
  }
  .others-news-block {
    grid-template-columns: repeat(4, 1fr);
  }
  .other-news {
    grid-column: 1/4;
    grid-row: 1/5;
  }
  .other-news .description {
    display: block;
  }
  .english, .velicham {
    grid-row: 1/5;
  }
  .h-inline-desktop {
    grid-template-columns: 1fr;
    align-items: end;
    grid-auto-rows: 169px;
  }
  .h-inline-desktop.mini {
    grid-template-columns: 1fr;
    align-items: end;
    grid-auto-rows: 125px;
  }
  .h-inline-desktop .story-image {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .h-inline-desktop .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-desktop .story-image a .large-icon-rep i {
    color: #ffffff;
    font-size: 8rem;
    margin: 6px;
    opacity: 0.7;
  }
  .h-inline-desktop .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-desktop .story-image a .medium-icon-rep i {
    color: #ffffff;
    font-size: 5rem;
    margin: 6px;
    opacity: 0.6;
  }
  .h-inline-desktop .story-image a .icon-rep {
    top: auto;
    bottom: 0;
    z-index: 2
  }
  .h-inline-desktop .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-desktop .details-box .nested-details-box {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: baseline;
    z-index: 9999;
  }
  .h-inline-desktop .details-box .hd {
    color: #ffffff;
  }
  .h-inline-desktop .section-title {
    font-size: 0.8rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #000;
  }
  .h-inline-desktop .section-title a {
    position: static;
    padding: 2px 6px;
    background-color: #FFE200;
  }
  .h-inline-desktop .section-title a::after {
    display: none;
  }
  .h-inline-desktop.mini .section-title {
    font-size: 0.9rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #fff;
  }
  .h-inline-desktop.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-desktop.mini .section-title a::after {
    display: none;
  }
  .h-inline-desktop .authors-name {
    font-family: 'KENZ MDM body online', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.4;
  }
  .h-inline-desktop .authors-name a {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 6px;
    border-radius: 3px;
    position: relative;
    padding-bottom: 2px;
  }
  .h-inline-desktop .authors-name a i {
    font-size: 1rem;
    position: relative;
    top: 3px;
    color: #aaaaaa;
    margin-right: 3px;
  }
  .h-inline-desktop .post-time {
    color: #fff;
  }
  .mdl-mega-footer__middle-section {
    grid-gap: 12px;
    grid-template-columns: repeat(9, 1fr);
  }
  /*================NORMAL SECTION PAGE================*/
  .others-news-block {
    grid-template-columns: repeat(4, 1fr);
  }
  .right-trending-section {
    display: block;
  }
  .right-list-trending {
    grid-gap: 12px;
    grid-template-columns: 1fr;
    grid-auto-rows: 120px;
  }
  .right-list-trending .h-block {
    display: grid;
    grid-auto-rows: 120px;
    grid-template-columns: 1fr 3fr;
    justify-items: stretch;
    align-items: stretch;
    /*background-color: #FFF7CE;*/
    background-color: #fff;
  }
  .pagenation .pagenation-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .pagenation .inner {
    grid-column: 1/4;
  }
  /*================MULTIMEDIA SECTION PAGE================*/
  .multimedia .lead1 {
    grid-column: 1/3;
    order: 1;
  }
  /*---------======CLASSIFIEDS======----*/
  .classifieds .classi-block {
    grid-template-columns: repeat(4, 300px);
  }
  /*	.classifieds .ad-box-2 {
	grid-column-start: 4;
	grid-row: 5/7;
}
.classifieds .ad-box-3 {
	grid-column-start: 4;
	grid-row: 9/11;
}*/
  /*================SUBSCRIBE================*/
  .subscribe .page-title-outer {
    grid-template-columns: 4fr 2fr;
    align-items: center;
  }
  .subscribe .thumb-block {
    grid-template-columns: repeat(6, 1fr);
  }
  .subscribe .in-thumb {
    grid-template-columns: 1fr;
    grid-template-rows: 271px auto;
    overflow: hidden;
  }
  .subscribe .issue-detail {}
  .subscribe .issue-detail-inside {
    grid-template-columns: 4fr 8fr 8fr;
  }
  .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;
  }
  /*-----================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, .masonry-metro, .horizondal-black-block, .others-news-block, .pagenation-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .images-block {
    grid-template-columns: repeat(3, 1fr);
  }
  /*-----================TOP-BLOCK-STYLE-1===================-----*/
  .style-1 .ad-box-1 {
    grid-row: 1/2;
  }
  /*-----================TOP-BLOCK-STYLE-1-X===================-----*/
  .style-1-x .ad-box-1 {
    grid-row: 1/ span 2;
  }
	 /*-----================TOP-BLOCK-STYLE-2===================-----*/
  .style-2 .lead1 {
    grid-column: 1/ span 3;
  }
  .style-2 .ad-box-1 {
    grid-row: 1/2;
  }
  /*-----================TOP-BLOCK-STYLE-2-X===================-----*/
  .style-2-x .lead1 {
    grid-column: 1/ span 3;
  }
  .style-2-x .ad-box-1 {
    grid-row: 1/ span 2;
  }
  /*-----================TOP-BLOCK-STYLE-3===================-----*/
  .style-3 .lead1 {
    grid-column: 1/ span 2;
    grid-row: 1/ span 2;
  }
  .style-3 .lead2 {
    grid-column: 3/ span 2;
    grid-row: 1/2;
  }
  .style-3 .lead1 .h-inline {
    grid-auto-rows: 344px;
  }
  /*-----================TOP-BLOCK-STYLE-3-X===================-----*/
  .style-3-x .lead1 {
    grid-column: 1/ span 2;
    grid-row: 1/ span 2;
  }
  .style-3-x .lead2 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .style-3-x .lead1 .h-inline {
    grid-auto-rows: 344px;
  }
  .style-3-x .ad-box-1 {
    grid-row: 1/ span 2;
  }
	 /*-----================TOP-BLOCK-STYLE-4===================-----*/
  .style-4 .lead1 {
    grid-column: 1/ span 2;
    grid-row: 1/ span 2;
  }
  .style-4 .lead2 {
    grid-column: 3/ span 2;
    grid-row: 1/2;
  }
  .style-4 .lead1 .h-inline {
    grid-auto-rows: 344px;
  }
  /*-----================SINGLE-BlOCK===================-----*/
  .single-block .lead1 {
    grid-column: 1/5;
    grid-row: 1/2;
  }
  /*-----================SINGLE-BlOCK-MINI===================-----*/
  .single-block-mini .lead1 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  /*-----================SINGLE-BlOCK-LARGE===================-----*/
  .single-block-large .lead1 {
    grid-column: 1/5;
    grid-row: 1/3;
  }
  .single-block-large .lead1 .h-inline {
    grid-auto-rows: 344px;
  }
  /*-----================SINGLE-BlOCK-LIST===================-----*/
  .single-block-list .lead1 {
    grid-column: 1/5;
    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/4;
    grid-row: 1/2;
  }
  .single-block-list-mini .lead1 .h-block {
    grid-auto-rows: 338px;
    grid-template-columns: 1fr 2fr;
  }
  .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/3;
  }
  .dual-block .lead2 {
    grid-column: 3/5;
  }
  /*-----================TRI-BlOCK===================-----*/
  .tri-block .lead {
    grid-column: 1/2;
  }
  .tri-block .list {
    grid-column: 2/4;
  }
  /*.tri-block  .h-block .story-image {
		order: 1
	}
	.tri-block  .h-block .details-box {
		order: 2
	}*/
  /*-----================TRI-BlOCK===================-----*/
  .four-column {
    grid-template-columns: repeat(4, 300px);
  }
  /*-----================VELICHAM===================-----*/
  .velicham .lead1 {
    grid-column: 1/4;
  }
  .velicham .ad-box-1 {
    grid-row: 1/2;
  }
  /*---GENERAL BOX----*/
  .velicham .g-box {
    grid-column: 1/3;
  }
  /*---VIDEO LEAD----*/
  .velicham .video-lead {
    grid-column: 3/4;
  }
  /*---VERTICAL HOT----*/
  .velicham .v-hot {
    grid-column: 3/4;
    grid-row: 2/6;
  }
  .velicham .g-box-container {
    grid-template-columns: 1fr;
  }
  .velicham .g-box-container .h-block {
    grid-template-columns: 1fr 3fr;
  }
  .velicham .g-box-container .h-block .story-image {
    order: 1;
  }
  .velicham .g-box-container .h-block .details-box {
    order: 2;
  }
  /*---MIDDLE EAST----*/
  .gulf-box {
    grid-column: 4/5;
    grid-row: 3/6;
  }
  /*---------======SPECIAL PAGE======----*/
  .sp-page .classi-block {
    grid-template-columns: repeat(4, 300px);
  }
  /*--------===============MAGAZINE=======================---*/
  .magazine .outer-dual {
    grid-template-columns: 1fr 1fr;
  }
  .magazine .outer-dual .quadra-block {
    grid-template-columns: 300px 300px;
  }
  .magazine .outer-dual .quadra-block .lead1 {
    grid-column: 1/2;
    order: 1
  }
  .magazine .outer-dual .quadra-block .lead2 {
    grid-column: 2/3;
    order: 2
  }
  .magazine .outer-dual .quadra-block .list {
    grid-column: 1/3;
  }
  .magazine .outer-dual .quadra-block .list .h-block {
    grid-auto-rows: 163px;
    grid-template-columns: 1fr 4fr;
  }
  .magazine .outer-dual .quadra-block .list .h-block .hd {
    margin-top: 12px;
    margin-bottom: 3px;
  }
  .magazine .outer-dual .quadra-block .list .h-block .story-image {
    order: 1
  }
  .magazine .outer-dual .quadra-block .list .h-block .details-box {
    order: 2
  }
  .magazine .outer-dual .tri-block .lead1 {
    grid-column: 1/3;
  }
  .magazine .outer-dual .tri-block .lead2 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .magazine .outer-dual .tri-block .lead3 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .magazine .single-block-list-mini .slider {
    grid-column: span 3;
  }
  .magazine .single-block-list-mini .slider .h-block {
    grid-auto-rows: 435px;
    grid-template-columns: 4fr 1fr;
  }
  .magazine .food {
    grid-template-columns: repeat(4, 300px);
    grid-auto-rows: 338px;
  }
  .magazine.kudumbham .kids .game-zone {
    grid-column: 1/ span 2;
  }
  .magazine.kudumbham .kids .list .podcasts .h-block {
    grid-auto-rows: 105px;
    grid-template-columns: 1fr 4fr;
  }
  .magazine .archives .thumb-block {
    grid-template-columns: repeat(6, 1fr);
  }
  .magazine .archives .in-thumb {
    grid-template-columns: 1fr;
    grid-template-rows: 271px auto;
    overflow: hidden;
  }
  .magazine .archives .issue-detail {}
  .magazine .archives .issue-detail-inside {
    grid-template-columns: 4fr 8fr 8fr;
  }
  .magazine .archives .issue-detail-inside .thumb-image {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .magazine .magazine-in-detail-grid {
    grid-template-columns: 2fr 8fr;
  }
  .magazine .magazine-in-detail .magazine-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 7fr;
  }
  /*--------===============VELICHAM=======================---*/
  .s-velicham .my-page-pod {
    grid-template-columns: repeat(4, 300px);
  }
  .s-velicham .my-page-pod .my-page {
    grid-column: 1/ span 3;
  }
  /*--------===============WEEKLY=======================---*/
  .magazine.weekly .socio-interview {
    grid-template-columns: repeat(4, 300px)
  }
  .magazine.weekly .socio-interview .social {
    grid-column: 1/ span 3;
  }
  .magazine.weekly .socio-interview .interviews {}
  .magazine.weekly .socio-interview .social .tri-block {
    grid-template-columns: repeat(3, 1fr);
  }
  .magazine.weekly .literature-archives {
    grid-template-columns: repeat(4, 1fr);
  }
  .magazine.weekly .literature {
    grid-column: span 3;
  }
  .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 .list {
    grid-column: span 2;
  }
  /*--------===============ELECTION=======================---*/
  .election.local-body .banner {
    display: grid;
    grid-template-columns: 2fr 8fr 2fr;
    background-color: #BC0000;
    color: rgba(255, 255, 255, 1.00);
  }
  .election.local-body .tri-block-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  /*--------===============BUDGET=======================---*/
  .budget .banner {
    grid-template-columns: 2fr 8fr 2fr;
  }
  .budget .banner .headlines {
    order: 2;
  }
  .budget .banner .sponsor {
    order: 3;
  }
  .budget .tri-block-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .budget .announcement, .budget .one-rupee, .budget .price-change {
    grid-column: span 2;
    ;
  }
}