@media screen and (max-width: 100rem) /* 1600px */
{
	.page-home .banners { width: 100%; padding: 8rem; }
	.page-home .info { width: 100%; }
}

@media screen and (max-width: 75rem) /* 1200px */
{
	.width-content { width: 90%; }

	.header { padding: 1.5rem 0; }
	.page-header { padding: 3rem 0; }

	.page-home .banners { padding: 5rem; text-align: center; }
	.page-home .banners h2 { font-size: 5rem; width: 100%; }
	.page-home .banners p { width: 100%; }
	.page-home .info { margin-bottom: 3rem; }
	.page-home .products { padding-bottom: 3rem; }

	.page-sobre { margin: 3rem auto 1rem auto; }

	.page-produtos { margin: 3rem auto; }

	.page-produto { padding-top: 3rem; }
	.page-produto .infos .photos img.other { height: 6rem; }
	.products { padding: 3rem 0 0 0; }
	.products .items { margin: 3rem 0 1rem 0; }
	.products .items li img { height: 15rem; }

	.form { margin: 3rem auto; }

	.page-carrinho { padding: 3rem 0 !important; }
}

@media screen and (max-width: 56.25rem) /* 900px */
{
	.header .search input { width: 100% !important; }
	.header .search .button { display: none; }
	.header .search .icon { display: inline-block; }

	.title { max-width: 100%; left: 0; margin-left: 0; }
	.subtitle { max-width: 100%; left: 0; margin-left: 0; }

	.whatsapp { right: 1rem; bottom: 1rem; width: 3rem; height: 3rem; }
	.whatsapp svg { font-size: 1.5rem; margin-top: .75rem; }
	.menu-button { display: block; }
	.header { flex-wrap: wrap; }
	.header .logo { width: 5rem; }
	.header .menu { display: none; }
	.header nav { order: 1; width: 100%; }
	.footer .nav { display: inline-block; text-align: center; width: 100%; margin-top: 1rem; }
	.footer .nav .logo { margin-bottom: 1.5rem; width: 5rem; }
	.footer .nav .menu li { padding: 0 1rem; }
	.footer .contacts { padding: 0; margin: 1rem 0; display: inline-block; text-align: center; width: 100%; }
	.footer .contacts li { margin: 1rem 0; }
	.footer .developer { margin-bottom: 1rem; display: inline-block; width: 100%; text-align: center; }
	.footer .developer div { justify-content: center; margin-bottom: 1rem; }

	.page-home .banners { padding: 3rem; }
	.page-home .banners h2 { font-size: 4rem; }
	.page-home .banners p { font-size: 1.2rem; margin: .5rem 0 1rem 0; }

	.page-sobre .width-50 { width: 100%; text-align: center; }
	.page-sobre .title, .page-sobre .subtitle { max-width: 100%; width: 100%; }

	.page-produtos .width-30, .page-produtos .width-70 { width: 100%; text-align: center; }
	.page-produtos .block { margin-bottom: 2rem; }

	.page-produto { padding-top: 0; }
	.page-produto .infos .width-50 { width: 100%; text-align: center; }
	.page-produto .infos .photos img { width: 100%; margin: .5rem 0; }
	.page-produto .infos .photos img.other { height: 8rem; margin: .5rem 1% 0 1%; }
	.products .items li { width: 31.33%; }
	.products .items li img { height: 12rem; }

	.form { width: 100% !important; }

	.page-carrinho .buttons a { width: 100%; margin: .5rem 0 0 0; }
}

@media screen and (max-width: 37.5rem) /* 600px */
{
	.page-header h1 { font-size: 2.5rem; }

	.footer .nav .logo { margin-bottom: .5rem; }
	.footer .nav .menu li { padding: 0; display: block; margin-top: 1rem; }

	.page-home .banners { padding: 3rem 1rem; }

	.page-produtos .products .items li { width: 48%; }

	.page-produto .infos .photos img.other { width: 29.33%; }
	.products .items li { width: 48%; }

	.form textarea { height: 7rem; }
}

@media screen and (max-width: 25rem) /* 400px */
{
	.menu-button { width: 30%; }
	.header .header-logo { width: 30%; }
	.header .logo { width: 7rem; }
	.header .cart { width: 40%; }
	.header .cart a { display: block; text-align: center; }
	.header .cart svg { margin-right: 0; display: block; width: 100%; }
	.header .search { flex-wrap: wrap; }
	.header .search input, .header .search .button { width: 100% !important; }

	.page-produtos .products .items li { width: 98%; }

	.page-produto .infos .photos img.other { width: 46%; }
	.products .items li { width: 98%; }
}