.about-menu {
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #E3E3E3;
  background: #000;
}

.about-menu ul {
  font-size: 0;
}

.about-menu ul li {
  display: inline-block;
  margin: 5px;
}

.about-menu ul li a {
  font-size: 20px;
  color: #333;
  display: block;
  height: 46px;
  line-height: 46px;
  padding: 0 48px;
  background: #EAEAEA;
  text-transform: capitalize;
  border-radius: 10px 0 10px 0;
}

.about-menu ul li.active a {
  background: var(--color-primary);
  color: #fff;
}

@media screen and (max-width:1441px) {
.about-menu ul li a{font-size:19px;}
}

@media screen and (max-width:1281px){
.about-menu ul li a{font-size:18px;}
}

@media screen and (max-width:992px){
.about-menu ul li a{font-size:17px;}
}

@media screen and (max-width:768px) {
.about-menu{padding: 20px 0 15px;}
.about-menu ul li{margin:0 5px 5px;}
.about-menu ul li a{height:36px;line-height:36px;font-size:16px;padding:0 30px;}
}

@media screen and (max-width: 595px) {
.about-menu ul li a{font-size:15px;}
}

@media screen and (max-width: 480px) {
.about-menu ul li a{height:32px;line-height:32px;font-size:14px;}
}