/* ======== Responsive Breakpoints ======== */
@media (max-width: 1200px) {
  .layout-boxed .site-container {
    max-width: 1000px;
  }
}
@media (max-width: 992px) {
  .layout-boxed .site-container {
    max-width: 850px;
  }
}
@media (max-width: 768px) {
  .layout-boxed .site-container {
    max-width: 95%;
    padding: 0 10px;
  }
}
@media (max-width: 576px) {
  .layout-boxed .site-container {
    max-width: 100%;
    padding: 0 5px;
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .main {
    flex-direction: column;
  }
  .sidebar {
    width: 100%; /* Sidebar নিচে আসবে এবং পুরো width নেবে */
  }
}
/* ======== Responsive Breakpoints ======== */
/* Small Screen */