
@media (max-width: 1700px) { 
	.esloganHome h1{ font-size:40px; margin-bottom:20px; }
	.esloganHome h2{ font-size:28px;margin-bottom:40px; }
	.esloganHome a {
		padding: 8px;
		padding-left:20px;
		padding-right:20px;
		width: 200px;
		font-size: 18px;
		border-radius:20px;
	}
	.esloganHome object{ max-width:150px !important;  margin-bottom:20px; }
	.esloganHome object img{ max-width:150px !important; margin-bottom:20px; }
	.esloganHome img{ max-width:150px !important; margin-bottom:20px; }
}

@media (max-width: 1400px) { 
	
	.esloganHome h1{ font-size:30px; margin-bottom:10px; }
	.esloganHome h2{ font-size:20px;margin-bottom:20px; }
	.esloganHome a {
		padding: 5px;
		padding-left:10px;
		padding-right:10px;
		width: 170px;
		font-size: 16px;
		border-radius:20px;
	}
	.esloganHome object{max-width:100px !important;  margin-bottom:10px; }
	.esloganHome object img{ max-width:100px !important; margin-bottom:10px; }
	.esloganHome img{ max-width:100px !important;margin-bottom:10px; }
	
}



@media (max-width: 1330px) { 
	
	#header{ padding-left:20px; padding-right:20px; }
	#footer { padding-left:20px; padding-right:20px; }
	#bannerPressu{ 	padding-right:60px; padding-left:60px;  }
	#bannerPressu #info h2{ font-size:38px; line-height:38px; margin-bottom:20px;  }
	#bannerPressu #info p{ font-size:18px; margin-bottom:30px; }
	
	#blocPresentacio{ 	padding-right:60px; padding-left:60px; }
	#blocServeis{ padding-left:20px; padding-right:20px;  }
	
	#interiors{ padding-left:20px; padding-right:20px; }
	#interiors h1{ font-size: 36px; margin-bottom:40px;}
	#url{ padding-left:20px; padding-right:20px; }
	
	#submenuServeis{ padding-left:20px; padding-right:20px; }
	#subsubmenuServeis{  padding-left:20px; padding-right:20px;}
	
	#capcaleraInterior{ 
		padding-top:30px;
		padding-bottom:30px;
	}

	#capcaleraInterior h1 {
		font-size: 30px;
		line-height:36px;
	}

	#capcaleraInterior h1 span{
		
		font-size: 36px;
		line-height:32px;
		
	}
	
}

@media (max-width: 1250px) { 
	
	#header #menu #menuPC > a{
		padding: 7px;
		padding-left:7px !important;
		padding-right:7px !important;
		font-size: 14px !important;
	}
	
	#header #menu #menuPC > a.Actiu{
		padding: 7px;
		padding-left:7px !important;
		padding-right:7px !important;
		font-size: 14px !important;
	}
	
}

@media (max-width: 1100px) { 
	
	.esloganHome h2{ display:none;}
	
	p {
		font-size: 18px;
		line-height:24px;
	}
	
	ul li {
    	font-size: 18px;
		line-height:24px;
	}
	
}

@media (max-width: 1000px) { 
	
	#header #logo{position:relativa; width:60%; float:left; padding-bottom:15px;}
	#header #menu{ display:none; }
	#header #menuMOBIL{ 
		display:block; 
		width: 200px;
		position: absolute;
		right: 20px;
		top:20px;
		z-index:999;
	}
	/*#header { height: auto;  }*/
	.opcio_pressu h2 {
		font-size: 22px !important;
	}
	.opcio_pressu p{
		font-size:16px !important;
	}
	
}

