@media screen and (max-width: 1042px) {
	#secbros .secfullin {
		max-width: var(--max-width);
	}
	#broshead {
		margin: 0;
	}
	.btnbros {
		margin: 1.6em 0 0;
	}
}







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

	.blockframe {
		padding: 1em;
	}

	#blocklog {
		padding: .6em 1em 2em;
	}


	#mainin, .blocknavcentre {
		width: 100%;
		margin: 0;
	}

	#mainnavtabin {
		padding: 2em 2em 0;
		margin: 0;
		float: none;
	}

	#mainin, .blockarticle {
		padding: 3em 2em 6em;
	}

	.blockenkidu {
		padding: 1em;
	}

	#blocknav ul {
		text-align: left;
	}

	#search2 {
		float: left;
		margin-left: .4em;
	}

	#textmain .frmright {
		float: none;
		margin: 2em 0 2em;
	}

	#textmain .frmright img, #textmain .frmextended img {
		width: 100%;
		max-width: 100%;
	}

	#blkintro li {
		width: 8em;
	}

}




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

	:root {
		--max-width: 100%;
	}

	#mainnavtab, #main, #blockfooter, .blocksearchcentre, .secfull, .col60, .col30, #center, #right, #center, article #center, .left, .center, h1, h2, h3, .figura img, .divlabel, .divinput, .ochenta, .sesenta, #foocols, #focus, #vale, #caput, .car100txt {
		width: 100% !important;
		float: none;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
		height: auto;
	}

	.cards {
		grid-template-columns: 1fr 1fr;
	}


	#blockheader {
		padding: 3em 1em 1.6em;
	}

	.blocksearchframe {
		padding: 0 .4em;
	}

	.frmextended {
		width: 100%;
	}

	/* #maintopin,  */
	#mainfooterin, #focusin, .secfullin, .sectagin {
		padding: 0 2em;
		margin: 0;
		float: none;
	}

	#googlemap {
		padding: 0 2em 4em;
		margin: 0
	}

	#focus {
		overflow: inherit;
		background-position: center top !important;
		background-size: 100%;
	}

	#focusin {
		width: 100%;
		padding: 0;
	}

	#focus #fcsimgmob {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: var(--color-neutral03);
		height: 32em;

		display: block;
		height: 20em;
		position: relative;
	}

	#fcsimgmob .tagup {
		position: absolute;
		bottom: 0;
		left: 0;

	}

	.tagupfcs {
		display: none;
	}

	#fcstxt {
		width: 100% !important;
	}

	#fcstxtin, .car100txtin {
		background: rgba(255,255,255,1);
		padding: 2em;
	}

	.secfull {
		padding: 3em 0;
	}

	#secnewsletter input[type=email] {
		width: 60%;
	}

	.btnright {
		float: none; margin: 1em 0 0;
	}

	#seclibfocus {
		padding: 2em;
	}

	#fcslibin {
		padding: 0;
		margin: 0;
		font-size: 1em;
		width: 100%;
	}

	#seclibfocus img, .foologo {
		display: none;
	}

	#blockfootercentre {
		padding-top: 0;
		padding-bottom: 2em;
	}

	.col60, .col60in, .col30, .cincuenta, .car100img, .car100txt, .blk50, #fcslibtxt {
		padding: 0;
		margin: 0;
		width: 100%;
		float: none;
		display: block;
		font-size: 1em;
		clear: both;
	}

	/* .cardin {
		min-height: auto;
	} */

	.col30 h1 {
		margin: 1.6em 0 0;
	}

	article header, article #center, article .left {
		margin: 0;
	}
	.onecolumn {
		margin: 0 8em 0 14em;
	}

	#profile label {
		margin-left: 0;
	}

	.btntop {
		font-size: .9em;
		margin: 1em 0 1.6em;
	}

	#logo {
		font-size: .8em;
	}

	.col30 p, .col50 p {
		font-size: 1em;
	}

	#alba, #logo p, #navpersa, .quote, .nomobile, .tdlight {
		display: none;
	}

	#ocaso {
		display: block;
		margin: 1em 0 0;
	}

	#seclibri li {
		width: 33.33%;
		margin: 2em auto;
	}

	.imgmnm {
		width: 100%;
		height: auto;
	}

	.splide .imgmnm {
		max-height: 30em;
		max-width: 100%;
		width: auto;
	}

	.btnowner {
		margin: .2em;
	}

	#textmain {
		order: 1;
	}

	#right {
		order: 2;
		margin-top: 2em;
	}

	#textcomments {
		order: 3;
	}

	.mosaic li {
		width: 50%;
		height: 16em;
	}
	.tesela {
		height: 16em;
	}
	.tesimg {
		height: 16em;
	}

	.blksep {
		border-left: none;
	}

	.btnmobtransblk {
		display: block;
		margin: 0 0 2em;
	}

	.btnmobtrans {
		font-size: 1.4em;
		margin: .4em 0;
		padding: .6em;
		text-align: center;
		display: block;
		border: 1px solid var(--color-neutral08);
		color: var(--color-neutral55);
		border-radius: 3em;
		clear: both;
	}

	/* Formularios */

	label {
	}

	input[type=text], input[type=url], input[type=email], input[type=date], input[type=file], input[type=password], input[type=number], select, textarea {
		width: 98%;
		font-size: 1.2em;
	}

	#filter select { width: 10em; }

	#center input[type=text], #center input[type=url], #center input[type=email], input[type=date], input[type=file], input[type=password], input[type=number], #center textarea {
		width: 98%;
	}

	.indent, .indent10, .indent20 {
		margin-left: 0;
	}

	.btntop {
		float: left !important;
		margin:  .6em .4em 1.6em 0 !important;
	}

	#inpheading {
		width: 96%;
	}

	#inplead {
		width: 96%;
	}

	#inpcontent {
		width: 96%;
	}

	.btnmainform {
		margin: 1em 0 0;
	}

}










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

	.no800 {
		display: none;
	}

	/* #maintopin,  */
	#mainfooterin, #googlemap, .secfullin, .sectagin {
		padding: 0 1em;
	}

	.onewall {
		margin: 4em 0 0 !important;
	}

	.leadmember {
		width: 100%
	}

	/* #mainheaderin {
		padding: 0 1em 1em;
	} */

	#mainnavtabin {
		padding: 2em 1em 0;
	}

	#navprofile, #navediting, #navmiles, #navleo {
		display: none;
	}

	#mainin, .blockarticle {
		padding: 2em 1em 6em;
	}

	.onecolumn {
		margin: 0;
	}

	.car100txtin {
		padding: 1em;
	}

	#fcstxtin {
	}

	.mosaic h1 {
		width: 60%;
	}

	.secfull {
		padding: 2em 0;
	}

	.blk25, .blk30, .blk33, .blk70, .blk75, table {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0;
	}

	.boxres {
		width: 50%;
	}
}




