@media screen and (max-width: 1570px) {
    .sidebar-toggles .archive {
        bottom: 25px!important;
        right: -16px;
    }
    .sidebar-toggles .hidden {
        right: -10px!important;
    }
}

@media screen and (max-width: 1500px) {
    p.auth-welcome {
        font-size: 20px;
    }

    span.auth-boxfx {
        font-size: 36px;
    }

    span.auth-delivery {
        font-size: 36px;
    }
}

@media screen and (max-width: 1250px) {
    .video-container {
        width: 100%;
        float: unset;
        padding-right: unset;
    }
    div#video-information {
        margin-top: 15px;
    }
    #comments-container {
        width: 100%;
    }
    .comment-share-section {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #comments-container {
        background-color: transparent;
    }
    textarea#comment-box {
        background: #ffffff;
        color: black;
    }
    div#video-information {
        background: transparent;
    }
    .video-detail-container {
        padding: 10px;
    }
    .breadcrumb {
        /* padding: 10px; */
    }
    .comment-container {
        padding: 10px;
    }
    .video-detail-container #video-information {
        padding: 10px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    img.video-information-edit {
        display: none;
    }
}

@media screen and (max-width: 1150px) {
    
    div#top-bar img {
        display: none;
    }
    img.delete-image {
        margin-left: 15px;
    }
    .top-bar-right {
        display: none;
    }
    .content.extend{
        transition: 0s;
    }
    /* .content {
        background-color: unset;
        display:none;
    } */
    .content{
    width: 100%;
    background-color: unset;
    overflow: auto;
    }
    .content.extend{
        width: 100%;
        display: initial;
        background-color: unset;
        /* height: 100%; */
        overflow: auto;
    }
    .folder {
        width: 100%;
        height: 230px;
        /* overflow: auto; */
    }
    .folder .image img {
        top: 23%;
    }
    .folder-info {
        height: 70px;
    }
    .folder-title {
        font-size: 17px;
    }
    .folder-date p {
        font-size: 12px;
    }
    .folder-container {
        grid-auto-rows: 230px;
        /* overflow: auto; */
        /* height: 88%; */
    }
    .folder-options {
        position: unset;
        /* height: 105%; */
    }
    .folder-options a {
        margin-right: unset;
    }
    .folder-text {
        font-size: 10px;
        padding: 7px;
    }
    
    a.addFolder {
        margin-left: 20px;
    }
    .center {
        display: none;
    }
    .authentication {
        position: absolute;
        top: 7px;
        right: 0px;
    }
    div#top-bar {
        height: 9%;
    }
    .top-bar-left {
        padding-top: 21px;
    }
    p.user-welcome {
        display: none;
    }
    p.user {
        display: none;
    }
    img.video-thumbnail {
        width: 100%!important;
        height: 100%!important;
        display: block;
        margin-top: -73px!important;
        object-fit: cover;
    }
    .folder-add, .folder-upload, form.project-add {
        /* width: 80%!important; */
        width: 94%!important;
        left: 0!important;
        background-color: unset!important;
    }
    .folder-upload form {
        width: 80%!important;
    }
    div#profile-container {
        float: left!important;
        background-color: unset!important;
    }

    .client-container {
        float: left!important;
        background-color: unset!important;
        top: 25%;
        height: 95%;
        left: 4%;
    }

    div#footer{
    bottom: 0;
    right: 0;
    left: 0;
    /* position: unset; */
    height: 110px;
    }

    .wrapper {
    bottom: unset;
    /* position: relative; */
    height: 100px;
    }

    .video img {
        width: 100%;
    }
    .archive-container{
        bottom:10%
    }

    img.sidebar-rounded-button {
        top: 3px;
        left: 85px;
    }

    p.sidebar-projects-text{
        top: 31px;
        left: 28px;
    }
    .sidebar {
        height: 72%;
    }
}

@media screen and (max-width: 790px) {
    .client-info {
        top: 54%!important;
        /* display: block; */
        max-width: 82%;
        overflow: auto;
        /* height: 90%; */
    }
    .new-user-container{
        top: 84%!important;
    }
    img.delete-image {
        margin-left: unset;
    }
    .folder-con-container {
        height: 90%;
    }
    .folder-options a {
        
width: 100%;
        
padding-bottom: 12px;
    }
    a.addFolder {
        margin-left: unset;
    }
    .sidebar-span{
    float: right;
    padding-left: 93%;
    }
    .sidebar-header{
        width: 90%;
    }
    .sidebar-toggle.extend {
        left: unset;
        z-index: 1000;
    }

    img.sidebar-rounded-button {
        top: 15px;
        left: unset;
    }

    p.sidebar-projects-text{
        top: 20px;
        left: 40px;
    }
    
    .sidebar{
        width: 100%;
        transition: 0s;
        /* position: relative; */
        /* height: 90%; */
        z-index: 999;
        top: 14%;
    }

    .sidebar-toggle {
        width: 100%;
        height: 38px;
        display: inline-block;
        right: 0;
        top: 9%;
        /* z-index: 999; */
    }
    div.container{
        height: 115%;
    }
    div#authentication-container {
        width: 90%!important;
        top: 62%!important;
        height: 100%;
    }
    .center {
        display: none;
    }

    .sidebar-projects{
        height:70%;
        width: 90%;
    }
    span.video-breadcrumb-title p{
        width: 95%;
        word-wrap: break-word;
    }
}

@media screen and (max-width: 750px) {

    html, body{
        height: 100%!important;
    }

    div#footer {
        /* position: absolute!important; */
        /* height: 160px; */
        width: 100%;
        /* position: relative; */
        position: absolute;
        bottom: 0;
        overflow: auto;
        /* display: none; */
        top: 150%;
        height: 16%!important;
    }
    .archive-container{
        bottom: unset;
        top: 23%;
    }
    .content-container{
        /* height: unset; */
        background-color: unset;
        left: 0%;
        /* height: 100%; */
        /* overflow: auto; */
        width: 95.8%!important;
        left: 3%!important;
    }
    .container{
        /* height:unset; */
        /* background-color: unset; */
    }
    .comment-side {
        float: right;
        position: unset;
        margin-top: 50px;
        width: 190px;
    }
    .share-button {
        float: right;
    }
    .delete-button {
        float: right;
    }
    .download-button {
        float: right;
    }
    .comments-container {
        width: 100%;
    }
    div#top-bar img {
        display: none;
    }
    .top-bar-right {
        display: none;
    }
    .logo p {
        font-size: 27px;
        display: none;
    }

    .header{
        /* height: unset; */
    }
}

@media screen and (max-width: 465px) {
    .share-box-container {
        display: none;
    }
    .logo p {
        font-size: 27px;
    }
    .folder-container {
        overflow: auto;
        height: 85%;
        /* left: 0; */
    }
    .content-container{
        padding: unset;
        width: 95.8%!important;
        left: 3%!important;
        height: 110%;
    }
}

@supports (-moz-appearance:none) {
    .login-form form {
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }
    p.auth-forgot-password {
        bottom: unset!important;
        margin-left: 108px!important;
    }
    form button {
        margin-top: 30px!important;
    }
}