@media (max-width: 850px) { 
	
	.esloganHome{top:20px;  }
	.esloganHome h1{ font-size:24px; margin-bottom:10px; }
	.esloganHome a {
		padding: 2px;
		padding-left:10px;
		padding-right:10px;
		width: 170px;
		font-size: 14px;
		border-radius:20px;
	}
	.esloganHome object{max-width:70px !important;  margin-bottom:10px; }
	.esloganHome object img{ max-width:70px !important; margin-bottom:10px; }
	.esloganHome img{ max-width:70px !important;margin-bottom:10px; }
	
	#footer #infoFooter h2{ text-align:center; }
	#footer #infoFooter p{ text-align:center;  }
	#footer #infoFooter .col_1{ width:100%; float:none; margin-right:0; text-align:center  }
	#footer #infoFooter .col_1 object{ width:100%; max-width:250px; height:auto; }
	#footer #infoFooter .col_2{ width:33%; float:left;  }
	#footer #infoFooter .col_3{ width:34%; float:left;  }
	#footer #infoFooter .col_4{ width:33%; float:left;  }
	
	#bannerPressu{ 	padding:30px; }
	#bannerPressu #info{ width:60%; float:left; padding-right:20px; }
	#bannerPressu #icono{ width:40%; float:left; text-align:right }
	#bannerPressu #info h2{ font-size:28px; line-height:28px; margin-bottom:20px;  }
	#bannerPressu #info p{ font-size:16px; margin-bottom:30px; }
	
	#blocPresentacio{ 	padding:30px; }
	#blocPresentacio #info{ width:60%; float:left; padding-right:0px; }
	#blocPresentacio #icono{ width:40%; float:left; text-align:right }
	#blocPresentacio #info h2{ font-size:28px; line-height:28px; margin-bottom:20px;  }
	#blocPresentacio #info p{  font-size:16px; margin-bottom:30px; }
	
	#blocServeis h2{ font-size:28px; line-height:28px;   }
	#blocServeis > div > h2{ margin-bottom:40px; }
	
	#capcaleraInterior{ 
		padding-top:15px;
		padding-bottom:15px;
	}

	#capcaleraInterior h1 {
		font-size: 24px;
		line-height:30px;
	}

	#capcaleraInterior h1 span{
		
		font-size: 30px;
		line-height:30px;
		
	}
	
	p {
		font-size: 16px;
		line-height:24px;
	}
	
	ul li {
    	font-size: 16px;
		line-height:24px;
	}
	
	ul.llista_models li {
   		font-size: 16px;
		line-height:24px;
	}
	
	#interiors .destacat {
		font-size: 24px;
	}
	.fitxaServeis h3.uk-active {
    font-size: 18px !important;
    padding: 5px 10px 5px 10px !important;
  
	}
	.caixaSubServeisAcord p {
		
		font-size: 16px !important;
		line-height: 20px;
		
	}
	.h3_Subserveis {
		font-size: 18px !important;
		 padding: 5px 10px 5px 10px !important;
	   
	}
	.h3_Subserveis:hover{ font-size: 18px !important;
		 padding: 5px 10px 5px 10px !important; }
		
	.pressupost h2{ 
	
		font-size: 30px !important;
		line-height: 38px !important;
		margin-bottom: 0px !important;
	
	}
	
	.opcio_pressu .caixa_preu p{
		 padding:5px !important;
		 font-size:18px !important;
	}
	.opcio_pressu .caixa_preuBlau p{
		 padding:5px !important;
		 font-size:18px !important;
	}
	.opcio_pressu .caixa_preu input[type="text"]{ 
	padding:5px !important;font-size:18px !important; }
	.opcio_pressu .opcions select {
    
		font-size: 16px !important;
	  
	}
	
	.opcio_pressu p {
	  
		padding-top:10px !important;
	}
	.opcio_pressu h2 {
    
		font-size: 24px !important;
	   
	}
	
}
@media (max-width: 650px) { 
	
	
	#bannerPressu #info{ width:100% !important; float:none !important; padding-right:0px !important; margin-bottom:30px; }
	#bannerPressu #icono{ width:100% !important; float:none !important; text-align:center }
	#bannerPressu #info h2{text-align:center }
	#bannerPressu #info p{ text-align:center }
	#bannerPressu #info a { margin:0 auto !important; }
	
	#blocPresentacio #info{  width:100% !important; float:none !important;}
	#blocPresentacio #icono{ width:100% !important; float:none !important; padding-right:0px !important; text-align:center;  margin-bottom:30px;}
	#blocPresentacio #icono object{ max-width:150px; }
	#blocPresentacio #icono object img{ max-width:150px; }
	#blocPresentacio #info h2{text-align:center  }
	#blocPresentacio #info p{ text-align:center  }
	#blocPresentacio #info a { margin:0 auto !important; }
	
	#header #logo object{ width:100%; max-width:200px; height:auto; }
	#header #logo object img{ width:100%; max-width:200px; height:auto; }
	.menu_respo button {
		padding: 3px;
		
		width: 50px;
		
		border-radius: 10px;
	}
	.menu_respo button i{ font-size:22px !important; }
	
	#interiors{ padding-bottom:40px; padding-top:40px; }
	
	
	#flotant_tel{ position:fixed; z-index:999; right:0px; top:auto; bottom:95px; }
	#flotant_mail{ position:fixed; z-index:999; right:0px;top:auto; bottom:140px; }
	#flotant_whats{ position:fixed; z-index:999; right:0px;top:auto; bottom:185px; }
	
	.esloganHome object{ display:none; }
	.esloganHome object img{ display:none; }
	.esloganHome img{  display:none; }
	
	#bannerPressu #info{ width:60%; float:left; padding-right:20px; }
	#bannerPressu #icono{ width:40%; float:left; text-align:right }
	
	.caixaServeis .icono {
 
		top: -30px;
	  
	}
	
	.empresa #dibuix{ width:100%; margin-right:0%; float:none; text-align:center; margin-bottom:30px; }
	.empresa #dibuix object{ width:100%; height:auto; max-width:150px; text-align:center }
	.empresa #dibuix object img{ width:100%; height:auto; max-width:150px; text-align:center }
	.empresa #text{  width:100%; float:none; }
	
	.pressupost a.caixaPressupost{
		
		padding: 15px !important;
		font-size:18px !important;
		
		
	}

 }