@media screen and (max-width: 700px) {
	.no700 {
		display: none !important;
	}

	#secintro {
	  background-attachment: scroll;
	}

	#blkintro li {
		width: 12em;
	}

}




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

	#logo {
		font-size: .7em;
	}

	.titlemobile {
		font-size: 2em;
	}

	.onewall {
		font-size: .9em;
	}

	#blocksubmenus {
		padding-top: 1em;
		background: var(--color-neutral09);
	}

	.blockarticle, #blockmain {
		padding-bottom: 6em;
		padding-top: .6em;
	}

	.lead {
		width: 100% !important;
	}

	.cards {
		grid-template-columns: 1fr;
		width: 100%;
	}

	#blockchat .blockframe {
		padding: 0 1em 1.2em !important;
	}

	#home {
		padding-top: 1em;
	}

	#blocksearch {
		display: block;
	}

	#blockmenus, #blocksubmenus, #ocaso {
		display: none;
	}

	nav#topnav {
		display: block;
		z-index: 100;
	}

	#mainnavtab {
		display: none;
	}

	.caption {
		font-size: 12px;
	}

	.topnav {
		overflow: hidden;
		background-color: rgba(0,0,0,.1);
		font-size: 1.2em;
		width: 100%;
	}

	.inner {
		width: auto;
		margin: 0;
		padding: 0 2em;
	}

	.topnav a:not(:first-child) {
		display: none;
	}

	.topnav a.icon {
		float: right;
		margin: .1em .2em 0 0;
	}

	.topnav.responsive {
		position: relative;
	}

	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.icon div {
		background: url('https://www.andreuabuin.com/images/ico-menuwhite.png') 0 0 / 1.3em no-repeat;
		width: 1.2em;
		opacity: .8;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}

	#blockback {
		padding-bottom: 6em;
		padding-top: 1em;
	}

	#blockheader {
		padding: 3em 1em 1em;
		margin: 0 auto;
	}


	#secbros {
		display: none;
	}

	.avaheading {
		padding-left: 0;
		margin-top: 2em;
	}

	.avabig {
		float: none;
		width: 20em;
		height: 20em;
		margin: 0 auto;
	}

	.avaboxsec {
		width: 20em;
		height: auto;
		margin: 0 auto;
		float: none;
	}

	.mosaic li {
		width: 50%;
		height: 16em;
	}

	.tesela {
		height: 16em;
	}

	.tesimg {
		height: 16em;
	}

	.restxt {
		float: none;
		width: 100%;
		text-align: center;
	}

	#navheliodromus, #nhome, .no600 {
		display: none !important;
	}

	.foocol {
		width: 50%;
	}

	#seclibri li {
		height: 10em;
	}

	.overlay-content {
		font-size: 80%;
		width: 80%
	}

	.splide {
		font-size: .6em;
	}

	.headavatar {
		grid-template-columns: auto;
		row-gap: 2em;
	}
	.avatarneo {
		width: 80%;
	}

	.result {
		grid-template-columns: 100%;
		grid-row-gap: 1.4em;
	}

	.resimg {
		text-align: center;
		padding: 0;
	}
	.restxt {
		padding: 0;
	}
	.socparform, .socpost {
		grid-template-columns: auto;
	}

	.socparform .avatar, .socpost .avatar {
		display: none;
	}


	.mosaic {
		display: grid;
		grid-template-columns: 50% 50%;
	}

}



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

	#focus #fcsimgmob {
		height: 16em;
	}

	#portada, .boxres {
		width: 100%;
		float: none;
	}
	.car100img {height: 16em;}
	.col60 .destacadotxt {
		padding: 1.4em;
	}
	#navnymphus, .no500 {
		display: none !important;
	}

	.cmtul {
		font-size: .9em;
	}

	.cmtavatar {
		width: 20%;
	}

	.cmtdiv {
		width: 80%;
	}

	.mosaic h1, .foocol, .lead {
		width: 100%;
	}

	.boxresin {
		margin: .6em
	}
	.mosaic {
		display: grid;
		grid-template-columns: 100%;
	}

	.mosaic a {
		aspect-ratio: 4/3;
		display: block;
		position: relative; 
	}


}


