
.naccs .menu div {
background-color: transparent;
margin-bottom: 0px;
min-height: 400px;
}
.naccs .menu div:hover {
cursor: auto;
background-color:transparent !important;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.0) !important;
}
.naccs .menu div span {
  font-family: 'Be Vietnam Pro Bold' !important;
}
.naccs .menu div:not(.active) span, .naccs .menu div:not(.active) {
  display: none !important;
}
.naccs div img {
  border-radius: 10px;
}
.naccs .menu p {
  font-size:18px;
  font-weight: normal !important;
  line-height: 26px !important;
}

.naccs .menu .ul-gloss-feature li p {
  font-weight: bold !important;
}

.gc--1-of-3 {
  width: 46%;
}
.gc--2-of-3 {
  width: 54%;
  position: absolute;
  min-height:400px;
  right:30px;
}

.naccs .menu h5 {
  font-weight: normal;
  font-family:'Be Vietnam Pro Medium' !important;
}
@media (max-width: 1200px) {
  .naccs .menu span {
    font-size:20px;
  }
  .naccs .menu p {
    font-size:15px;
    line-height: 20px !important;
  }
  .naccs .menu div span.light {
    margin-bottom:3px;
  }
  .gc--2-of-3 {
    width:50%;
    right:32px;
  }

}
@media (max-width: 772px) {
  .naccs .menu div, .naccs .menu div.active {
   min-height:100px;
   padding: 0px 5px 5px 5px;
  }
  .gc--1-of-3 {
    width: 100%;
    margin-bottom: 15px;
  }
  .gc--2-of-3 {
    position: relative;
    width: 100%;
    height:300px;
    right:auto;
  }
}
@media (max-width: 580px) {
  .gc--2-of-3 {
    min-height: 300px;
  }
}
@media (max-width: 400px) {
  .naccs {
    overflow-x:hidden ;
  }
  .naccs .menu div {
    padding: 5px 8px 5px 8px;
  }
  .naccs .menu span {
    font-size:18px;
  }
  .naccs .menu p {
    font-size:14px;
    line-height: 20px !important;
  }
}
