body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.tabs {
  max-width:70%;
  margin: 0 auto;
  padding: 20px 20px;
 
  border-bottom:10px solid #75b03e;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
 padding-left:5px !important;
}
#tab-button li a {
  display: block;
  padding: .8em;
  background-color:lightgray;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
 border-top-left-radius:15px;
 border-top-right-radius:15px;
  text-decoration: none;
}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button  li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background:#ed962b;
}
.tab-contents {
  padding: 0;
  border: 1px solid #ddd;
}



.tab-button-outer {
  display: none;
}
.tab-contents {
  margin-top: 20px;
}
.tabs ul li
{
    list-style:none !important;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:black;
    padding:20px !important;
   
    text-align:left !important
}
@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}


/***********************tab2***********************/
#tab-button1 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button1 li {
  display: table-cell;
  width: 20%;
 padding-left:5px !important;
}
#tab-button1 li a {
  display: block;
  padding: .8em;
  background-color:lightgray;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
 border-top-left-radius:15px;
 border-top-right-radius:15px;
  text-decoration: none;
}
#tab-button1 li:not(:first-child) a {
  border-left: none;
}
#tab-button1  li a:hover,
#tab-button1 .is-active a {
  border-bottom-color: transparent;
  background:#ed962b;
}
.tab-contents1 {
  padding: 0;
  border: 1px solid #ddd;
}



.tab-button-outer {
  display: none;
}
.tab-contents1 {
  margin-top: 20px;
}
.tabs ul li
{
    list-style:none !important;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:black;
    padding:20px !important;
   
    text-align:left !important
}
@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents1 {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
}
/***********************tab3***********************/
#tab-button2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button2 li {
  display: table-cell;
  width: 20%;
 padding-left:5px !important;
}
#tab-button2 li a {
  display: block;
  padding: .8em;
  background-color:lightgray;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
 border-top-left-radius:15px;
 border-top-right-radius:15px;
  text-decoration: none;
}
#tab-button2 li:not(:first-child) a {
  border-left: none;
}
#tab-button2  li a:hover,
#tab-button2 .is-active a {
  border-bottom-color: transparent;
  background:#ed962b;
}
.tab-contents2 {
  padding: 0;
  border: 1px solid #ddd;
}



.tab-button-outer {
  display: none;
}
.tab-contents2 {
  margin-top: 20px;
}
.tabs ul li
{
    list-style:none !important;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:black;
    padding:20px !important;
   
    text-align:left !important
}
@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents2 {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
  
}