div.main-menu-item div.name {
  font-size:1.3em;
}

div.main-menu-item div.subtitle {
  font-size:1em;
  
}

div.main-menu-item div.main-menu-item-top {
  display: flex;
  align-items: center;
  gap: 10px;
}

div.main-menu-item div.main-menu-item-bottom {
  
}

.fg-menu-item-name {
  display:none;	
}



div.class-image img{
  max-width:100%;
}




/**** RESOLUTIONS ****/

@media (min-width: 1200px) {
  body:after { content: "from 1200"; background-color: hsla(150,50%,40%,0.7); }	

}

@media (max-width: 1200px) {
  body:after { content: "to 1200"; background-color: hsla(150,50%,40%,0.7); }
	
}

@media (max-width: 1024px) {
  body:after { content: "to 1024"; background-color: hsla(150,50%,40%,0.7); }
  div#warning-message .warning-content {
   max-width:1024px;
  }
  
  
}

@media (max-width: 991px) {
  body:after { content: "to 991"; background-color: hsla(150,50%,40%,0.7); }
  
  
  div.main-menu-item div.icon {
    display:none;
  }  
  
  div.main-menu-item div.name {
    font-size:1.2em;
  	width:100%;
  }
  
  div.main-menu-item div.main-menu-item-top {
    padding-top:10px;	
    height:60px;
  }	
  
  div.content-view-children  div.columns-3 div.col {
  	  width:50%;
  }

  div.formulari.table {
    display:block;	
  }
  
  div.formulari div.fieldgroup, div.formulari.table div.fieldgroup {
  	 display:block;
  	 margin-top:0px;
  	 padding-top:0px;
  	 margin-bottom:10px;
  }  	
  div.formulari div.fieldgroup div.field, div.formulari.table div.fieldgroup div.field {
    display:block;
    max-width:100%;
  	margin-bottom:15px;
  }  
  
  div.formulari div.fieldgroup div.field div.label, div.formulari div.fieldgroup div.field div.value,
  div.formulari.table div.fieldgroup div.field div.label, div.formulari.table div.fieldgroup div.field div.value {
    display:block;
    white-space:normal;
    width:100%;
    padding-bottom:0;
    padding-right:0;
  }    
  
  div.formulari div.fieldgroup div.field div.label.subfield, 
  div.formulari.table div.fieldgroup div.field div.label.subfield {
    margin-top:4px;
  }
	
  div.formulari input, div.formulari select, div.formulari textarea, div.formulari .ui-multiselect {
    max-width:calc(100% - 4px); 
  }  
  
  
  div.formulari.flex div.fieldgroup div.field  {
    flex-direction: column;
  }
  
  div.formulari.flex div.fieldgroup div.field  div.value {
    width:100% !important;
  }
  
  
  div#selectclient div.fieldgroup {
    display:block;
    margin-right:0px;
  }
  
  div#warning-message {
    padding:0;
  }
  
  div#warning-message .warning-text, div#warning-message .warning-actions   {
    display:block;
  	padding:10px;
  	width:auto;
  }
  div#warning-message .warning-actions {
  	text-align:right;
  }
}

@media (max-width: 900px) {
  body:after { content: "to 767"; background-color: hsla(150,50%,40%,0.7); }
  
  div.columns.flex.columns2  {
  	justify-content:center;
  }
  
  div.columns.flex.columns2 .col {
	  width:100% !important;
  }
  

}


@media (max-width: 767px) {
  body:after { content: "to 767"; background-color: hsla(150,50%,40%,0.7); }
 
  div.main {
    padding:0px 5px 10px 5px;
  }
	
  
  div.content-columns {
    width:100%;
    padding: 0;	
  }

  div.leftcol-position {
     width: 100%;
     margin-left:0;
  	 float:none;
  }

  div.leftcol {
    width:100%;
  	
  	margin-top:10px;
  	border-top:1px solid #ccc;
  	padding-top:10px;
  }

  div.leftcol div#block {
  	float:left;
  	width:calc(50% - 20px);
  	margin-bottom:10px;
  	margin-left:10px;
  	margin-right:10px;
  }
  
  div.leftcol div#block.noticies {
    width:calc(100% - 20px);	
  }
  
    div.leftcol div#block.avislegal {
    width:calc(100% - 20px);	
  }
  
  
  div.leftcol div.block-separator {
  	display:none;
  }
  
  div.particeps select {
  	 width:100%;
  }
    
  div.particeps div#nif {
  	 display:none;
  }
  
  div.particeps tr#nifmobil {
  	 display:table-row;
  }
  
  
  
	
}



@media (max-width: 480px) {
  body:after { content: "to 480"; background-color: hsla(150,50%,40%,0.7); }
  	
  div.columns-3 div.col, div.columns-2 div.col { 
  	  width:100% !important;
  }  
  
  div.columns-2 div.col div.col-content {
    margin-left:0px;
  }
  
  div.class-prestacions div.detall_title h2 {
  	 margin:0;padding:0;
  	 margin-bottom:5px;
  }
 
  div.class-prestacions div.detall_title div.col-last {
    text-align:left;	
  }
  
}


@media (max-width: 360px) {
  body:after { content: "to 360"; background-color: hsla(150,50%,40%,0.7); }
  div.leftcol div#block {
  	float:none;
  	width:92%;
  }
  
  #search #searchtext {
	  max-width: 120px;
  }
}

@media (max-width: 320px) {
  body:after { content: "to 320"; background-color: hsla(150,50%,40%,0.7); }
}

body:after {
  display:none;	
}