@media (min-width:1261px) and (max-width:1366px) {
    .Invoicebox {
        width: 19.2%;
    }

    .invoicelogosec .invodetail {
        margin-left: 18%;
    }
}

@media (max-width: 1100.98px) {
    .sellreceivale .process-datepicker {max-width: 145px;}
}

@media (min-width:991px) and (max-width:1024px) {
    .upload-electricity {
        display: block;
        float: none;
        margin-top: 5px;
    }

    .show-hide-photos {
        display: block;
        float: none;
        margin-top: 5px;
    }

    .k-ff input.k-textbox {
        width: 70%;
    }

    .audit-fixturecount-panel {
        min-height: 430px;
    }

    #divUploadedJobSitePhotoListView {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .form-wizard .step .desc {
        margin-top: 10px;
        display: block;
    }

    .pricing-table .rate .price, .pricing-table2 .rate .price {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .blue-light-custom-pop {
        padding: 10px 10px;
    }

        .blue-light-custom-pop .custom-row label {
            font-size: 11px;
        }

    .white-bg-custom-main {
        padding: 10px 10px;
    }

        .white-bg-custom-main .custom-row label {
            font-size: 11px;
        }

    .btnCommission {
        width: 110px;
        height: 60px;
        font-size: 7pt;
    }
}

