@media (min-width:1440px) {
    .container {max-width: 1350px;}
    .container-xl .container {max-width: 1440px; padding: 0px;}
    /*.grid-view.file-listing .item-holder.col-12 {
        max-width: 321px;
    }*/
    .recent-owl .owl-next {right: -20px; top: 14px;}
    #document-log-holder .dot{left: 24.5%;}
}

@media screen and (max-width: 1366px) {
    .main-wapper {height: 100vh;}
    .rfl-1 {width: 65%;}
    #document-log-holder .dot{left: 24.4%;}
}

@media screen and (max-width: 1024px) {
    .menu-bar {position: absolute; z-index: 2; top: 45px;}
    body.mobile .back-holder {
        display: block !important;
        margin-left: 25px;
    }
    .back-add.absolute img {filter: invert(1);}
    .back-add.absolute .open-menu img {filter: unset;}
    body.mobile .full-toggle .back-holder {
        display: block !important;
        margin-left: 0px;
    }
    .mobile a.open-menu.close-sidebar img {filter: invert(1);}
    section#content-holder {
        position: relative;
        top: -40px;
    }

    .grid-view.file-listing.client-properties .rfl-1 {min-height: 90px;}

    .grid-view.file-listing .mt-5.pagination.col li {max-width: 3%;}
    .rfl-1 {
        cursor: pointer;
        width: 90%;
    }
    .main-wapper {
        height: 70vh;
        margin-bottom: 3rem;
    }
    /* .back-add.absolute.layout {
        display: none;
    }*/

    .menu-bottom {margin-left: 0px;}

    .dropdown.create {width: 96px;}

    .back-add.form {position: relative; bottom: 13px;}
    .find-project-side {width: 100%;}
    .tab-only {display: block;}

    .full-toggle .find-project-side {width: 100%;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev  {right: -20px;}

    .column-side-section {
        display: flex;
        margin-top: 45px;
    }
    body.mobile .column-side-section {margin-top: 40px;}
    .menu-icon {display: inline-block;}
    .menu-left {
        display: block;
        top: 7px;
        position: absolute;
    }
    .menu-right {
        display: block;
        position: absolute;
        right:15px;
        top:10px;
    }

    .d-flexme {
        display: flex;
        justify-content: space-between;
    }

    .grid-view.file-listing ul li {
        max-width: 230px;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 25px;
        width: 100%;
    }

    .grid-view.file-listing .item-holder.col-12 {
        max-width: 287px;
        margin-bottom: 20px;
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .grid-view.file-listing .rfl-1 {
        min-height: 160px;
    }
    .home .grid-view.file-listing .rfl-1 {
        min-height: 130px;
    }
    .file-listing.grid-view .dropdown-menu.dot-menu.show {
        left: -75px !important;
    }
    .page-content.col-md-12 .col-md-5.float-right {
        max-width: 50%;
    }
    .properties.client-document .grid-view.file-listing .rfl-1 {
        width: 90%;
        min-height: 100px;
    }
    .review .back-add.form {bottom: unset;}
    body.mobile .dropdown.create {width: 21px;}

    #document-log-holder .dot{left: 23.9%;}

    #UpdateEmail .modal-content, #UpdatePhone .modal-content {width: 100% !important; margin: auto;}
    ul.select-client li.right-icon {width: 14%;}
    ul.select-client li.right-icon img.img.img-fluid.img-add-client.float-right{top: -5px !important;}

}

@media screen and (max-width: 834px) {
    form#create-template-form {width: 100%;}

    .column-side-section.full-toggle .back-add.col-md-1 {text-align: left;}
    .document-form.close-sidebar .back-add.absolute {top: 0px; left: 0px;}
    body.mobile .full-toggle .review .container-fluid.heading-section .col-md-3.float-left.position-left {padding-left: unset;}
    /* form#create-doc-user-input{width: 90%!important;} */
    .back-add span {display: none;}
    .col-md-6.float-left.position-center {width: 50%;}
    div#ClientPropertyModal .modal-content{
        left: unset;
    }
    .mytitle.col-md-10{
        max-width: 80%;
    }
    .dropdown.create {
        width: 102px;
    }
    .main-wapper {
        height: 700px;
        margin-bottom: 1rem;
    }
    /* form#create-doc-user-input {
        width: 90%;
    } */
    .page-title {
        font-size: 15px;
        padding: 0px 5px;
    }

    #document-log-holder .dot {
        right: 308px;
    }
    .table-responsive {
        /* display: block; */
    }
    .modal-dialog {
    max-width: 750px;
    }
    .client-document .tab-holder .col-md-7 {
        width: 100%;
        max-width: 100%;
    }
    .client-document .nav-tabs .nav-item {
        margin-right: 10px;
        min-width: unset;
    }
    .file-listing .row {
        display: block;
    }
    .grid-view.file-listing .item-holder.col-12 {
        max-width: 47%;
        min-height: 232px;
        max-height: 250px;
    }

    .rfl-1 {
        cursor: pointer;
        width: 50%;
    }
    .grid-view.file-listing .rfl-1{
    width: 90%;
    }
    .item-holder.text-center.gray.empty {
        min-height: unset;
    }
    .document-form .back-add.absolute {top: 0px; left: 45px;}

    #document-log-holder .dot{left: 24%;}

    #UpdateEmail .modal-content, #UpdatePhone .modal-content {width: 90% !important; margin: auto;}

    .new_ui .docc-btns .def-btn p{font-size: 12px;}
    .new_ui .searchbar-main a{top: 3px !important; right: 9px !important; height: 43px !important;}
    .new_ui .searchbar-main .form-control{width: 98% !important; margin: 0 auto;}

}

