@media (max-width: 1380px) {
  .main-navigation > div > div > ul > li > a {
    font-size: 16px;
  }
}

@media (max-width: 1080px) {
  .main-navigation > div > div > ul {
    display: none;
  }

  .main-navigation > div > div > ul > li > a {
    font-size: 16px;
  }

  .burger--menu {
    display: block;
  }

  .mobile-nav-branding {
    display: flex !important;
  }

  .main-navigation .itb-container-large {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Hide logo from upper header on mobile */
  .site-branding {
    display: none;
  }

  /* White background and shadow for mobile navigation */
  .main-navigation {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .main-navigation .itb-container-large {
    background-color: #fff;
    padding: 15px 15px;
  }

  /* Dark colors for mobile navigation */
  .burger--menu {
    color: #333;
  }

  .header--right > a {
    color: #333;
  }

  .main-navigation > div > div > ul > li > a {
    color: #333;
  }

  .main-navigation > div > div > ul > li:hover > a,
  .main-navigation > div > div > ul > li:hover > i {
    color: var(--primary--color);
  }

  .main-navigation > div > div > ul > li.current-menu-item > a {
    color: var(--primary--color);
  }

  /* Compact icons for mobile */
  .header--right > a {
    font-size: 23px;
    line-height: 1;
    width: 30px;
    height: 30px;
    min-width: 35px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary--color);
    border-radius: 50%;
    color: #ffffff;
    padding: 0;
  }

  .header--right > a.recent--menu {
    font-size: 23px;
    line-height: 1;
    width: 30px;
    height: 30px;
    min-width: 35px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary--color);
    border-radius: 50%;
    color: #ffffff;
    padding: 0;
  }

  .header--right > a.trending--menu {
    font-size: 18px;
    line-height: 1;
    width: 30px;
    height: 30px;
    min-width: 35px;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d11334;
    border-radius: 50%;
    color: #ffffff;
    padding: 0;
  }
}

@media (max-width: 1150px) {
  .country__section .col--news > a {
    width: 100px;
    height: 80px;
  }
}

@media (max-width: 992px) {
  .site-header .flex {
    justify-content: center;
  }
  .dc-headerads {
    text-align: center;
  }
  .trend_container{
    display: none;
  }
}

@media (max-width: 959px) {
  .info.popup1 > a > img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  .tickercontainer {
    overflow: hidden;
  }
  .breaking__news--title {
    font-size: 55px;
  }

  .subtitle {
    font-size: 20px;
  }

  .grid-left {
    flex: auto;
    padding-right: 0;
    padding-bottom: 30px;
    margin-right: 0px;
  }

  .grid-right {
    flex: auto;
    max-width: inherit;
    width: 100%;
  }

  .main__news .column-8 img {
    width: 100%;
  }

  /* .mainnews__section .grid {
    display: block;
  } */

  .mainnews__section .grid .column-8,
  .mainnews__section .grid .column-4 {
    grid-column: span 12;
  }

  .main--news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .main--news .col--news:nth-child(2) {
    padding-top: 0;
    border-top: 0;
  }

  .blog-grid {
    justify-items: baseline;
  }

  .blog-grid .column-3 {
    grid-column: span 6;
  }

  .blog-grid .blog-container {
    padding: 0;
    border: 0;
  }

  .country__section .grid-left .main--news {
    display: block;
  }

  .country__section .main--news .col--news:first-child {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
  }

  .country__section .main--news .col--news:nth-child(2) {
    padding-top: 10px;
  }

  .country__section .grid-right {
    padding: 0;
    border: none;
  }

  .country__section .grid-right .main--news .row--news > a {
    height: 250px;
  }

  .prabhas--news {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px;
  }

  .prabhas--news .overlay--news,
  .lifestyle__section .grid .column-4 {
    grid-column: span 12;
  }

  .prabhas--news .overlay--news > a,
  .literature--section > .row--news > a,
  .sifaris-section > .row--news > a {
    height: 350px;
  }

  .prabhas--news .col--news {
    grid-column: span 6;
  }

  .literature--section .row--news .news__title--small {
    font-size: 25px;
  }

  .literature--section .col--news:first-child {
    padding-top: 0;
    border-top: none;
  }

  .lifestyle__section .grid .column-4 {
    grid-column: span 6;
  }

  .lifestyle__section .grid .column-4:last-child {
    grid-column: span 12;
  }

  .video__section .grid > div {
    grid-column: span 12;
  }

  .site-footer .grid > div {
    grid-column: span 6;
  }

  .site-footer .grid > div:nth-child(3) {
    padding: 0;
    border: none;
  }

  /* Second and third columns on same row */
  .site-footer .grid > div:nth-child(2),
  .site-footer .grid > div:nth-child(3) {
    grid-column: span 6;
  }
}

