@media (max-width: 1200px) {

    .footer-top,
    .footer-bottom {
        padding: 30px;
    }

    .category-icons {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px 0;

        &>:nth-child(4n)::after {
            display: none;
        }
    }

    .categories-index>.category-tree {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .companies,
    .blog-posts {
        grid-template-columns: repeat(3, 1fr);
    }

    .category-companies .companies {
        grid-template-columns: repeat(3, 1fr);
    }

    #main-content section {
        padding: 50px 30px;
    }
}