@media(min-width:1200px){
    .table tr .w-320{
        width: 320px;
    }
}
@media(max-width:1199px){
    tbody tr td .btn-action {
        width: 90%;
        text-align: center;
    }
    .project-view .nav.nav-tabs .nav-item{
        min-width: 190px;
    }
    .main-header .breadcrumb{
            width: 45%;
    }
    .table tr .w-320 {
        width: 110px;
    }
}
@media(max-width:1199px) and (min-width:991px){
    #myTabContent .col-lg-9{
            flex: 0 0 85%;
            max-width: 85%;
    }
}
@media(max-width:1099px) {
    #breadcrumb-display-normal{
        width: 100%;
        padding-bottom: 15px;
    }
    body .main-header{
        height: auto!important;
    }
    body .layout-sidebar-large .main-header .header-part-right{
        position: absolute;
        right: 0px;
        top: 12px;
    }
    /* body .main-content-wrap.d-flex.flex-column{
        padding-top: 8em;
    }
    body .app-admin-wrap.layout-sidebar-large .side-content-wrap .sidebar-left .navigation-left {
        margin-top: 2em;
    } */
    button.navbar-toggler{
        margin-right: 20px;
    }
}
@media(max-width:991px){
   .block-profile .row.image-user .col-md-6 {
        margin: auto;
        margin-bottom: 20px;
        max-width: 250px;
   }
    .project-view .list-group {
        margin-bottom: 15px;
    }
}
@media(max-width:870px){
.project-view .nav.nav-tabs .nav-item {
    min-width: 100%;
}
}
@media(max-width:900px) and (min-width:768px) {
    .block-project-form.block-profile .col-sm-12:first-child{
        max-width: 60%;
    }
    .block-project-form.block-profile .col-sm-12:last-child {
        max-width: 40%;
    }
}
@media(max-width:768px) {
    body.login-page .main-header{
        width: 100%!important;
        height: 60px !important;
    }
     .app-admin-wrap.layout-sidebar-large .main-header{
        width: 100%;
        height: auto;

    }
    .app-admin-wrap.layout-sidebar-large .main-header .logo{
        height: 60px;
    }
    .main-header .breadcrumb{
        width: 28%;
        padding: 10px;
    }
    .main-header ul.breadcrumb{
        width: 100%;
    }
    .app-admin-wrap.layout-sidebar-large .main-header .header-part-right{
        position: absolute;
        right: 0;
        top: 15px;
    }
    /* .app-admin-wrap .main-content-wrap.sidenav-open {
        padding-top: 140px;
    } */
    #login-form{
        padding: 30px;
            max-width: 400px;
    }
    tbody tr td .btn-action{
          width: 90%;
    }
    /* body .main-content-wrap.d-flex.flex-column {
        padding-top: 10em;
    }
    body .app-admin-wrap.layout-sidebar-large .side-content-wrap .sidebar-left .navigation-left{
        margin-top: 5em;
    } */
    .project-view ul.list-group li.list-group-item h2{
        font-size: 20px;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .swal2-popup.swal2-modal.swal2-show{
        min-width: 80%;
        word-break: break-word;
    }
    .swal2-content p{
        line-height: 30px;
    }
}
@media(max-width:767px){
    body .layout-sidebar-large .sidebar-left {
        left:0;
    }
    #divNavbarCollapse {
        flex-basis: 100%;
        flex-grow: 1;
        padding: 0px 15px 15px 15px !important;
    border-top:0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-overflow-scrolling: touch;
    }
    .main-header  #breadcrumb-display-normal {
        display: none;
    }
    .main-header #breadcrumb-display-normal-responsive {
        display: block;
        width: 100%;
        padding: 0px 10px;
        margin: 0px;
        position: relative;
        padding: 0px 10px;
        /* width: calc(100% - 600px); */
        width: calc(95%);
        max-height: 60px;
        overflow: auto;
        margin-bottom: 0px;
    
    }
    .main-header #breadcrumb-display-normal-responsive ul.breadcrumb{
        flex-wrap: nowrap;
        }

    #breadcrumb-display-responsive {
        /* display: block; */
        display: none;
    }

    button.navbar-toggler {
        display: block;
        right: 0;
        position: absolute;
        top: 14px;
    }
