/* ========== MEDIA PRINTS ==========*/
/* SMALL DEVICES - SMARTPHONES  - MENU CABECALHO MOBILE */
@media screen and (max-width: 320px){
	.content {	width: 100% !important;	}
	.cabecalho{ min-height: 268px !important;}
	.cabecalho .logomarca{top: 70px !important;}
	#cabecalho_bot_menu{ cursor: pointer; margin: 10px; position: absolute; bottom: 30px; font-size: 1.2em; font-weight: normal; color:#fff; font-family: "OpenSans", Tahoma, Arial, sans-serif !important; min-width: 94%;}
	#cabecalho_bot_fechar{ cursor: pointer; position: absolute; top: 5px; right: 5px; }
	.cabecalho .menu{
		display: block;
		background-color: rgba(0,0,0,0.75);
		width: 94%;
		display: none;
		position: absolute;
		top: 10px;
		margin: 0px 3%;
	}
	.cabecalho .menu li{
		display: block;
		width: 90%;
		margin: 0 auto;
		border: 0;
		padding: 10px;
		font-size: 0.85em;
		float: left !important;
		text-align: left !important;
	}
	
	.box-2p{width: 48% !important;	margin: 0 1% !important; }
	.box-3c{width: 96% !important;	margin: 0 2% !important; }
	.box-3c-centro {width: 96% !important;	margin: 0 2% !important; }
	.box-4p{width: 98% !important;	margin: 0 1% !important; }
	.box-5p{width: 98% !important;	margin: 0 1% !important; }
	.box-6p{width: 98% !important;	margin: 0 1% !important; }
	.box-7p{width: 98% !important;	margin: 0 1% !important; }
	.box-8p{width: 98% !important;	margin: 5% 1% !important; }
	.box-9p{width: 98% !important;	margin: 0 1% !important; }
	.box-10p{width: 98% !important;	margin: 0 1% !important; }
	.box-12p{width: 98% !important;	margin: 0 1% !important; }
	.box-16p{width: 100%; margin: 0;}
	
	.rodape_contatos h1{font-size: 1.45em !important;}
	.rodape_contatos .icon-title-esq{width: 4%;}
	.rodape_contatos .icon-title-dir{width: 4%;}
	
	.rodape_copyright .maioridade {text-align: center !important;}
	.rodape_copyright .redes_sociais .botoes {font-size: 0.55em !important;}
	.rodape_copyright .logomarca {width: 94% !important; text-align: center !important; margin: 0 3%;}
	.rodape_copyright .logomarca h6{padding: 15px 0px !important;}
}

/* SMALL DEVICES - SMARTPHONES  - MENU CABECALHO MOBILE */
@media screen and (min-width: 321px) and (max-width: 480px){
	.content {	width: 100% !important;	}
	.cabecalho{ min-height: 268px !important;}
	.cabecalho .logomarca{top: 70px !important;}
	#cabecalho_bot_menu{ cursor: pointer; margin: 10px; position: absolute; bottom: 30px; font-size: 1.2em; font-weight: normal; color:#fff; font-family: "OpenSans", Tahoma, Arial, sans-serif !important; min-width: 94%;}
	#cabecalho_bot_fechar{ cursor: pointer; position: absolute; top: 5px; right: 5px; }
	.cabecalho .menu{
		display: block;
		background-color: rgba(0,0,0,0.75);
		width: 94%;
		display: none;
		position: absolute;
		top: 10px;
		margin: 0px 3%;
	}
	.cabecalho .menu li{
		display: block;
		width: 90%;
		margin: 0 auto;
		border: 0;
		padding: 10px;
		font-size: 0.9em;
		float: left !important;
		text-align: left !important;
	}
	
	.box-2p{width: 48% !important;	margin: 0 1% !important; }
	.box-3c{width: 96% !important;	margin: 0 2% !important; }
	.box-3c-centro {width: 96% !important;	margin: 0 2% !important; }
	.box-4p{width: 96% !important;	margin: 0 2% !important; }
	.box-5p{width: 96% !important;	margin: 0 2% !important; }
	.box-6p{width: 96% !important;	margin: 0 2% !important; }
	.box-7p{width: 96% !important;	margin: 0 2% !important; }
	.box-8p{width: 96% !important;	margin: 0 2% !important; }
	.box-9p{width: 96% !important;	margin: 0 2% !important; }
	.box-10p{width: 96% !important;	margin: 0 2% !important; }
	.box-12p{width: 96% !important;	margin: 0 2% !important; }
	
	.rodape_contatos h1{font-size: 1.55em !important;}
	.rodape_contatos .icon-title-esq{width: 4%;}
	.rodape_contatos .icon-title-dir{width: 4%;}
	
	.rodape_copyright .maioridade {text-align: center !important;}
	.rodape_copyright .redes_sociais .botoes {font-size: 0.625em !important;}
	.rodape_copyright .logomarca {width: 94% !important; text-align: center !important; margin: 0 3%;}
	.rodape_copyright .logomarca h6{padding: 15px 0px !important;}
}

