@media screen and (max-width: 768px) {
	.access-button,
	#back-to-the-top,
	#barra-brasil,
	#filtros {
		display: none !important;
	}
	
	#content.container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0;
	}

	#heading .site-title .logo img {
    	float: left;
    	margin-right: 0;
    	height: 40px !important;
    	width: auto !important;;
    	max-width: inherit !important;
	}

	#header-bar .container {
    	padding: 0 !important;
	}
	
	#portal-siteactions {
		display: none !important;
	}
	
	#column-2 {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	/* TEMATICA */
	.accordion-toggle { white-space: normal; }
		
	#treeview {
		margin: 0 !important;
	}
	
	iframe {
		max-height: 100vh !important;
    	width: 88vw !important;
    	/*margin-left: -37px;*/
	}
	
	table td strong {
	    font: bold 7pt Verdana !important;
	}
	
	.div_filhos > div {
		margin-left: 0 !important;
		padding: 2px 0;
	}
	
	/* RESENHA */
	#resenha article {
		padding: 5px 0 !important;
	}
	
	#resenha article .ementa {
    	width: 100%;
	}
	
	input.datepicker {
		padding: 7px 10px !important;
	}
		
	.inteiro-teor {
		margin-left: -5px !important;
		width: 98vw !important;
	}
	
	.inteiro-teor iframe {
		margin-left: 0;
		width: 94vw !important;
	}
	
	.accordion-heading #treeview {
		padding: 5px 0 !important;
		width: 100% !important;
	}
	
	.accordion-heading #treeview .TreeImageClose {
		margin-left: 5px !important
	}
	
	.accordion-heading #treeview iframe {
		margin-left: -2px !important;
		width: 95vw !important;
	}
		
	/* RODAPE */
	#footer-bar #footer-bar-container > div
	 {
	 	margin: 0 0 40px 0 !important;
		display: block !important;
		width: 100% !important;
		min-width: 100% !important;
		float: none !important;
		text-align: center;
	}


	.voltar-topo {
		bottom: 10px !important;
	}
	
	#livechat-eye-catcher {
		display: none !important;
	}
    
    #chat-container {
    	right: 0 !important;
    	bottom: 50px !important;
    }
}

@media screen and (max-width: 600px) {
	iframe {
   		width: 94vw !important;
 	}
}

/*
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
*/
@media screen and (min-width: 320px) and (max-width: 480px) {

}