@media (max-width: 1024px) {
      .layout {
        flex-direction: column;
      }

      .left-sidebar,
      .right-sidebar {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: unset;
      }

      .middle-content {
        padding: 0;
      }

      .carousel {
        flex-wrap: nowrap;
        overflow-x: auto;
      }
    }