@media (max-width: 768px) {

.main-categories-section{
padding: 20px 0px;
}

.category-card-center-info {
padding: 10px;
}

.categories-container{
padding: 20px 10px;
}

    .categories-grid {
     grid-template-columns: repeat(2, 1fr); 
     gap: 10px; 
    }

.category-card-center-info h3{
font-size: 11px;
}


.category-card-item{
height: 150px;
}

.news-page-header h2{
font-size: 13px !important;
}

.nav-container{
padding: 0px 10px;
}

}