@media (min-width: 979px) and (max-width: 1024px) {
    .stetuss label {
        width: 70px;
    }

    .tools-btn {
        padding: 7px 3px !important;
        line-height: normal;
    }

    li.doc-has-sub.auditdoctitle a {
        width: 96.8%;
    }

    .searchblock .fes-fieldrow {
        width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    header {
    }

    .responsive-custom {
        width: 13.55%;
    }

    .dashboard-stat .details .desc {
        font-size: 14px;
    }

    .dashboard-stat .details {
        min-height: 98px;
    }

    .dashboard-stat .more {
        padding: 5px;
    }

    .page-sidebar {
        position: relative;
        width: 100%;
        ;
    }

        .page-sidebar ul {
            width: 100%;
            margin: 0px;
        }

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

    .project-profile .status-box h4, .project-profile .status-box h3 {
        font-size: 12px;
    }

    #ListViewUploadedPhotos .col-xs-3 img {
        width: 80%;
        height: auto;
        max-width: 100%;
    }

    .page-sidebar > ul > li > ul.sub {
        margin: 0px 0px;
    }

    .flip-scroll #ProjectCenterGrid {
        width: 100%;
        overflow-x: scroll;
        overflow-y: auto;
    }

    .k-selectable {
        width: 1000px;
    }

    .project-status {
        padding: 5px 0px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    body {
        padding-top: 0px;
    }

    .page-sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    .page-sidebar .btn-navbar .arrow {
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        top: 50px;
        border-bottom: 15px solid #5f646b;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }

    .k-grid-pager {
        max-width: 959px;
    }

    .audit-fixturecount-panel {
        height: 430px;
    }

    .Invoicebox {
        width: 19.5%;
        margin: 5px 1px;
    }

    .notecategory {
        margin-top: 8px !important;
    }

    .invoicelogosec .invodetail {
        margin-left: 8%;
    }

    .materialunit .fes-5 {
        width: 35% !important;
    }

    .materialunit .matdescbd, .noninstalmat .mathematic-sign + .fes-1 {
        min-width: 53px;
    }
    /*.noninstalmat > .fes-2 {width:12% !important;}*/
    .inlinerow {
        text-align: left;
    }

        .inlinerow .inlineblock {
            margin-left: 0px;
            margin-right: 10px;
        }
}

@media (min-width: 980px) {
    .page-sidebar {
        position: relative;
        width: 100%;
        z-index: 9;
    }

        .page-sidebar ul {
            width: 100%;
        }

    .page-content {
        margin-left: 225px;
        margin-top: 0px;
    }
}

@media (max-width:979px) {
    .header .nav li.dropdown i {
        display: inline-block;
        position: relative;
        top: 1px;
        right: 0px;
    }

    .header .nav {
        margin-bottom: 0px !important;
    }

    .page-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .fixed-top .page-container {
        margin-top: 0px !important;
    }

    .page-content {
        margin: 0px !important;
        padding: 0px !important;
    }

    .page-sidebar {
        margin: 0 0px;
    }

        .page-sidebar.in {
            margin: 10px;
            position: relative;
            z-index: 5;
        }

        .page-sidebar ul {
            margin-top: 0px;
            width: 100%;
        }

        .page-sidebar .selected {
            display: none !important;
        }

        .page-sidebar .sidebar-search {
            float: right;
            width: 220px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .page-title {
        margin: 15px 0px;
    }

    .styler-panel {
        top: 55px;
        right: 20px;
    }

    .page-sidebar > ul > li > a {
        border-top: 1px solid #2c2d30 !important;
    }

    .page-sidebar > ul > li:last-child > a {
        border-bottom: 0 !important;
    }

    .page-sidebar .sidebar-search input {
        background-color: #232427 !important;
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .projectcenter > .fes-9 {
        width: 65%;
    }

    .projectcenter > .fes-3 {
        width: 35%;
    }

    .Invoicebox {
        width: 18.8%;
    }

    .invoicelogosec .invodetail {
        margin-left: 8%;
    }

    .invoicedetail {
        width: 90%;
    }
}

@media (max-width: 1260px) {
    body {
        font-size: 12px;
    }

    header {
        min-height: 60px;
    }

    .toggle-menu {
        line-height: 60px;
    }

    header .main-logo {
        width: 150px;
    }

        header .main-logo img {
            width: 100%;
        }

    .headerright {
        padding-top: 7px;
    }

    .nav-left, #main-content {
        padding-top: 65px;
    }

    div.k-window {
        border: 2px solid #607d8b;
        border-radius: 0;
        width: auto !important;
        left: 10px !important;
        right: 10px !important;
    }

    .lgpopup {
        border-radius: 0;
        width: auto !important;
        left: 10px !important;
        right: 10px !important;
    }

    .filterrow .fes-3 {
        padding-right: 20px;
    }

    .smpopup, .mdpopup {
        border-radius: 0;
        width: auto !important;
        left: 10px !important;
        right: 10px !important;
    }

    .k-dropdown .k-dropdown-wrap {
        height: 32px;
    }

    .k-ff input.k-textbox {
        height: 30px !important;
    }

    .k-popup .k-list .k-item {
        line-height: 2.8em;
        min-height: 2.8em;
    }

    .k-dropdown-wrap .k-input, .k-selectbox .k-input, .filterrow .fes-fieldrow input, .filterrow .fes-fieldrow select, .filterrow .fes-fieldrow textarea {
        height: 32px;
        line-height: 30px;
    }

    .k-i-arrow-s {
        margin-top: 7px;
    }

    .searchblock .iconsearch {
        height: 32px;
        line-height: 30px;
    }

    .fesdrodown > a {
        padding: 8px 10px 7px 10px;
    }

    .searchblock .filter-project {
        line-height: 32px;
    }

    .filterrow .fieldvalue {
        line-height: 30px;
    }

    .filterrow .fes-row .fes-2 {
        width: 33.3333%;
    }

    .filterrow .fes-row .fes-6.searchblock {
        display: block;
        width: 100%;
        margin-top: 5px;
    }

        .filterrow .fes-row .fes-6.searchblock .dashboardFilter {
            text-align: left;
        }

    #dvStoryLinePriorityChartWrapper .fes-8, #dvStoryLinePriorityChartWrapper .fes-4 {
        width: 50%;
    }

    .filterrow.notificationcenter .fes-row .fes-6 {
        width: 100%;
    }

    .Vtdetails1 > .fes-4, .Vtdetails1 > .fes-8 {
        padding: 0 10px;
    }

    /* 30-07-2018 Harsh CSS Start */
    .project-center-filter.Filter-panel {
        left: 15px;
        right: inherit;
        top: calc(100% - 15px);
    }
    /* 30-07-2018 Harsh CSS End */
}

@media (max-width: 1023px) {
    .fes-row {
        margin: 0px;
    }

    .fes-1, .fes-2, .fes-3, .fes-4, .fes-5, .fes-6, .fes-7, .fes-8, .fes-9, .fes-10, .fes-11, .fes-12 {
        float: left;
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
    }

    .fes-row .fes-row {
        margin-bottom: 8px;
    }

        .fes-row .fes-row:last-child {
            margin-bottom: 0px;
        }

        .fes-row .fes-row .fes-1, .fes-row .fes-row .fes-2, .fes-row .fes-row .fes-3, .fes-row .fes-row .fes-4, .fes-row .fes-row .fes-5, .fes-row .fes-row .fes-6, .fes-row .fes-row .fes-7, .fes-row .fes-row .fes-8, .fes-row .fes-row .fes-9, .fes-row .fes-row .fes-10, .fes-row .fes-row .fes-11, .fes-row .fes-row .fes-12 {
            position: relative;
            min-height: 1px;
            padding-left: 4px;
            padding-right: 4px;
            float: left;
            margin-bottom: 0px;
        }

        .fes-row .fes-row .fes-1 {
            width: 8.33333%;
        }

        .fes-row .fes-row .fes-2 {
            width: 16.66667%;
        }

        .fes-row .fes-row .fes-3 {
            width: 25%;
        }

        .fes-row .fes-row .fes-4 {
            width: 33.33333%;
        }

        .fes-row .fes-row .fes-5 {
            width: 41.66667%;
        }

        .fes-row .fes-row .fes-6 {
            width: 50%;
        }

        .fes-row .fes-row .fes-7 {
            width: 58.33333%;
        }

        .fes-row .fes-row .fes-8 {
            width: 66.66667%;
        }

        .fes-row .fes-row .fes-9 {
            width: 75%;
        }

        .fes-row .fes-row .fes-10 {
            width: 83.33333%;
        }

        .fes-row .fes-row .fes-11 {
            width: 91.66667%;
        }

        .fes-row .fes-row .fes-12 {
            width: 100%;
        }

    .form-row .fes-row.attendees .fes-row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .borderbox .titlebox {
        line-height: 45px;
        padding: 0px 15px;
    }

    .titleboxrow .titlebox .controls {
        float: none;
        line-height: normal;
    }

        .titleboxrow .titlebox .controls .text-right {
            text-align: left;
        }

    .fes-row.additionallamp .fes-row {
        margin-bottom: 8px;
    }

    .fes-row .fes-row.dbTblList > .fes-12 {
        padding: 8px 0px;
        margin-bottom: 3px;
    }

    #Controls-Commission-Table.fes-row > [class*="fes-"] {
        width: 100%;
        margin-bottom: 8px;
    }

    .collectiondashboard > .collectiondashboardbox {
        width: calc(33.3333% - 8px);
        margin: 4px;
    }

    .dashboard-header2 > .fes-row > .fes-9, .dashboard-header2 > .fes-row > .fes-3 {
        width: 100%;
        float: none;
        margin-bottom: 8px;
    }

        .dashboard-header2 > .fes-row > .fes-3 .profiledropdown {
            max-width: 300px;
        }

    .gray-heading .gray-headingright.personnelright {
        float: none;
        margin-top: 10px;
    }

    #GridProjectNotesNotification .fes-row {
        margin-left: 0px;
        margin-right: 0px;
    }

        #GridProjectNotesNotification .fes-row [class*="fes-"] {
            padding: 0px;
            width: inherit;
            margin-right: 8px;
        }

    .fes-row.reasontextrow .fes-1 {
        width: 25px;
    }

    .fes-row.reasontextrow .fes-11 {
        width: calc(100% - 25px);
    }

    .status-panel2 .fes-4, .status-panel2 .fes-4 center, .status-panel2 .pull-right .pull-right {
        text-align: left;
        float: inherit;
    }

    .scroll-auto {
        height: auto;
    }

    .audioinstallation {
        margin-top: 15px;
    }

    .siteinfo {
        margin-top: 10px;
    }

    .borderbotm {
        margin-bottom: 15px !important;
    }

    .invoindetailone {
        margin-top: 25px;
    }

    .invoicedetail .invoicedetailinner {
        padding: 0 0;
    }

    .invoicedetail .fes-6 {
        width: 100% !important;
    }

    .invoicelogosec + .fes-6 {
        margin-bottom: 20px !important;
    }

    .invoicelogosec img {
        max-width: 80px;
    }

    .invoicelogosec .compdetail {
        margin-left: 3%;
    }

    .invoicelogosec .invodetail {
        margin-left: 4%;
    }

    .filterrow .fes-row .fes-2 {
        width: 33.3333%;
    }

    .filterrow .fes-row .fes-6.searchblock {
        display: block;
        width: 100%;
        margin-top: 5px;
    }

        .filterrow .fes-row .fes-6.searchblock .dashboardFilter {
            text-align: left;
        }
}


