@media handheld, only screen and (min-width: 768px) and (max-width: 1024px){

}


@media handheld, only screen and (min-width: 768px) and (max-width: 1023px) {
	 
}

/* ---------------------------- 320px-640px -------------------------- */

@media handheld, only screen and (max-width: 667px) {
	
	
	.img-xl{
		display: none;
	}
	.img-xs{
		display: block;
	}
	ul.timeline li h4{
		    float: left;
			    width: 55px;
    margin: 0;
    line-height: 90px;
	}
	.main-cards figure{
		max-width: 160px;
		height: 80px;
		margin-bottom: 20px;
		margin: 0 auto 20px;
	}
	.main-cards figure img{
		max-height: 80px;
	}
	.entregables{
		margin-left: 0;
	}
	.equipo{
		    max-width: 100%;
    width: 100%;
    margin: 0 auto 20px;
	}
	.banner-home .button-next-home, .banner-home .button-prev-home{
		top: auto;
    bottom: -30px;
	}
	.teams{
		    width: 100%;
    padding: 10px 15px;
    border-radius: 20px;
	}
	
	
	.funciones{
		min-height: auto;
		margin-left: 0;
		padding: 0;
	}
	
	.funciones ul{
		clear: both;
		width: 100%;
		padding-top: 15px;
	}
	
	.section{
		padding: 0 30px 0 15px;
		text-align: center;
	}
	
	.fp-viewing-home .redes,
	.fp-viewing-turbinas .redes{
		display: none;
	}	
	.main-bg-home h2{
		font-size: 29px;
	}
	.year-1955 h2{
		font-size: 34px;
	}
	.year-1955 h3{
		font-size: 37px;
		margin-top: 0;
	}
	.section-3 article{
		max-width: 145px;
    	margin: 0 auto 30px;
	}
	.main-brans figure{
		height: 95px;
		max-width: 120px;
		margin: 0 15px 20px 15px;
	}
	.main-brans figure img {
		max-height: 95px;
	}
	.section-3 h2{
		font-size: 65px;
		letter-spacing: 0;
	}
	
	
	.btn-art{
		font-size: 16px;
	}
	.card-gracias h3{font-size: 55px;}
	
	.pd-xs-0{
		padding: 0 0 !important;
	}	
	.main-bg-home{
		padding: 0 40px 0 15px;
	}	
	.main-bg-home article p{
		font-size: 15px;
    	line-height: 18px;
	}
	#fp-nav.right {
	    right: 5px;
	}	
	.ir-up{
		left: 10px;
		top: 10px;
	}
	.scroll-down{bottom: 10px; max-width: 25px}
	.scroll-relative{display: none;}
	
	.info-impacto{
		margin-bottom: 30px;
	}
	.title-details {
	    max-width: 215px;
	    float: left;
	    margin-right: 0;
	    padding-top: 0;
	    margin-bottom: 30px;
	}
	
	.section-3 .info-year-recorrido span{
		display: none;
	}
	.sostenible-xs{
		display: block;
	}
	.section-10 .flex-end{
		display: block;
	}
	.section-9 .flex-home{
		justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    flex-wrap: wrap;
	}
	.sostenible{
		margin-right: 10px;
    	margin-top: 30px;
    	max-width: 70px;
    	display: none;
	}
	.leyengd {	    
	    max-width: 215px;	    
	    margin-bottom: 0;
	    padding-top: 20px;
	}
	.leyengd .text {
	    margin-bottom: 15px;
	}
	.title-carbono {
	    max-width: 190px;
	    margin: 0 0 30px 0;
	}
	.card-infografico-carbono figure {
	    float: left;
	    max-width: 194px;
	    margin-top: 0;
	    display: none;
	}
	.card-infografico-carbono{
		padding-top: 50px;
	}
	.ir-site{
		left: 25px;
	}
	.btn-register{
	  max-width: 175px;
	}
	.circle-modal{
		display: flex;
	}
	.section-6 .info-circle,
	.title-tomar-parte{
		display: none;
	}
	.info-infografia{
		overflow: auto;
    	white-space: nowrap;
    	display: none;
	}
	.info-infografia-xs{
		display: block;
	}
	.grid-cards{
		display: inline-block;
		vertical-align: top;
	}
	
	.logo-single{
		max-width: 140px;
		margin-bottom: 30px;
	}		
	.flex-center-xs{
		align-items: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	.logo-inteia-bottom{
		bottom: 80px;
		right: 0;
	}
	.main-footer h2{
		font-size: 45px;
	    line-height: 42px;
	    margin-bottom: 20px;
	}
	.main-footer{
		padding: 0 30px;
	}
	.main-footer h3{font-size: 23px;}
	.main-footer p{
		font-size: 18px;
		line-height: 20px;
	}
	.main-bg-home h1{
		font-size: 26px;
	}
	.main-bg-home br{
		display: none;
	}
	.flex-between{
		align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}
	.main-bg-home article{
		margin: 0 auto 30px;
	}
	.info-year-recorrido{
		margin-bottom: 0;
		padding-top: 30px;
		max-width: 200px;
	}
	.line-left,
	.info-year-recorrido .info br{display: none;}
	.btns-recorrido a{
		margin-bottom: 20px;
	}
	.logo-home{
		margin-bottom: 30PX;
	}
	.nos-left article{
		max-width: 100%;
		padding: 0 30px 0 15px;
		margin: 0 auto;
	}
	.nos-line{
		width: 50%;
		margin-left: 15px;
		margin-right: 15px;
	}
	.nos-left figure{
		max-width: 150px;
	}
	body{
		font-size: 13px;
	}
	.section-nosotros{
		background-size: 80px;
	}
	.port-titulo{
		font-size: 30px;
	}
	.port-header {
		display: inline-flex;
		align-items: center;
		gap: 40px 0;
		justify-content: center;
		flex-direction: column;
	}
	.lis-logo{
		max-width: 170px;
		margin-bottom: 20px;
	}
	#section4.section-lis .wrapper-main	{		
    	padding: 20px 0 40px 0;
	}
	
	.lis-desc, .lis-proyecto, .lis-credits{
		font-size: 11px;
	}
	.lis-titulo{font-size: 17px;}
	.lis-titulo br{display: none;}
	.lis-fotos-grid{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.main-lis-pc{
		display: block;
	}
	.main-lis-pc i {
		max-width: 140px;
		display: block;
		margin: 0 auto;
	}
	.main-lis-pc h2{
		font-size: 22px;
	}
	.main-lis-pc h3 {
		font-size: 13px;
		font-weight: 500;
		margin: 0 0 30px;
	}
	.main-lis-pc figure{
		max-width: 250px;
    	margin-left: 0;
	}
	.nosune-foto{
		display: none;
	}
	.nosune-grid{
		display: block;
		height: auto;
	}
	.nosune-info{
		padding: 0px 30px 0 15px;
	}
	.lis-logo img{
    	max-height: 120px;
	}
	/* #section11.section,
	#section13.section, #section16.section,
	#section18.section, #section20.section,
	 #section28.section,  #section29.section
	#section23.section{
		padding: 0;
	} */
	.dimweb-grid{
		display: block;
		padding: 0;
		text-align: center;
		height: auto;
	}
	.dimweb-qr{
		max-width: 150px;
		margin: 0 auto 30px;
	}
	#section12.section,	#section14.section,
	#section19.section, #section30.section{
		padding: 0 0;
	}
	#section12.section .scroll-down,
	#section14.section .scroll-down,
	#section19.section .scroll-down, #section30.section .scroll-down{
		bottom: 60px;
	}
	.finca-logo{
		max-width: 180px;
    	margin-bottom: 20px;
	}
	.grid-oak-3{
		gap: 0 5px;
	}
	.wesura-grid{
		display: block;
    	padding: 0;
	}
	.wesura-left{height: auto;}
	.wesura-right{
		height: auto;
		padding-top: 0;
	}
	.wesura-texto p{
		font-size: 10px;
	}
	.wesura-right .wesura-img-top img{
		display: none;
	}
	.lis-go-aveja{
		background-position: left center !important;
	}
	.logofolio-grid{
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(3, auto);
		gap: 20px;
	}
	.logofolio-grid figure img{
		max-height: none;
    	max-width: 100%;
	}
	.main-gracias h4{
		margin: 0 auto;
		display: block;
		padding-top: 30px;
	}
	.main-gracias article{
		margin: 0;
	}
	.premios-grid{
		display: block;
	}
	.cari-grid{
		display: block;
	}
	.cari-foto{
		max-width: 100px;
		margin: 0 auto;
		display: block;
	}
	.cari-info{
		height: 370px;
		padding: 30px 30px 0 15px;
	}
	.premios-foto{
		max-width: 100px;
    	margin: 0 auto;
	}
	.premios-timeline{
		display: none;
	}
	.premios-contenido{
		padding: 30px 0 30px 0;
	}
	.premios-destacados{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
 
	
}