@media screen and (max-width: 1200px) {
    .group-small-card-project {
      display: block;
    }
    .small-card-project-2 {
      margin-left: 0;
      margin-right: 0;
    }
    .small-card-project {
      margin-bottom: 35px;
      text-align: center;
    }
    .title-small-card-project {
      margin-left: auto;
      margin-right: auto;
    }
}
@media screen and (max-width: 1150px) {
    .second-image-project {
        margin-left: 0;
    }
}
@media screen and (max-width: 1100px) {
    .cursor-follower {
      display: none;
  }
  .card-text-2 {
      width: 200px;
  }
}
@media screen and (max-width: 1050px) {
    .header__navigation {
      display: none;
  }
  .burger-menu {
      display: block;
  }
  .burger-icon {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      color: #29D8FE;
      font-size: 40px;
      padding: 10px 50px;
      margin-top: 30px;
      margin-bottom: 20px;
      background-color: #fff;
      border: 2px solid #29D8FE;
      border-radius: 50px;
  }
  .burger-menu-items {
      font-family: "Sk-Modernist-Regular";
      font-size: 18px;
      display: none;
      flex-direction: column;
      position: static;
      top: 60px; /* Adjust the top position as needed */
      left: 0;
      background-color: #fff;
      border: 2px solid #29D8FE;
      border-radius: 50px;
      padding-top: 15px;
      padding-bottom: 15px;
      margin-bottom: 20px;
  }
  .burger-menu-items a {
      padding: 10px;
      text-decoration: none;
      color: #000000;
      display: block;
      text-align: center;
  }
  .burger-bar {
      display: block;
  }
  .bar {
      width: 30px;
      height: 3px;
      background-color: #29D8FE;
  }
  .bar-2 {
      margin-top: 5px;
      margin-bottom: 5px;
  }
  .burger-icon.active .bar:nth-child(1) {
      transform: rotate(-45deg) translate(-5px, 6px);
  }
  .burger-icon.active .bar:nth-child(2) {
      opacity: 0;
  }
  .burger-icon.active .bar:nth-child(3) {
      transform: rotate(45deg) translate(-5px, -6px);
  }
  .burger-icon.active::after {
      display: none;
  }
  .btn-lg-light {
    padding: 15px 8%;
  }
  .card:hover {
    transform: none;
  }
}
@media screen and (max-width: 1000px) {
  .card-text {
      width: 170px;
  }
  .card {
      padding-left: 40px;
  }
    .header__navigation {
      padding: 24px 245px;
    }
    .icon-text {
      display: none;
    }
    .instruments-icon {
      margin-right: 15px;
    }
}
@media screen and (max-width: 950px) {
  svg {
      display: none;
  }
  .col-content {
      margin-bottom: 50px;
      text-align: center;
  }
  .col-text {
      margin-left: auto;
      margin-right: auto;
  }
  .column {
      display: block;
      padding-top: 0;
  }
  .column-2 {
      padding-top: 15px;
  }
  .card {
      margin-left: 0;
      margin-bottom: 25px;
      display: table-cell;
  }
  .card-2 {
      margin-left: 20px;
  }
  .card-4 {
      margin-left: 20px;
  }
  .card-group-1 {
      display: flex;
      justify-content: center;
      margin-bottom: 0;
    }
    .first-image-project {
      display: none;
  }
  .card-project {
      margin-bottom: 25px;
      padding: 75px 55px;
      justify-content: left;
  }
  .tab-col {
    display: block;
  }
  .tab-text {
    width: auto;
    margin-right: 0;
  }
  .certificate {
    width: 100%;
  }
  .small-card-project {
      margin-bottom: 25px;
  }
  .instruments-card {
      margin-bottom: 25px;
  }
  .header__navigation {
      padding: 24px 220px;
    }
    .second-section {
      margin-bottom: 25px;
    }
    .third-section {
      margin-bottom: 50px;
    }
    .fourth-section {
      margin-bottom: 50px;
    }
}
@media screen and (max-width: 920px) {
  .header__navigation {
      padding: 24px 210px;
    }
}
@media screen and (max-width: 830px) {
  .header__navigation {
      padding: 24px 155px;
    }
}
@media screen and (max-width: 790px) {
  .header__navigation {
      padding: 24px 125px;
    }
}
@media screen and (max-width: 750px) {
  .flex-container {
      display: block;
  }
  .sub-btn {
    display: none;
  }
  .btn-lg-light {
    display: none;
} 
  .logo-lemon-school {
    margin-left: 0;
  }
  .title-project-card {
      font-size: 60px;
  }
  .subtitle-project-card {
      font-size: 20px;
  }
  .title-2 {
      font-size: 70px;
      margin-bottom: 10px;
  }
  .flex-container-2 {
      text-align: center;
  }
  .tab-button {
    margin-right: 4px;
    margin-bottom: 10px;
  }
  .flex-container-3 {
      display: flex;
  }
  ::after {
      margin-left: 20px;
  }
  footer {
      display: block;
  }
  .footer-icon-group {
      justify-content: space-between;
      align-items: center;
  }
  .footer-title {
      display: none;
  }
  .footer-title-2 {
      display: block;
  }
  .title-3 {
      margin-bottom: 50px;
  }
}
@media screen and (max-width: 730px) {
  .title {
      font-size: 75px;
  }
  #static-text {
      font-size: 75px;
      line-height: 75px;
  }
  #dynamic-text {
      font-size: 75px;
      line-height: 75px;
  }
  .accordion {
      font-size: 20px;
  }
  .content-accordion {
      font-size: 18px;
  }
  .header__navigation {
      padding: 24px 105px;
    }
}
@media screen and (max-width: 670px) {
  .title {
      font-size: 70px;
  }
  #static-text {
      font-size: 70px;
      line-height: 70px;
  }
  #dynamic-text {
      font-size: 70px;
      line-height: 70px;
  }
  .header__navigation {
      padding: 24px 50px;
    }
    .tabs-nav {
        display: block;
        text-align: center;
        margin-bottom: 50px;
      }
}
@media screen and (max-width: 650px) {
  .instruments-icon {
      width: 55px;
      height: 55px;
    }
}
@media screen and (max-width: 630px) {
  .title {
      font-size: 65px;
  }
  #static-text {
      font-size: 65px;
      line-height: 65px;
  }
  #dynamic-text {
      font-size: 65px;
      line-height: 65px;
  }
}
@media screen and (max-width: 600px) {
  .header__navigation {
      padding: 24px 20px;
    }
    .instruments-icon-child {
      margin-right: 0;
    }
    .button-box {
        display: block;
    }
    .btn-md {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .btn-md-outline-dark,
    .btn-md-outline-red,
    .btn-md-azure,
    .btn-md-light,
    .btn-md-outline-blue,
    .btn-md-last {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 580px) {
  .title {
      font-size: 60px;
  }
  #static-text {
      font-size: 60px;
      line-height: 60px;
  }
  #dynamic-text {
      font-size: 60px;
      line-height: 60px;
  }
  .title-project-card {
      font-size: 50px;
  }
}
@media screen and (max-width: 570px) {
    .card-project {
        padding: 50px 35px;
    }
}
@media screen and (max-width: 560px) {
    .text-project-card {
        margin-bottom: 35px;
    } 
}
@media screen and (max-width: 540px) {
  .title {
      font-size: 55px;
  }
  #static-text {
      font-size: 55px;
      line-height: 55px;
  }
  #dynamic-text {
      font-size: 55px;
      line-height: 55px;
  }
  .card {
      padding-left: 25px;
  }
}
@media screen and (max-width: 520px) {
  .flex-container-3 {
      display: block;
  }
  .title-2 {
      font-size: 60px;
  }
  .subtitle {
      font-size: 60px;
  }
}
@media screen and (max-width: 510px) {
  .logo-lemon-school {
      margin-left: 0;
  }
  .flex-container-3 {
      margin-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  .title {
      font-size: 50px;
  }
  .title-3 {
      font-size: 30px !important;
  }
  #static-text {
      font-size: 50px;
      line-height: 50px;
  }
  #dynamic-text {
      font-size: 50px;
      line-height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .card-text {
      font-size: 16px;
      width: 140px;
  }
  .title-project-card {
      font-size: 40px;
  }
  .subtitle-project-card {
      font-size: 16px;
  }
  .text-project-card {
      font-size: 1em;
  }
  .footer-title-2 {
      font-size: 21px;
  }
}
@media screen and (max-width: 460px) {
  .title {
      font-size: 45px;
  }
  #static-text {
      font-size: 45px;
      line-height: 45px;
  }
  #dynamic-text {
      font-size: 45px;
      line-height: 45px;
  }
}
@media screen and (max-width: 450px) {
  .title-2 {
      font-size: 50px;
  }
  .subtitle {
      font-size: 50px;
  }
  .accordion {
      font-size: 18px;
  }
  .content-accordion {
      font-size: 16px;
      padding: 40px;
  }
  #form {
      padding: 40px;
  }
  #formMessage {
      font-size: 16px;
  }
  #email {
      font-size: 16px;
  }
  footer {
      padding: 40px;
  }
}
@media screen and (max-width: 440px) {
  header {
      margin-bottom: 0;
  }
  .personal-image {
      margin-top: 15px;
  }
  .burger-icon {
      margin-top: 20px;
      margin-bottom: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .title {
      font-size: 40px;
  }
  #static-text {
      font-size: 40px;
      line-height: 40px;
  }
  #dynamic-text {
      font-size: 40px;
      line-height: 40px;
  }
  .accordion {
      padding: 25px 40px;
  }
  .flex-container {
      position: relative;
      margin-left: 90px;
      margin-top: -44px;
  }
  .flex-container-2 {
      margin-left: 0;
      margin-top: 0px;
  } 
  .card-3 {
      padding-left: 25px;
  }
  .card-text-2 {
      width: 100px;
      padding-top: 50px;
  }
  .card-text {
      width: 100px;
  }
  .icon-col {
      display: block;
  }
  .icon-2 {
      margin-bottom: 0;
  }
  .icon-3 {
      margin-bottom: 25;
  }
}