@media handheld, only screen and (max-width:1420px) {

    .topFloatingBarHolder:not(.disableTopMargin) {
        margin-top: 20px;
    }

}
@media handheld, only screen and (max-width:1285px) {
    section.main{
        right: calc(65px + 15px);
        margin-right:0;
    }
    section.menuIsOpen{
        right: calc(170px + 15px);
        margin-right:0;
    }
    nav#mainMenu{bottom:auto;top:71px;}
    nav ul.menu{height:auto;margin-bottom:15px;background:#081627;display:flex;flex-direction: column;}

}
@media handheld, only screen and (max-width:1200px) {
    .loggedAsProfile .imgBorder{display:none;}
}
@media handheld, only screen and (max-width:1200px) {
    .loggedAsProfile{position:fixed!important;top:4px;left:50%;transform: translateX(-50%);z-index:999;}
    header .loggedAsUser{z-index:999999;}    
    .loggedAsProfile .exitViewe a:before,.loggedAsProfile .exitViewe a:after{display:none;}
    header .loggedAsProfile .exitViewe{height:35px;padding-top:0;padding-bottom:0;}
    header .loggedAsProfile .exitViewe > a,header .loggedAsProfile.loggedAsGroup .exitViewe a{background:none!important;}
    header.minifiedLogo .loggedAsUser{width:100%;border-top-width:5px;}
    header .headerRight.loggedAsBg,header .headerRight.loggedAsBg.loggedAsGroup{background: unset!important;}
    /* .loggedAsProfile:after{position:absolute;top:0!important;left:-35px!important;width: 0!important;height: 0!important;border-bottom: 35px solid #f73e3e!important;border-left: 35px solid transparent!important;content:'';transform:rotate(-90deg)!important;} */
    /* .loggedAsProfile:before{ position:absolute; top:0!important; right:-35px!important; width: 0!important; height: 0!important; border-bottom: 35px solid #f73e3e!important; border-left: 35px solid transparent!important; content:''; transform:rotate(-180deg)!important; -webkit-transform:rotate(-180deg)!important; -moz-transform:rotate(-180deg)!important; -ms-transform:rotate(-180deg)!important; -o-transform:rotate(-180deg)!important; } */

    .loggedAsProfile:before{
        position: absolute;
        top: -7px;
        right: -41px!important;
        border-bottom: 10px solid transparent;
        border-right: 42px solid #f73e3e;
        border-top: 42px solid transparent;
        content:'';
        border-bottom: unset!important;
        transform:rotate(180deg)!important;
        -webkit-transform:rotate(180deg)!important;
        -moz-transform:rotate(180deg)!important;
        -ms-transform:rotate(180deg)!important;
        -o-transform:rotate(180deg)!important;
}
    header .loggedAsProfile:after{
        position: absolute;
        top: -7px;
        left: -41px!important;
        border-bottom: 10px solid transparent;
        border-left: 42px solid #f73e3e;
        border-top: 42px solid transparent;
        content:'';
        border-bottom: unset!important;
        transform:rotate(180deg)!important;
        -webkit-transform:rotate(180deg)!important;
        -moz-transform:rotate(180deg)!important;
        -ms-transform:rotate(180deg)!important;
        -o-transform:rotate(180deg)!important;
}    
    .loggedAsProfile.loggedAsGroup:after{border-left-color: #ff853f!important;}
    .loggedAsProfile.loggedAsGroup:before{border-right-color: #ff853f!important;}
    /* .loggedAsProfile.loggedAsForeman:after{border-bottom: 35px solid var(--viewAsForeman) !important;} */
    .loggedAsProfile.loggedAsForeman:before{border-right-color:var(--viewAsForeman)!important;}
    .loggedAsProfile.loggedAsForeman:after{border-left-color:var(--viewAsForeman)!important;}
    header .loggedAsProfile:after{margin:0;margin-left:0.5802px;}
    .loggedAsProfile .info{margin-left:10px;padding-right:5px;}
    header .headerRight.loggedAsBg .minifyMenu:before,
    header .headerRight.loggedAsBg .minifyMenu:after {
        background: unset;
        border-color: unset;
    }
    
    header .headerRight.loggedAsBg .minifyMenu span {
        background: unset;
        border-color: unset;
    }
}

@media handheld, only screen and (max-width:1100px) {
    body{ touch-action: manipulation;}
    nav .minifyMenu{display:none;}
    .hideMobile{display:none!important;}
    .showMobile{display:block!important;}
    /* section.main{width:94vw;margin-right:6vw;} */
    header .orgSelection, 
    header .bankInfo,
    header .projectInfo, 
    header .buildingInfo, 
    header .workerInfo {
        display:none;
    }
    header{background:var(--menu-bg-color);}
    header .minifyMenu span{background:none;}
    header .minifyMenu:before,header .minifyMenu span,header .minifyMenu:after{border-color:white;}
    /* header .balance{display:none;} */
    header .email{display:none;}
    header .hamburger.mobile{display:block!important;}
    header{padding-right:2.1vw;}
    header #goBackMobile{color:white;text-decoration:none!important;font-size:22px;}
    html{  height: -webkit-fill-available;}
    body{padding-top:71px;min-height: -webkit-fill-available;-webkit-overflow-scrolling: touch}
    nav{right:auto;left:-100%;width:calc(100% - 50px);background:#081627;top:70px;min-height:calc(100vh - 71px);min-height: -webkit-fill-available;z-index:9999999999!important;}
    nav a[href]{text-decoration:none;}
    nav ul.menu{height:auto;margin-bottom:15px;background:#081627;display:flex;flex-direction: column;gap:1px;}
    nav ul.menu > li{min-height: fit-content;height:auto;margin-bottom: 0;padding-top:0;padding-bottom:0;margin-bottom:0}
    nav ul.menu > li:empty{display:none;}
    /* nav ul.menu li a.active{background:none;} */
    nav .filter-option-inner-inner{color:white;}
    nav ul.menu li a img{width:30px;margin-left:10px;}
    nav ul.menu li a{width:100%;align-items:center;justify-content: flex-start;padding: 19px 7% 17px 7%;min-height: 50px;height:auto;font-size:17px;background:#0C213A;}
    nav ul.menu li a i{margin-left:15px;color:white;font-size:15px;}
    nav ul.menu li a span.mobile{display:block!important;color:white;font-size:16px;}
    nav ul.subMenu{position:relative;right:0;width:100%;border-radius:0;}
    nav ul.menu li.subMenuHolder:before{display:none;}
    nav ul.menu li.subMenuHolder > a{position:relative;}
    /* nav ul.menu li.subMenuHolder > a:before{position:absolute;left:10px;content:' ';border: solid white;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;background:none;top:50%;margin-top:-4px;transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg) translateY(-50%);} */
    /* nav ul.menu li.subMenuHolder[aria-expanded="true"] > a:before{left:16px;transform: rotate(225deg) translateY(-50%);-webkit-transform: rotate(225deg) translateY(-50%);} */
    nav ul.menu{margin-top:0;flex:1;overflow-y:auto;}
    nav ul.menu ul.subMenu li a[href]{height:25px;}
    .tooltip.primary{display:none!important;}
    nav .bottomMobile{display:block!important;max-width:100%;position:absolute;bottom:0;background:var(--basic-blue);;width:100%;padding-top:5px;padding-bottom:5px;}
    nav .bottomMobile .orgSelection{margin-bottom:15px;}
    nav .bottomMobile .orgSelection .dropdown{width:100%!important;}
    nav .bottomMobile .workerInfo{margin-bottom:15px;}
    nav .bottomMobile .workerInfo .dropdown{width:100%!important;}
    nav .bottomMobile .bankInfo .dropdown{width:100%!important;}
    nav .bankInfo{max-width:100%;}
    nav .orgInfo{max-width:100%;}
    nav .dropdown{max-width:100%;}
    nav .profileSelect button span.name{color:white!important;font-size:14px;}
    nav .bootstrap-select.fit-width {width:80%!important;}
    nav button {width:100%!important;}
    header.minifiedLogo .logo,header .logo{width:125px;}
    header.minifiedLogo .logo img{content:unset;}
    header .logo{height:100%;}
    .profileSelect .show .dropdown-toggle::after{border-color:white;}
    .orgSelection{margin-left:0;margin:0px auto;width:95%;margin-top:0;}
    .bottomMobile .workerInfo{margin-left:0;margin:0px auto;width:95%;margin-top:0;}
    .profileSelect img{width:32px;height:32px;}
    nav .bankInfo{;margin:0px auto;width:95%;margin-top:10px;}
    nav ul.subMenu li a[href]{font-size:14px;}
    .bankInfo.profileSelect button span.name{text-overflow: ellipsis;width: 95%;white-space: nowrap;overflow: hidden;display: block;}
    .profileSelect .dropdown-menu li span.name{font-size:13px;}
    nav.display{left:0;display:flex;flex-direction: column;}
    nav .topNav{box-shadow: 0px 3px 6px 5px rgba(0,0,0,0.17);position:relative;display:flex!important;flex-direction:column;width:100%;padding:10px;justify-content: space-between;align-items: center;}
    nav .topNav{}
    nav .topNav .topNavBg{
        background: url('../images/menu/mobileTopBackground.png') repeat;
        background-size:cover;
        position:absolute;
        top:0;right:0;
        width:100%;
        height:100%;
        opacity: 0.3;
        /* box-shadow: 0px 3px 6px 5px rgba(0,0,0,0.17); */
    }



    nav .topNav .imgBorder{border-radius: 50%;}
    nav .topNav .imgBorder .color_7{border-color:transparent;background-color: transparent;}
    nav .topNav .imgBorder .img{position:relative;overflow:hidden;min-height:84px;max-height:84px;min-width:84px;max-width:84px;border-radius: 50%;}
    nav .topNav .imgBorder .img img{border-radius: 50%;max-width:84px;max-height:84px;position:absolute;}
    nav .topNav .info{position:Relative;width:80%;z-index:9;color:white;flex-direction: column;margin-top:8px;}
    nav .topNav .info .name{font-size:18px;font-weight:400;margin-bottom:4px;}
    nav .topNav .info span{font-weight:300;font-size:13px;}
    .styledDropMenu .dropdown-menu a.dropdown-item{display:flex;}
    a.email.dropdown-toggle::after{margin-right:12px;border-color:white;}

    nav .topNav .profileActions{display:flex;align-items: center;justify-content: space-between;width:100%;margin-top:18px;}
    nav .topNav .profileActions a{position:relative;height:45px;width:45px;border:1px solid white;color:white;border-radius:50%;display:flex;align-items: center;justify-content: center;}
    nav .topNav .profileActions a svg{width:17px;fill:white;}
    nav .topNav .profileActions a img{width:17px;filter: invert(94%) sepia(35%) saturate(0%) hue-rotate(116deg) brightness(109%) contrast(100%);}
    nav .topNav .profileActions a.addMoney{border-color:var(--basic-green);}
    nav .topNav .profileActions a.addMoney img{filter: unset;}
    nav .topNav .profileActions a.hasNotivications{border-color:#F63C3C;}
    nav .topNav .profileActions a .counter{width:25px;height:25px;color:white;font-size:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F63C3C;position:absolute;top:-7.5px;right:-12.5px;}
    /* Mobile header */
    header a.email{display:none;}
    /* .breadCrumbs ul{display:block;} */
    header .headerLeft .colL{display:none;}
    header .headerRight{width:100%;justify-content: space-between;}
    header .minifyMenu{direction:ltr;}
    #goBackMobile.mobile{display:block!important;}

    header .headerRight.loggedAsBg .minifyMenu:before,
    header .headerRight.loggedAsBg .minifyMenu:after {
        background: white;
        border-color: white;
    }
    
    header .headerRight.loggedAsBg .minifyMenu span {
        background: white;
        border-color: white;
    }

    header.minifiedLogo .loggedAsUser,.loggedAsUser{width:100%!important}

}
@media handheld, only screen and (max-width:1035px) {

    /* .breadCrumbs ul{overflow-x:auto;overflow-y:visible;}
    /* .breadCrumbs ul > li:first-child{display:none;} */
    /* .breadCrumbs .dropdown-menu{margin-top:35px;} */
    .breadCrumbs ul li.tag span{white-space:nowrap;} */

    section.main > .allContent{width:100%;}
}
@media handheld, only screen and (max-width:1024px) {
    #orgPage .all{display:block;}
    #orgPage .all .rightWrapper{width:100%;margin:0px auto;}
    #orgPage .all .leftWrapper{margin:0px auto;margin-top:30px;}
    #orgPage .all .leftWrapper{width:62%;}
    #orgPage .image .circle{width:150px;height:150px;}


    /* New */
    .whiteBlock .actionBtns .regBtn{margin-left:8px;margin-bottom:8px;}
    .whiteBlock .actionBtns{}
    .whiteBlock .actionBtns .leftSide{flex-wrap:wrap;}


    /* MAIN general */
    /* section.main{width:92%;right:auto;margin:0px auto;} */
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 974px) {
    .mobilePageActionsContainer{display:flex!important;margin:0px auto;width: 92%;margin-top:20px;margin-bottom:20px;}
    /* .whiteBlock .actionBtns{display:none;} */
    /**Temporary**/

    .projectsListPage .whiteBlock .actionBtns{display:none;}

    /***/
    section:not(#chequesPages) .whiteBlock .actionBtns{display:none;}
    section:not(#chequesPages) .basicPageBlock .actionBtns{display:none;}

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

}
@media screen and (max-width: 640px) {
    body{overflow: hidden;min-height: fit-content;height: fit-content;}

    #orgPage .innerBlock{width:95%;}
    .basicFields .inputFiled input{padding:0 12px;}
    .basicFields .inputFiled label{padding:0 10px;}
    header .logo img{width:113.5px;}
}

/* General tables mobile style */
@media screen and (max-width: 620px) {
    .whiteBlock .actionBtns{flex-wrap:nowrap!important;}
    .tableHeader{display:none;} /* temp */
    .whiteBlock .rightSide,.whiteBlock .actionBtns .leftSide{flex-wrap:nowrap!important;}
    .whiteBlock .actionBtns{overflow-x:auto;}
    table.dataTable>tbody>tr.child ul.dtr-details{width:100%;}
    .whiteBlock .actionBtns .regBtn{white-space: nowrap;}
}

/* end tables */

/* Mobile breadCrumbs */
@media screen and (max-width: 640px) {
    body{padding-top: 70px;}
    /* .breadCrumbs{display:none;} */
    /* .mobileBreadCrumbsContainer{display:block!important;width:100%;margin-bottom:15px;} */
    
    .mobileBreadCrumbs{background:none;width:100%;}
    .mobileBreadCrumbs .dropdown-menu{margin-top:15px;}
    .mobileBreadCrumbs .base{height:48px;border-bottom:1px solid var(--gray-border);width:100%;}
    .mobileBreadCrumbs .tag{height:100%;display:flex;align-items:center;padding:8px 15px;background:white;font-size:15px;border-left:1px solid var(--gray-border);}
    .mobileBreadCrumbs .tag i{color:var(--basic-blue);font-size:13px;display:block;margin-left:4px;}
    .mobileBreadCrumbs .breadCrumbsOpen{display:flex;align-items:center;justify-content: center;width:20px;height:20px;background:var(--menu-bg-color);font-size:13px;color:white;}
    .mobileBreadCrumbs .base > .inner{display:flex;align-items:center;padding:8px 15px;height:100%;justify-content:space-between;flex:1 auto;}
    .mobileBreadCrumbs .breadCrumbsOpen[href]{text-decoration:none;color:white;}
    .mobileBreadCrumbs ul.breadCrumbs{z-index:999;position:fixed;display:none;margin:0;width:100%;height:calc(100vh - 71px - 48px);background:rgba(0,0,0,0.9);}
    .mobileBreadCrumbs ul.breadCrumbs > li{position:relative;width:82%;margin:0px auto;margin-bottom:6px;background:#4C504E;border:1px solid rgba(112, 112, 112,0.25);color:white;font-size:15px;font-weight:400;display:flex;align-items:center;}
    .mobileBreadCrumbs ul.breadCrumbs > li:hover{background:#8B928F;}
    .mobileBreadCrumbs ul.breadCrumbs > li > a{width:100%;color:white;text-decoration:none;padding:13px;padding-right:18px;}
    /* .mobileBreadCrumbs .bs-container{width:100%!important;} */
    /* .mobileBreadCrumbs .bootstrap-select.bs-container .dropdown-menu{max-width:100%!important;width: 100%;} */
    .mobileBreadCrumbs .bootstrap-select button{height: auto!important;padding:0;}
    .mobileBreadCrumbs .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{padding:0;height:auto!important;color:white!important;}
    .mobileBreadCrumbs ul.breadCrumbs > li:before{content:'';width:7px;position:absolute;right:-1px;top:-1px;height:calc(100% + 2px);background:white;border:1px solid #707070;}
    .mobilePageActionsContainer{margin-top:0;margin-bottom:15px;}
    .mobileBreadCrumbs ul.breadCrumbs span.title{display:flex;align-items:center;width:82%;margin:0px auto;margin-top:20px;margin-bottom:20px;color:white;font-size:18px;}
    .mobileBreadCrumbs ul.breadCrumbs > li.selected{background:#268BFF;}
    .mobileBreadCrumbs ul.breadCrumbs > li.selected:after{position:Absolute;left:10px;top:13px;font-family: "Font Awesome 5 Free";content: "\f058";}
    .mobileBreadCrumbs ul.breadCrumbs > li.selected:before{opacity:0;}
    .mobileBreadCrumbs ul.breadCrumbs > li.projectSelection{background:none;border:0;justify-content: center;margin-top:10px;}
    .mobileBreadCrumbs ul.breadCrumbs > li.projectSelection a{font-size:17px;}
    .mobileBreadCrumbs ul.breadCrumbs > li.projectSelection i{margin-left:8px;font-size:14px;}
    .mobileBreadCrumbs ul.breadCrumbs > li.projectSelection:before{display:none;}
    /* body.mobileBreadCrumbsContainer{.position:fixed;z-index:999999999;} */
    html.mobileBreadCrumbsOpened{overflow: hidden;}
    html .breadCrumbsOpen i:first-child{display:block;}
    html .breadCrumbsOpen i:last-child{display:none;}
    html.mobileBreadCrumbsOpened .breadCrumbsOpen i:first-child{display:none;}
    html.mobileBreadCrumbsOpened .breadCrumbsOpen i:last-child{display:block;}
    html.mobileBreadCrumbsOpened .breadCrumbsOpen{background:var(--basic-blue);content:'\f106';font-family: "Font Awesome 5 Free";}

    /* section.main .whiteBlock.PanelClosed{margin:0;} */

}
/* end mobile breadcrumbs */

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

    .wizardFieldsContainer .basicFields {
        margin: 2px;
    }

    .basicModal.smallModal .modal-title {
        font-size: 5vw;
    }

    .homePageWidgetBlock .inWidgetTables {
        display: none;
    }

    .homePage .homePageWidgetBlock .tabsMenu li a {
        text-wrap: nowrap;
    }
    .homePage .homePageWidgetBlock .top {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .homePage .homePageWidgetBlock .top .title {
        height: 40px;
        display: flex;
        align-items: center;
    }
    .homePage .homePageWidgetBlock .top .tabsMenu {
        height: 40px;
        width: 100%;
        padding: 0 !important;
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .homePage .homePageWidgetBlock .widgetBottomPanel .inlineButton {
        text-wrap: nowrap;
        width: 100%;
        min-height: 40px;
        border-top: 1px solid #d6d6d6;
        justify-content: center;
    }
    .homePage .homePageWidgetBlock .widgetBottomPanel {
        flex-direction: column;
        height: 100%;
    }
    .homePage .homePageWidgetBlock .item.toggleHolder {
    
        position: absolute;
        background: none;
        /* top: 59px; */
        top: 0;
        right: -30%;
        z-index: 2147483646;
    }
}

/* Mobile Foote*/
@media screen and (max-width: 750px) {
    footer .all{flex-wrap:wrap;justify-content: center;padding-bottom:15px;}
    footer .all > div:first-child{width:100%;justify-content: space-between;margin-bottom:15px;}
    footer .all .rights{width:100%;/*max-width:370px;*/background:white;padding:8px;border:1px solid var(--gray-border);justify-content:center;font-size:13px;}

    footer .footerLangSelect{border:0;}
}
/* end mobile Foote*/

/* Table pages*/
@media screen and (max-width: 1100px) {
    section.main{width:calc(100% - 30px)!important;}
    section.main .whiteBlock.PanelClosed{width:100%!important;}
    .itemsSideList .searchBox{margin-top:0;}
    .jobsPage .tab-content {max-height:170px !important;min-height:170px !important;}
    .jobsPage .tab-content .tab-pane{max-height:170px !important;min-height:170px !important;}
    .itemsSideList .itemsList{margin-top:10px;max-height:100%;}
    .sideBtnContainer{display:none!important;}
    .topFloatingToolBar{display:none;}
    .tableTabsCarousleContainer.mobile{display:flex!important;}
    .topFloatingBarHolder{margin-top:unset;}
    table.dataTable>tbody>tr.child ul.dtr-details{max-width:72vw;}
    section.main .whiteBlock{overflow-x:hidden;}
    .floatingButtons button{width: 30px!important;max-height: 30px!important;min-height: 30px!important;min-width: 30px!important;}
    section.page2blocks .ProductsBlock,section.page2blocks .itemsSideList{width:100%!important;}
    section.page2blocks .itemsSideList{margin-bottom:20px;position:unset!important;position:relative;}

}
@media screen and (max-width: 1100px) {
    
    #changeOrdersOrInvoicesStatusesDropdownMenuButton span {
        display: none;
    }
    #summaryRowTotalValueIncludingVATContainer,
    #ordersTableBottomPanelSelectedRowsCounter {
        display: none !important;
    }
}
@media screen and (max-width: 640px) {

    .orderPageStyle .orderTable .row {
        flex-direction: column;
        align-items: start;
    }

    .orderPageStyle .orderTable .row .column {
        width: 100% !important;
        margin: 10px 0;
    }
}
@media screen and (max-width: 640px) {

    .homePageWidgetsHelpButton {
        display: none;
    }

    .forceFieldsOnDesktopWidth330 .field {
        width: inherit !important;
    }

    .supplierInvoicesCreationModal .blockRegularRow {
        border-top: none !important;
        margin-bottom: 200px !important;
    }

    .supplierInvoicesCreationModalBottomButtonsContainer {
        flex-direction: column;
    }

    .supplierInvoicesCreationModalBottomButtonsContainer button {
        margin-bottom: 10px;
    }

    .supplierInvoicesCreationModal .modal-footer > div > div {
        align-items: center;
    }

    .supplierInvoicesCreationModalInvoicesRowsContainer {
        margin-bottom: 100px;
    }
    
    .propagateBuildingStructureUpdateNotification {
        display:none !important;
    }

    .panelBlockLinks:not(.showAlwaysOnMobile){display:none!important;}
    header .loggedAsProfile .exitViewe a#exitSubViewUp{white-space: nowrap;}
    header .loggedAsProfile .exitViewe a,.loggedAsProfile .info{font-size:13px;}
    header .loggedAsProfile .exitViewe{margin-right:5px;}
    /* .mobileFilters{display:block!important;} */

    .hiddenOnMobile {
        display: none !important;
    }

    .homePageWidgetTab .toggleSwitch.ktoggle_switch {
        display: none;
    }
}
/* end Table pages */


@media handheld, only screen and (max-width:1100px) {
    header {
        padding-left: 2.1vw;
    }


    .preHeader {
        
        top: -150px;
        height: 150px;
        background-color: var(--menu-bg-color);

        z-index: 999999991 !important;
        position: fixed;
        right: 0;
        width: 100vw;
    }

    #headerMobileMinifyBtnHolder {
        width:35%;
        height:100%;

        display: flex;
        justify-content: left;
        align-items: center;
    }

    #headerMobileBackBtnHolder {
        width:35%;
        height:100%;

        display: flex;
        justify-content: right;
        align-items: center;
    }

}

@media handheld, only screen and (max-width:1088px) {
    /* section.main{width:88.5vw; margin:0 10px !important;} */
    
}

@media handheld, only screen and (max-width:1390px) {
    section.main{width:92vw;}
}


@media handheld, only screen and (max-width:1300px) {

    section#filesPage.main > .allContent {min-height: calc(100vh - 184px); flex-direction: column;}
}

@media handheld, only screen and (max-width:1300px) {

    section.main > .allContent {min-height: calc(100vh - 184px);}
    #filesPage .page2blocks .panelBlock {
        width: 100%;
        margin-bottom: 10px;
    }
    #filesPage .filesMenu {
        overflow: scroll;
        max-height: 40vh;
    }

    #filesPage .filesView .listView .filesList {
        width: 100%;
    }

    #filesPage .filesList li .Right {
        flex-direction: column;
        width: 100%;
        max-width: 75vw;
    }
    #filesPage .filesList li .Right .fileType {
        width: 100% !important;
        height: 100% !important;
    }
    #filesPage .filesView .filesList > li{
        flex-basis: calc((100% - 16px)/1);
        min-width: unset!important;
        width: unset!important;
        flex-direction: column;
    }
}

@media handheld, only screen and (min-width:1800px) {
    section.main > .allContent {min-height: calc(100vh - 200px);}
}