@media screen and (max-width: 480px) {
  .search-container {
      width: 200px;  /* Reduced width on mobile */
  }
  #unme{
      display: none;  /* Hide username on mobile */
  }
 
  .outer_container {
    padding: 0px;
  }
  .help_outer_container {
    margin: 0px;
    width: 100vw;
  }
  .inner_container {
    padding: 10px; /* Add some padding for better spacing */
    min-width: 350px;
    
  }
  .inner_container .img-mask-container {
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    width: 100px !important;
  }
  #se_container .img-mask-container {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    width: 200px !important;
  }
  .img-mask-nav {
    height: 18px !important;
    width: 18px !important;
  }
  .grid_1,.grid_2 {
padding-left: 0px;
padding-right: 0px;
  }

 
}

@media screen and (max-width: 720px) {
  .grid_1,.grid_2 {
    grid-template-columns: 1fr; /* Single column on smaller screens */
  }
  
}
 
 

@media screen and (min-width: 721px) and (max-width: 1024px) {
  .grid_1 {
    grid-template-columns: repeat(2, 1fr); /* Two columns on medium screens */
  }
 
}