.main_container, .header_container {
  display: flex;
  justify-content: center; /* Center content-wrapper horizontally */
  width: 100%;
}
.main_container {
	padding-top: 50px;
}


.leftcol, .rightcol {
  width: 200px; /* Fixed width for side columns */
}

.content-wrapper {
  width: 100%; /* Occupies available space */
  max-width: 1200px; /* Max width for larger screens */
}



/* Responsive Layout for smaller screens */
@media (max-width: 768px) {
  .leftcol, .rightcol {
    display: none; /* Hide side columns */
  }
  .content-wrapper , .headerpart{
    max-width: 100%; /* Let the content-wrapper take full width */
  }
}