@media (max-width: 768px) {

  .content-container {
    max-width: 100%;
    width: 100%;
    padding: 12px;
    gap: 12px;
  }

  .middle-section {
    width: 100% !important;      
    min-width: 0;              
  }

  .main-content {
    margin-top: 68px;
  }
}

@media (max-width: 1024px) {
  .middle-section {
    flex: 1;
  }
}