/***************** Media Queries by Jaro *****************/

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/
@media (min-width : 320px) and (max-width: 480px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    /*********** dashboard ************/
    #dashboard {
        padding: 20px;
    }

    .dashboard-content {
        padding: 10px;
    }

    .dashboard-content-left {
        width: auto;
        float: none;
    }

    .dashboard-panel .dashboard-panel-content {
        padding: 0;
    }

    .dashboard-panel-overview .column1,
    .dashboard-panel-overview .column2,
    .dashboard-panel-overview .column3,
    .dashboard-panel-today .column1,
    .dashboard-panel-today .column2,
    .dashboard-panel-today .column3,
    .dashboard-panel-period .column1,
    .dashboard-panel-period .column2 {
        width: auto;
    }

    .dashboard-panel .column1,
    .dashboard-panel .column2,
    .dashboard-panel .column3 {
        float: none;
        margin-right: 0;
        margin-top: 20px;
    }

    .dashboard-panel-calendar .dashboard-panel-content {
        overflow: hidden;
        overflow-x: scroll;
    }

    .dashboard-panel .dashboard-panel-heading {
        height: auto;
    }

    .dashboard-panel .dashboard-panel-content #periodchartlinecount {
        overflow-x: scroll;
        overflow-y: auto;
        width: 100% !important;
        margin-bottom: 20px;
    }

    #main #list {
        position: relative;
    }

    #panels {
        overflow-x: scroll;
    }
}

@media (min-width : 320px) and (max-width: 568px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    /*********** dashboard ************/
    #dashboard {
        padding: 20px;
    }

    .dashboard-content {
        padding: 10px;
    }

    .dashboard-content-left {
        width: auto;
        float: none;
    }

    .dashboard-panel .dashboard-panel-content {
        padding: 0;
    }

    .dashboard-panel-overview .column1,
    .dashboard-panel-overview .column2,
    .dashboard-panel-overview .column3,
    .dashboard-panel-today .column1,
    .dashboard-panel-today .column2,
    .dashboard-panel-today .column3,
    .dashboard-panel-period .column1,
    .dashboard-panel-period .column2 {
        width: auto;
    }

    .dashboard-panel .column1,
    .dashboard-panel .column2,
    .dashboard-panel .column3 {
        float: none;
        margin-right: 0;
        margin-top: 20px;
    }

    .dashboard-panel-calendar .dashboard-panel-content {
        overflow: hidden;
        overflow-x: scroll;
    }

    .dashboard-panel .dashboard-panel-heading {
        height: auto;
    }

    .dashboard-panel .dashboard-panel-content #periodchartlinecount {
        overflow-x: scroll;
        overflow-y: auto;
        width: 100% !important;
        margin-bottom: 20px;
    }

    /*Fixed Panel Slider*/
    .fixed-panel {
        display: block;
    }

        .fixed-panel span.fixed-panel-mmenu {
            position: fixed;
            left: 206px;
            background-color: #ddd;
            display: none;
            margin-top: 6px;
        }

    span.fixed-panel-mmenu .fa.fa-tasks {
        color: #55ABAB;
        font-size: 34px;
        background-color: #ddd;
        padding: 6px;
        margin-top: 6px;
    }

    span.fixed-panel-mmenu {
        background-color: #fff;
        display: none;
    }

    #main #workspace {
        width: 100%;
        position: relative;
    }

        #main #workspace > h2 {
            font-size: 28px !important;
        }

        /**************** main dish *****************/
        #main #workspace > h3.btn-styles a, #main #workspace h3.btn-styles a:link, #main #workspace > h3.btn-styles a:visited {
            font-size: 12px;
            width: auto;
        }

        #main #workspace > div.deck > ul.tabs {
            display: none;
        }

    .workspace .divider {
        float: none;
        width: auto;
    }

        .workspace .divider a.active {
            border-radius: 0;
        }

        .workspace .divider a {
            text-decoration: none;
            width: auto;
        }

    #main #workspace > div.deck div.card {
        margin: 20px;
        width: auto;
    }
    /*Sale Page*/
    #main #workspace .sale > form > .details .customer span input,
    #main #workspace .sale > form > .details .customer span.company input,
    #main #workspace .sale > form > .details .customer span.address input,
    #main #workspace .sale > form > .details .customer span.contact input#Customer_Person_EmailAddress {
        width: 360px;
    }

    #main #workspace .sale > form > .details .options {
        float: none;
        width: auto;
    }

    .options #cancelButton {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .details .customer {
        margin-top: 20px;
    }

    #main #workspace > div.page {
        margin: 10px;
        padding: 10px;
        width: 860px;
    }

    #main #workspace div.tagsinput,
    #main #workspace .sale #Notes {
        width: 300px !important;
    }

    #main #workspace .sale {
        overflow: scroll;
    }

    .job {
        width: 860px;
    }

        .job .lines {
            width: 96%;
        }

    .buttoncollection > div {
        margin-left: 2px;
    }

    #main #list {
        position: relative;
    }
}

