@media (max-width: 768px) {
  body {
    padding-top: 60px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  }
  .navbar-dark {
    height: 60px !important;
  }
  .navbar-brand img {
    height: 40px;
    width: 40px;
  }
  .fs-54 {
    font-size: 24px;
  }
  .fs-36 {
    font-size: 18px;
  }
  .fs-28 {
    font-size: 14px;
  }
  .fs-24 {
    font-size: 12px;
  }
  .fs-20 {
    font-size: 10px;
  }
  .fs-16 {
    font-size: 8px;
  }
  .nav-link,
  .nav-link:focus,
  .nav-link:hover {
    color: #000 !important;
    padding-left: 10px;
  }
  .navbar-nav {
    background: #fff;
    border-radius: 16px;
  }
  .dropdown-menu-self {
    top: 64px !important;
    left: 0% !important;
    transform: translateX(0%);
    text-align: left;
    border-radius: 15px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
    padding: 0 10px;
  }
  .header-lead-font {
    font-size: 20px;
    bottom: 40px;
  }
  .pt-5 {
    padding-top: 0 !important;
  }
  .left-project {
    padding: 30px 20px 45px 35px;
  }
  .project-title {
    width: 60%;
  }
  .left-project img {
    width: 60px;
    top: -12px;
    left: 80%;
  }
  .flex-cloum-m {
    flex-direction: column;
  }
  .right-project {
    display: none !important;
  }
  .goals-info {
    width: 100%;
    margin-bottom: 40px;
  }
  .goals-info div {
    min-height: 200px;
  }
  .wahdk {
    flex-direction: column;
  }
  .wahdk div {
    width: 100% !important;
  }
  .wahdk div p {
    margin: 0 !important;
    padding-bottom: 20px !important;
  }
  .abstract-3 {
    top: -20px;
    right: 50px;
    width: 80px;
  }
  .abstract-4 {
    width: 100%;
    height: auto;
  }
  .code-wrap {
    flex-direction: column;
  }
  .abstract-5 {
    width: 200px;
  }
  .code-right {
    padding-top: 20px;
  }
  .team-title {
    font-size: 20px;
    bottom: 0px;
  }
  .team-item {
    width: 100%;
    height: 400px;
  }
  .col-lg-3-m {
    display: none;
  }
  .common-text-bg img {
    width: 100%;
  }
  .info-item {
    border-radius: 0 0 25px 25px;
    margin-bottom: 40px;
  }
  .right-info {
    padding-left: 0px;
  }
  .info-item-title {
    width: 100px;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .info-item-desc {
    padding: 0 21px 31px 21px;
  }
}