@media (max-width: 767px) {
    .loginheader img {
        width: 75px;
    }

    .loginheaderright {
        width: 65%;
        margin-top: 0px;
    }

    .fes-blockrow {
        display: block;
        margin-left: -4px;
        margin-right: -4px;
    }

        .fes-blockrow .fes-block {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding: 0px 4px;
        }

    .responsive-custom-admin {
        width: 32.3333%;
        padding: 0px;
        margin: 0.5%;
        margin-bottom: 0%;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-3-5, .col-xs-4, .col-xs-4-5, .col-xs-5, .col-xs-5-1, .col-xs-6, .col-xs-6-1, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
        float: none;
        width: inherit;
    }

    .login-body > .login-content {
        top: 0px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        padding: 30px;
    }

    .login-body footer {
        position: relative;
    }

    .header .navbar-inner .container-fluid {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .header .top-nav .nav {
        margin-top: 0px;
        margin-right: 5px;
    }

    .header .nav > li > .dropdown-menu.notification:after, .header .nav > li > .dropdown-menu.notification:before {
        margin-right: 180px;
    }

    .header .nav > li > .dropdown-menu.notification {
        margin-right: -180px;
    }

    .header .nav > li > .dropdown-menu.inbox:after, .header .nav > li > .dropdown-menu.inbox:before {
        margin-right: 140px;
    }

    .header .nav > li > .dropdown-menu.inbox {
        margin-right: -140px;
    }

    .header .nav > li > .dropdown-menu.tasks:after, .header .nav > li > .dropdown-menu.tasks:before {
        margin-right: 90px;
    }

    .header .nav > li > .dropdown-menu.tasks {
        margin-right: -90px;
    }

    .page-content {
        padding: 10px !important;
    }

    .page-title {
        margin-bottom: 20px;
    }

    .styler-panel {
        top: 58px;
        right: 12px;
    }

    .breadcrumb {
        padding-left: 10px;
        padding-right: 10px;
    }

    .portlet-body.form .form-actions {
        padding-left: 15px;
    }

    #gritter-notice-wrapper {
        right: 1px !important;
    }

    .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
        top: -27px;
        float: right;
        right: 10px !important;
    }

    .table-advance tr td.highlight:first-child a {
        margin-left: 8px;
    }

    .footer {
        padding-left: 10px;
        padding-right: 10px;
    }

        .footer .go-top {
            float: right;
            display: block;
            margin-top: -22px;
            margin-right: 0px;
            margin-bottom: 5px !important;
        }

    .gray-heading .gray-headingright {
        float: none;
        margin-top: 10px;
        padding-right: 0px;
    }

    .gray-heading {
        padding: 10px 10px 10px 10px;
    }

    .dashboard-header2 > .fes-row > .searchblock > .searchrow {
        max-width: 450px;
    }

        .dashboard-header2 > .fes-row > .searchblock > .searchrow > label.search, .dashboard-header2 > .fes-row > .searchblock > .searchrow > .search-box-wrapper, .dashboard-header2 > .fes-row > .searchblock > .searchrow > .search-dropdown-wrapper, .dashboard-header2 > .fes-row > .searchblock > .searchrow > .searchbtn {
            width: 100%;
            display: block;
            margin-bottom: 8px;
        }

    .dashboard-header2 button {
        float: none;
    }

    .fc-button {
        padding: 0px 6px;
    }

    .noteCategory {
        float: none;
        display: block;
    }

        .noteCategory span {
            display: block;
            margin-top: 5px;
        }

    .chatslist .message {
        margin-top: 27px;
    }

    .Invoicebox {
        width: 47%;
    }

    #eventCalendar h2 {
        font-size: 10px !important;
        margin-top: 5px;
        float: left;
        font-weight: 600
    }

    #eventCalendar .fc-toolbar.fc-header-toolbar {
        margin-top: 1em;
    }

    #eventCalendar .fc-button {
        font-size: 10px !important;
        margin: 0 0 0 -3px;
    }

    #eventCalendar .fc-toolbar .fc-state-active {
        font-size: 10px !important;
        box-shadow: none
    }

    #eventCalendar .fc-toolbar .fc-center {
        float: left;
        padding-left: 12px;
    }

    #eventCalendar td {
        font-size: 10px !important
    }

    #eventCalendar .fc .fc-button-group > * {
        margin: 0 0 0 -3px;
    }

    .inlinerow {
        text-align: left;
    }

        .inlinerow .inlineblock {
            margin-left: 0px;
            margin-right: 10px;
        }
}

