.tabs12 li {
  display: inline-block;
  cursor: pointer;
  width:200px;
  height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #525252;
  text-align: center;
  line-height: 3em;
}

.tabs12 li:hover {
  background: #50b956;
}
.tabs12 li a{
	color: white;
}
.tabs12{
	padding-bottom: 2px;
	padding-left: 33.3%;
}
@media screen and (max-width: 1000px) {
  .tabs12 {
    padding-left: 20%;
  }

}
@media screen and (max-width: 600px) {
  .tabs12 {
    padding-left:0px;
  }
  .tabs12 li{
  	width: 100%;
  }
}
/*-------------------------------------------------------------------------------------------*/
.tabs3 li {
  display: inline-block;
  cursor: pointer;
  color: white;
  width:200px;
  height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #525252;
  text-align: center;
  line-height: 3em;
}
.tabs3 li:hover {
  background: #50b956;
}
.tabs3 li a{
	color: white;
}
.tabs3{
	padding-bottom: 2px;
	padding-left: 25%;
}
@media screen and (max-width: 1250px) {
  .tabs3 {
    padding-left:15%;
  }

}
@media screen and (max-width: 1000px) {
  .tabs3 {
    padding-left:5%;
  }
}
@media screen and (max-width: 740px) {
  .tabs3{
    padding-left: 0px;
  }
  .tabs3 li{
  	width: 100%;
  }
}
/*--------------------------------------------------------------------------------------------*/
.tabs3 li {
  display: inline-block;
  cursor: pointer;
  color: white;
  width:200px;
  height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #525252;
  text-align: center;
  line-height: 3em;
}
.tabs3 li:hover {
  background: #50b956;
}
.tabs3 li a{
	color: white;
}
.tabs3{
	padding-bottom: 2px;
	padding-left: 25%;
}
@media screen and (max-width: 1250px) {
  .tabs3 {
    padding-left:15%;
  }

}
@media screen and (max-width: 1000px) {
  .tabs3 {
    padding-left:5%;
  }
}
@media screen and (max-width: 740px) {
  .tabs3{
    padding-left: 0px;
  }
  .tabs3 li{
  	width: 100%;
  }
}
/*------------------------------------------------------------------------------------*/
.tabs4 li {
  display: inline-block;
  cursor: pointer;
  color: white;
  width:200px;
  height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #525252;
  text-align: center;
  line-height: 3em;
}
.tabs4 li:hover {
  background: #50b956;
}
.tabs4 li a{
	color: white;
}
.tabs4{
	padding-bottom: 2px;
	padding-left: 15%;
}
@media screen and (max-width: 1250px) {
  .tabs4 {
    padding-left:8%;
  }

}
@media screen and (max-width: 1010px) {
  .tabs4 {
    padding-left:0px;
  }
  .tabs4 li{
  	width: 100%;
  }
}

/*--------------------------------------------------------------------------*/
.tabs5 li {
  display: inline-block;
  cursor: pointer;
  color: white;
  width:19.65%;
  height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #525252;
  text-align: center;
  line-height: 3em;
}
.tabs5 li:hover {
  background: #50b956;
}
.tabs5 li a{
  color: white;
}
.tabs5{
  padding-bottom: 2px;
}
@media screen and (max-width: 1250px) {
  .tabs5 li {
    width:180px;
  }
}
@media screen and (max-width: 1000px) {
  .tabs5 li {
    width:140px;
  }
}
@media screen and (max-width: 780px) {
  .tabs5 li {
    width:100%;
  }
}

/*---------------------------------------------------------------*/

.tabs6 li {
  display: inline-block;
  cursor: pointer;
  color: white;
  width:16.4%;
  height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #525252;
  text-align: center;
  line-height: 3em;
}
.tabs6 li:hover {
  background: #50b956;
}
.tabs6 li a{
  color: white;
}
.tabs6{
  padding-bottom: 2px;
}
@media screen and (max-width: 1200px) {
  .tabs6 li {
    width:14.5%;
  }
}
@media screen and (max-width: 875px) {
  .tabs6 li {
    width:13%;
  }
}
@media screen and (max-width: 750px) {
  .tabs6 li {
    width:100%;
  }
}