@media (min-width : 360px) and (max-width: 640px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    /*********** dashboard ************/
    #dashboard {
        padding: 20px;
    }

    .dashboard-content {
        padding: 10px;
    }

    .dashboard-content-left {
        width: auto;
        float: none;
    }

    .dashboard-panel .dashboard-panel-content {
        padding: 0;
    }

    .dashboard-panel-overview .column1,
    .dashboard-panel-overview .column2,
    .dashboard-panel-overview .column3,
    .dashboard-panel-today .column1,
    .dashboard-panel-today .column2,
    .dashboard-panel-today .column3,
    .dashboard-panel-period .column1,
    .dashboard-panel-period .column2 {
        width: auto;
    }

    .dashboard-panel .column1,
    .dashboard-panel .column2,
    .dashboard-panel .column3 {
        float: none;
        margin-right: 0;
        margin-top: 20px;
    }

    .dashboard-panel-calendar .dashboard-panel-content {
        overflow: hidden;
        overflow-x: scroll;
    }

    .dashboard-panel .dashboard-panel-heading {
        height: auto;
    }

    .dashboard-panel .dashboard-panel-content #periodchartlinecount {
        overflow-x: scroll;
        overflow-y: auto;
        width: 100% !important;
        margin-bottom: 20px;
    }

    /*Fixed Panel Slider*/
    .fixed-panel {
        display: block;
    }

        .fixed-panel span.fixed-panel-mmenu {
            position: fixed;
            left: 206px;
            background-color: #ddd;
            display: none;
            margin-top: 6px;
        }

    span.fixed-panel-mmenu .fa.fa-tasks {
        color: #55ABAB;
        font-size: 34px;
        background-color: #ddd;
        padding: 6px;
        margin-top: 6px;
    }

    span.fixed-panel-mmenu {
        background-color: #fff;
        display: none;
    }

    #main #workspace {
    }

        #main #workspace > h2 {
            font-size: 28px !important;
        }

        /**************** main dish *****************/
        #main #workspace > h3.btn-styles a, #main #workspace h3.btn-styles a:link, #main #workspace > h3.btn-styles a:visited {
            font-size: 14px;
            width: auto;
        }

        #main #workspace > div.deck > ul.tabs {
            display: none;
        }

    .workspace .divider {
        float: none;
        width: auto;
    }

        .workspace .divider a.active {
            border-radius: 0;
        }

        .workspace .divider a {
            text-decoration: none;
            width: auto;
        }

    #main #workspace > div.deck div.card {
        margin: 20px;
        width: 460px;
    }
    /*Sale Page*/
    #main #workspace .sale > form > .details .customer span input,
    #main #workspace .sale > form > .details .customer span.company input,
    #main #workspace .sale > form > .details .customer span.address input,
    #main #workspace .sale > form > .details .customer span.contact input#Customer_Person_EmailAddress {
        width: 360px;
    }

    #main #workspace .sale > form > .details .options {
        float: none;
        width: auto;
    }

    .options #cancelButton {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .details .customer {
        margin-top: 20px;
    }

    #main #workspace > div.page {
        margin: 10px;
        padding: 10px;
        width: 860px;
    }

    #main #workspace div.tagsinput,
    #main #workspace .sale #Notes {
        width: 300px !important;
    }

    #main #workspace .sale {
        overflow: scroll;
    }

    .job {
        width: 860px;
    }

        .job .lines {
            width: 96%;
        }

    .buttoncollection > div {
        margin-left: 2px;
    }
}

