@media (max-width: 1036px) {
    .custom-logo-link {
        display: block;
        width: 350px;
    }
}

@media (max-width: 960px) {

    .custom-logo-link {
        display: block;
        width: 200px;
    }

    .site-header .post-time {
        margin-left: 25px;
    }

    .bannerNews {
	    text-align: center;
        flex-direction: column;
    }

    .col-news > a {
        height: auto;
    } 

    .news-wrapper > a {
        width: 100%;
        height: 100%;
    }
   .pradesh .col-news,
   .main--news .row-news  {
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
   }

   .pradesh .col-news .latestNews,
   .main--news .row-news .latestNews {
        width: 45%;
        padding: 0;
        padding-bottom: 20px;
    }

    
    .news-content {
        padding: 0;
    }
}

@media (max-width: 875px) {
    .site-header > div > div {
        justify-content: center;
    }

    .site-branding {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .pradesh .col-news .latestNews, .main--news .row-news .latestNews {
        width: 45%;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .brand-news {
        flex-direction: column;
    }
}

@media (max-width: 639px) {

    .pradesh .col-news .latestNews, .main--news .row-news .latestNews {
        width: 100%;
    }
    .latestNews > a {
        height: 90px;
        flex: 1;
    }

    .bannerNews {
        margin: 35px 0;
    }

    .banner--title {
        font-size: 3.5rem;
    }

    .news-title-medium {
        font-size: 3rem;
    }

    .overlay > a {
        height: 100%;
    }

    .overlay-text {
        position: static;
        width: auto;
    }

    .site-footer {
        text-align: center;
    }

    .footer-logo {
        flex-direction: column;
    }

    .footer-links .quick-links {
        justify-content: center;
    }

    .footer-links .quick-links p {
        margin-top: 10px;
        line-height: 1.3;
    }

    p {
        font-size: 16px;
    }
}

@media (max-width: 611px) {
    .author-post {
        justify-content: center;
    }

    .post-info {
        margin-bottom: 10px;
    }
}