@media (max-width: 861px) {
  .economic__section .grid > div:first-child {
    grid-column: span 12;
  }

  .economic__section .grid > .column-3 {
    grid-column: span 6;
  }

  .economic__section .row--news > a {
    height: 250px;
  }

  .society__section .grid > div:first-child {
    grid-column: span 12;
  }

  .society__section .grid > .column-3 {
    grid-column: span 6;
  }

  .society__section .row--news > a {
    height: 250px;
  }

  .country__section .grid {
    grid-row-gap: 25px;
  }

  .country__section .grid .column-7,
  .country__section .grid .column-5 {
    grid-column: span 12;
  }

  .notice__section .column-3 {
    grid-column: span 6;
  }

  .notice__section .row--news > a {
    height: 250px;
  }

  .video__section .grid > div,
  .interesting__section .grid > div {
    grid-column: span 12;
  }

  .interesting__section .grid > div.column-3 {
    grid-column: span 6;
  }

  .interesting__section .row--news > a {
    height: 200px;
  }

  .sifaris-section .row--news > a {
    height: auto;
  }

  .health__section .column-4 {
    grid-column: span 6;
  }

  .photo__feature--container > a {
    height: 300px;
  }

  .overlay--text {
    padding: 10px 20px;
  }

  /* Technology section - 2 columns on tablet */
  .technology__section .grid > .column-3 {
    grid-column: span 6;
  }
}

@media (max-width: 810px) {
  .category__container .grid > div,
  .ourteams .grid > div {
    grid-column: span 6;
  }
}