/* SMALL DEVICES - TABLETS  - MENU CABECALHO MOBILE */
@media screen and (min-width: 481px) and (max-width: 768px){
	.content {	width: 99% !important;}
	.cabecalho{ min-height: 198px !important;}
	.cabecalho .logomarca{top: 20px !important; left: 20px !important; margin: 0;}
	#cabecalho_bot_menu{ cursor: pointer; margin: 10px; position: absolute; bottom: 45px; font-size: 1.2em; font-weight: normal; color:#fff; font-family: "OpenSans", Tahoma, Arial, sans-serif !important; right: 10px}
	#cabecalho_bot_fechar{ cursor: pointer; position: absolute; top: 5px; right: 5px; }
	.cabecalho .menu{
		display: block;
		background-color: rgba(0,0,0,0.75);
		width: 94%;
		display: none;
		position: absolute;
		top: 10px;
		margin: 0px 3%;
	}
	.cabecalho .menu li{
		display: block;
		width: 90%;
		margin: 0 auto;
		border: 0;
		padding: 10px;
		font-size: 1em;
		float: left !important;
		text-align: left !important;
	}
	
	.box-3c{width: 96% !important;	margin: 0 2% !important; }
	.box-3c-centro {width: 96% !important;	margin: 0 2% !important; }
	.box-4p{width: 50% !important;}
	.box-6p{width: 50% !important;}
	
	.rodape_copyright .box-4p{width: 40% !important;}
	.rodape_copyright .box-6p{width: 60% !important;}
	.rodape_copyright .redes_sociais .botoes {font-size: 0.65em !important; margin: 0px !important;}
	.rodape_copyright .logomarca {width: 94% !important; text-align: center !important; margin: 0 3%;}
	.rodape_copyright .logomarca h6{padding: 15px 0px !important;}
}

/* MEDIUM DEVICES - TABLETS & DESKTOPS - MENU CABECALHO DESKTOP */
@media screen and (min-width: 769px) and (max-width: 1024px){
	.content {	width: 98% !important;}
	
	#cabecalho_bot_menu{ cursor: pointer; margin: 10px; position: absolute; top: 50px; left: 20px; font-size: 1.2em; font-weight: normal; color:#fff; font-family: "OpenSans", Tahoma, Arial, sans-serif !important;}
	#cabecalho_bot_fechar{ cursor: pointer; position: absolute; top: 5px; right: 5px; }
	.cabecalho .menu{
		display: block;
		background-color: rgba(0,0,0,0.75);
		width: 94%;
		display: none;
		position: absolute;
		top: 10px;
		margin: 0px 3%;
	}
	.cabecalho .menu li{
		display: block;
		width: 90%;
		margin: 0 auto;
		border: 0;
		padding: 10px;
		font-size: 1em;
		float: left !important;
		text-align: left !important;
	}
	
	.rodape_contatos h3{font-size: 1.65em !important; }
	.rodape_copyright .maioridade {width: 50% !important; }
	.rodape_copyright .maioridade img{text-align: center !important; }
	.rodape_copyright .redes_sociais {width: 50% !important; }
	.rodape_copyright .logomarca {width: 94% !important; text-align: center !important; margin: 0 3%;}
	.rodape_copyright .logomarca h6{padding: 15px 0px !important;}
}

/* MEDIUM DEVICES - DESKTOPS & WIDESCREEN - MENU CABECALHO DESKTOP */
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.content {	width: 96% !important; }
	.cabecalho li a{font-size: 0.8em; font-family: "OpenSans", Tahoma, Arial; color:#fff; text-decoration: none; padding: 4px; font-weight: bold;}	
	#cabecalho_bot_menu{ display: none;}
	#cabecalho_bot_fechar{ display: none; }
	
	
	.rodape_contatos h3{font-size: 2em !important; }
	.rodape_copyright .logomarca img{float: right;}
	.rodape_copyright .logomarca h6{float: right;}
}

/* MEDIUM DEVICES - DESKTOPS & WIDESCREEN - MENU CABECALHO DESKTOP */
@media screen and (min-width: 1281px){

	#cabecalho_bot_menu{ display: none;}
	#cabecalho_bot_fechar{ display: none; }
	
	.rodape_copyright .logomarca img{float: right;}
	.rodape_copyright .logomarca h6{float: right;}
}

@media screen and (max-width: 425px){
	.slider{
		display: none;
	}
	.nome_cervejas{
		display: none;
	}
	.title div:nth-child(2){
		opacity: 0;
	}
}