.app-admin-wrap.layout-sidebar-large .main-header .header-part-right {
        position: inherit;
        display: block;
        text-align: left;
        padding-left: 15px;
    }
    .main-header .open>.dropdown-menu {
          position: static;
          float: none;
    }
    .block-project-form.order-form-sales{
        width: 100%;
    }
    body .main-content-wrap.d-flex.flex-column {
        padding-top: 6em;
    }

    body .app-admin-wrap.layout-sidebar-large .side-content-wrap .sidebar-left .navigation-left {
        margin-top: 0em;
    }
    /* .block-project-form.block-profile .col-sm-12{
        flex: 0 0 50%;
        max-width: 50%;
    } */
    .project-view .project-detail .card-border p b,
    .project-view .project-detail .card-border p span{
        width: 50%;
    }
    .collapse.in{
            display: block!important;
    }
    .block-profile .row.image-user .col-md-6.text-left{
        text-align: left!important;
    }
    .purchase-order-payinfo,
    .purchase-order-payby {
        width: 100%;
        margin-bottom: 2rem;
    }
    .p-responsive-row{
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 35px;
    }
}
@media(max-width:680px){
    .main-header .breadcrumb>ul>li+li:before{
        display: none;
    }
    .main-header .breadcrumb>ul>li{
        margin-bottom: 10px;
    }
}
@media(max-width:576px){
    body .sidebar-left,
    body .sidebar-left-secondary{
            top: 60px !important;
    }
    .block-project-form.block-profile .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .main-header .breadcrumb {
        flex-direction: inherit;
    }
}
@media(min-width:576px){
    .block-project-form.block-profile .col-sm-12{
        flex: 0 0 50%;
        max-width: 50%;
        float: left;
    }
}
@media(max-width:521px) {
 
    .app-admin-wrap.layout-sidebar-large .main-header .breadcrumb{
        width: 100%;
            padding: 10px 0;
    }
    .app-admin-wrap.layout-sidebar-large .main-header .header-part-right{
        position: relative;
        top:0;
        width: 100%;
    }
    .app-admin-wrap.layout-sidebar-large .main-header .header-part-right .dropdown{
  
        width: 100%;
    }
    .app-admin-wrap.layout-sidebar-large .main-header .header-part-right .dropdown-menu.dropdown-menu-right{

        width: 100%;
    }
    .app-admin-wrap .main-content-wrap.sidenav-open {
        padding-top: 140px;
    }
    .app-admin-wrap.layout-sidebar-large .main-header{
        padding: 0;
    }
    .main-content-wrap.d-flex.flex-column {
        padding-top: 8em;
    }
    .app-admin-wrap.layout-sidebar-large .side-content-wrap .sidebar-left .navigation-left {
        margin-top: 30px;
    }
    .project-view .project-detail .card-border p b,
    .project-view .project-detail .card-border p span {
        width: 100%;
    }
}
@media(max-width:500px) {
    .app-admin-wrap.layout-sidebar-large .main-header .header-part-right {
        padding:0;
    }
    #userDropdown{
        margin-bottom: 15px;
    }
}
@media(max-width:435px){
    .main-content-wrap.d-flex.flex-column{
        padding-top: 8em;
    }
    .main-header .logo{
        width: 90%!important;
    }
    .app-admin-wrap.layout-sidebar-large .main-header .logo img{
        width: 100%;
        height: auto;
    }
    /* .project-view ul.list-group li.list-group-item h2{
        font-size: 16px;
    } */
    .project-view .list-group{
            padding: 0;
    }
    .project-view span.p-responsive-row b{
        display: block;
    }
}
@media(max-width:377px) {
    .app-admin-wrap.layout-sidebar-large .main-header {
            padding: 15px;
        }
    body .main-content-wrap.d-flex.flex-column {
        padding-top: 10em;
    }

    body .app-admin-wrap.layout-sidebar-large .side-content-wrap .sidebar-left .navigation-left {
        margin-top: 4.5em;
    }
    .swal2-popup.swal2-modal.swal2-show{
        min-width: 100%;
    }
    .swal2-popup.swal2-modal.swal2-show .swal2-styled {
        min-width: 120px;
    }
}
@media(max-width: 991px){
    .purchase-order-document {
        margin-top:15px;
        width: 100%;
    }
    .block-project-form img{
        display: block;
        float: right;
    }
}
@media(min-width:768px){
    #userDropdown {
        max-width: 165px;
    }
    .header-part-right .dropdown .user span .fa-sort-down{
        position: absolute;
        top: 7px;
        right: 18px;
    }
    .header-part-right .dropdown .user span{
        line-height: 33px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
    .layout-sidebar-large .main-header .header-part-right .user img{
        float: left;
    }

}
@media(max-width:575px){
    .block-project-form img{
        float: none;
        margin: auto;
    }
    .block-profile .row.image-user .col-md-6.text-right {
            text-align: center !important;
    }
}