.faq-list {
   margin: 30px 0
}
.faq-list>.item {
   clear: both;
   border-bottom: 1px solid #f7f7f7;
   padding-bottom: 10px;
   margin-bottom: 20px
}
.faq-list>.item:last-child {
   border-bottom: none
}
.faq-list>.item:before {
   content: "?";
   display: block;
   width: 40px;
   height: 40px;
   background: #f7f7f7;
   text-align: center;
   float: left;
   margin-right: 20px;
   font-size: 35px;
   line-height: 40px;
   border-radius: 3px;
   color: #3e5062
}
.faq-list>.item .header, .faq-list>.item .content {
   padding-left: 60px;
   font-size: 14px
}
.faq-list>.item .header {
   margin-top: 0
}
.nav-tabs {
   text-transform: uppercase;
   font-weight: 500;
   border-bottom: 3px solid #d1d1d1;
   height: 36px;
   font-size: 14px
}
.nav-tabs li {
   margin: 0;
   padding: 0
}
.nav-tabs li a {
   border: none;
   border-bottom: 3px solid #d1d1d1;
   border-radius: 0;
   position: relative;
   top: 3px;
   color: #505050;
   text-decoration:none
}
.nav-tabs li a:hover {
   color: black;
   background: none;
   text-decoration:none
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:visited, .nav-tabs li.active a:focus {
   border: none;
   color: #5381c6;
   border-bottom: 3px solid #5381c6
}
. {
    font-weight: 100;
}
.nav>li>a {
    padding: 10px 15px;
}
@media (max-width: 767px){
   .nav.nav-tabs.hidden-xs{
      margin-left: -1%;
   }
   .faq-list>.item:before {
       width: 20px;
       height: 30px;
       margin-right: 15px;
       font-size: 20px;
       line-height: 27px;
   }
   .faq-list>.item .header, .faq-list>.item .content {
       padding-left: 35px;
       font-size: 14px;
   }
   h3.font-weight-normal.mb-2 {
       padding-left: 35px;
   }
   .nav>li>a {
       padding: 10px 14%;
   }
}
@media (max-width: 320px){
   .nav.nav-tabs.hidden-xs{
      margin-left: -1%;  
   }
   .nav>li>a {
       padding: 10px 6px;
   }

}