@media all and (max-width: 1440px) {
    body main#app .header .container .position.header-left h1 {
        /* font-size: 15px; */
        /* display: none; */
        font-size: 1.2em;
    }
    body main#app .header .container .position.header-left h3 {
        /* font-size: 15px; */
        /* display: none; */
        font-size: 0.8em;
    }

    /* LISTING */
    body main#app .header .container .position.header-left .logo:nth-child(2),
    body main#app .header .container .position.header-left .logo:nth-child(3) {
        display: none;
    }
    section.body .container #gallery-items .gallery-items {
        gap: 1%;
    }
    section.body .container #gallery-items .gallery-items .item {
        width: 32.3%;
    }
    body main#app .header .container-fluid .position.header-left .logo img {
        width: 75%;
    }
    /* NON LISTING */
    .sidebar {
        display: none;
    }
    .responsiveSidebarActive {
        display: block !important;
    }
    .sidebarToggler {
        position: absolute;
        bottom: 20px;
        left: 20px;
        border-radius: 5px;
        width: 45px;
        height: 45px;
        display: block;
        background-color: #8b0204;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    .sidebarToggler img {
        width: 80%;
        height: 80%;
        border-radius: inherit;
    }
    section.body .container #dashboard .dashboard .main {
        width: 100%;
    }
    body main#app .header .container-fluid .header-mid {
        display: none;
    }
    body main#app .header .container-fluid .header-left {
        width: 12%;
    }
    body main#app .header .container-fluid .header-right {
        width: 18%;
    }
    body main#app .header .container-fluid .header-left_mid {
        width: 70%;
        justify-content: center;
    }
    body main#app .header .container-fluid .header-left img {
        width: 70% !important;
    }
    body main#app .header .container-fluid .header-left_mid h1 {
        font-size: 20px;
    }
    .name_btls p {
        font-size: 11px;
    }
}
@media all and (max-width: 1150px) {
    body main#app .header .container .position.header-mid h1 {
        font-size: 24px;
        
        /* display: none; */
        /* font-size: 0.7em; */
    }
    body main#app .header .container .position.header-mid {
        left: calc(50% - 106px);
    }
}

@media all and (max-width: 1024px) {
    /* LISTING */
    body main#app .header .container .position.header-left .logo {
        width: 100%;
    }
    body main#app .header .container .position.header-left .logo:nth-child(2),
    body main#app .header .container .position.header-left .logo:nth-child(3) {
        display: none;
    }
    body main#app .header .container .position.header-left_mid {
        /* font-size: 15px; */
        /* display: none; */
        width: 50%;
    }
    body main#app .header .container .position.header-left_mid h1 {
        /* font-size: 15px; */
        /* display: none; */
        font-size: 1.0em;
    }
    body main#app .header .container .position.header-left_mid h3 {
        /* font-size: 15px; */
        /* display: none; */
        font-size: 0.7em;
    }
    body main#app .header .container .position.header-mid{
        top: 25px
        
        /* display: none; */
        /* font-size: 0.7em; */
    }
    body main#app .header .container .position.header-mid h1 {
        font-size: 24px;
        
        /* display: none; */
        /* font-size: 0.7em; */
    }
    body main#app .header .container .position.header-mid {
        left: calc(50% - 90px);
    }
    .name_btls  {
        display: none;
    }
    /* NON LISTING */
    /* body main#app .header .container-fluid .header-left_mid, */
    body main#app .header .container-fluid .header-mid {
        width: 5%;
        display: none;
    }
    section.body {
        overflow-y: scroll;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    section.body::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    section.body {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
    /* section.body .container #dashboard .dashboard {
    flex-wrap: wrap;
  } */
    section.body .container #gallery-items .gallery-items {
        gap: 1%;
    }
    section.body .container #dashboard .dashboard .sidebar {
        width: 100%;
        position: fixed;
    }
    section.body .container #dashboard .dashboard .sidebar .item {
        height: 14.5% !important;
    }
    section.body .container #dashboard .dashboard .sidebar .item:last-child {
        margin-top: 0px;
    }
    section.body .container #dashboard .dashboard .main .seperator {
        display: none;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb .breadcrumb-container p {
        font: normal normal bold 20px/20px "Roboto";
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content {
        flex-wrap: wrap;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .right {
        height: auto;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list,
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show,
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container {
        width: 100%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show {
        order: 1;
        justify-content: center;
        max-height: 80%;
        margin-bottom: 30%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show .image-holder {
        height: 100%;
        width: 100%;
        margin-top: 0px;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list {
        order: 2;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container .image {
        height: 30%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-3d .content p {
        font: normal normal bold 18px/24px "Roboto";
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-3d .content iframe {
        width: 100%;
        height: 70%;
        margin-top: 5%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show {
        height: 55%;
        margin-bottom: 10%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show .show {
        width: 100%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-show .show video {
        border-bottom: 1px solid #8b0204;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list {
        align-items: flex-end;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-video .content .video-list .video {
        min-width: 55%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-lists {
        width: 100%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-list,
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list {
        width: 100%;
        order: 2;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-list .file,
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list .file {
        min-height: 30%;
        margin-bottom: 20%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-list .file p,
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-list .file p {
        font: normal normal normal 15px/25px "Roboto";
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-research .content .file-show {
        width: 100%;
        margin-bottom: 10%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-show {
        width: 100%;
        height: 90%;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        order: 1;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .file-show img {
        width: 100%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs .tab {
        width: 50%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs .tab h4 {
        font-size: 15px;
        margin-left: 5px;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .table {
        height: 85%;
    }
}

@media all and (max-width: 768px) {
    body main#app .header .container-fluid .header-left_mid h1 {
        font-size: 15px;
    }
    section.body .container #gallery-items .gallery-items .item {
        width: 100%;
        height: 80%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .breadcrumb .breadcrumb-container p {
        font: normal normal bold 14px/20px "Roboto";
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .left {
        order: 2;
        width: 100%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .right {
        order: 1;
        width: 100%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show .image-holder {
        margin-top: 5.5%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard.dashboard-documents .content .tabs .tab h4 {
        font-size: 10px;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-list .image-container .image {
        height: 20%;
    }
    section.body .container #dashboard .dashboard .main .container .dashboard .content .image-show {
        height: 55%;
    }
}

@media all and (max-width: 450px) {
    .logo1 {
        display: none;
    }
}