@media all and (max-width: 992px) {

  body {
    font-size: 15px;
    line-height: 27px;
  }

  /* h1 {
        font-size: 300%;
    }
    h2 {
        font-size: 250%;
        margin-bottom: 22px;
    }
    h3 {
        font-size: 150%;
        margin-bottom: 12px;
    }
    h4 {
        font-size: 125%;
        margin-bottom: 10px;
    }
    h5 {
        font-size: 100%;
        margin-bottom: 8px;
    } */
  .drop-menu-nav {
    position: relative;
  }

  .drop-menu {
    position: absolute;
    z-index: 999;
  }

  .fs-15 {
    font-size: 2rem;
  }

  .fs-13 {
    font-size: 1.25rem;
  }

  .fs-12 {
    font-size: 1.15rem;
  }
}

@media all and (max-width: 768px) {
  :root {
    --skill-cirlce: 10px;
    --edu-cirlce: 14px;
    --edu-circle-sm: 10px;
  }

  .icon-box .icon {
    min-width: 25px;
    font-size: 1rem;
  }

  .icon-box .icon img {
    width: 20px;
  }

  #education-timeline .icon {
    min-width: 40px;
  }

  #education-timeline .icon:before {
    width: 2px;
    transform: translateX(-1px);
  }
}

@media all and (max-width: 576px) {
  body {
    font-size: 14px;
    line-height: 23px;
  }

  .fs-12 {
    font-size: 1.05rem;
  }

  .skill-desc {
    display: none;
  }
}