@media (min-width : 375px) and (max-width: 667px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    /*********** dashboard ************/
    #dashboard {
        padding: 20px;
    }

    .dashboard-content {
        padding: 10px;
    }

    .dashboard-content-left {
        width: auto;
        float: none;
    }

    .dashboard-panel .dashboard-panel-content {
        padding: 0;
    }

    .dashboard-panel-overview .column1,
    .dashboard-panel-overview .column2,
    .dashboard-panel-overview .column3,
    .dashboard-panel-today .column1,
    .dashboard-panel-today .column2,
    .dashboard-panel-today .column3,
    .dashboard-panel-period .column1,
    .dashboard-panel-period .column2 {
        width: auto;
    }

    .dashboard-panel .column1,
    .dashboard-panel .column2,
    .dashboard-panel .column3 {
        float: none;
        margin-right: 0;
        margin-top: 20px;
    }

    .dashboard-panel-calendar .dashboard-panel-content {
        overflow: hidden;
        overflow-x: scroll;
    }

    .dashboard-panel .dashboard-panel-heading {
        height: auto;
    }

    .dashboard-panel .dashboard-panel-content #periodchartlinecount {
        overflow-x: scroll;
        overflow-y: auto;
        width: 100% !important;
        margin-bottom: 20px;
    }

    /*Fixed Panel Slider*/
    .fixed-panel {
        display: block;
    }

        .fixed-panel span.fixed-panel-mmenu {
            position: fixed;
            left: 206px;
            background-color: #ddd;
            display: none;
            margin-top: 6px;
        }

    span.fixed-panel-mmenu .fa.fa-tasks {
        color: #55ABAB;
        font-size: 34px;
        background-color: #ddd;
        padding: 6px;
        margin-top: 6px;
    }

    span.fixed-panel-mmenu {
        background-color: #fff;
        display: none;
    }

    #main #workspace {
    }

        #main #workspace > h2 {
            font-size: 28px !important;
        }

        /**************** main dish *****************/
        #main #workspace > h3.btn-styles a, #main #workspace h3.btn-styles a:link, #main #workspace > h3.btn-styles a:visited {
            font-size: 14px;
            width: auto;
        }

        #main #workspace > div.deck > ul.tabs {
            display: none;
        }

    .workspace .divider {
        float: none;
        width: auto;
    }

        .workspace .divider a.active {
            border-radius: 0;
        }

        .workspace .divider a {
            text-decoration: none;
            width: auto;
        }

    #main #workspace > div.deck div.card {
        margin: 20px;
        width: 460px;
    }
    /*Sale Page*/
    #main #workspace .sale > form > .details .customer span input,
    #main #workspace .sale > form > .details .customer span.company input,
    #main #workspace .sale > form > .details .customer span.address input,
    #main #workspace .sale > form > .details .customer span.contact input#Customer_Person_EmailAddress {
        width: 360px;
    }

    #main #workspace .sale > form > .details .options {
        float: none;
        width: auto;
    }

    .options #cancelButton {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .details .customer {
        margin-top: 20px;
    }

    #main #workspace > div.page {
        margin: 10px;
        padding: 10px;
        width: 860px;
    }

    #main #workspace div.tagsinput,
    #main #workspace .sale #Notes {
        width: 300px !important;
    }

    #main #workspace .sale {
        overflow: scroll;
    }

    .job {
        width: 860px;
    }

        .job .lines {
            width: 96%;
        }

    .buttoncollection > div {
        margin-left: 2px;
    }
}

