.demo{margin:20px auto; max-width:960px;}

/* response */
@media only screen and (max-width:780px){
	.demo{margin:0 auto;width:100%;}
}

ul.resp-tabs-list {margin: 0px; padding: 0px; padding-bottom: 20px; overflow: auto; border-bottom: 1px solid #ccc;}
.resp-tabs-list li {color: #f60;
  /*font-weight: 600;*/
  
  display: inline-block;
  padding: 5px 10px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
}
.resp-tabs-list li:hover { background: #f60; color: #fff; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}

/* client lists */
.resp-tabs-container div h5 {  }
.resp-tabs-container ul { margin: 0; padding: 0;}
.resp-tabs-container ul li { list-style-type: none; display: inline-block; float: left; width: 33%; }
/*.resp-tabs-container ul li:after { content: ', ' }*/


.resp-tab-content {
  display: none;
  padding: 15px;
}

.resp-tab-active {
  /*border: 1px solid #c1c1c1;*/
  /*border-bottom: none;*/
  /*margin-bottom: -1px !important;*/
  /*padding: 12px 14px 14px 14px !important;*/
}

.resp-tab-active {
  /*border-bottom: none;*/
  background-color: #eee;
}

.resp-content-active,
.resp-accordion-active { display: block; }

.resp-tab-content { /*border-top: 1px solid #369;*/ }

h5.resp-accordion {color: #f60; font-weight: normal; font-size: 100%;
  cursor: pointer;
  padding: 5px;
  display: none;
}

h5.resp-accordion {
  /*font-size: 13px;*/
  /*border: 1px solid #c1c1c1;*/
  /*border-top: 0px solid #c1c1c1;*/
  margin: 0px;
  padding: 10px 10px;
}

h5.resp-tab-active {
  /*border-bottom: 0px solid #c1c1c1 !important;*/
  margin-bottom: 0px !important;
  padding: 10px 10px !important;
}

h5.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/* ARROWS */
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 10px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #f60;
  }

h5.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #f60;
}

/*-----------Accordion styles-----------*/
h5.resp-tab-active { background: #eee !important; }
.resp-easy-accordion h5.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { /*border: 1px solid #c1c1c1;*/ }
.resp-easy-accordion .resp-tab-content:last-child { /*border-bottom: 1px solid #c1c1c1 !important;*/ }
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active { display: block; }
h5.resp-accordion:first-child { /*border-top: 1px solid #c1c1c1 !important;*/ }

/* response */
@media only screen and (max-width: 768px) {
	ul.resp-tabs-list { display: none; }
	h5.resp-accordion { display: block; }
	.resp-accordion-closed { display: none !important; }

.resp-tabs-container ul li { list-style-type: none; display: inline-block; float: left; width: 50%; }

}
@media only screen and (max-width: 320px) {

.resp-tabs-container ul li { list-style-type: none; display: inline-block; float: none; width: 100%; }

}