nav.c-breadcrumb {
  display: none;
}
.tab-container, .sub-tab-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}
.tab, .sub-tab {
  padding: 1rem;
  cursor: pointer;
  font-size: 2rem;
}
.active-tab {
  color: #000;
  text-decoration: underline;
}
.tab-content, .sub-tab-content {
  display: none;
}
.active {
  display: block;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

#main-tab1.tab-content,
#main-tab2.tab-content {
  display: none !important;
}
#main-tab1.tab-content.active,
#main-tab2.tab-content.active {
  display: block !important;
}

#panel1.box-wrapper.new.tab_panel.feature-list,
#panel2.box-wrapper.new.tab_panel.feature-list,
#panel3.box-wrapper.new.tab_panel.feature-list,
#panel4.box-wrapper.new.tab_panel.feature-list,
#panel5.box-wrapper.new.tab_panel.feature-list,
#panel6.box-wrapper.new.tab_panel.feature-list,
#panel7.box-wrapper.new.tab_panel.feature-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 5rem 4rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  nav.c-breadcrumb {
    display: none !important;
  }
  #panel1.box-wrapper.new.tab_panel.feature-list,
  #panel2.box-wrapper.new.tab_panel.feature-list,
  #panel3.box-wrapper.new.tab_panel.feature-list,
  #panel4.box-wrapper.new.tab_panel.feature-list,
  #panel5.box-wrapper.new.tab_panel.feature-list,
  #panel6.box-wrapper.new.tab_panel.feature-list,
  #panel7.box-wrapper.new.tab_panel.feature-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(100*(100vw / 750)) calc(20*(100vw / 750));
    margin-bottom: calc(100*(100vw / 750));
  }
}