.panel .panel-heading > a:hover, .panel .panel-heading > a:focus {
    text-decoration: none;
}

.circle-text div {
  font-size: 1.3em;
}

.circle-text:after {
  content: none;
}

label {
  margin-right: 0;
}

.circle-text label {
  font-weight: bold;
}

.panel-group.contractPanelGroup {
  margin-bottom: 0;
}

.nav.tabNav>li>a {
  padding: 1rem;
}

@media (min-width: 480px) {
  .explainCont .arrow::after {
    top: 1.5em;
  }
  .txtCont {
    width: 100%;
    text-align: left;
  }
  .circle-text label {
    font-size: 2em;
  }
}

@media screen and (min-width: 480px) {
  div.txtCont {
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .explainCont>div {
    margin-bottom: 2em;
  }
}

@media (min-width: 768px) {
  .explainCont .arrow::after {
    top: 1.5em;
  }
  .txtCont {
    width: 100%;
    text-align: center;
  }
  div.txtCont {
    width: 100%;
  }
  .circle-text label {
    font-size: inherit;
  }
  .inside span {
    font-size: 1.7em;
  }
}

@media (min-width: 1024px) {
  .explainCont .arrow::after {
    top: 0.6em;
  }
  .txtCont {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .txtCont {
    font-size: 1.3em;
    padding: 0;
  }
  .circle-text div {
    padding-top: 0;
    margin-top: 0;
    line-height: inherit;
  }
  .explainCont>div {
    display: flex;
    align-items: center;
  }
  .bigTab-Box .tab-pane {
    padding-top: 2em;
  }
}

@media (max-width: 479px) {
  .explainCont .arrow::after {
    top: 1.5em;
  }
  .txtCont {
    width: 100%;
    text-align: left;
    font-size: 1em;
  }
  .circle-text label {
    font-size: 1.5em;
  }
  .circleCont {
    padding: 0;
  }
  .explainCont>div {
    margin: 1em 0;
    padding: 0 1rem;
  }
  .explainCont>div:first-of-type {
    margin-top: 0;
  }
  .explainCont>div:last-of-type {
    margin-bottom: 0;
  }
  .circleCont .circle-text {
    min-width: 3em;
  }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
  div.circleCont>.circle-text {
    margin: 0;
  }
  div.circleCont>.circle-text div {
    width: auto;
  }
  .explainCont>div:nth-child(2)>.txtCont {
    top: inherit;
  }
  div.circleCont {
    width: 14%;
  }
}

@media screen and (max-width: 768px) and (min-width: 600px) {
  .inside span {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 600px) and (min-width: 500px) {
  .inside span {
    font-size: 1em;
  }
}

@media screen and (max-width: 500px) {
  .inside span {
    font-size: 0.8em;
  }
}

@media (max-width: 768px) {
  .nav.tabNav>li>a {
    padding-left: inherit;
    padding-right: inherit;
  }
  .inside span:first-of-type {
    margin-top: 1rem;
  }
  .inside span:last-of-type {
    margin-bottom: 1rem;
  }
  .inside i.fa {
    display: block;
    margin: 0.2em 0;
    font-size: 3em;
  }
  .buttonList .inside {
    text-align: center;
  }
  .inside {
    font-weight: normal;
  }
  .inside .btnBottom {
    font-weight: bold;
    font-size: 1.2em;
  }
  .nav.tabNav>li>a {
    padding: 1rem;
  }
}

@media (max-width: 599px) {
  .nav.tabNav i {
    display: none;
  }
}

@media (max-width: 768px) {
  .nav.tabNav .btnBottom+i {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .inside i.fa {
    font-size: 2.5em;
  }
  .inside span {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 768px) and (min-width: 600px) {
  .inside .btnBottom {
    font-size: 1.5em;
  }
}

.nav.tabNav .ownPanel .inside {
    padding: 21px;
}