@media screen and (max-width: 1280px) and (orientation: landscape) {
    .column-side-section.full-toggle .back-add.col-md-1 {text-align: left;}
    .document-form .back-add.absolute {top: 110px; left: 20px;}
    .document-form.close-sidebar .back-add.absolute {top: 109px;} /* 66px */
    .mobile .menu-bar {height: auto;}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
    .document-form .back-add.absolute {top: 45px; left: 20px;}
    .document-form.close-sidebar .back-add.absolute {top: 43px;} /* 0px */
}
@media screen and (max-width: 585px) {
    .back-add{width: 100%;}
    .heading-section{height: auto;}
    ul.select-client li.left-client-info{width: 70% !important;}
    ul.select-client.home li.left-client-info{width: 77% !important;}
    ul.select-client li.right-icon{top: -34px !important;}

    .web .heading-section {height: 68px; display: flex; vertical-align: middle; align-items: center;}
    .web .heading-section .row{width: 100%;}
    .web .document-page .col-md-1{top: -3px !important;}
    .web .document-page .col-md-1.myupdate-review-1{top: -0px !important;}
    .web .document-page .col-md-1 p a{color: #fff;}
    .web .back-add.absolute {top: 80px; position: fixed;}
    .web .back-add.absolute.fixbackaddweb {top: 15px  !important;}
    .web .menu-bar {top: 71px;}
    .web.document-form.close-sidebar .back-add.absolute {top: 80px;}

    .web div#fixmeFBH{top: 68px !important;}

    .property-list.search-result-list{height: auto; float: left;}

    .add-new-property{font-size: 15px;}

    div#UploadDocumentModal___BV_modal_content_{max-height: none;}

}
@media (min-width: 576px) {
    #documentLog .modal-dialog {max-width: 60%;}
}

@media screen and (min-width: 250px) and (max-width: 550px) {
    .mobile .menu-bar {height: auto;}
}
@media screen and (max-width: 428px) {
    .recent-file .grid-view.file-listing .rfl-1, .type .grid-view.file-listing .rfl-1 {
        /* min-height: 100px; */
        min-height: 0px;
        padding-bottom: 10px;
    }
    .review .page-content .content-wrapper{
        padding: 10px !important;
    }
    .review img.img.img-fluid.img-back-btn {
        width: 25px;
    }
    .review .container-fluid.heading-section p {
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    body.mobile .document-page .col-md-1 {width: 78px; top: 0px !important; display: flex !important; vertical-align: middle; align-items: center;}
    .document-form.mobile .back-add.absolute {top: 18px;}
    .mobile .menu-bar {height: 95vh; top: 80px; position: fixed; top: 46px;}
    .document-form.mobile .menu-bar{position: fixed; top: 69px; z-index: 999;}
    .document-form.mobile.close-sidebar .back-add.absolute {top: 18px;}
    .mobile .recent-file .heading-section{height: auto; display: block;}
    .mobile .heading-section {height: 68px;}
    .mobile .heading-section .row{display: flex; vertical-align: middle; align-items: center; height: 100%;}
    .mobile .heading-section .row .d-flex{vertical-align: middle; align-items: center;}
    .mobile div#fixmeFBH{top: 68px !important;}
    .mobile .back-add.absolute.layout.mobile-icon img {filter: invert(0);}
    .mobile .document-page .col-md-1 p a{color: #fff;}
    .mobile .back-add {position: fixed; z-index: 9999;}
    .mobile.close-sidebar .back-add.col-md-1, .mobile .document-page .back-add.col-md-1{top: auto !important; float: left; z-index: 999;}
    .mobile #CreateClientModal .modal-content{min-height: auto; display: block;}
    .mobile .page-content{padding: 0% 3% 2%;}
    .mobile a.remove-field{font-size: 9px !important;}
    /* .mobile form#create-doc-user-input {width: 92%!important;} */
    /*  .mobile #CreateListingModal h5.modal-title-header{margin-top: 30px;} */

    .displayDocInfo{left: -80px !important;}

    div#CreateClientModal___BV_modal_content_ .modal-footer .button-holder {
        margin: auto;
    }
    form#create-template-form .mt-5 {
        margin-top: 2rem!important;
        padding-top: 20px;
    }


    form#create-template-form h5, #create-template-form fieldset legend {
        margin-left: 15px;
    }
    form#create-template-form {
        padding-bottom: 2rem;
    }
    .modal-dialog-scrollable .modal-content{
        padding: unset;
    }
    .dropdown.create .dropdown-item {
        padding-left: 12px !important;
        font-size: 12px !important;
    }
    .modal-header {
    border: unset;
    padding-right: 10px;
    }
    .container-fluid.heading-section {
        padding-left: unset;
        padding-right: unset;
    }
    .back-add.absolute.layout.form-layout {
    width: 25px;
    left:25px
    }
    nav.documentsidebar ul li {
        padding-left: 0px;
    }
    div#CreateClientModal___BV_modal_body_ {
        height: 75vh;
        overflow-y: auto;
        margin-bottom: 9px;
        padding: unset;
    }
    .address-type {
    display: none;
    }
    div#search-result-modal .modal-body {
    padding: 0px;
    }
    div#search-result-modal .modal-body .client-list span.client-name {
    font-size: 13px;
    }
    div#search-result-modal .modal-body img{
    width: 12px;
    top: 10px;
    position: relative;
    }
    div#search-result-modal .modal-body h5.modal-title-header.text-center {
    margin-bottom: unset !important;
    }
    div#search-result-modal .modal-content {
    height: 80vh;
    }
    div#address-result {
    overflow: auto;
    /* min-height: calc(60vh - 1rem) !important; */
    /* max-height: calc(60vh - 1rem) !important; */
    /* margin-top: 2rem; */
    }
    .document-form .col-md-1 {
        width: 16%;
    }
    .document-form.close-sidebar .back-add.absolute {
        top: 0px;
    }
    .column-side-section.full-toggle .back-add.col-md-1 {
        text-align: left;
    }

    .client-holder.float-right {
        position: absolute;
        top: 15px;
        right: 7px;
    }
    .page-content {padding-left: unset; padding-right: 5px;}
    .mobile .page-content {padding-left: unset; padding-right: 5px;}

    .for-desktop {
        display: none;
    }
    .for-mobile {
        display: block;
    }
    .mobile .sign-in {
        height: 100vh;
    }
    .footer-copy {
        text-align: center;
    }
    .sign-in .footer-list a {
    padding-right: 17px;
    }
    .main-wapper {
        height: 585px;
        margin-bottom: unset;
    }
    .list-grid-btn {
    margin-right: 10px;
    }
    .list-v {
    width: 25px;
    }
    .col-md-3.float-left.position-left{
        width: 20%;
        /* padding-left: 5px; */
        padding-left: 0px;
        padding-right: 5px;
    }
    .col-md-3.float-left.position-right{
        width: 20%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-md-6.float-left.position-center {
        width: 60%;
        padding-left: 5px;
        padding-right: 5px;

    }
    .content-wrapper{
        margin-top: 10px;
        padding: unset;
    }
    span#project-name {
        display: none;
    }
    .menu-bar {
    width: 99%;
    height: 100%;
    z-index: 3;
    }
    div#document-log-holder .col-md-5,div#document-log-holder .col-md-7,
    div#document-involved-holder .col-md-5, div#document-involved-holder .col-md-7{
        max-width: 50%;
    }

    #document-log-holder .dot {
    right: 167px;
    }

    p.title-holder-label .mytitle-color{
        color: #fff !important;
    }
    .rfl-div,.rfl-1,.rfl-2 {
        display: block;
    }

    .web .review .back-add.form{top: 0px;}
    .review .back-add.form {width: auto; top: 19px; /*bottom: -2px; */margin-left: unset;}
    .client-document .nav-tabs .nav-item {
        margin-right: 5px;
    }
    div#ClientPropertyModal .modal-content {
        left: 0px;
    }
    .el-message-box {
        width: 95% !important;
    }
    .template-list.search-result-list {
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
    }
    .client-holder.float-right {
    width: 100%!important;
    height: 100px;
    }
    h6.modal-title.w-50 {
    width: 1000% !important;
    }
    .name-holder.float-left {
    width: 90%;
    }
    .rfl-1 {
        cursor: pointer;
        width: 90%;
    }
    .back-add.sidebar-toggle.absolute.hidden {width: 20%;}
    .grid-view.file-listing .item-holder.col-12 {
        max-width: 100%;
        max-height: unset;
        min-height: unset;
    }
    .client .file-listing.grid-view .item-holder.col-12,
    .properties .file-listing.grid-view .item-holder.col-12{max-width: 97%;}

    a.dropdown-toggle.dot {position: absolute; right: 0px; top: 15px;}
    /* span.signatureNote {position: relative; left: 0px;} */

    /* .web span.signatureNote{position: absolute; right: -15px; bottom: -16px; left: auto;} */
    .web button.revoke.btn{float: left;}
    .web .grid-view.file-listing .rfl-1{width: 100%;}

    .mobile span.signatureNote{position: relative; top: 2px; right: 0;}

    .back-add span {display: none;}

    div#search-doc {width: 100%;}
    span#create-label {display: none;}
    #create-template-form span#create-label {
    display: block !important;
    }
    .dropdown.create {
    width: 30px;
    }
    .sign-in .logo-part {
        font-size: 1.4rem;
        padding-top: 0px;
    }
    .sign-in .logo-part img {
        width: 20%;
    }
    .form-size {
        padding: 30px
    }
    .sign-in .footer-list ul, .sign-in .footer-list ul li {
        float: left;
        text-align: left;
    }
    .client .heading-section .col-md-3.float-left.position-right, .client .heading-section .col-md-3.float-left.position-left,
    .client-document .heading-section .col-md-3.float-left.position-left{
        width: 9%;
        padding: 0px;
    }

    .client .heading-section .col-md-6.float-left.position-center {
        width: 78%;
    }
    .client-document .heading-section .col-md-6.float-left.position-center {width: 70%;}

    .client-properties a.dot {
        top: 0;
    }
    .client .back-add.sidebar-toggle.absolute.hidden,.client-document .back-add.sidebar-toggle.absolute.hidden {
        width: 100%;
    }
    .client-document .heading-text, .client .heading-text {
        font-size: 14px;
    }

    .client-document .page-title.d-flexme {
        height: auto;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .client-document .page-title.d-flexme img {
        width: 13px;
    }

    .back-add.absolute.layout.form-layout a,a.open-menu {
    margin-left: unset;
    }
    .back-add.absolute{left: 5px; width: auto;}
    .web .dropdown.create .dropdown-menu {left: -130px !important;}

    .new_ui .doc-card .docc-status p{width: 72%;}
    .new_ui .bottom-pagination{float: none !important; text-align: center;}
}

