@media (max-width: 767px) {
  section#about-hero {
    min-height: 600px;
  }
  div .heading-h2 {
    font-size: 37px;
    line-height: 40px;
  }
  div .perfectionbox {
    width: 90%;
    gap: 10px;
    margin: 0 auto;
  }
  div .h1 {
    font-size: 40px;
    line-height: 48px;
  }

  section.Redefining {
    background: #0e100f !important;
    min-height: auto;
  }
  section.Redefining .drimg {
    display: block;
    position: relative;
    margin-bottom: 2rem;
  }
  section.Redefining .drimg:before {
    background: rgb(12, 12, 12);
    background: linear-gradient(
      0deg,
      rgb(14 14 14) 0%,
      rgba(74, 75, 70, 0) 100%
    );
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    content: "";
  }
  .reachout .contentbox {
    margin-left: 0 !important;
  }
  section.featuredin {
    padding: 45px 0 30px;
  }
  section#qualifications.qualifications {
    background-color: #0c0c10 !important;
    background-size: auto !important;
    position: relative;
    background-position: left -183px top !important;
  }
  section.qualifications .qualifications-contentbox {
    padding-top: 20rem;
  }
  section.qualifications:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: rgb(12, 12, 12);
    background: linear-gradient(
      0deg,
      rgb(14 14 14) 30%,
      rgba(74, 75, 70, 0) 100%
    );
  }
}

@media (max-width: 480px) {
  div .h1 {
    font-size: 35px;
    line-height: 43px;
  }
  #about-hero .herocaption {
    padding-top: 12rem;
  }
  section.tagframe span {
    display: block;
    padding: 5px 0;
    width: 100%;
  }
}