/*Responsive CSS*/

.faq li {
  padding: 20px;
  float: left;
  width:100%;
}
.faq li.q {
  background: #e46d7f;
  font-weight: bold;
  border-bottom: 1px #fff solid;
  cursor: pointer;
  color: #fff;
  line-height: 28px;
}
.faq li.q h5{
  line-height: 28px;
}
.faq li.q:hover {
  background:  #101525;
  color: #fff;
  -o-transition:color .3s linear,background .3s linear;
  -webkit-transition:color .3s linear,background .3s linear;
  -moz-transition:color .3s linear,background .3s linear;
  transition:color .3s linear,background .3s linear
}
.faq li.a {
  background: #fafafa;
  display: none;
  /*border-bottom: 1px #EF7F28 solid;*/
}
.faq li.a p{
  width:100%;
  float: left;
  margin: 0 0 1% 0;
  line-height: 28px;
  color:#000;
}
.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width:800px) {
  #container {
    width: 90%;
  }
}