#index .home-brands {
	margin: 6rem auto;
	text-align: center
}

#index .home-brands h2 {
	margin-bottom: 3rem
}

@media (max-width: 767.98px) {
	#index .home-brands h2 {
		margin-bottom:1.5rem
	}
}

#index .home-brands .home-brands__wrapper {
	margin: 0 auto
}

@media (min-width: 768px) {
	#index .home-brands .home-brands__wrapper {
		max-width:85%
	}
}

@media (min-width: 992px) {
	#index .home-brands .home-brands__wrapper {
		max-width:90%
	}
}

@media (min-width: 1300px) {
	#index .home-brands .home-brands__wrapper {
		max-width:92%
	}
}

#index .home-brands .home-brand {
	padding: 0 .5rem
}

#index .home-brands .home-brand img {
	border-radius: 20px;
	margin: 0 auto;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .2s linear
}

#index .home-brands .home-brand img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

#index .home-brands .slick-dots {
	bottom: -60px
}

#index .home-brands .btn {
	margin-top: 4rem
}

@media (min-width: 1300px) {
	#index .home-brands .btn {
		margin-top:3rem
	}
}