@media screen and (max-width: 600px) {
    .commentBubble {
        width: 100% !important;
        margin: 0 !important;
        background-color: white !important;
        margin-right: unset !important;
    }

    .explorer-filter-type-container {
        width: 100% !important;
    }

    .item-group-language {
        max-height: 225px !important;
        overflow: auto !important;
    }

    .item-group-feature {
        max-height: 225px !important;
        overflow: auto !important;
    }

    .connected-link-closed-container {
        margin-left: 0 !important;
    }

    .menu-full-width {
        width: 100% !important;
    }

        .menu-full-width > button {
            width: 100% !important;
        }

    .menu-full-height {
        height: 100% !important;
    }

        .menu-full-height > button {
            height: 100% !important;
        }

    .item-group-setting-check-box {
        width: 100% !important;
    }

    .register-invite-container {
        max-width: 100% !important;
    }

    .user-info-button-group-container {
        height: 100% !important;
    }

    .video-player-size {
        width: 100% !important;
        min-height: 250px !important;
        height: unset !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 956px) {
    .commentBubble {
        width: 100% !important;
        margin: 0 !important;
        background-color: white !important;
    }

    .explorer-filter-type-container {
        width: 100% !important;
    }

    .item-group-language {
        max-height: 225px !important;
        overflow: auto !important;
    }

    .item-group-feature {
        max-height: 225px !important;
        overflow: auto !important;
    }

    .connected-link-closed-container {
        margin-left: 0 !important;
    }

    .menu-full-width {
        width: 100% !important;
    }

        .menu-full-width > button {
            width: 100% !important;
        }

    .menu-full-height {
        height: 100% !important;
    }

        .menu-full-height > button {
            height: 100% !important;
        }

    .item-group-setting-check-box {
        width: 100% !important;
    }

    .register-invite-container {
        max-width: 100% !important;
    }

    .user-info-button-group-container {
        height: 100% !important;
    }
}

@media screen and (min-width: 690px) and (max-width: 1279px) {
}

@media screen and (min-width: 1280px) and (max-width: 1919px) {
    .mainlayout {
        display: flex;
    }

    .mainlayout-left {
        width: 15%;
    }

    .mainlayout-right {
        width: 15%;
    }
}

@media screen and (min-width: 1920px) {
}

@media screen and (max-width: 1280px) and (min-width: 600px) {
    .mainlayout {
        padding-top: 0;
    }

    .mainlayout-left {
        width: 0%;
        visibility: hidden;
    }

    .mainlayout-right {
        width: 0%;
        visibility: hidden;
    }

    .hide-on-small-size {
        visibility: hidden;
        display: none;
        height: 0;
    }
}

.explorer-filter-type-container {
    width: 60%;
}

.item-group-language {
    max-height: 45px;
    overflow: hidden;
    content-visibility: auto;
}

.item-group-feature {
    max-height: 45px;
    overflow: hidden;
}

.connected-link-closed-container {
    margin-left: -10px;
}

.menu-full-width {
    width: auto;
}

    .menu-full-width > button {
        height: auto;
    }

.menu-full-height {
    height: auto;
}

    .menu-full-height > button {
        height: auto;
    }

.item-group-setting-check-box {
    width: 30%;
}

.register-invite-container {
    max-width: 70%;
}

.user-info-button-group-container {
    height: 70px;
}

.video-player-size {
    width: 100%;
    height: 100%;
    min-height: 540px;
}