@media (max-width: 1024px) {
  .entertainment-col-right .news__title--small a {
    font-size: 18px;
  }

  .lifestyle__section .col--news .news__title--small a,
  .art-literature__section .col--news .news__title--small a {
    font-size: 18px;
  }

  .person-personalit__section .row--news .news__title--medium a {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  /* Country section subcat - horizontal scrollable on mobile */
  .country__section .subcat {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    flex-wrap: nowrap;
    margin-left: 0;
    float: none;
    padding: 10px 0;
    margin-top: 15px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .country__section .subcat::-webkit-scrollbar {
    display: none;
  }

  .country__section .subcat > li {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .country__section .subcat > li:first-child > a {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  /* Blog content title styles */
  .blog-content .news__title--small {
    font-size: 18px;
    -webkit-line-clamp: 3;
  }

  /* Entertainment section title styles */
  .entertainment-col-right .news__title--small a {
    font-size: 18px;
  }

  /* Lifestyle and Art Literature section title styles */
  .lifestyle__section .col--news .news__title--small a,
  .art-literature__section .col--news .news__title--small a {
    font-size: 18px;
    -webkit-line-clamp: 2;
  }

  /* Health section title styles */
  .health-list-item .news__title--small a {
    font-size: 18px;
  }

  /* Person/Personality section title styles */
  .person-personalit__section .row--news .news__title--medium a {
    font-size: 18px;
    -webkit-line-clamp: 2;
  }

  /* Photo gallery title styles */
  .photo-gallery-title-overlay .news__title--medium a {
    font-size: 20px;
  }

  /* Hide "धेरै पढिएको" section on mobile devices */
  .grid-right .cat-head,
  .grid-right .most--readed {
    display: none;
  }
}

@media (max-width: 640px) {
  .photo-gallery-title-overlay .news__title--medium a {
    font-size: 20px;
  }
}

@media (max-width: 639px) {
  #commentform {
    display: block;
  }
  .recent--news .column-4,
  .trending--news .column-4,
  .ourteams .grid > div {
    grid-column: span 12;
  }

  .recent--news {
    height: 630px;
  }
  
  .trending--news {
    height: 630px;
  }
  
  /* Make trending items display in single row on mobile like recent section */
  .trending--news .grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  .trending--news .col--news {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
    padding: 0;
    border: none;
  }
  
  .trending--news .col--news > a {
    flex-shrink: 0;
    width: 120px;
    height: 80px;
  }
  
  .trending--news .col--news > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .trending--news .col--news .news__title--small {
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }
  
  .recent--news .grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  .recent--news .col--news {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
    padding: 0;
    border: none;
  }
  
  .recent--news .col--news > a {
    flex-shrink: 0;
    width: 120px;
    height: 80px;
  }
  
  .recent--news .col--news > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .recent--news .col--news .news__title--small {
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }

  .breaking__news--title {
    font-size: 40px;
  }

  .lifestyle__section .grid .column-4 {
    grid-column: span 12;
  }

  .notice__section .column-3,
  .interesting__section .grid > div.column-3,
  .health__section .grid > div,
  .technology__section .grid > .column-3 {
    grid-column: span 12;
  }

  .subtitle {
    font-size: 18px;
  }

  .breaking__news p {
    padding: 0 10px;
    font-size: 20px;
  }

  .breaking__news iframe {
    height: 200px;
  }

  .political__news .column-6 {
    grid-column: span 12;
  }

  .social__section .grid > div,
  .entertainment__section .grid > div,
  .lifestyle__section .grid > div {
    grid-column: span 12;
  }

  .main__news--grid .row--news > a {
    height: 140px;
  }

  .news__title--medium {
    font-size: 20px;
  }

  .main--news {
    display: block;
  }

  .main--news .news__title--medium {
    font-size: 20px;
  }

  .col--news > a {
    width: 150px;
    height: 100px;
  }

  .prabhas--news {
    display: block;
  }
  .main--news .col--news:nth-child(2) {
    padding-top: 15px;
    border-top: 1px solid #eee;
  }

  .country__section .grid-right .main--news {
    display: grid;
  }

  .health__section .column-4 {
    grid-column: span 12;
  }

  .overlay--text .news__title--medium {
    font-size: 22px;
  }

  .literature--section .row--news .news__title--small {
    font-size: 20px;
  }

  .country__section .grid-right .main--news .row--news > a {
    height: auto;
  }

  .sports__section .row--news > a {
    height: auto;
  }

  .lifestyle__section .overlay--news > a {
    height: auto;
  }

  .interesting__section .row--news > a {
    height: auto;
  }

  /* Dalit Diaspora, Person Personality, and Art Literature sections - full width on mobile */
  .dalit-diaspora__section .grid > div,
  .person-personalit__section .grid > div,
  .art-literature__section .grid > div {
    grid-column: span 12;
  }

  .dalit-diaspora__section .grid > div.row-2 {
    grid-row: span 1;
  }

  /* Font size 19px for all card titles in these sections on mobile */
  .dalit-diaspora__section .news__title--medium,
  .dalit-diaspora__section .news__title--medium a,
  .dalit-diaspora__section .overlay--text .news__title--medium,
  .dalit-diaspora__section .overlay--text .news__title--medium a,
  .person-personalit__section .news__title--medium,
  .person-personalit__section .news__title--medium a,
  .art-literature__section .news__title--medium,
  .art-literature__section .news__title--medium a,
  .art-literature__section .overlay--text .news__title--medium,
  .art-literature__section .overlay--text .news__title--medium a,
  .art-literature__section .news__title--small,
  .art-literature__section .news__title--small a {
    font-size: 19px;
  }
}

@media (max-width: 575px) {
  .singlePost-content .grid > div {
    grid-column: span 12;
  }

  .sharethis-inline-share-buttons > div.st-total {
    color: #555;
    display: inline-block !important;
    font-weight: 500;
    line-height: 15px;
    margin-right: 0;
    padding: 4px 8px;
    width: auto;
    text-align: center;
  }

  .sharethis-inline-share-buttons > div {
    display: inline-block !important;
    margin: 0 2px !important;
  }

  .singlePost-content .news--author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 0;
  }

  .singlePost-content .news--author img {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 20px;
  }

  .post__time {
    margin: 0;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #eee;
  }

  .category__container .grid > div {
    grid-column: span 12;
  }
}

@media (max-width: 515px) {
  .country__section .grid-right .main--news {
    display: block;
  }
  .site-footer .grid > div:first-child {
    grid-column: span 12;
  }

  /* Second and third columns on same row */
  .site-footer .grid > div:nth-child(2),
  .site-footer .grid > div:nth-child(3) {
    grid-column: span 6;
  }

  .site-footer .grid > div:nth-child(4) {
    grid-column: span 12;
  }

  .site-footer .grid > div:not(:first-child) {
    padding: 0;
    border: none;
    padding-top: 25px;
    border-top: 1px solid #eee3;
  }

  .overlay--news > a {
    height: 300px;
  }
  /* .economic__section .row--news > a {
    height: 160px;
  } */

  .sports__section .grid > div,
  .main__news--grid > div {
    grid-column: span 12;
  }

  .main__news--grid .row--news {
    display: flex;
  }

  .main__news--grid .row--news > a {
    display: block;
    width: 150px;
    height: 100px;
    margin-right: 15px;
  }

  .main__news--grid .row--news > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .main__news--grid .row--news .news__title--medium {
    flex: 1;
    margin: 0;
  }

  .news__title--xlarge {
    font-size: 22px;
  }

  .blog-grid .column-3 {
    grid-column: span 12;
  }

  .blog-grid {
    justify-items: baseline;
    display: block;
  }

  .blog-grid .blog-container {
    padding: 15px 0;
    border-top: 1px solid #acabab;
  }

  .blog-grid .blog-container:first-child {
    padding-top: 0;
    border: none;
  }
  .blog-news img {
    width: 70px;
    height: 70px;
  }

  .breaking__news--title {
    font-size: 34px;
  }
  .economic__section .grid > .column-3 {
    grid-column: span 12;
  }

  /* Economic Section - Mobile Responsive */
  .economic__section .grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .economic__section .column-6,
  .economic__section .column-3 {
    grid-column: span 12;
    width: 100%;
  }

  .economic__section .overlay--news {
    height: 300px;
  }

  .economic__section .overlay--text {
    padding: 20px 15px 15px;
  }

  .economic__section .overlay--text .news__title--xlarge {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 10px 0;
  }

  .economic__section .row--news > a {
    height: 180px;
  }

  .economic__section .row--news .news__title--medium {
    font-size: 16px;
    padding: 15px 15px 8px 15px;
  }

  /* Society Section - Mobile Responsive */
  .society__section .grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .society__section .column-6,
  .society__section .column-3 {
    grid-column: span 12;
    width: 100%;
  }

  .society__section .overlay--news {
    height: 300px;
  }

  .society__section .overlay--text {
    padding: 20px 15px 15px;
  }

  .society__section .overlay--text .news__title--xlarge {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 10px 0;
  }

  .society__section .row--news > a {
    height: 180px;
  }

  .society__section .row--news .news__title--medium {
    font-size: 16px;
    padding: 15px 15px 8px 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
  }

  .society__section .row--news .news__title--medium a {
    display: block;
  }

  blockquote.floatleft,
  blockquote.floatright {
    width: auto;
    margin: 0;
  }
}

@media (max-width: 480px) {
  .blog-content .news__title--small {
    font-size: 18px;
  }
}