/*------------------------------------------------------------------------------------------------------- 
Accordion for Search Menu
--------------------------------------------------------------------------------------------------------*/
.accordion-non {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.accordion {
  content: 'Filter \002B';
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
 /*width: 300px;*/
  width: 80%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.7rem;/**/
  transition: 0.4s;
}

.accordion-title {
font-size: 1.7rem;/*  */
  font-weight: bold;
}



.menu-active, .accordion:hover {
  background-color: #ccc; 
}

 

.accordion:after {
  content: 'Filter \002B';
  color: #36C;
  float: right;
  margin-left: 5px;
}

.menu-active:after {
  content: "\2212";
}

.panel {
  height:auto;
  display: block;
  background-color: white;
  overflow: hidden;
}
 
.panel:after { /*to avoid the parent div's height is 0*/
	content: " ";
	display:block;
	clear:both;
}
 

@media all and (max-width: 768px) {


.accordion  {
  margin-left: 0px;
  width: 100%;
  
}

 .accordion-non {
  padding-left: 2px;
   width: 100%;
}
 
 

.accordion-title {
 /* font-size: 12pt;*/ font-weight:bold; 
}


.panel {
  display: none;  
  overflow: hidden;
  height:auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

}


/*------------------------------------------------------------------------------------------------------- 
Accordion for Search Menu (Property)
--------------------------------------------------------------------------------------------------------*/
.pro-accordion-non {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.pro-accordion {
 /* content: 'Filter \002B';*/
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
 /*width: 300px;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.7rem;/**/
  transition: 0.4s;
}

.pro-accordion-title {
  font-size: 2.0rem; 
  font-weight: bold;
}



.pro-menu-active, .pro-accordion:hover {
  background-color: #ccc; 
}
 

.pro-accordion:after {
  /*content: 'Filter \002B';*/
  content: 'Open Filter';/**/
  color: #36C;
   float: right;  
   margin-right: 5px;
  
}

.pro-menu-active:after {
  /*content: "Filter \2212";*/
  
}

.pro-panel {
  height:auto;
  display: none;
  background-color: white;
  overflow: hidden; 
  float:none;
}
 
.pro-panel:after { /*to avoid the parent div's height is 0*/
	content: " ";
	display:none;
	clear:both;
}
 

@media all and (max-width: 768px) {
 
.pro-accordion  {
  margin-left: 0px;/**/
  width: 98%;  padding: 0px;
  
}

 .pro-accordion-non {
  padding-left: 2px;
   width: 100%;
}
 
 

.pro-accordion-title {
 /* font-size: 12pt;*/ font-weight:bold; 
}


.pro-panel {
  display: none;  
  overflow: hidden;
  height:auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

}