#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #ac6a00;
}

#tabs li {
  float: left;
  margin: 0 -15px 1px 0;
}

#tabs a {
  float: left;
  position: relative;
  padding: 0 20px;
  height: 0; 
  line-height: 40px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 35px solid transparent;
  border-bottom: 40px solid #59493f;
  border-bottom-color: #59493f;
  opacity: .85;
  filter: alpha(opacity=30);  
  -webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;  
}

#tabs a:hover,
#tabs a:focus {
  border-bottom-color: #ac6a00;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus {
  outline: 0;
}

#tabs #current {
  z-index: 3;
  border-bottom-color: #ac6a00;
  opacity: 1;
  filter: alpha(opacity=100);  
  opacity: .85; 
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
#tabs a{
	padding: 0 10px;
	font-size: 14px;
}
}