/* Custom CSS for Mobile Padding Optimization */
  

  
/* Reduce padding on mobile devices */
  
@media only screen and (max-width: 767px) {
  
    .mxd-container {
  
        padding-left: 0 !important;
  
        padding-right: 0 !important;
  
    }
  

  
    .mxd-container.grid-container {
  
        padding-left: 0 !important;
  
        padding-right: 0 !important;
  
    }
  

  
    .mxd-container.grid-l-container {
  
        padding-left: 0 !important;
  
        padding-right: 0 !important;
  
    }
  
}
  

  
/* Extra small devices (phones) */
  
@media only screen and (max-width: 480px) {
  
    .mxd-container {
  
        padding-left: 0 !important;
  
        padding-right: 0 !important;
  
    }
  

  
    .mxd-container.grid-container {
  
        padding-left: 0 !important;
  
        padding-right: 0 !important;
  
    }
  
}