@media screen and (max-width: 375px) {
    .el-message-box.back-dialog{
        width: 100%;
    }
    .sign-in .logo-part {
        font-size: 1.3rem;
    }
    .sign-in .footer-list a {
        font-size: 14px;
    }
    .search-result-list {
        border-bottom: unset;
    }
    #document-log-holder .dot {
        right: 174px;
    }
    #documentLog .modal-content,#documentLog .modal-body{
        padding: 0px;
    }
    .back-add.absolute {
        left: 10px;
    }
    .page-holder.recent-file .page-content {
        padding-left: unset;
    }
}

@media screen and (max-width: 360px) {
    .dropdown.create {
        margin-right: 5px;
    }
    .back-add.col-md-1 {
        width: 20%;
    }
    h5.modal-title-header.text-center {
        font-size: 17px;
    }
    input#contact_number {
        width: 76%;
        float: right;
    }
    form#create-doc-user-input{

        margin-bottom: 2rem;
    }
    .el-picker-panel.el-date-picker.el-popper {
        /* top: 0px !important;
        left: 3px !important; */
        width: 98%;
        margin: auto;
    }

}

@media screen and (max-width: 320px){
    input#contact_number {
        width: 74%;
        float: right;
    }
    .col-md-3.float-left.position-right {
        width: 25%;
    }
    .main-wapper {
        height: 490px;
    }
    .sign-btn {
        height: 40px;
    }
    .sign-in .footer-list a {
        font-size: 14px;
    }
    .sign-in .footer-list a {
    padding-right: 7px;
    }
    .sign-in-form h1 {
        font-size: 24px;
    }
    .sign-in-form p {
    line-height: 23px;
    font-size: 15px;
    }
    #document-log-holder .dot {
        right: 147px;
    }
    .heading-section .col-md-3.float-left.position-left {
        display: block;
        width: 75% !important;
    }


    .client-document .grid-view .rfl-2 span.status {
        margin-right: 40px;
    }
    span.signatureNote {
        /* display: none; */
    }
    .client-document .heading-section .col-md-3.float-left.position-left {
    width: 88% !important;
    }
    nav#sidebar li.width-dp {
    padding-right: 20px;
    }
    .back-add.sidebar-toggle.absolute.hidden {
    width: 12%;
    }

    .heading-section .col-md-6.float-left.position-center {
    display: none;

    }
    .sign-in .logo-part {
        font-size: 1rem;
    }
    .logo-part.mobile-logo {
        margin-bottom:0px;
        text-align: center;
    }
    .form-size {
        max-width: 100%;
        padding: 10px;
    }
    .sign-in .footer-list ul, .sign-in .footer-list ul li {
        float: left;
    }
    .page-title .nav-tabs .nav-item {
        margin-right: 0px;
    }
    section.template1.section1 {
        min-height: 373px;
    }
    section.template1.section6 {
        min-height: 175px;
    }
    .client-document .heading-section .col-md-6.float-left.position-center {
        width: 0%;
    }
}