@media screen and (max-width: 416px) {
	#logo {
		font-size: .7em;
	}

	#filter { padding: .4em .6em;}

	.rescolava .avamedium {
		width: 14em;
		height: 14em;
	}

	#googlemap {
		padding: 0;
	}

	.leadmini {
		width: 100%;
		float: none;
	}

	.lead {
		font-size: 1.3em;
	}

	.cmtulin {
		margin-left: 0;
	}

	#blkintro li, .treinta {
		width: 100%;
		float: none;
		display: block;
	}
	.car100img {height: 14em;}


	#secnewsletter input[type=email] {
		width: 100%;
		margin-bottom: .6em;
	}
}

@media screen and (max-width: 400px) {
	.cmtdiv {
		/* float: none;
		width: 100% */
	}
	/* .avatar {
		margin: 0 1em 1em 0;
	} */

	.no400 {
		display: none;
	}
}


@media screen and (max-width: 360px) {
	#logo {
		font-size: .6em;
	}


	.no360 {
		display:none;
	}

	.avabig {
		width: 16em;
		height: 16em;
	}

	#alba, #alertclose {
		display: none;
	}

	h1 {
		font-size: 2em;
	}

	.mosaic h1 {
		font-size: 3em;
	}

	.car100img {
		height: 12em;
	}

	#seclibri li {
		width: 100%;
		margin: 1em auto;
		height: auto;
	}

	.mosaic li {
		width: 100%;
		height: 14em;
	}
	.tesela {
		height: 14em;
	}
	.tesimg {
		height: 14em;
	}

	#navcorax {
		display: none;
	}
}