@media (max-width: 767px) {
    #container.mainnav-in .overlay {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
    }

    #app-container .breadcrumb li,
    #app-container .breadcrumb li a,
    #app-container .breadcrumb > li + li:before {
        color: #fff;
        border-color: #fff;
    }

    #footer {
        display: none
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 1.5;
    }

    .tgl-menu-btn a {
        width: 59px;
        text-align: center;
    }

    .Toastify__toast {
        margin: 10px;
    }

    .navbar-content {
        background-color: inherit;
    }

    #content-container {
        padding-left: 0px;
    }

    #page-content {
        padding: 15px 15px 0;
    }

    #page-head h3 {
        margin-top: 0;
    }

    #dropdown-user .dropdown-menu-sm {
        margin-top: 10px;
    }

    .cls-content .error-code {
        font-size: 80px;
    }

    .breadcrumb {
        padding-left: 5px;
        padding-right: 5px;
        max-height: 59px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .file-panel {
        border-top: none;
        margin-top: 0px;
    }

    .file-toolbar .btn {
        margin-bottom: 10px;
    }

    .trans-mobile {
        background: transparent;
        padding: 0;
    }

    .file-manager {
        padding: 0;
    }

        .file-manager .list {
            background: transparent;
            padding: 0;
        }

    .file-manager {
        background: transparent;
    }

    .list-user {
        padding: 0 !important;
        padding-right: 20px !important;
        border: 0 !important;
        margin-bottom: 0px;
    }

    .list-users .list-user:nth-child(1) {
        margin-bottom: 15px;
    }

    .framework-versions thead th:nth-child(1),
    .framework-versions tbody td:nth-child(1) {
        display: none;
    }

    .framework-versions thead th:nth-child(3),
    .framework-versions tbody td:nth-child(3) {
        display: none;
    }

    .framework-versions thead th:nth-child(4),
    .framework-versions tbody td:nth-child(4) {
        display: none;
    }

    .framework-versions thead th:nth-child(5),
    .framework-versions tbody td:nth-child(5) {
        display: none;
    }

    .framework-builder .rst__tree {
        display: none;
    }

    .framework-builder {
        height: 100px;
        min-height: 100px;
    }

        .framework-builder::before {
            text-align: center;
            width: 100%;
            font-size: 16px;
            display: block;
            content: 'Framework building is prohibited on mobile devices.'
        }

    .wizard > select {
        width: 100% !important;
        display: block;
        float: none !important;
    }

    .list-container .box-inline.list-users.pull-right.mar-top {
        display: none;
    }

    .list-group-item .media-body select {
        width: 75%;
    }

    .list-group-item .form-inline .form-group, .list-group-item .form-inline select {
        display: inline;
    }

    .list-group-item .form-inline .btn {
        vertical-align: top;
    }

    .btn-group.navbar-top-links.mar-no.pull-right {
        position: absolute;
        right: 10px;
        z-index: 10;
    }

    .modal:before {
        margin-left: 0;
    }

    .eq-box-md {
        width: 100%;
    }

        .eq-box-md .panel-body {
            padding: 0px;
        }

    .wz-steps li h5 {
        display: none;
    }

    .wz-step {
        margin: 0 -20px;
        padding: 20px;
    }

    #demo-main-wz .tab-content .btn-lg {
        width: 100%;
        margin-bottom: 10px;
    }

    .list-flex .list-flex-item {
        display: none;
    }

        .list-flex .list-flex-item:first-child {
            display: block;
            width: 100%;
            max-width: 100% !important;
        }



    .panel .navbar-top-links .dropdown-menu {
        left: unset;
    }

    .list-container .navbar-top-links .dropdown-menu {
        left: unset;
    }

    .list-labels {
        margin-top: 10px !important;
    }

    .recharts-legend-wrapper {
        display: none;
    }

    .recharts-wrapper {
        width: 100% !important;
    }

    .tab-pane .btn.prev, .tab-pane .btn.next {
        width: 100%;
        margin-bottom: 10px;
    }

    .tab-pane .btn.prev, .tab-pane .btn.next {
        padding: 10px 16px;
        font-size: 17px;
        line-height: 1.44;
    }

    .breadcrumb li {
        max-width: 180px;
    }

    .dropzone .text-right .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .dropzone .text-right {
        text-align: center;
    }

    .list > .pad-lft {
        padding-left: 0px !important;
    }

    .dropzone .text-right small {
        margin: 0;
        padding-bottom: 10px;
        display: block;
    }

    .form-group.col-sm-3 {
        padding-left: 10px !important;
    }

    .form-group.col-sm-9 {
        padding-right: 10px !important;
    }

    .form-inline .form-group {
        margin-right: 0px !important;
    }

    .pad-top-xs {
        padding-top: 15px !important;
    }

    /* Remove 2023-02 - causing issues with dialogs on mobile falling offscreen
	.modal-dialog {
        margin: 15px;
    }*/

    .modal {
        padding: 0px !important;
    }

    .apprentices .toolbar button {
        width: 100%;
        margin-bottom: 10px;
    }

    .apprentices .toolbar input, .apprentices .toolbar select {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px;
    }

    .apprentices .file-toolbar {
        height: auto !important;
    }

    .apprentices .list-flex-item:last-child {
        display: block;
    }

    .form-inline .form-control,
    .form-inline .btn,
    .form-inline input {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px;
    }

    .mystuff-item-repeat {
        width: 48%;
        margin: 1%;
        height: 180px;
    }

    .react-iframe {
        left: 0 !important;
    }
    .navbar-top-links li,
    .navbar-top-links li a {
        width: 45px;
        text-align: center;
    }

    .form-inline .btn {
        font-size: 17px;
        line-height: 1.44;
    }
    .form-inline .form-control {
        font-size: 17px;
        height: 46px;
    }

    .mystuff-item-actions {
        width: 100%;
        height: 0;
        margin: 0;
        padding-bottom: 100%;
        margin-top: -180px;
        position: relative;
        z-index: 10;
        background: rgba(70,70,70,0.75);
        overflow: hidden
    }

    .item-action-button {
        padding-top: 15%;
    }

        .item-action-button span {
            border-radius: 0px;
        }

    .item-summary {
        display: block !important;
    }

    .action-container {
        height: 180px !important;
    }

    .add-icons {
        width: 45%;
    }
}