@media (max-width: 480px) {
    .loginheaderright .trouble {
        display: block;
    }

    .loginheaderright a.contactsupport {
        display: inline-block;
        margin-top: 10px;
    }

    .logincontent {
        max-width: 90%;
    }

    .fes-row .fes-row .fes-1, .fes-row .fes-row .fes-2, .fes-row .fes-row .fes-3, .fes-row .fes-row .fes-4, .fes-row .fes-row .fes-5, .fes-row .fes-row .fes-6, .fes-row .fes-row .fes-7, .fes-row .fes-row .fes-8, .fes-row .fes-row .fes-9, .fes-row .fes-row .fes-10, .fes-row .fes-row .fes-11, .fes-row .fes-row .fes-12 {
        float: left;
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
    }

    .fes-row .fes-row.dbTblList > .fes-12 {
        padding: 8px 0px;
        margin-bottom: 3px;
    }

    .login-body header {
        border-bottom: 0px solid #585858;
        padding: 40px 0px 40px 5px;
    }

        .login-body header img {
            width: 50%;
        }

    .login-body #main-content {
        padding-top: 20px;
    }

    .login-form .editor-label, .login-form .editor-field {
        text-align: left;
        width: auto;
        display: block;
        padding: 5px 0px;
    }

        .login-form .editor-field.primary-button {
            text-align: center;
            margin: 0px;
            width: 100%;
            padding: 10px 0px;
        }

    .displayUserProfile label {
        display: none;
    }

    #divUserProfile .personnel-form {
        width: auto;
        left: 3%;
        height: 100%;
        overflow-y: auto;
    }

    .header .nav {
        clear: both !important;
    }

        .header .nav > li.dropdown .dropdown-toggle {
            margin-top: 3px !important;
        }

        .header .nav li.dropdown .dropdown-toggle .badge {
            top: 11px;
        }

    .page-sidebar.in {
        margin-top: 7px !important;
    }

    .styler-panel {
        top: 92px;
        right: 12px;
    }

    .page-title small {
        display: block;
        clear: both;
    }

    .page-content .breadcrumb .dashboard-date-range {
        padding-bottom: 8px;
    }

        .page-content .breadcrumb .dashboard-date-range span {
            display: none;
        }

    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        padding: 30px;
        width: 222px;
    }

        .login .content h3 {
            font-size: 22px;
        }

        .login .content .m-wrap {
            width: 180px;
        }

    .login .checkbox {
        font-size: 13px;
    }

    .m-wrap.small {
        width: 100px !important;
    }

    .m-wrap.medium {
        width: 150px !important;
    }

    .m-wrap.large {
        width: 200px !important;
    }

    .m-wrap.huge {
        width: 246px !important;
        font-size: 24px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 22px 8px !important;
    }

    select.m-wrap.small {
        width: 114px !important;
    }

    select.m-wrap.medium {
        width: 164px !important;
    }

    select.m-wrap.large {
        width: 214px !important;
    }

    .personnelright {
        width: 100%;
    }

    .collectiondashboard > .collectiondashboardbox {
        width: 100%;
        margin: 0px;
        margin-bottom: 8px;
    }

    .commissions-pending-commissions .text-right {
        text-align: left;
    }
}

