.tabs{
  width:80%;
  height:auto;
  margin:0 0;
}

/* tab list item */.tabs .tabs-list{
  list-style:none;
  margin:0px;
  padding:0px;
}
.tabs .tabs-list li{
  width:120px;
  float:left;
  margin:0px;
  margin-right:2px;
  padding:10px 5px;
  text-align: center;
  background-color:#c1c1c1c1;
  border-radius:3px;
}
.tabs .tabs-list li:hover{
  cursor:pointer;
}
.tabs .tabs-list li a{
  text-decoration: none;
  color:white;
}

/* Tab content section */.tabs .tab{
  display:none;
  width:96%;
  min-height:250px;
  height:auto;
  border-radius:3px;
  padding:20px 15px;
  background-color:fff;
  color:darkslategray;
  clear:both;
}
.tabs .tab h3{
  border-bottom:3px solid #7e1417;
  e;
  letter-spacing:1px;
  font-weight:normal;
  padding:5px;
}
.tabs .tab p{
  line-height:auto;
  letter-spacing: 1px;
}

/* When active state */.active{
  display:block !important;
}
.tabs .tabs-list li.active{
  background-color:#b61f24 !important;
  color:white !important;
}
.active a{
  color:white !important;
  font-size: 15px;
}

/* media query */@media screen and (max-width:360px){
  .tabs{
      margin:0;
      width:96%;
  }
  .tabs .tabs-list li{
      width:80px;
  }
}