@media (max-width : 480px) {



    /*Fixed Panel Slider*/
    .fixed-panel {
        display: block;
    }

        .fixed-panel span.fixed-panel-mmenu {
            position: fixed;
            left: 206px;
            background-color: #ddd;
            display: none;
            margin-top: 6px;
        }

    span.fixed-panel-mmenu .fa.fa-tasks {
        color: #55ABAB;
        font-size: 34px;
        background-color: #ddd;
        padding: 6px;
        margin-top: 6px;
    }

    span.fixed-panel-mmenu {
        background-color: #fff;
        display: none;
    }

    #main #workspace {
    }

        #main #workspace > h2 {
            font-size: 28px !important;
        }

        /**************** main dish *****************/
        #main #workspace > h3.btn-styles a, #main #workspace h3.btn-styles a:link, #main #workspace > h3.btn-styles a:visited {
            font-size: 14px;
            width: auto;
        }

        #main #workspace > div.deck > ul.tabs {
            display: none;
        }

    .workspace .divider {
        float: none;
        width: auto;
    }

        .workspace .divider a.active {
            border-radius: 0;
        }

        .workspace .divider a {
            text-decoration: none;
            width: auto;
        }

    #main #workspace > div.deck div.card {
        margin: 20px;
        width: 460px;
    }
    /*Sale Page*/
    #main #workspace .sale > form > .details .customer span input,
    #main #workspace .sale > form > .details .customer span.company input,
    #main #workspace .sale > form > .details .customer span.address input,
    #main #workspace .sale > form > .details .customer span.contact input#Customer_Person_EmailAddress {
        width: 360px;
    }

    #main #workspace .sale > form > .details .options {
        float: none;
        width: auto;
    }

    .options #cancelButton {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .details .customer {
        margin-top: 20px;
    }

    #main #workspace > div.page {
        margin: 10px;
        padding: 10px;
        width: 860px;
    }

    #main #workspace div.tagsinput,
    #main #workspace .sale #Notes {
        width: 300px !important;
    }

    #main #workspace .sale {
        overflow: scroll;
    }

    .job {
        width: 860px;
    }

        .job .lines {
            width: 96%;
        }

    .buttoncollection > div {
        margin-left: 2px;
    }
}

@media (max-width : 768px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    .dashboard-content-left {
        width: auto;
        float: none;
    }

    #main #workspace > h2, #main #workspace > h3 {
        width: auto;
    }

    #main #workspace > h2 {
        font-size: 38px;
    }

    /*********** Job Page ************/
    div.addJobLabelBContainerExist, div.addJobLabelBContainer {
        margin-right: 6px;
    }

    div.addJobLabelFContainerExist {
    }

    div.addJobLabelCContainerExist {
        margin-top: 16px !important;
    }

    div.addJobLabelDContainerExist, div.addJobLabelDContainer {
        margin-top: 16px !important;
    }

    div.addJobLabelEContainerExist {
        margin-top: 16px;
    }

    .job .preview {
    }



    /*Fixed Panel Slider*/
    .fixed-panel {
        display: block;
    }

        .fixed-panel span.fixed-panel-mmenu {
            position: fixed;
            left: 206px;
            background-color: #ddd;
            display: none;
            margin-top: 6px;
        }

    span.fixed-panel-mmenu .fa.fa-tasks {
        color: #55ABAB;
        font-size: 34px;
        background-color: #ddd;
        padding: 6px;
        margin-top: 6px;
    }

    span.fixed-panel-mmenu {
        background-color: #fff;
        display: none;
    }

    #main #workspace {
    }

        #main #workspace > h2 {
            font-size: 28px !important;
        }

        /**************** main dish *****************/
        #main #workspace > h3.btn-styles a, #main #workspace h3.btn-styles a:link, #main #workspace > h3.btn-styles a:visited {
            font-size: 14px;
            width: auto;
        }

        #main #workspace > div.deck > ul.tabs {
            display: none;
        }

    .workspace .divider {
        float: none;
        width: auto;
    }

        .workspace .divider a.active {
            border-radius: 0;
        }

        .workspace .divider a {
            text-decoration: none;
            width: auto;
        }

    #main #workspace > div.deck div.card {
        margin: 20px;
        width: 460px;
    }
    /*Sale Page*/
    #main #workspace .sale > form > .details .customer span input,
    #main #workspace .sale > form > .details .customer span.company input,
    #main #workspace .sale > form > .details .customer span.address input,
    #main #workspace .sale > form > .details .customer span.contact input#Customer_Person_EmailAddress {
        width: 360px;
    }

    #main #workspace .sale > form > .details .options {
        float: none;
        width: auto;
    }

    .options #cancelButton {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .details .customer {
        margin-top: 20px;
    }

    #main #workspace > div.page {
        margin: 10px;
        padding: 10px;
        width: 860px;
    }

    #main #workspace div.tagsinput,
    #main #workspace .sale #Notes {
        width: 300px !important;
    }

    #main #workspace .sale {
        overflow: scroll;
    }

    .job {
        width: 860px;
    }

        .job .lines {
            width: 96%;
        }

    .buttoncollection > div {
        margin-left: 2px;
    }
}

@media (max-width : 992px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    .dashboard-content-left {
        width: 100%;
        float: none;
    }
}

