@media only screen and (max-width: 1499px){
	
}

@media only screen and (max-width: 1399px){

}

@media only screen and (max-width: 1199px){

}

@media only screen and (max-width: 991px){

	.site_sidebar{
		border-top: 1px solid var(--light);
	}
	
	.site_header .brand .col{
		flex-direction: column;
	}
}

@media only screen and (max-width: 767px){
	body, table, td{
		font-size: 16px;
	}
	
	.lista_sidebar,
	.pagination a,
	.btn{
		font-size: 1em;
	}
	
	h1, .h1{ font-size: 42px; }
	h2, .h2{ font-size: 32px; }
	h3, .h3{ font-size: 26px; }
	h4, .h4{ font-size: 22px; }
	h5, .h5{ font-size: 20px; }
	h6, .h6{ font-size: 18px; }
	
	.site_header .brand{
		gap: 0 16px;
	}
	
	.btn{
		padding: 0 1.5rem;
	}
	.btn-lg, .btn-group-lg > .btn{
		padding: 0 2rem;
	}
	.btn-sm, .btn-group-sm > .btn{
		padding: 0 1rem;
	}
	
	.site_searchform .search_input{
		height: 65px;
		padding: 18px 70px 18px 20px;
	}
	.site_searchform .submit_input{
		right: 10px;
	}
	.lista_tramites a{
		padding: 0 12px;
	}
	
}

@media only screen and (max-width: 575px){
	
	h1, .h1{ font-size: 32px; }
	h2, .h2{ font-size: 26px; }
	h3, .h3{ font-size: 22px; }
	h4, .h4{ font-size: 20px; }
	h5, .h5{ font-size: 18px; }
	h6, .h6{ font-size: 16px; }
	
	.site_searchform .search_input{
		padding: 16px 70px 16px 18px;
	}
	.pagination ul li.page:not(.current){
		display: none;
	}

}