@media(max-width:991px){

    .news-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .main{
        flex-direction:column;
    }

    .sidebar{
        width:100%;
    }

    .post-title{
        font-size:30px;
    }
}

@media(max-width:768px){

    .news-grid{
        grid-template-columns:1fr;
    }

    .logo{
        font-size:30px;
    }

    .main-menu{
        flex-wrap:wrap;
    }

    .dropdown{
        width:260px;
        grid-template-columns:1fr;
    }

    .related-grid{
        grid-template-columns:1fr;
    }
}