.css3-tab {
  list-style: none;
  margin: 0 auto 40px;
  position: relative;
  width: 100%;
}
.css3-tab input[type='radio'] {
  display: none;
}
.css3-tab .css3-tab-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.css3-tab .css3-tab-nav label:hover {
  cursor: pointer;
  background: white;
  color: #666666;
  transition: all .3s ease 0s;
}

@media (min-width: 800px) {
  .css3-tab .css3-tab-nav label {
  display: table-cell;
  background-color: #FFFFFF;
  color: #333333;
  padding: 15px;
  text-align: center;
  transition: all .3s ease 0s;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #333333;
  border-top: solid 1px #333333;
  }
  .css3-last {
  border-right: solid 1px #333333;
  }
}

@media (max-width: 692px) {

  .css3-tab .css3-tab-nav label {
  display: table-cell;
  background-color: #FFFFFF;
  color: #333333;
  padding: 15px;
  text-align: center;
  transition: all .3s ease 0s;
  border-left: solid 1px #333333;
  border-top: solid 1px #333333;
  }
  .css3-last {
  border-bottom: solid 1px #333333;
  }

  .css3-tab .css3-tab-nav {
    display: block;
    margin: 0 0 20px;
  }
  .css3-tab .css3-tab-nav label {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	border-top: solid 1px #333333;
  }
}

.css3-tab .css3-tab-content {
  overflow: hidden;

  display: none;
  background: #FFF;
  clear: left;
  box-sizing: border-box;
}
.css3-tab input[id='tabOne']:checked ~ .css3-tab-nav label[for='tabOne'] {
  background: #333333;
  color: white;
  cursor: default;
}
.css3-tab input[id='tabOne']:checked ~ div.tab-one {
  display: block;
}
.css3-tab input[id='tabTwo']:checked ~ .css3-tab-nav label[for='tabTwo'] {
  background: #333333;
  color: white;
  cursor: default;
}
.css3-tab input[id='tabTwo']:checked ~ div.tab-two {
  display: block;
}
.css3-tab input[id='tabThree']:checked ~ .css3-tab-nav label[for='tabThree'] {
  background: #333333;
  color: white;
  cursor: default;
}
.css3-tab input[id='tabThree']:checked ~ div.tab-Three {
  display: block;
}
.css3-tab input[id='tabFour']:checked ~ .css3-tab-nav label[for='tabFour'] {
  background: #333333;
  color: white;
  cursor: default;
}
.css3-tab input[id='tabFour']:checked ~ div.tab-Four {
  display: block;
}
.css3-tab input[id='tabFive']:checked ~ .css3-tab-nav label[for='tabFive'] {
  background: #333333;
  color: white;
  cursor: default;
}
.css3-tab input[id='tabFive']:checked ~ div.tab-Five {
  display: block;
}

.css3-tab input[id='addNew']:checked ~ .css3-tab-nav label[for='addNew'] {
  background: #333333;
  color: white;
  cursor: default;
}
.css3-tab input[id='addNew']:checked ~ div.add-new {
  display: block;
}