@media ( max-width : 1000px) {
	.product-grid{
		display: flex;
	    gap: 15px;
	    justify-content: center;
	}	
}

@media ( max-width : 680px) {
	.hero-media {
		min-height: 375px;
	}
	.hero-slide {
		min-height: 375px;
	}
	
	.hero-control{
		bottom: 3px;
    	left: 24px;
	}
	.product-grid{
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 3fr));
		gap:30px;
	}
	
	.product-visual{
		height:240px;
	}
	.product-body{
		padding: 10px 20px;
	}
	.brand-card.big{
	    grid-column: span 12;
    	grid-row: span 3;
	}
	.brand-card.small {
	    grid-column: span 12;
	    grid-row: span 2;
	}
	.news-layout {
    	grid-template-columns: 1fr;
	}
	.foot-links a:after{
		right: -5px;
	}
	.foot-links{
		gap:9px;
	}

}