/* screen-question-answer begin*/
.screen-question-answer{
  background-color: #fff;
}
.screen-question-answer h2{
  padding-bottom: 90px;
}
.screen-question-answer h4 a{
  font-weight: 600;
  color: #616161;
  transition: 0.5s ease-in-out;
  font-size: 16px;
}
.screen-question-answer h4 a:hover,
.screen-question-answer h4 a:active,
.screen-question-answer h4 a:focus,
.screen-question-answer h4 a:visited {
    text-decoration: none;
}
.panel-default>.panel-heading {
    background-color: #fff;
    border-color: #fff;

}
.screen-question-answer .panel {
border:none;
background-color: #ffff;
  }
.screen-question-answer  .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}
.screen-question-answer .panel{
  box-shadow: none;
}
.screen-question-answer .collapse.in {
     border-bottom: 1px solid #d5d8e1!important;
     border-radius: 0!important;
}
.screen-question-answer .panel-body {
    padding: 15px;
    padding-bottom: 60px;
}
.panel-heading {
    padding-top: 15px;
    padding-bottom: 15px;
    }


.panel-heading {
  padding: 0;
  border:0;
}
.panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  color:#616161;
  font-size:16px;
  text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'FontAwesome';
   content: "\f103";
   float: left;
   transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
   color: #1888fc;
    margin-right: 15px;
}
.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);

} 
.screen-question-answer input[type=submit]{
  display: block!important;
  margin:0 auto!important;
  width: auto;
  padding-right: 45px;
  padding-left: 45px;
  margin-top:15px!important;
}
.screen-question-answer .panel-body {
    padding-bottom: 60px; 
}
.screen-question-answer .panel-group{
  margin-bottom:0;
}
.panel:first-child a{
  padding-top: 0;
}
.panel:last-child a{
  padding-bottom: 0;
}
@media screen and (max-width: 991px) {
  .screen-question-answer h4 a {
    font-size: 14px;
}
.screen-question-answer p{
  line-height: 20px;
}
  .panel-title>a, .panel-title>a:active {
    padding: 10px;
    font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
  .screen-question-answer h4 a {
    font-size: 13px;
}
.screen-question-answer p{
  line-height: 20px;
   font-size: 12px;
}
.panel-title>a, .panel-title>a:active {
    padding: 5px;
     font-size: 13px;
}
.screen-question-answer .panel-body {
    padding-bottom: 30px;
}
}
/* screen-question-answer end*/


