@media screen and (max-width: 768px) {
	
	#bar_familia {
	background-color:#FFFFFF	;
	padding-left:20px;
	position: relative;
	top: -10px;
}

#boxgaranties {
width: 100%;
}
    
.infogaranties {
top: -90px;
position: relative;
padding: 20px;
}
    
#subfamilia_producte{  width:90%;margin-left:20px; margin-bottom:20px; }
#texto_heading{padding:20px; width:85%;  }

	#ficha_familia{width:90%;margin-left:20px; background-size: cover; background-position:bottom; }
	
	#logo{

height: 80px;
padding-top:20px;
margin-bottom:10px;
background-color: #f2f2f2;
}

	#producte_familia{
		width:100px; 
	}
		
	#duo_titol{width:95%; padding-left:20px; padding-top:20px; margin-right:20px;float:left}
	
	
	#duo_foto{width:100px;  margin-left:30px;  margin-right:30px; margin-top:60px; top:30px; float:left}
	#duo_fulla{top:-780px; }
	
	#duo_franja {min-height:287px; height:360px;top:0px; }
	
	#duo_franja2 {width:100%; min-height:300px; height:auto; overflow: hidden; position:relative; top:-20px; clear:both;}
	
	#duoinfo{  width:90%; float:left;  padding:18px; height:auto; margin:0px;  }
	#duo_franja3{clear:both;width:100%;min-height:1000px; height:auto; overflow: hidden; position:relative; top:-20px; background-color:#FFFFFF}
	
	#duo_foto2{ width:100%;height:319px; background-position:center;}
	#duo_pastilla{float:left; width:95%; margin-left:10px; }
	
	
	
	
	
	body {
	
	background-color: #FFF;
}
	#garantia_info1{ padding-left:10px;}
	#energ{width:95%; float:left; max-width:none; margin:auto}
	#text_energy{width:95%;  padding-left:10px; }
	#d1{ width:95%; float:left; padding:0px;}
	#d2{ width:95%; float:left; padding-left:20px; padding-bottom:0px; padding-right:20px;}
	#d3{ width:95%; float:left; padding-bottom:50px; padding-left:10px;}
	#detalls{width:95%; margin-right:0px; }
	#detalls2{ width:95%; margin-top:40px; float:left}
	#grafica_foto{width:100%; float:none}
	#grafica{display:none;}
	#mapa{ width:95%; margin-top:40px;; margin-bottom:0px;}
	#sat_info{width:75%;  margin-top:0px;  height:auto;}
	#info #models .titolbig{ font-size:18px;}
	#pastilla{width:70%; margin-right:0px; }
	#models{ margin-left:30px; margin-right:0px;}
	#servei{ margin-left:30px; margin-right:0px;}
	#info_top{ margin-left:30px;}
	#text_elect{ width:90%;}
	#serveisps{ margin-right:0px; padding:20px;}
	#franja{ top:0px;}
	#franja_foto{  width:100%; }
	#tit_producte{ width:95%}
	#eyre_carac{margin-left:15px;float:left; background-color:transparent; height:auto; width:90%; font-size:18px; line-height:26px; }
	.spstext{width:95%; margin-right:10px;}
	
#tit_producte2{width:95%}
	 .eyre_text{width:100%; padding-bottom:30px; }
	  #eyre_text2{width:80%; }
	   #eyre_text3{width:80%; clear:both; margin-top:40px; background-color: transparent; margin-left:40px;}
	.eyre_foto { width:220px; margin:auto; clear:both; float:left; top:0px;  padding:30px;   }	
	#fulla{right:-60px; position: relative; float:left; top:660px;}
	#tmap{ position:relative; right:135px;}
	#capsalera{ display:none;	}
	#cap{ display:none;	}
	.historia{ width:95%;  height:auto; float:none;padding-bottom:30px;
}

.historiab{ width:95%;  height:auto; float:none;  padding-bottom:30px; 
}

#producte{height:auto; margin:auto;  margin-left:20px; margin-top:60px;	 width:90%}	
#producteB{height:auto; margin:auto;  margin-left:20px; margin-top:60px; width:90%}	
#energia{  position:relative; top:0px; margin-bottom:20px; }

#pdescripA{float:right; width:90%;  margin-left:20px; top:-20px}
#pdescripB{float:right;  width:90%; margin-left:20px; top:-20px }	
 .info{
	 
	  top:-60px;
	position:relative;
  }
  .info_novetat{ height:auto;}
 #bartitol{ width:100%}
 #bar { padding-left:20px; height:80px;}
 .block1{ display:none;}
 
  .block1dumy{
	  display: block;
	  width:100%;
	  height:auto;
	  float:left;
	  background-color:#FFF; 
	  padding-top:30px;
	  padding-bottom:30px; 
	  
 }
 .block1dumy .block1_foto{ margin-top:10px; width:28%; float:left}
 
 
 #pdr_foto{
	 
 }
 .block1_foto{ position:relative; top:-100px; float:left; margin:auto; margin-left:10px;clear:left}
 .block1_fitxers{position:relative; top:-130px; float:left; margin-left:10px;}
 
  .block2{
	  width:100%;
	   height:auto;
	  
 }
 
  .block3{
	  width:100%;
	   height:auto;
	   
	  
 }
 
   .block3_foto1{
	  width:100%;
	  max-width:none; 
	  padding-left:0px;
	
	
	 
 }
 
  .block3_text{
	  width:100%;
	  max-width:none;
	 
	  
 }
  
	.sitemap{ display:none;}
  .box1 {
    width:100%;
	max-width: none;		
	margin-right:0%;
	max-height:1000px;
	 
  }
  
    .box2 {
    width:100%;
	max-width: none;
	background-color: #F60;
	margin-right:0%;
	max-height:1000px;
  }
  
    .box3 {
    width:100%;
	max-width: none;
	background-color: #F60;
	margin-right:0%;
	height:auto;
	
  }
  
   .titol{
    padding-top:20px;
	
  }
  
    .box3bis {
    width:100%;
	max-width: none;
	background-color: #F60;
	margin-right:0%;
		height:auto;
  }
  
    .box4img {
    width:100%;
		height:350px;
	  }
	  
	  .box4txt {
    width:90%;
	float:none;
	  }
  
     .box4 {
    height:auto;
	
  }
  

	 .box5{
    width:100%;
	
  }
   .box6{
     width:100%;
	
  }
  
  .csslider1 {  display:none;}
  

	#cssmenu {
 
  background: #333333; 
  width:100%;
  top:10px;
  
}

#line_menu{ display:none;}

  #cssmenu {
    width: 100%;
	top:40px;
	position:relative;
	margin-bottom:60px;
	padding-left:30px;
  }
  
  #cssmenu > ul > li {
 
  margin-left:0px;
}

  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
	
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
	 color: #ffffff;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #FFF;
    background: none;
  }
  #cssmenu ul  li a:hover {
    color: #FFF;
    
  }
  
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
	color: #FFF;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
	color: #FFF;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #FFF;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
   
	 font-family: 'HelveticaNeueLTStd-Roman'; 
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	color: #FFF;
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
	color: #FFF;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
	color: #FFF;
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
  
  #cssmenu > ul > li:hover > a {
  color: #FFF;
  font-family: 'HelveticaNeue-Medium'; 
}

#cssmenu li:hover > ul > li {
  height: 35px;
   background-color: #333;
  
}

#cssmenu ul ul {
 
  top:0px;
}
#cssmenu ul ul li ul li a{
   border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  color:#FFF;
  font-size:13px;
    top:0px;
}
}