/* Tab Devices */
@media (min-width : 768px) and (max-width : 1024px) {
    #logo {
        width: auto;
    }

    .nav-desktop-view {
        display: none;
    }

    .nav-mobile-view {
        display: block;
    }

        .nav-mobile-view .m-menu {
            float: right;
            margin: 38px 40px 16px 0px;
        }

            .nav-mobile-view .m-menu a {
                position: relative;
            }

        /*********** Mobile Menu Panel ************/
        .nav-mobile-view #c-menu--slide-right {
        }

            .nav-mobile-view #c-menu--slide-right li {
                float: none !important;
                display: inline !important;
            }

                .nav-mobile-view #c-menu--slide-right li a {
                    border-bottom: 1px solid #888;
                    height: 50px !important;
                    line-height: 53px !important;
                    padding: 0 !important;
                }

        .nav-mobile-view .m-user-nav {
            overflow: hidden;
            float: left;
            position: relative;
            left: 38%;
        }

            .nav-mobile-view .m-user-nav a {
                padding: 6px;
                background: #D0D0D0 !important;
                color: #fff;
                text-shadow: #222 0px 1px 2px;
                border-right: 1px solid #9C9C9C !important;
            }

    #main > ul#tabs li.space {
        float: left;
    }

    .dashboard-content-left {
        width: auto;
        float: none;
    }

    #main #workspace > div.page {
        margin: 0px 0px 0px 10px;
        padding: 16px;
    }

    /******** Job Page *******/
    div.addJobLabelAContainerExist {
        width: auto;
    }

    div.addJobLabelBContainerExist,
    div.addJobLabelBContainer {
        width: auto;
        margin-right: 6px;
    }

    div.addJobLabelCContainerExist {
        width: 68px;
    }

    div.addJobLabelDContainerExist,
    div.addJobLabelDContainer {
        width: auto;
    }

    #jobNotes, #jobDescription {
        width: 360px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    div.addJobLabelEContainerExist {
        margin-left: 0px;
        margin-right: 0px;
    }

    div.addJobLabelFContainerExist {
        width: 140px;
        float: right;
    }

    .job .jobLoader {
        width: 148px;
        height: 148px;
    }

        .job .jobLoader > img {
            margin: 38px;
        }

    .seeMoreButton {
        position: relative;
        margin-bottom: 5px;
        margin-top: -22px;
    }

        .seeMoreButton input[type='button'] {
            font-size: 10px;
            padding: 3px 10px;
        }
}


@media (min-width : 1024px) {
    #panels .fixed-panel-mmenu {
        display: none;
    }
}

@media (max-width: 1200px) {
    #logo {
        width: 171px;
    }

    div.addJobLabelDContainerExist,
    div.addJobLabelDContainer {
        width: auto;
    }

    div.addJobLabelBContainerExist, div.addJobLabelBContainer {
        width: auto;
        margin-right: 6px;
    }

    div.addJobLabelEContainerExist {
        margin-left: 0px;
        margin-right: 0px;
    }

    div.addJobLabelCContainerExist {
    }

    #jobNotes, #jobDescription {
        width: 230px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1280px) {
    #logo {
        width: 206px;
    }

    #main > ul#tabs li {
        width: 9.888%;
    }

    div.addJobLabelDContainerExist,
    div.addJobLabelDContainer {
        width: auto;
    }

    div.addJobLabelBContainerExist, div.addJobLabelBContainer {
        width: auto;
        margin-right: 6px;
    }

    div.addJobLabelEContainerExist {
        margin-left: 0px;
        margin-right: 0px;
    }

    div.addJobLabelCContainerExist {
    }

    #jobNotes, #jobDescription {
        width: 230px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1354px) {
    #main > ul#tabs li {
        width: 7.888%;
    }

    div.addJobLabelFContainerExist {
        float: right;
    }

    div.addJobLabelDContainerExist,
    div.addJobLabelDContainer {
        width: auto;
    }

    div.addJobLabelBContainerExist, div.addJobLabelBContainer {
        width: auto;
        margin-right: 6px;
    }

    div.addJobLabelEContainerExist {
        margin-left: 0px;
        margin-right: 0px;
    }

    div.addJobLabelCContainerExist {
        width: 68px;
    }

    #jobNotes, #jobDescription {
        width: 230px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}