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

	[role="header"] nav#principal {
		margin-left: 10px;
	}

}

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

	#hilos.categoria ul li h3 .categorias {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
		float: left;
	}

	[role="header"] .logo {
		left: 10px;
		margin-left: 10px;
	}

	#content.full {
		margin-top: 150px;
	}

	nav.right {
		margin-right: 20px;
		position: relative;
	}

	#blog #sidebar {
		padding-right: 10px;
	}

	.blog #blog #content > .content {
		grid-template-columns: repeat(2, 1fr);
	}

	#foro article,
	#foro #respuestas {
		width: 100%;
	}

	#foro #sidebar {
		width: 100%;
		position: static;
	}

	#foro article,
	#foro #comments {
		width: 100%;
	}

	#foro #sidebar #respond {
		display: none;
	}

	#foro .responsive-form {
		display: block;
	}

	#foro #sidebar ul li {
		width: calc((100% / 3) - 1px);
		margin-right: 1px;
	}

	#hilos.categoria {
		width: 100%;
	}

}

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

	/* Inicio */
	.content {
		padding: 10px 20px;
	}

	.listaNoticias li {
		width: 48%;
		margin-right: 2%;
	}

	nav#principal > ul > li > ul > li > a {
		margin-bottom: 10px;
	}

	nav#principal > ul > li.sub > a.active {
		background: none;
	}

	#menuBanner li {
		min-height: 95px;
		padding: 12px;
	}

	footer section {
		padding: 30px 20px;
	}

	footer p {
		width: 50%;
	}

	article img {
		width: 100%;
		height: auto;
	}

	.content article h1 {
		font-size: 35px;
	}

	.adjuntos .galeriaEnlaces li {
		width: 31%;
		min-height: 280px;
	}

	ul li ul {
		padding-left: 0px;
	}

	.ajax-loader {
		width: auto;
		height: auto;
	}

	#hilos ul li .imagen {
		display: none;
	}

	#hilos ul li .center {
		padding: 10px;
	}

	#mobile-menu {
		width: 30px;
		height: 20px;
		margin-top: -10px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 20px;
	}

	#mobile-menu span {
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #ccc;
	}

	#mobile-menu span:nth-child(1) {
		top: 0;
	}

	#mobile-menu span:nth-child(2) {
		top: 50%;
	}

	#mobile-menu span:nth-child(3) {
		top: 100%;
	}

	#mobile-menu.active span:nth-child(1) {
		top: 50%;
		transform: rotate(45deg);
	}

	#mobile-menu.active span:nth-child(2) {
		top: 50%;
		transform: rotate(-45deg);
	}

	#mobile-menu.active span:nth-child(3) {
		top: 50%;
		transform: rotate(-45deg);
	}

	[role="header"] .logo,
	[role="header"].minima .logo {
		margin-left: 0;
		position: relative;
		max-width: 50px;
		display: flex;
		align-items: start;
		justify-content: center;
		float: none;
	}

	[role="header"] .logo {
		max-width: 150px;
	}

	[role="header"] .logo,
	[role="header"].minima .logo img {
		min-width: 150px;
	}

	[role="header"].minima .logo img {
		transform: translateX(-54px);
	}

	[role="header"] nav.right,
	[role="header"].minima nav.right {
		margin-top: 12px;
		padding: 20px 10px;
		position: relative;
		float: left;
		width: 100%;
		text-align: center;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
	}

	[role="header"].minima nav.right {
		margin-top: 18px;
	}

	[role="header"] nav.right,
	[role="header"] nav#principal {
		opacity: 0;
		pointer-events: none;
		position: absolute;
		width: 100%;
	}

	[role="header"] nav.right.active,
	[role="header"] nav#principal.active {
		opacity: 1;
		pointer-events: all;
	}

	[role="header"] nav.right.active 
	[role="header"].minima nav.right {
		margin-top: 18px;
	}

	body [role="header"].minima nav.right ul {
		margin-right: 0;
	}

	body [role="header"] nav.right ul,
	body [role="header"].minima nav.right ul {
		width: 100%;
	}

	body [role="header"] #buscador,
	body [role="header"].minima #buscador {
		width: 100%;
		height: 89px;
		margin-top: 0;
		align-items: center;
		position: absolute;
		top: 84px;
	}

	body [role="header"].minima #buscador {
		margin-top: 0;
	}

	[role="header"] #buscador button {
		top: auto;
	}
	
	body [role="header"] #buscador form {
		width: 100%;
	}

	[role="header"] #buscador button,
	[role="header"].minima #buscador button {
		width: 59px;
		height: 59px;
		position: static;
		float: right;
	}

	body [role="header"] #buscador input,
	body [role="header"].minima #buscador input {
		width: calc(100% - 59px);
		height: 59px;
		margin-right: 0;
		opacity: 1;
		position: static;
		float: left;
	}

	[role="header"] nav#principal,
	[role="header"].minima nav#principal {
		margin-top: 0;
		background-color: #fff;
	}

	[role="header"] nav#principal {
		height: calc(100% - 183px);
		position: fixed;
		top: 183px;
		left: 0;
		margin: 0;
	}

	[role="header"].minima nav#principal {
		height: calc(100% - 140px);
		top: 140px;
	}

	nav#principal > ul {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	nav#principal > ul > li {
		width: 100%;
		order: 2;
	}
	
	nav#principal > ul > li:last-child {
		order: 1;
	}
	
	nav#principal > ul > li:last-child a::after {
		content: 'Buscar';
		width: auto;
		height: auto;
		margin-left: 10px;
		border: 0;
		opacity: 1;
		transform: translateY(1px);
		position: static;
		display: inline-block;
	}

	nav#principal > ul > li > a {
		margin: 0;
		background-color: transparent;
		color: #404040;
		font-size: 18px;
		float: left;
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}

	[role="header"] nav.right {
		padding: 10px 20px;
	}
	[role="header"] nav.right > ul {
		width: 100%;
		white-space: nowrap;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		float: left;
	}

	[role="header"] nav.right > ul > li a,
	[role="header"].minima nav.right > ul > li a {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
		background: transparent;
	}

	[role="header"] li#verificarDocumentos,
	[role="header"].minima li#verificarDocumentos {
		width: 100%;
		margin: 20px 0;
	}

	[role="header"] li#verificarDocumentos {
		height: auto;
		margin: 5px 0 0 0;
	}

	[role="header"] li#verificarDocumentos a {
		margin-top: 0;
	}

	nav.right > ul > li#eVisado > a:hover {
		background-position: -6px -34px;
	}

	nav.right > ul > li#usuario span {
		display: none;
	}

	nav#submenu {
		width: 100%;
		background-color: #fff;
		position: fixed;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999999;
		overflow-y: scroll;
		display: none;
	}

	nav#submenu .goback {
		padding: 15px 20px;
		visibility: visible;
		cursor: pointer;
	}

	nav#submenu ul {
		background-color: white;
	}

	nav#submenu ul li {
		width: 100%;
		text-align: center;
		float: left;
	}

	nav#submenu ul li a,
	nav#submenu > ul.privado span.candadoBlanco {
		padding: 5px 0px;
		margin-right: 0;
		font-size: 16px;
		color: #404040;
		display: inline-block !important;
		float: none !important;
	}

	nav#submenu > ul.privado span.candadoBlanco {
		margin-right: 5px;
	}

	#formAcceder {
		left: 0;
		position: fixed;
		width: 100%;
		top: 233px;
	}

	nav.right > ul > li > a {
		margin-left: 6px;
	}

	li#eVisado > a {
		padding: 0;
		background-position: -6px -4px;
	}

	.single #blog article footer {
		align-items: flex-start;
    	justify-content: space-between;
    	flex-direction: column;
    }

    .single #blog article footer > span:first-child {margin-bottom: 10px;}

    .cabeceraNoticia {
		display: block;
	}

    .content article h1.titulo {
		font-size: 24px;
		line-height: 34px;
	}

	.content article h1.titulo.publico {
	    width: 60%;
	}
	.content article .rsCompartir {
	    width: 40%;
	}

}

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

	#content.full {
		margin-top: 200px;
	}

	#mapaWeb ul li,
	#bannersGrandes,
	#bannersPequenos {
		display: none;
	}

	#menuBanner h2 {
		font-size: 13px;
	}

	#menuBanner h1 {
		font-size: 12px;
	}

	.listaNoticias li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		min-height: 100%;
	}

	.listaNoticias li img {
		width: 48%;
		margin-right: 2%;
	}

	.listaNoticias li span,
	.listaNoticias li h2,
	.listaNoticias li p {
		width: 50%;
		float: left;
	}

	#soy ul li a {
		margin-bottom: 2px;
		padding: 7px 10px;
		width: 100%;
	}

	#mapaWeb > ul > li {
		width: 50%;
	}

	#partners {
		margin-top: 20px;
	}

	.content article {
		width: 100%;
		padding: 25px 0;
	}

	#sidebar,
	#archive {
		width: 100%;
	}

	#sidebar {
		margin: 0;
	}

	#archive {
		padding: 25px 0;
	}

	.content article img {
		margin-bottom: 15px;
	}

	footer p,
	footer .rs {
		width: 100%;
		text-align: center;
	}

	footer section {
		text-align: center;
		padding: 10px 20px 20px;
	}

	footer #logoPie {
		float: none;
		margin-top: 10px;
	}

	footer .rs {
		margin-top: 10px;
	}

	hr {
		margin: 0.5em 0 1em 0;
	}

	footer .rs li {
		float: none;
	}

	#hilos ul li h3 .categorias {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
		float: left;
	}

	.owl-carousel .owl-item {
		overflow: hidden;
	}

	.owl-carousel .owl-item img {
		width: auto !important;
		height: 500px;
		transform: translateX(-50%);
		position: relative;
		left: 50%;
	}

}

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

	#content.full {
		margin-top: 115px;
	}

	#breadcrumbs,
	#breadcrumbs a {
		font-size: 11px;
		font-weight: 400;
	}

	#breadcrumbs span,
	#breadcrumbs div > span {
		font-size: 11px;
		font-weight: 700;
	}

	.content article h1 {
		font-size: 26px;
	}

	.content article h2 {
		font-size: 22px;
	}

	.content article {
		padding-top: 15px;
	}

	#archive li h2 {
		font-size: 16px;
	}

	#archive li span.fecha {
		font-size: 12px;
		height: 50px;
		line-height: 10px;
		margin-bottom: 30px;
		margin-right: 10px;
		padding: 13px;
		width: 50px;
	}

	.adjuntos .galeriaEnlaces li {
		width: 50%;
		min-height: 320px;
	}

	.content article .rsCompartir {
		width: 100%;
		margin-top: 15px;
		text-align: center;
		padding: 0;
	}

	.content article h1.titulo.publico {
		width: 100%;
	}

	body {
		min-width: 320px;
	}

	#menuBanner,
	#partners,
	#sidebar {
		display: none;
	}

	#blog {
		transform: none;
		float: left;
		left: auto;
	}

	body #banner .item {
		display: block;
	}

	body #banner .item .desktop {
		display: none;
	}

	body #banner .item .mobile {
		display: block;
	}

	body #banner .item .contenido {
		width: 100%;
		background-color: #404040;
		border-radius: 0 0 5px 5px;
		position: static;
		float: left;
		max-width: none;
	}

	body #banner .owl-dots {
		top: 10px;
		bottom: auto;
	}

	#foro #sidebar {
		display: block;
	}

	#foro #sidebar ul li {
		width: calc(50% - 1px);
	}

	#foro article,
	#foro #respuestas {
		padding: 0;
	}

	#soy #soyCiudadano,
	#soy #soyProfesional,
	#soy #foro {
		width: 100%;
		margin-bottom: 2px;
	}

	.listaNoticias li img,
	.listaNoticias li span,
	.listaNoticias li h2,
	.listaNoticias li p {
		width: 100%;
	}

	.adjuntos .galeriaEnlaces li {
		min-height: 296px;
	}

	.content {
		padding: 10px;
	}

	.content article h1 {
		font-size: 22px;
	}

	.content article h2 {
		font-size: 18px;
	}

	#soy > div > div {
		padding: 35px 0;
	}

	#soy > div#foro > div {
		padding: 0 0;
	}

	#formAcceder {
		z-index: 9999;
	}

	#soy {
		z-index: 10;
	}

	input,
	textarea,
	select,
	option {
		font-size: 13px;
	}

	#sidebar #botonBuscar {
		width: 35px;
		height: 35px;
	}

	#hilos ul li {
		display: block;
	}

	#hilos ul li .center {
		width: 100%;
		float: left;
	}

	#hilos ul li .pin {
		height: 51px;
		top: auto;
		bottom: 0;
		left: 0;
		width: 50%;
		right: auto;
		border-left: 0;
		border-top: 1px solid #eaeaea;
	}

	#hilos ul li .pin.both > div {
		width: 50%;
		height: 100%;
	}

	#hilos ul li .pin.both > div:first-child {
		border-bottom: 0;
		border-right: 1px solid #eaeaea;
	}

	#hilos ul li .respuestas {
		width: 50%;
		padding: 10px;
		border-top: 1px solid #eaeaea;
		float: right;
		position: static;
	}

	#hilos ul li .respuestas.nopin {
		width: 100%;
		border-left: 0;
	}

	#foro #comments {
		padding: 0;
	}

	#foro #respond p.comment-form-email,
	.comment-form-subscriptions,
	#foro #respond p.comment-form-attachment,
	#foro #respond p.comment-form-author {
		width: 100%;
	}

	#foro #respond p.comment-form-attachment,
	#foro #respond p.comment-form-author {
		padding-right: 0;
	}

	#foro #comments .commentlist li .reply {
		margin: 15px 0;
		font-size: 15px;
		float: left;
		position: static;
	}

	#foro #comments .commentlist li .reply a {
		color: #379ab1;
	}

	#blog #content {
		width: 100%;
		padding: 0 10px;
	}

	.blog #blog #content > .content {
		grid-template-columns: repeat(1,1fr);
	}

}

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

	.single #blog article {
		padding: 10px;
	}
	#breadcrumbs > div {
		flex-direction: column;
	}

}

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

	.adjuntos .galeriaEnlaces li {
		min-height: 270px;
	}

}