@charset "UTF-8";
/* CSS Document */
@media (max-width: 655px) {
  .mdl-layout__content {
    padding-top: 55px;
  }
  .h-block-phone .hd {
    font-size: 1.2rem;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 2;
    margin-top: 12px;
    margin-bottom: 6px;
  }
  .v-block-phone .hd {
    font-size: 1.4rem;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 2;
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .lead1 .hd {
    font-size: 1.9rem;
    margin-bottom: 8px;
  }
  .container {
    max-width: 440px;
    margin: 0 auto;
    padding: 0 8px;
    width: calc(100% - 16px);
  }
  .block {
    margin: 8px 0;
  }
  /*---GRIDS----*/
  .block-grid {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: stretch;
  }
  .top-news-block {
    overflow: visible;
  }
  .ad-block {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: stretch;
  }
  .v-block-phone {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: stretch;
  }
  .h-block-phone {
    display: grid;
    grid-template-columns: 1fr 3fr;
    justify-items: stretch;
    align-items: stretch;
  }
  .v-hot {
    grid-column: 1/2;
  }
  .gulf-box .title-bar, .trending .title-bar {
    text-align: left;
    margin: 8px auto;
    margin-top: 12px;
  }
  .lead1 {
    margin: 0 -8px;
  }
  .sub-head ul li::before {
    border: 1px solid #777777;
  }
  /*-----------UPDATE------------*/
  .video-lead .details-box, .special-hot .details-box {
    background-color: #000000;
    color: #fff;
  }
  .video-lead .details-box .hd, .special-hot .details-box .hd {
    color: #fff;
  }
  .other-news .description {
    display: none;
  }
  .floating-button {
    position: fixed;
    display: block;
    right: 0;
    bottom: 0;
    margin-right: 16px;
    margin-bottom: 16px;
    z-index: 900;
  }
  .mdl-mega-footer {
    padding: 12px 8px;
  }
  .mdl-mega-top-section {
    margin-bottom: 24px;
  }
  .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    margin-right: 12px;
  }
  .mdl-mega-top-section .follow-us .ico-scl {
    font-size: 1.3rem;
    background-color: rgba(255, 255, 255, 0.2);
    height: 40px;
    width: 40px;
    line-height: 2.1;
    margin: 0 2px;
  }
  .h-inline .story-image a .large-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 .large-icon-rep i {
    color: #ffffff;
    font-size: 6rem;
    margin: 6px;
    opacity: 0.7;
  }
  /*=================NORMAL SECTION===============*/
  .inner-page {}
  .inner-page .page-title .title {
    font-size: 3rem;
  }
  .inner-page .page-title .sub-title {
    font-size: 1.5rem;
  }
  .inner-page .highlight {
    display: none;
  }
  .pagenation .pagenation-container {
    grid-template-columns: 1fr 1fr;
  }
  .pagenation .inner {
    grid-column: 1/3;
  }
  .pagenation .pagenation-grid {
    grid-template-columns: 1fr 1fr;
  }
  /*=================MULTIMEDIA SECTION===============*/
  .multimedia .lead1 {
    margin: 0;
  }
  /*----------------------------*/
  .column-slider .h-block {
    grid-template-columns: 85px 4fr 100px;
  }
  /*--- CLASSIFIEDS-------*/
  .classifieds {}
  .classifieds .classi-block {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
    grid-gap: 12px;
  }
  .classifieds .imaged-block {
    grid-column: span 1;
    background: #fff;
  }
  .classifieds .no-image-block {
    grid-row: span 1;
    background: #fff;
  }
  .classifieds .no-image-block .h-block-phone {
    grid-template-columns: 1fr
  }
  .classifieds .ad-box {
    grid-row: span 1
  }
  .classifieds .v-block {
    grid-auto-rows: 163px;
  }
  /*================OPED CORRECT================*/
  .oped-container {
    overflow-x: auto;
    grid-template-columns: repeat(7, 90%)
  }
  .oped-container .h-block-phone {
    grid-auto-rows: minmax(153px, auto);
  }
  /*================SUBSCRIBE================*/
  .subscribe .thumb-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .subscribe .in-thumb {
    grid-template-columns: 1fr;
    grid-template-rows: 270px auto;
    overflow: hidden;
  }
  .subscribe .page-title-outer {
    grid-template-columns: 1fr;
    align-items: center;
  }
  .subscribe .quick-contact {
    grid-template-columns: 30px 1fr 30px 1fr;
    align-items: right;
    margin-top: 30px;
    margin-bottom: 30px;
    
  }
  .subscribe .title-bar .title {
    font-size: 1.3rem;
  }
  .subscribe .issue-detail-inside .plans .choose-title {
    font-size: 1.1rem;
  }
  .subscribe .issue-detail-inside {
    grid-template-columns: 4fr 8fr;
    grid-gap: 8px;
  }
  .subscribe .issue-detail-inside .edition-grid {
    grid-gap: 8px;
  }
  .subscribe .issue-detail-inside .thumb-image {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .subscribe .issue-detail-inside .edition-description {
    grid-column: 2/4;
    font-size: 0.9rem;
  }
  .subscribe .issue-detail-inside .plans {
    grid-column: 1/4;
  }
  .subscribe .issue-detail-inside .edition-grid .h-row {
    grid-column: 1/3;
    border-top: 3px solid #C5178C;
    padding: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgba(228, 228, 228, 1.00);
    background-color: rgba(255, 255, 255, 0.1)
  }
  .subscribe .issue-detail-inside .table-grid {
    grid-template-columns: repeat(2, 1fr);
    overflow: visible;
  }
  .subscribe .issue-detail-inside .edition-name {
    grid-column: 1/3;
  }
  .subscribe .issue-detail-inside .edition-name .mdl-checkbox__label {
    font-size: 1rem;
    font-weight: bold
  }
  .subscribe .issue-detail-inside .table-grid .plan-selector {
    border-left: solid 1px rgba(255, 255, 255, 0);
    border-right: solid 1px rgba(255, 255, 255, 0.2)
  }
  .subscribe .issue-detail-inside .table-grid .edition-name {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    padding-bottom: 12px;
    padding-top: 8px;
  }
  .subscribe .issue-detail-inside .total-amount-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    
  }
  .subscribe .issue-detail-inside .total-amount-bar .promo-text{
    text-align: center;
    grid-column: span 2;
    margin-bottom: 32px;
  }
  /*-------TOP BAR UPDATION------------*/
  .header-bar .mdl-layout-title.click-ham {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 44px;
    padding-right: 0;
    border-right: none;
    border-radius: 8px;
    overflow: hidden;
    left: calc(50% - 22px);
  }
  /*--==========TOP-BAR===============--*/
  .mdl-layout__drawer-button {
    background: transparent;
    background-image: none;
  }
  .top-bar .mdl-layout-title, .top-bar .more-button, .top-bar .prime-menu, .top-bar .follow-us {
    display: none;
  }
  .top-bar .mdl-layout__drawer-button .material-icons {
    margin: 15px 0 !important;
  }
  .second-bar {
    display: none
  }
  .header-bar .prof-bx {
    margin: 0;
    margin-left: 8px;
    padding-left: 0;
    padding-right: 0
  }
  .header-bar .mdl-layout__header-row {
    padding-right: 8px !important;
  }
  .header-bar .notify {
    margin-left: 0px;
  }
  /*--- SPECIAL PAGE-------*/
  .sp-page {}
  .sp-page .lead1 {
    margin: 0;
  }
  .sp-page .classi-block {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
    grid-gap: 12px;
  }
  .sp-page .imaged-block {
    grid-column: span 1;
    background: #fff;
  }
  .sp-page .no-image-block {
    grid-row: span 1;
    background: #fff;
  }
  .sp-page .no-image-block .h-block-phone {
    grid-template-columns: 1fr
  }
  .sp-page .ad-box {
    grid-row: span 1
  }
  .sp-page .v-block {
    grid-auto-rows: auto;
  }
  /*-----================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: 100%;
    grid-auto-rows: auto;
  }
  /*-----================SINGLE-BlOCK-LIST-MINI===================-----*/
  .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;
  }
  /*-----================TRI BLOCK===================-----*/
  .tri-block .h-block .description {
    display: none;
  }
  /*-----================MAGAZINE===================-----*/
  .kudumbham .inner-page .page-title .title img {
    max-width: 150px;
  }
  .kudumbham .images-block, .s-velicham .images-block {
    grid-auto-rows: auto;
  }
  .magazine .outer-dual .list .h-block .description {
    display: none;
  }
  .s-velicham .inner-page .page-title .title img {
    max-width: 170px;
  }
  .magazine.weekly .inner-page .page-title .title img {
    max-width: 190px;
  }
  .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.6rem
  }
  .magazine .single-block-list-mini .slider .details-box .hd a {
    line-height: 2rem;
    background-color: #fff;
  }
  .magazine .single-block-list-mini .magazine-brief-grid {
    grid-column: 1/2;
  }
  .magazine .single-block-list-mini .magazine-brief-grid {
    grid-template-columns: 1fr;
  }
  .magazine .single-block-list-mini .magazine-cover {
    background: none;
  }
  .magazine .magazine-brief .magazine-actions {
    grid-template-columns: repeat(2, 1fr);
  }
  .magazine.weekly .socio-interview {
    grid-template-columns: 100%;
  }
  .magazine.weekly .interviews .interview-container {
    overflow-x: auto;
    grid-template-columns: repeat(5, 90%);
  }
  .magazine.weekly .interviews .interview-container .h-block-phone {
    grid-auto-rows: minmax(153px, auto);
  }
  .magazine .archives .thumb-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .magazine .magazine-in-detail-grid {
    grid-template-columns: 2fr 8fr;
  }
  .magazine .magazine-in-detail .magazine-actions {
    display: grid;
  grid-template-columns: 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: 100%;
  }
  .election.local-body .current-allience-status .mdl-data-table tr td, .election.local-body .current-allience-status .mdl-data-table tr th {
    padding: 0 12px;
  }
    /*--------===============BUDGET=======================---*/
    .budget .banner {
    grid-template-columns: 60% 40%;
    grid-gap:0;
    }
    .budget .banner .headlines{
      grid-column: span 2;
      }
}