@media(max-width:768px)
{


  /* MOBILE NAV */

  .menu-toggle{
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .header-inner{}

/* 🔥 THIS FIXES ALIGMENT TO THE RIGHT  🔥 */
  .nav{
    width: 100%;
    justify-content: flex-end;
    gap: 0;
  }

  /* NAV DROPDOWN */
  .nav-links{
    position: absolute;
    top: 70px;
    right: 15px; /*aligns properly*/
    background: #fff;
    flex-direction: column;
    width: 230px;
    padding: 20px;
    border-radius: 10px;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }

  .nav-links.active{
    display: flex;
  }

  .nav-links a{
    color: #333;
  }

  .nav-btn{
    margin-top: 10px;
    text-align: center;
  }


  .contact-wrapper {flex-direction:column;}

  .contact-left{text-align: center;}

  .contact-form{
    width: 100%;
  }

  .form-row {
    flex-direction:column;
  }

  .info-cards {grid-template-columns:1fr 1fr;}


  .footer-grid{
    display: flex;
    flex-wrap: wrap;
  }

  /*BRAND*/
  .footer-grid > div:nth-child(1){
    width: 100%;
    text-align: center;
  }

  /*COMPANY + SUPPORT */
  .footer-grid > div:nth-child(2),
  .footer-grid > div:nth-child(3){
    width: 48%;
  }

  .footer-grid > div:nth-child(2){
    margin-right: 4%;
  }

  /* CONTACT */
  .footer-grid > div:nth-child(4){
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }


}