@media screen and (max-width: 250px) {
    .new-phone {
        padding-right: 0;
    }

    .no-sroll {
        position: fixed;
        right: 0;
        width: 100%;
    }

    .body-bg {
        background: #F2F1F6;
        height: 100vh;
        /* overflow: hidden; */
    }

    .footer-list a {
        padding-right: 2px;
        font-size: 14px;
    }

    .footer-copy p {
        text-align: center;
        margin-bottom: 6px;
        margin-top: 20px;
    }

    .form-size {
        width: 100%;
    }

    .form-size {
        padding: 20px;
    }

    .sign-br {
        display: none;
    }

    .forget-password-text p {
        margin-bottom: 10px;
    }

    .sign-in-filed input {
        margin-bottom: 15px;
    }

    .forget-password-text p a {
        margin-bottom: 15px;
    }

    .main-wapper {
        height: 70vh;
    }

    .sign-in-filed {
        padding-top: 20px;
    }

    .logo-part.mobile-logo {
        padding: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-list {
        text-align: center;
    }

    .footer-list ul, li {
        text-align: center;
        margin-bottom: 0;
    }

    .grid-view.file-listing .item-holder.col-12 {max-width: 319px;}

    .tab-holder.mt-5 .col-md-7 {
        max-width: 100%;
    }
    .nav-tabs .nav-item {
    margin-right: 0px;
    min-width: 75px;

    }
    li.nav-item span.numfile {
    margin-left: 5px;
    }
    .page-content.col-md-12 .col-md-5.float-right {
    max-width: 65%;
    }
}