@media screen and (max-width: 1400px) {
    .catalog {
        width: auto;
    }
        .catalog--categories {
            gap: 1em;
        }
}

@media screen and (max-width: 992px) {
    .catalog {
		align-items: baseline;
    }
        .catalog--products {
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 2em 1em;
        } 
        .catalog--categories {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2em 1em;
        } 
}


@media screen and (max-width: 750px) {
	.catalog--products {
		gap: 2em 0.5em;
	} 
	.catalog--categories {
		gap: 2em 0.5em;
	}
}
@media screen and (max-width: 355px) {
    .catalog-item--category {
        min-width: 300px;
        max-width: 300px;
    }
}