@media screen and (max-width: 768px) {
    .main-layout {
        flex-direction: column;
    }

    #fullscreen-button {
        padding-right: 10px;
        padding-top: 10px;
    }

    .left-panel {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-panel {
        width: 100%;
        display: none;
        justify-content: center;
        align-items: center;
    }

    .switch_button {
        position: fixed;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        bottom: 120px;
        z-index: 1;
      }
      
}