﻿@media screen and (max-width: 1200px)
{
	.width-content { width: 90%; }
	.whatsapp { bottom: 20px; right: 20px; }
	.bag { bottom: 90px; right: 20px; }
	.page-header { padding: 40px 0; }
	.form { padding: 50px 0 40px 0; }

	.footer-1 .width-content { padding: 70px 0 !important; }
	.footer-2 .width-content { padding: 70px 0 !important; }
	.footer-3 .width-content { padding: 70px 0 !important; }

	.aviso { padding: 60px 0 !important; }
	.resumo { padding: 60px 0 !important; }
	.resumo .resumo-text { padding-right: 10% !important; }
}

@media screen and (max-width: 992px)
{
	.whatsapp { bottom: 10px; right: 10px; }
	.bag { bottom: 80px; right: 10px; }
	.form { padding: 40px 0 30px 0; }
	.items { padding: 40px 0; }
	.items .list ul li { width: 50%; }
	.item { padding: 40px 0; }
	.cart .comments { margin-top: 40px; }
	.cart .buttons { margin-bottom: 40px; }
	.finish { padding: 40px 0 }

	.header-1 { padding: 15px 0 !important; }
	.header-1 .header-menu li a { padding: 10px !important; }
	.header-2 { padding: 15px 0 !important; }
	.header-2 .header-menu li a { padding: 10px !important; }
	.header-3 .header-logo { padding: 15px 0 !important; }
	.header-3 .header-menu { padding: 20px 0 !important; }
	.footer-1 .width-content { padding: 60px 0 !important; width: 90% !important; }
	.footer-2 .width-content { padding: 60px 0 !important; width: 90% !important; }
	.footer-3 .width-content { padding: 60px 0 !important; width: 90% !important; }

	.opacity{padding: 120px 0 100px;}
	.apresentacao-slides .slides-item .width-content { width: 90% !important; }
	
	.apresentacao-slides .slides-item .slides-text { margin: 20px 0 !important; }
	.carrossel { padding: 40px 0 !important; }
	.aviso { padding: 40px 0 !important; }
	.resumo { padding: 40px 0 !important; }
}

@media screen and (max-width: 768px)
{
	.page-header { padding: 30px 0; }
	.form { padding: 30px 0 20px 0; }
	.items { padding: 30px 0; }
	.items .width-30, .items .width-70 { width: 100%; }
	.items .sidebar { margin-bottom: 0; padding-right: 0; }
	.items .sidebar .title { padding: 15px 0; border-radius: 5px; width: 100%; background: #1f1f1f; color: #fff; cursor: pointer; line-height: normal; font-size: initial; text-transform: uppercase; font-weight: 600; text-align: center; }
	.items .sidebar .categories { display: none; margin-bottom: 30px; }
	.item { padding: 30px 0; }
	.item .width-50 { width: 100%; }
	.item .infos { padding-left: 0; margin-top: 30px; }
	.cart .comments { margin-top: 30px; }
	.cart .buttons { margin-bottom: 30px; }
	.cart .buttons .button { width: 100%; margin-bottom: 10px; }
	.finish { padding: 30px 0 }

	.header-1 .width-content { justify-content: center !important; }
	.header-1 .header-menu { display: none !important; }
	.header-2 .header-menu { display: none !important; }
	.header-3 .header-menu { display: none !important; }
	#header .header-mobile .button { display: block !important; }
	.footer-1 .width-content { flex-wrap: wrap !important; padding: 50px 0 !important; }
	.footer-1 .width-content .width-40, .footer-1 .width-content .width-30 { width: 100% !important; text-align: center !important; }
	.footer-1 .footer-logo { max-width: 200px !important; }
	.footer-1 .footer-contacts { margin: 20px 0 !important; }
	.footer-1 .footer-contacts a { margin: 5px 0 !important; width: 100% !important; display: inline-block !important; }
	.footer-1 .footer-contacts a svg { margin-right: 10px !important; float: none !important; display: inline !important; }
	.footer-1 .footer-contacts a p { margin: 0 !important; display: inline !important; }
	.footer-2 .width-content { padding: 50px 0 !important; }
	.footer-2 .footer-contacts { margin: 20px 0 !important; flex-wrap: wrap !important; text-align: center !important; }
	.footer-2 .footer-contacts a { margin: 5px 0 !important; width: 100% !important; display: inline-block !important; padding: 0 !important; }
	.footer-2 .footer-contacts a svg { margin-right: 10px !important; float: none !important; display: inline !important; }
	.footer-2 .footer-contacts a p { margin: 0 !important; display: inline !important; }
	.footer-3 .width-content { padding: 50px 0 !important; }
	.footer-3 .footer-text { margin: 20px 0 !important; }

	.apresentacao-slides .slides-item .slides-title { font-size: 30px !important; }
	.apresentacao-slides .slides-item .slides-text { margin: 15px 0 !important; }
	.carrossel { padding: 30px 0 !important; }
	.aviso { padding: 30px 0 !important; }
	.aviso .width-content { width: 90% !important; }
	.resumo { padding: 30px 0 !important; }
	.resumo .width-content { display: inline-block !important; margin-left: 5% !important; }
	.resumo .width-50 { width: 100% !important; text-align: center !important; }
	.resumo .resumo-text { padding-right: 0 !important; }
	.resumo .button { margin-bottom: 20px; }
	.resumo .resumo-image { width: 100% !important; max-width: 480px !important; margin-left: 0 !important; }
	.resumo iframe { width: 100% !important; max-width: 480px !important; height: 250px !important; }
	.resumo2 .width-content {width:100%;}
}

@media screen and (max-width: 576px)
{
	.whatsapp, .bag { width: 50px; height: 50px; }
	.whatsapp svg, .bag svg { font-size: 25px; margin-top: 12px; }
	.bag { bottom: 70px; }
	.page-header { padding: 20px 0; }
	.error .width-content { width: 90%; }
	.items .list ul li { width: 100%; }

	.header-1 .width-content { flex-wrap: wrap; justify-content: center !important; }
	.header-2 .width-content { flex-wrap: wrap; justify-content: center !important; flex-direction: column; }
	.header-2 .width-content .button { margin-top: 5px; }

	
	.apresentacao-slides .slides-item .slides-title { font-size: 26px !important; }
	.apresentacao-slides .button-white{font-size:12px!important; padding: 10px 15px;}
}