@media (min-width: 480px) {
    /*.form-row .fes-1, .form-row .fes-2, .form-row .fes-3, .form-row .fes-4, .form-row .fes-5, .form-row .fes-6, .form-row .fes-7, .form-row .fes-8, .form-row .fes-9, .form-row .fes-10, .form-row .fes-11, .form-row .fes-12 { position: relative; min-height: 1px; padding-left:4px; padding-right:4px; float: left; }
.form-row .fes-1 { width: 8.33333%; }
.form-row .fes-2 { width: 16.66667%; }
.form-row .fes-3 { width: 25%; }
.form-row .fes-4 { width: 33.33333%;}
.form-row .fes-5 { width: 41.66667%; }
.form-row .fes-6 { width: 50%; }
.form-row .fes-7 { width: 58.33333%; }
.form-row .fes-8 { width: 66.66667%; }
.form-row .fes-9 { width: 75%; }
.form-row .fes-10 { width: 83.33333%; }
.form-row .fes-11 { width: 91.66667%; }
.form-row .fes-12 { width: 100%; }*/
}

@media (max-width: 320px) {
    .header .nav > li.dropdown .dropdown-toggle {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}



@media (max-width: 767px) {
    .toggle-menu {
        width: 35px;
        font-size: 20px;
        line-height: 42px;
    }

    header {
        padding-left: 0px;
        padding-right: 0px;
    }

    header {
        border-bottom: 1px solid #585858;
        min-height: 45px;
        padding: 0px 0px 0px 35px;
    }

        header .main-logo {
            width: 120px;
            overflow: hidden;
            padding: 0px 6px;
            border-right: 1px solid #767676;
        }

            header .main-logo img {
                display: block;
                max-width: inherit;
                width: 100%;
            }

    .headerright {
        padding: 5px 5px 5px 0px;
    }

    .nav-left, #main-content {
        padding-top: 45px;
    }

    #divUserProfile .personnel-form {
        position: relative;
        margin: 20px;
        margin-top: 80px;
        left: inherit;
        right: inherit;
        top: inherit;
        height: calc(100% - 100px);
    }

    .searchblock, .filterrow .btnrow {
        text-align: left;
    }

    .filterrow .fes-3 {
        padding-right: 0px;
    }

    .filter-panel label {
        line-height: normal;
    }

    .commission-batch-month, .commission-batch-date {
        top: 0px;
    }
}

@media (max-width: 480px) {

    header .login-logo, .login-form {
        width: 100%;
        padding: 0px 15px;
        text-align: center;
    }
}