@media screen and (max-width: 768px) {
    #navbar {
      flex-direction: column;
      text-align: center;
    }
  
    .pro-container,
    .product {
      flex-direction: column;
      align-items: center;
    }
  
    .product-details {
      padding: 20px;
      width: 90%;
    }
  
    .image-gallery img {
      width: 90%;
    }
  
    form input, form button, form textarea {
      width: 100%;
      margin-bottom: 10px;
    }
  
    .thankyou-box {
      width: 90%;
      padding: 20px;
    }
  }