@media (max-width: 768px) {
  
    .mobile-menu{
      top: 84.3px;
    }
  


    
    .services {
        grid-template-columns: 1fr;
      }

      .footer-inner {
        flex-direction: column;
        text-align: center;
      }
    
      .footer-nav {
        justify-content: center;
      }
        
      .logo{
        width: 10rem;
        padding: 0;
      }
    
      #main-header{
        padding: 1rem;
      }
    
      .hamburger{
        padding-right: 3rem;
      }
    
    
    
      .process-list li{
        padding-left: 0;
      }  
    
  }
  
  @media (max-width: 992px) {
    .packages {
      grid-template-columns: 1fr;
    }
  }
  
  @media (max-width: 1215px) {
    .navbar,
    .social-icons {
      display: none;
    }
  
    .section{
      max-width: 100%;
    }
  
    .hamburger {
      display: flex;
    }

    .hero-inner {
        flex-direction: column;
        text-align: center;
      }
  
  
      .hero img {
          height: 60vh;
          width: auto;
      }

      #profile-pic{
        display: block;
        margin: 0 auto;
        width: 60vw;
        height: 60vw;
        object-fit: cover;
        border-radius: 50%;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
      }
      
  
  
  }