@media (max-width: 580px) { 
	
	#blocPresentacio { padding-top:80px;}
	.uk-dotnav {
	
		
		bottom: -50px !important;
		position: absolute !important;
	
	}
	.uk-dotnav-contrast > .uk-active > * {
	
		background: #f4a301 !important;
	
	}
	.uk-dotnav-contrast > * > * {
	
		background: #7ab4e1 !important;
	
	}
	
	#footer #infoFooter .col_1{ width:100%; float:none; margin-right:0; text-align:center  }
	#footer #infoFooter .col_1 object{ width:100%; max-width:250px; height:auto; }
	#footer #infoFooter .col_2{ width:100%; float:none;  }
	#footer #infoFooter .col_3{ width:100%; float:none;  }
	#footer #infoFooter .col_4{ width:100%; float:none;  }
	
	.uk-sticky-placeholder{ height:70px !important; }
	
	#submenuServeis a{
		padding: 7px;
		padding-left:10px;
		padding-right:10px;
		font-size: 14px;
		margin-right:2px;
		margin-left:2px;
	}
	#submenuServeis a:hover{
		
		padding: 7px;
			padding-left:10px;
			padding-right:10px;
			font-size: 14px;
			margin-right:2px;
		margin-left:2px;
	}
	#submenuServeis a.Actiu{
		
		padding: 7px;
			padding-left:10px;
			padding-right:10px;
			font-size: 14px;
			margin-right:2px;
		margin-left:2px;
	}
	
	#dadesContacte{ padding:20px !important; }
	
	#interiors h1 {
		font-size: 28px !important;
		margin-bottom: 40px;
	}
	
	#contacte h2{ 
font-size: 28px;
line-height: 28px;
 }
	
}



@media (max-width: 320px) { 
	
.esloganHome h1{ font-size:16px; margin-bottom:10px; }
	
}







